.zw{width:90%;max-width:1200px;opacity: 0;pointer-events: none;background-color: rgba(0,0,0,0.5);}
.zw img{opacity: 0;pointer-events: none;width: 100%;}
.zw.z2 img{width: 60%;}
.zw.z3 img{width: 40%;}
.main{overflow-x: hidden;}
.main .wrap{width: 1200px;}

.zt_banner{width: 100%;position: relative;background:no-repeat center;background-size:auto 100% ;}
.zt_banner .info{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 3;}
.zt_banner img{display: block;margin:0 auto;}
.bannerzw{max-width: 100%;opacity: 0;}
.zt_main_box{background-color: #F3F7FD;padding:60px 0;background: no-repeat center;background-size: cover;}
.zt_tit{text-align: center;margin-bottom: 30px;}

.zt_banner .wrap{display: flex;align-items: center;height:100%;color:#fff;}
.zt_banner .t1{margin:0 auto;max-width: 1200px;width: 100%;opacity: 0;}
.zt_banner .txt{width: 45%;}
.zt_banner h2{padding-top: 5%;}
.zt_banner h3{padding:25px 0 15px;}
.zt_banner p span{display: block; opacity: .7;padding:20px 0 0;}
.zt_banner .img{position: relative;max-width: 600px;flex:1;animation: adPlay 3s infinite;}
.zt_banner .img div{position: absolute;left:5.15%;top:8%;width: 91%;height: 90%;background:no-repeat center; background-size: contain;margin:0 auto;}
.zt_banner .zt_lay2 img{width: 26%;margin-right: 4%;}
.zt_banner a{background: #145AFE;border-radius: 4px;width:114px;display: block;color:#fff;padding:10px 20px;margin-top: 5%;text-align: center;}

.zt_banner .pro .wrap{color:#333;}
.zt_banner .pro .txt{width: 70%;}

.dioswp{position: relative;height: 50px;}
.dios_tab_tit{position: absolute; top:-34px; height: 68px; background: #fff; box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.05);z-index: 9;width: 100%;}
.dios_tab_tit ul{ text-align: center; width: 100%;display: flex;justify-content: center;}
.dios_tab_tit li{ cursor: pointer; position: relative; display: inline-block; height: 68px; line-height: 60px; font-weight: 500;color: #181818;flex:1;text-align: center;}
.dios_tab_tit li::after{content: ""; position: absolute; lefT:0; top:17px; width: 1px; height: 34px; background: #EFEFEF;}
.dios_tab_tit li.on{ color: #145AFE;}
.dios_tab_tit li:first-child::after{ display: none;}
.dios_tab_tit li::before{ display: none; content: ""; position: absolute; left:50%; margin-left: -15px; bottom:14px; width: 30px;height: 4px;background: #145AFE;border-radius: 2px;}
.dios_tab_tit li.on::before{display: block;}

.trup{transition: .4s;}
.trup:hover{transform:translateY(-16px);-webkit-transform:translateY(-16px);}
.p2box{position: relative;}
.p2box .lay{display: flex;padding:20px 0 0;}
.p2box .lay .cum{flex:1;border-radius: 16px;color:#1B2331;text-align: center;}
.p2box .lay .cum img{width:80px;margin:0 auto;display: block;}
.p2box .lay .cum h2{padding:20px 0;}

.p3box{background-image: url(/industrynew/medium/image/yspagebg.jpg) ;}
.p3box .lay{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 40px;position: relative;}
.p3box .lay .laybg{background: url(/industrynew/medium/image/ysbg.png) no-repeat center;background-size: 80%;position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 0;}
.p3box .lay .cum{display: flex;width:50%;padding:10px 0;position: relative;z-index:2;}
.p3box .lay .cum .info{display: flex; align-items: center;padding:35px 30px;background: linear-gradient(162deg, #FFF1EA 0%, #FFFFFF 100%);width: 50%;
background: linear-gradient(162deg, rgba(255, 241, 234, .5) 0%, rgba(255,255,255,.6) 100%);
box-shadow: 0px 8px 40px 0px rgba(213,216,218,0.3);
border-radius: 8px;
border: 1px solid #FFFFFF;
backdrop-filter: blur(8px);}

.p3box .lay .cum:nth-child(2n){justify-content: flex-end;}
 .p3box .lay .empty{opacity: 0;pointer-events: none}
.p3box .lay .cum img{width: 55px;margin-right: 20px;}
.p3box .lay .cum h3{white-space: nowrap;color:#181818;}
.p3box .lay .cum h3 p{white-space: nowrap;color:#3D485D;font-weight: 400;}

.p4box{background-color: #F6F7FB;}
.p4box .lay{display: flex;flex-wrap: wrap;justify-content: space-between;}
.p4box .lay .cum{width:calc(33.3% - 10px);border-radius: 4px;background:#fff;box-sizing: border-box;padding:30px;position: relative;background-color: #ccc;border-radius: 10px;margin-bottom: 15px;}
/* .p4box .lay .cum:nth-child(1),.p4box .lay .cum:nth-child(2){width: calc(50% - 8px);margin-bottom: 15px;} */
.p4box .icon{position: absolute;right:0;bottom:0;width: 25%;opacity: 0;transition: .5s;}
.p4box .itembg{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 0;transition: .6s;}
.p4box .lay .cum h2{position: relative;z-index: 2;font-weight: 900;color:rgba(24, 24, 24, 1);padding-bottom: 15px;transition: .5s;}
.p4box .lay .cum p{position: relative;z-index: 2;color:rgba(61, 72, 93, 1);transition: .5s;}
.p4box .lay .cum:hover{background: linear-gradient(225deg, #5474FF 0%, #3E62FF 100%);}
.p4box .lay .cum:hover .icon{opacity: 1;}
.p4box .lay .cum:hover .itembg{opacity:0;}
.p4box .lay .cum:hover h2{color:#fff}
.p4box .lay .cum:hover p{color:#fff;}
.p5box{background-image:url(/industrynew/medium/image/jgbg.jpg);}
.p6box{background-image:url(/industrynew/medium/image/yspagebg.jpg);position: relative;}
.p6box .lay{padding-bottom: 50px;}
.itemimgs{height:calc(100% - 80px);width: 100%;position: absolute;left:0;top:40px;z-index: 9;}
.itemimgs .swiper-slide{height:calc(50% - 10px);overflow: hidden;border:1px solid #fff;border-radius: 10px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.p6box .tab{position: relative;}
.tab .swiper-button-next{right:-60px;}
.tab .swiper-button-prev{left:-60px;}
.tab .swiper-slide{text-align: center;padding:30px 20px;box-sizing: border-box;border-radius: 8px;background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);
box-shadow: -8px -8px 20px 0px rgba(55,99,170,0.1);
border: 2px solid #FFFFFF;}

.tab .swiper-slide.cur{background: linear-gradient(180deg, #5F8FFD 0%, #1763FF 99%);
box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);color:#fff;border:none;
}
.tab .swiper-slide span{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.p6box .conts{background: #FFFFFF;
border-radius: 8px;border-radius: 16px;margin-top: 30px;}
.p6box .conts .wp{padding:60px;color:#fff;box-sizing: border-box;display: flex;align-items: center;}
.p6box .conts .wp .imgs{position: relative;max-width: 50%;}
.p6box .conts .wp .info{flex:1;padding-right: 5%;}
.p6box .conts .wp .info h2{color:rgba(34, 34, 34, 1);padding-bottom: 20px;opacity: 0;transform: translateY(20px);transition: .5s .2s;}
.p6box .conts .wp .info p{padding-bottom: 20px;display:flex;line-height:1.9em;opacity: 0;transform: translateY(20px);transition: .8s .2s;
color: #3D485D;font-weight: 400;}
.p6box .conts .wp .info p em{padding-right: 10px;}
.p6box .conts .wp.swiper-slide-active .info h2,.p6box .conts .wp.swiper-slide-active .info p{opacity: 1;transform: translateY(0);}
.p6box .conts .wp .imgs .swiper-button-next{background:url(/images/finance/arraw-up.png) no-repeat center;top:0;right:50%;margin:0;box-shadow:none;margin-right:-12px ;width: 24px;height:24px}
.p6box .conts .wp .imgs .itemzw{opacity: 0;pointer-events: none;}
.p6box .conts .wp .imgs .swiper-button-prev{background:url(/images/finance/arraw-down.png) no-repeat center;lefT:50%;margin:0;top:auto;bottom:0;box-shadow: none;margin-left:-12px ;width: 24px;height:24px}

.swiper-button-prev,.swiper-button-next{background-color: #fff;background-size:26%;box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);width: 48px;height: 48px;border-radius: 50%;}



.dios_comm-part{padding: 8% 0 5%; color: #fff;margin-top: -46px;position: relative;z-index: 3;}
.dios_comm-part h2{font-weight: 600;}
.dios_comm-part .btn_more{ display: block; width: 120px; height: 36px; line-height: 36px; margin-top: 24px;color: #145AFE; font-weight:400;text-align: center; border-radius: 4px; background: #fff;}

@media only screen and (max-width:1200px){
	.p3box .lay .laybg{background-size: 100%;}
	.p3box .lay .cum .info{padding:25px 20px;}
	.zt_main_box{padding:30px 0;}
}
@media only screen and (max-width:1100px){
	.zt_banner .info{padding:50px 0;box-sizing: content-box;position: relative;}
	.zt_banner .zw{display: none;}
	.p6box .tab{width: calc(100% - 120px);margin: 0 auto}
	.p4box .lay .cum{width: calc(50% - 8px);}
}
@media only screen and (max-width:800px){
	
	.p3box .lay{padding-bottom: 0;}
	.p3box .lay .laybg{background:none;}
	.p3box .lay .cum {box-sizing: border-box;padding:10px;}
	.p3box .lay .cum .info{width: 100%;box-sizing: border-box;}
}
@media only screen and (max-width:767px){
	
	.zt_banner .txt,.zt_banner .pro .txt{width: 100%;}
	.zt_banner h3{padding:10px 0;}
	.dioswp{max-width: 100%;height: 30px;}
	.dios_tab_tit li{height:auto;line-height: 50px;}
	.dios_tab_tit li::before{bottom:0;}
	.dios_tab_tit ul{overflow: auto;white-space: nowrap;width: auto;}
	.dios_tab_tit{height: auto;max-width: 100%;}
	
	.p2box .lay{flex-wrap: wrap;padding-top: 0;}
	.p2box .lay .cum{width: 100%;flex:none;display: flex;text-align: left;border-bottom: 1px solid #eee;}
	.p2box .lay .cum h2{flex:1;padding-left: 10px;}
	
	.p3box .lay .cum{width: 50% !important;}
	.p3box .lay .cum .info{padding:15px;}
	.p3box .lay .cum img{width:24%;max-width: 40px;margin-right: 10px;}
	
	.p4box .lay .cum{width:100% !important;margin:0 0 20px !important}
	.p4box .lay .cum .icon{height: 80%;width: auto;}
	.p4box .lay .cum .info{padding:15px;}
	.p6box .conts .wp{display: block;padding:20px;}
	.p6box .conts .wp .imgs{max-width: 100%;}
	.p6box .conts .wp .info{padding:0;}
	
}

@media only screen and (max-width:767px){
	.zt_banner{background-position: left center;}
	.zt_banner .wrap{display: block;}
	.zt_banner h2{padding-top: 30px;}
	.zt_banner .info{position: relative;}
	.zt_banner .bannerzw{position: absolute;top:0;left:0;width: 100%;}
	.zt_banner .zt_lay2 span{padding-bottom: 10px;}
}