.ban .zw2d-ban-text h2{letter-spacing: 2px;}
.ban .zw2d-ban-text h3{letter-spacing: 15px;}
.ban .banner-code-box{
	background-image: -moz-linear-gradient(rgb(64,160,255) 0%, rgb(26,107,255) 100%);
	background-image: -webkit-linear-gradient(rgb(64,160,255) 0%, rgb(26,107,255) 100%);
	background-image: -ms-linear-gradient(rgb(64,160,255) 0%, rgb(26,107,255) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a6bff,endColorstr=#40a0ff);
	box-shadow: 0 0 25px 5px rgba(0,48,136,.25); filter: progid:DXImageTransform.Microsoft.Shadow(color='#003088', Direction=125, Strength=5);
	width: 270px; box-sizing: border-box; border-radius: 15px; padding: 15px;
}
.ban .code-des{margin-bottom: 15px;}
.ban .code-des img, .ban .code-des span{vertical-align: middle; font-size: 16px;}
.ban .code-des .ios, .ban .code-des .android{display: inline-block; color: #fff;}
.ban .code-img{padding: 20px;background: #fff; border-radius: 15px;}

.CAD-mobile .fixed-img{position: absolute; right: 8%; width: 45%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%);}
.CAD-mobile h2{color: #017bff;}
.CAD-mobile .des16 p{color: #383f4f;}
.break{display: block;}
.CAD-mobile{padding: 13% 0;}
.CAD-mobile-txt{width: 46%;}

.CAD-mobile-features{z-index: 9;}
.CAD-mobile-features.padding-tb100{padding-top: 0;}
.CAD-mobile-features .title60 h2{color: #017bff;}
.CAD-mobile-features .features-box{margin: 0 50px;}
.CAD-mobile-features .fetures-item{
	vertical-align: middle; z-index: 9;background: #fff;display: inline-block; width: 24%;margin: 50px 20px; border-radius: 15px; padding: 0 30px 45px 30px;
	box-shadow: 0 0 17px 1px rgba(187, 187, 187, 0.3); filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=125, Strength=2);
}
.CAD-mobile-features .fetures-item .item-img{position: absolute; left: 0; right: 0; width: fit-content; width: -moz-fit-content; padding: 30px;margin: -40px auto; background: #017bff; border-radius: 15px;
	box-shadow: 0 0 4px 1px rgba(1, 123, 255, 0.3); filter: progid:DXImageTransform.Microsoft.Shadow(color='#017bff', Direction=125, Strength=1);
}
.CAD-mobile-features .fetures-item .item-des {padding-top: 150px; color: #383f4f;}
.CAD-mobile-features .fetures-item .item-des p{height: 4.8em; line-height: 1.6em;}
.pagination {position: absolute; text-align: center; width: 100%;margin-top: -10px;z-index: 99;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #d6d6d6;margin: 0 3px;cursor: pointer; vertical-align: middle;}
.swiper-active-switch {background: #017bff; border: 2px solid #fff; box-shadow: 0 0 0 1px #017bff;}
.swiperBtn div{cursor: pointer;width: 65px;height: 65px;position: absolute;top:50%;transform: translateY(-50%);z-index: 9;color: #bbbbbb; border-radius: 65px;
	box-shadow: 0 0 17px 1px rgba(187, 187, 187, 0.3); filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=125, Strength=2);
}
.swiperBtn div:hover {color: #37414a;box-shadow: 0 0 17px 1px rgba(187, 187, 187, 0.4); filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=125, Strength=2.5);}
.swiperBtn .iconfont{font-size: 36px;display: block;line-height: 65px;height: 65px;font-weight: 1000;}
.swiperBtn1{left: -80px;}
.swiperBtn2{right: -80px;}
.swiperBtn div,.swiperBtn div:before{transition: all .4s;}

.CAD-mobile-industry{margin-top: -220px; padding-top: 300px; background: #edf8ff;height: 900px; position: relative;z-index: 1;}
.CAD-mobile-industry .industry-item{
	box-shadow: 0 0 17px 1px rgba(187, 187, 187, 0.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=125, Strength=2);
	width: 100%; background: #fff; border-radius: 15px; padding: 45px 35px; margin-top: 60px; margin-left: -30px;}
.CAD-mobile-industry .industry-item .border-line{border: 3px solid #b0defe; border-radius: 15px; height: 100%; width: 100%; position: absolute; left: 10px; top: 10px; z-index: -1;}
.CAD-mobile-industry .industry-wrapper{position: absolute;top: 0;left: 0;bottom:0;width: 100%;z-index: 9;}
.CAD-mobile-industry .industry-des{margin-left: 58%; margin-top: 100px;width: 26%;}
.CAD-mobile-industry .industry-des h2{word-break: keep-all; color: #017bff;}
.CAD-mobile-industry .industry-item .yinhao{font-family: 'Noto Sans',"Helvetica","Arial",sans-serif; font-size: 180px; color: #017bff; position: absolute;}
.CAD-mobile-industry .industry-item .yinhao-left{left: 20px; top: -65px;}
.CAD-mobile-industry .industry-item .yinhao-right{right: -36px; bottom: -105px; left: auto; top: auto;}
.CAD-mobile-industry .industry-item p{color: #383f4f; line-height: 1.6em;}
.CAD-mobile-industry .industry-item .from{text-align: right; margin-top: 20px;}
.CAD-mobile-industry .industry-item.color-blue{margin-left: -90px; background: #017bff;}
.CAD-mobile-industry .industry-item.color-blue .yinhao{color: #b1dfff;}
.CAD-mobile-industry .industry-item.color-blue p{color: #fff;}

.bottom-banner .banner-code-box{margin-top: -100px;box-shadow: 5px 5px 6px 0px rgba(0,48,136,.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#003088', Direction=125, Strength=2);}
.bottom-banner .bottom-des{position: absolute;left: 0;right: 0;bottom: 50px;color: #fff; font-size: 14px;}




@media (max-width: 1700px){
	.bottom-banner .banner-code-box{width: 220px;}
	.bottom-banner .code-des img, .bottom-banner .code-des span{font-size: 14px;}
	.bottom-banner .bottom-des{bottom: 40px;}
}
@media (max-width: 1500px){
	.ban .banner-code-box{width: 240px;}
	.ban .code-des img, .ban .code-des span{font-size: 14px;}
	
	.CAD-mobile-features .fetures-item{width: 23%;}
	.CAD-mobile-features .fetures-item .item-img img{width: 50px;}
	.CAD-mobile-features .fetures-item .item-des{padding-top: 100px;}
	
	.CAD-mobile-industry{height: 1000px; padding-top: 250px;}
	.CAD-mobile-industry .industry-bg{background-position: 30% !important;}
	
	.bottom-banner .zw2d-ban-text h3{letter-spacing: 5px; margin-bottom: 30px;}
	.bottom-banner .banner-code-box {width: 90%;padding: 10px; margin: -170px auto;}
	.bottom-banner .code-des .ios, .ban .code-des .android{float: none;}
	.bottom-banner .code-des span{font-size: 12px;}
	.bottom-banner .code-des img{width: 14px;}
	.bottom-banner .code-img{padding: 5px;}
	.bottom-banner .bottom-des{bottom: 30px;}
}
@media (max-width: 1366px){
	.ban .banner-code-box{width: 220px;}
	.ban .code-des img, .ban .code-des span{font-size: 14px;}
	
	.CAD-mobile-industry {height: 950px;padding-top: 200px;}
	.CAD-mobile-industry .industry-des{width: 30%;}
	
	.bottom-banner .banner-code-box {width: 75%;margin: -145px auto;}
}
@media (max-width: 1250px){
	.CAD-mobile-features .fetures-item{margin: 50px 10px;}
}
@media (max-width: 1200px){
	.ban .zw2d-ban-text h3{letter-spacing: 5px; margin-bottom: 30px;}
	.ban .banner-code-box {width: 55%;padding: 10px;}
	.ban .code-des .ios, .ban .code-des .android{float: none;}
	.ban .code-des span{font-size: 12px;}
	.ban .code-des img{width: 14px;}
	.ban .code-img{padding: 5px;}
	
	.CAD-mobile-industry {height: 900px;padding-top: 150px;}
	.CAD-mobile-industry .industry-des{width: 35%;}
	.CAD-mobile-industry .industry-item .border-line{left: 5px; top: 5px;}
	.CAD-mobile-industry .industry-item{padding: 25px;}
	.CAD-mobile-industry .industry-item .yinhao{font-size: 130px;}
	.CAD-mobile-industry .industry-item .yinhao-left{left: 13px; top: -48px;}
	.CAD-mobile-industry .industry-item .yinhao-right {right: -25px;bottom: -80px;}
	
	.bottom-banner .banner-code-box{margin: -115px auto;}
	.bottom-banner .bottom-des{bottom: 15px; font-size: 14px;}
}

@media (max-width: 1024px){
	.CAD-mobile-features .fetures-item{width: 24%; padding: 0 20px 35px 20px;}
	.CAD-mobile-features .fetures-item .item-img{padding: 20px;}
	.CAD-mobile-features .fetures-item .item-des{padding-top: 85px;}
	.swiperBtn div{width: 45px; height: 45px;}
	.swiperBtn .iconfont{font-size: 24px; height: 45px; line-height: 45px;}
	.swiperBtn1{left: -40px;}
	.swiperBtn2{right: -40px;}
	
	.CAD-mobile-industry .industry-item{margin-top: 45px;}
	.CAD-mobile-industry .industry-bg{background-position: 23% !important;}
}
@media (max-width: 900px){
	.zwcad .ban-bg{height: 400px;}
	.zwcad .ban-bg img{height: 100%;}
	
	.CAD-mobile-features .fetures-item{width: 23%; padding: 0 20px 40px 20px;}
	.CAD-mobile-features .fetures-item .item-des{padding-top: 80px;}
	.CAD-mobile-features .fetures-item .item-des p{height: 5.8em;}
	
	.CAD-mobile-industry .industry-des{margin-left: 53%;}
	.CAD-mobile-industry .industry-item p{font-size: 14px !important;}
	.CAD-mobile-industry .industry-item .yinhao{font-size: 100px;}
	.CAD-mobile-industry .industry-item .yinhao-left{left: 5px; top: -35px;}
	.CAD-mobile-industry .industry-item .yinhao-right {right: -23px;bottom: -60px;}
	.CAD-mobile-industry .industry-bg{background-position: 20% !important;}
	
	.bottom-banner .bottom-des{font-size: 12px;}
}
@media (max-width: 760px){
	.zwcad .ban-bg{background-position: 65% center !important; height: 350px;}
	
	.CAD-mobile {background: none !important; padding: 0;}
	.CAD-mobile .fixed-img{color: white; width: 90%; margin: 0 auto; position: relative; display: block; left: 0; top: 0; transform: initial; -webkit-transform: initial; -moz-transform: initial;}
	.CAD-mobile .bghide{position: relative; display: block;}
	.CAD-mobile .position-full{position: relative;}
	.CAD-mobile .padding-tb100{padding: 0;}
	.CAD-mobile-txt{width: auto;}
	.CAD-mobile-txt .CAD-mobile-ms{text-align: center;}
	.CAD-mobile-txt{margin: 30px auto !important;}
	..break{display: inline;}
	
	.CAD-mobile-features .fetures-item{margin: 50px 15px; width: 80%;}
	.swiperBtn1{left: -50px;}
	.swiperBtn2{right: -50px;}
	.pagination{margin-top: -20px;}
	
	.CAD-mobile-industry{margin-top: -110px;height: 600px;padding-top: 250px;}
	.CAD-mobile-industry .industry-item, .CAD-mobile-industry .industry-item.color-blue{margin: 40px auto;padding: 20px;width: 85%;}
	.CAD-mobile-industry .industry-des h2{text-align: center;}
	.CAD-mobile-industry .industry-des{width: 80%; margin: 90px auto 0;}
	.CAD-mobile-industry .industry-item .from{float: right; width: 80%;}
	.CAD-mobile-industry .industry-bg{background-position: 40% !important;}
	
	.bottom-banner .ban-bg {background-position: center !important; height: 400px;}
}
@media (max-width: 600px){
	.CAD-mobile-industry{height: 700px;}

}
@media (max-width: 500px){
	.CAD-mobile-features .fetures-item{width: 77%; padding: 0 13px 30px 13px;}
	.CAD-mobile-features .fetures-item .item-des{padding-top: 70px;}
	.CAD-mobile-features .fetures-item .item-img{padding: 15px;}
	.pagination{margin-top: -30px;}
	
	.CAD-mobile-industry .industry-bg{background-position: 32% !important;}
	
	.bottom-banner .bottom-des{bottom: 10px;}
}
@media (max-width: 400px){
	.CAD-mobile-industry{height: 780px;}
}


/*2024-2-21*/

.za-main{width: 100%;position: relative;}
body.mobile .za-main{overflow: hidden;}
.za-top-btn{display: none;width: 100px;line-height: 28px;margin-top: 15px;border: 1px solid #fff;color: #fff;border-radius: 15px;text-align: center;visibility: hidden;opacity: 0;transition: all .3s;}
body.mobile .za-top-btn{display: inline-block;}
body.mobile .za-top-btn.show{visibility: visible;opacity: 1;}
.za-box{width: 100%;padding-top: 39.01%;position: relative;}
.za-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.za-text{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);z-index: 12;}
.za-title{color: #fff;line-height: 1.182;margin-bottom: .272em;}
.za-des{color: #fff;line-height: 1.333;letter-spacing: 0.7em;}
.za-row{position: relative;margin-top: 68px;display: inline-block;vertical-align: top;}
.za-btn{display: inline-block;vertical-align: top;width: 140px;line-height: 42px;border: 1px solid #fff;color: #fff;border-radius: 8px;transition: all .3s;text-align: center;background-image: url(../images/za2.png);background-size: 100% 100%;cursor: pointer;}
.za-list{position: absolute;left: 0;top: 0;z-index: 12;background-color: #fff;padding: 10px 5px 10px 6px;border-radius: 8px;visibility: hidden;opacity: 0;transition: all .3s;box-shadow: 0px 0px 35px 0px rgba(0, 48, 136, 0.25);}
body.mobile .za-list{display: none;}
body.pc .za-row:hover .za-list{visibility: visible;opacity: 1;}
body.pc .za-row:hover .za-btn{visibility: hidden;opacity: 0;}
.za-item{font-size: 0;padding: 0 10px;margin-bottom: 12px;box-sizing: border-box;white-space: nowrap;cursor: pointer;border-radius: 8px;display: block;transition: all .3s;}
.za-item:last-child{margin-bottom: 0;}
.za-icon-box{display: inline-block;vertical-align: middle;width: 22px;position: relative;}
.za-icon{width: 100%;}
.za-icon2{display: none;}
.za-tit{display: inline-block;vertical-align: middle;line-height: 32px;padding-left: 8px;box-sizing: border-box;}
.za-item:hover{background-color: #d2e6ff;}
.za-item:hover .za-tit{color: #017bff;}
.za-item:hover .za-icon1{display: none;}
.za-item:hover .za-icon2{display: block;}
.za-item:hover .za-code-box{visibility: visible;opacity: 1;}
.za-code-box{width: 230px;height: 230px;background-color: #fff;border-radius: 15px;position: absolute;left: 100%;top: 0;margin-left: 19px;box-shadow: 0px 0px 35px 0px rgba(0, 48, 136, 0.25);box-sizing: border-box;padding: 20px;visibility: hidden;opacity: 0;cursor: default;transition: all .3s;}
.za-code{width: 100%;height: 100%;}
.za-code-box:before{content: "";display: inline-block;width: 10px;height: 15px;background-image: url(../images/za13.png);background-size: 100% 100%;background-repeat: no-repeat;position: absolute;left: -10px;top: 50%;margin-top: -8px;}
.za-code-box:after{content: "";display: block;width: 24px;height: 100%;position: absolute;right: 100%;top: 0;}
@media(max-width: 992px){
	.za-top-btn{margin-top: 6px;}
}
@media(max-width: 760px){
	.za-text .w1300{padding: 0 8.5%;box-sizing: border-box;max-width: 100%;}
	.za-row{margin-top: 20px;}
	.za-title{font-size: 18px !important;margin-bottom: 10px;}
	.za-des{font-size: 12px !important;width: 60%;letter-spacing: .1em;line-height: 1.6;}
	.za-btn{width: 80px;line-height: 24px;height: 24px;font-size: 12px !important;border-radius: 5px;background-image: none;}
}
@media(max-width: 420px){
	.za-box{padding-top: 48%;}
}

.zb-main{width: 100%;}
.zb-list{width: 100%;}
.zb-item{width: 100%;display: flex;align-items: center;}
.zb-item .w1300{display: flex;align-items: center;}
.zb-text{width: 42%;}
.zb-box{width: 58%;padding-top: 52.3%;position: relative;box-sizing: border-box;}
.zb-img{max-width: 100%;max-height: 87%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.zb-item:nth-child(2n+1){background-image: url(../images/za16.png);background-size: cover;background-position: center center;}
.zb-item:nth-child(2n) .w1300{flex-direction: row-reverse;}
.zb-item:nth-child(2n+1) .zb-img{left: auto;right: 0;}
.zb-item:nth-child(2) .zb-img{transform: translate(-19%,-50%);}
.zb-tit{color: #017bff;line-height: 1.388;margin-bottom: 1.19em;}
.zb-des{color: #242424;line-height: 1.875;}
.zb-des *{line-height: inherit;}
@media(max-width: 760px){
	.zb-item{padding: 30px 0;}
	.zb-item .w1300{display: block;}
	.zb-text{width: 100%;text-align: center;}
	.zb-box{width: 100%;}
	.zb-img,
	.zb-item:nth-child(2n+1) .zb-img,
	.zb-item:nth-child(2) .zb-img{left: 50%;right: auto;transform: translate(-50%,-50%);max-height: 100%;}
	.zb-des br{display: none;}
	.zb-box{margin-top: 20px;padding-top: 61.8%;}
	.zb-tit{margin-bottom: 12px;}
}

.zc-main{width: 100%;padding-top: 60px;}
.zc-title{color: #242424;line-height: 1;text-align: center;margin-bottom: 54px;}
.zc-list{width: 100%;display: flex;flex-wrap: wrap;}
.zc-item{width: 29%;margin-right: 6.5%;font-size: 0;margin-bottom: 6.61%;}
.zc-item:nth-child(3n){margin-right: 0;}
.zc-item:nth-last-child(1),
.zc-item:nth-last-child(2),
.zc-item:nth-last-child(3){margin-bottom: 67px;}
.zc-icon{width: 64px;display: inline-block;vertical-align: top;margin-top: .29em;}
.zc-text{width: calc(100% - 64px);display: inline-block;vertical-align: top;padding-left: 15px;box-sizing: border-box;}
.zc-tit{color: #017bff;line-height: 1.583;margin-bottom: 5px;}
.zc-des{color: #242424;line-height: 1.875;word-break: break-all;}
.zc-des *{line-height: inherit;}
@media(max-width: 900px){
	.zc-item{width: 48%;margin-right: 4%;}
	.zc-item:nth-child(3n){margin-right: 4%;}
	.zc-item:nth-child(2n){margin-right: 0;}
}
@media(max-width: 760px){
	.zc-main{padding-top: 30px;padding-bottom: 10px;}
	.zc-title{margin-bottom: 20px;}
	.zc-item{width: 100%;margin-right: 0;margin-bottom: 20px;border-bottom: 1px solid #dfdfdf;padding-bottom: 20px;}
	.zc-item:last-child{padding-bottom: 0;border-bottom: none;}
	.zc-item:nth-child(3n){margin-right: 0;}
	.zc-item:nth-last-child(1),
	.zc-item:nth-last-child(2),
	.zc-item:nth-last-child(3){margin-bottom: 20px;}
	.zc-icon{width: 50px;}
	.zc-text{width: calc(100% - 50px);}
}

.zd-main{width: 100%;padding: 50px 5.843% 100px;background-image: url(../images/za29.png);background-size: 100% 100%;box-sizing: border-box;overflow: hidden;}
.zd-inner{width: 100%;max-width: 1506px;margin: 0 auto;}
.zd-box{width: 100%;min-height: 848px;position: relative;}
.zd-box:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.zd-bg{width: 105.843%;max-width: none;margin-left: -5.843%;position: absolute;left: 0;top: 0;}
.zd-list{width: 36.86%;margin-top: 3.98%;margin-right: 5.71%;top: 0;float: right;}
.zd-item{width: 100%;position: relative;margin-bottom: 9%;}
.zd-item:last-child{margin-bottom: 0;}
.zd-item:after{content: "";display: block;width: 100%;height: 100%;border: 2px solid #b1dfff;border-radius: 15px;position: absolute;right: -2.52%;bottom: 0;margin-bottom: -2.52%;z-index: 1;}
.zd-text{width: 100%;background-color: #fff;border-radius: 15px;box-shadow: 0 0 16px rgba(117,127,139,0.22);padding: 8.1% 6.3% 5.76%;box-sizing: border-box;position: relative;z-index: 12;box-sizing: border-box;}
.zd-des{color: #383f4f;line-height: 1.875;}
.zd-author{color: #383f4f;text-align: right;line-height: 1.875;margin-top: 5px;}
.zd-item:nth-child(2n){margin-left: -11.891%;}
.zd-item:nth-child(2n) .zd-text{background-color: #50b3ff;}
.zd-item:nth-child(2n) .zd-des{color: #fff;}
.zd-item:nth-child(2n) .zd-author{color: #fff;}
.zd-item:nth-child(2n) .zd-text:before,
.zd-item:nth-child(2n) .zd-text:after{color: #b1dfff;}
.zd-text:before,
.zd-text:after{position: absolute;font-size: 150px;color: #8fffff;line-height: 1;text-shadow: 0 0 16px rgba(117,127,139,0.22);font-family: 'Noto Sans',"Helvetica","Arial",sans-serif;}
.zd-text:before{content: '“';left: 2%;top: -0.25em;}
.zd-text:after{content: '”';right: -0.16em;top: 100%;margin-top: -0.32em;}
@media(max-width: 1700px){
	.zd-box{min-height: 49.7vw;}
}
@media(max-width: 1300px){
	.zd-main{padding-bottom: 50px;}
	.zd-des{font-size: 12px !important;}
	.zd-author{font-size: 12px !important;}
	.zd-text:before,
	.zd-text:after{font-size: 100px;text-shadow: 0 0 10px rgba(117,127,139,0.22);}
}
@media(max-width: 1200px){
	.zd-list{width: 43%;margin-right: 3%;margin-top: 0;}
	.zd-item{margin-bottom: 7%;}
}
@media(max-width: 1000px){
	.zd-main{padding: 50px 4%;}
	.zd-box{min-height: 0;}
	.zd-list{width: 100%;margin-top: 0;margin-right: 0;}
	.zd-item{margin-bottom: 7%;}
	.zd-item:nth-child(2n){margin-left: 0;}
	.zd-bg{display: none;}
	.zd-text{padding: 20px;}
}
@media(max-width: 500px){
	.zd-item{margin-bottom: 40px;}
}

.ze-main{width: 100%;padding: 87px 4% 26px;box-sizing: border-box;background-image: url(../images/za31.jpg);background-size: cover;background-position: center top;position: relative;}
body.mobile .ze-main{display: none;}
.ze-target{width: 100%;position: absolute;left: 0;top: -129px;}
.ze-title{color: #fff;text-align: center;line-height: 1;margin-bottom: 0.472em;}
.ze-des{color: #fff;text-align: center;line-height: 1.875;margin-bottom: 67px;}
.ze-list{width: 1450px;max-width: 100%;font-size: 0;text-align: center;margin: 0 auto 127px;}
.ze-item{display: inline-block;vertical-align: top;width: 18.34%;padding-top: 18.62%;margin: 0 0.83%;position: relative;transition: all .3s;}
.ze-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;padding-top: 69px;box-shadow: 0 0 46px rgba(132,159,209,0.18);background-image: url(../images/za32.png);background-size: 100% 100%;box-sizing: border-box;}
.ze-bot{text-align: center;font-size: 0;}
.ze-one{display: inline-block;vertical-align: top;color: #fff;}
.ze-line{display: inline-block;vertical-align: top;color: #fff;padding: 0 10px;}
.ze-icon{margin-bottom: 22px;height: 60px;}
.ze-tit{color: #fff;line-height: 1;margin-bottom: 11px;}
.ze-version{color: #fff;line-height: 1;}
.ze-box{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 32px 0;cursor: pointer;box-sizing: border-box;background-image: url(../images/za38.png);background-size: 100% 100%;z-index: 12;visibility: hidden;opacity: 0;transition: all .3s;text-align: center;}
.ze-item:hover{background-image: url(../images/za32.png);background-size: 100% 100%;}
.ze-item:hover .ze-b{visibility: hidden;opacity: 0;}
.ze-item:hover .ze-box{visibility: visible;opacity: 1;}
.ze-item:hover .ze-btn{visibility: visible;opacity: 1;}
.ze-ic{height: 143px;vertical-align: top;margin-bottom: 26px;}
.ze-code{width: 140px;height: 140px;max-width: 80%;max-height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ze-btn{display: inline-block;width: 120px;margin-left: -60px;line-height: 20px;border-radius: 6px;text-align: center;color: #fff;position: absolute;left: 50%;top: 100%;cursor: pointer;visibility: hidden;opacity: 0;transition: all .3s;}
.ze-btn:before{content: "";display: block;width: 100%;height: 16px;position: absolute;left: 0;top: -17px;}
.ze-btn:hover{text-decoration: underline;}
a.ze-one:hover{text-decoration: underline;}

.ze-b{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;flex-direction: column;padding: 0;}
.ze-box{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;flex-direction: column;padding: 0;}
@media(max-width: 1500px){
	.ze-ic{height: 120px;}
}
@media(max-width: 1200px){
	.ze-ic{height: 80px;margin-bottom: 20px;}
	.ze-icon{height: 40px;}
}
@media(max-width: 1000px){
	.ze-ic{height: 60px;}
}
@media(max-width: 992px){
	.ze-target{top: -119px;}
}
@media(max-width: 900px){
	.ze-main{padding-top: 60px;}
	.ze-des{margin-bottom: 30px;}
	.ze-item{width: 30.333%;padding-top: 30.789%;margin: 0 1.5% 3%;}
	.ze-list{margin-bottom: 50px;}
	.ze-tit{width: 100%;}
	.ze-version{width: 100%;}
}
@media(max-width: 760px){
	.ze-target{top: -101px;}
}
@media(max-width: 600px){
	.ze-main{padding-top: 20px;}
	.ze-des{margin-bottom: 25px;}
	.ze-list{text-align: left;margin-bottom: 20px;}
	.ze-item{width: 48%;padding-top: 48.721%;margin: 0 4% 4% 0;text-align: center;}
	.ze-item:nth-child(2n){margin-right: 0;}
	.ze-icon{height: 40px;}
	.ze-ic{height: 80px;}
	.ze-box{padding: 20px 0;}
}