html{width: 100%;font-size: 10px;scroll-behavior: smooth;}
@media screen and (max-width:1640px) {html{font-size: 9px;}}
@media screen and (max-width:1440px) {html{font-size: 8px;}}
@media screen and (max-width:1240px) {html{font-size: 7px;}}
@media screen and (max-width:768px) {html{font-size: 8px;}}
html{width: 100%;scroll-behavior: smooth;}
body{font-size: 1.6rem; background: #f6f9fe; font-family: "Microsoft Yahei","Arial"; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body{overflow-x:hidden;position: relative;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;pointer-events: none;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.flexBox {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 8rem;}
.pd50{padding: 0 5rem;}
.w1520{position: relative;width: 1520px;margin: 0 auto;}
.pdl1520{padding-left: calc((100% - 1520px)/2);}
.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}
.h40{display: block;height: 4rem;}
.h50{display: block;height: 5rem;}
.h80{display: block;height: 8rem;}
.h100{display: block;height: 10rem;}
.loadImg{display: none!important;}
.z9{z-index: 9;}
.pd80{padding-top:8rem;padding-bottom:8rem;}
.greyBg{background: #F8F8F8;overflow: hidden;}
.whiteBg{background: #ffffff;overflow: hidden;}
@font-face {
font-family: DIN;
src: url(../fonts/DIN-BOLD.OTF);
}
.h-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;display: flex;align-items: center;background: #fff;padding: 0 10rem;transition: .3s;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);}
.h-header .h-logo{display: block;width: 50rem;height: 5rem;background-image: url(../images/logo1.png);background-size: 100%;transition: .3s;}
.h-nav{margin-left: auto;display: flex;}
.h-nav .li{position: relative;margin-right: 5rem;}
.h-nav .li>a{display: block;font-size: 1.6rem;color: #333333;line-height: 10rem;}
.h-nav .li.active>a,.h-nav .li:hover>a{color: #00A3E7;}
.h-search{margin-right: auto;cursor: pointer;}
.h-search i{display: block;width: 20px;height: 20px;background-image: url(../images/iconSearch1.png);transition: .3s;}
.h-phone {display: flex;align-items: center;font-family: DIN;font-size: 2.4rem;color: #000000;line-height: 1;transition: .3s;}
.h-phone i{display: block;width: 20px;height: 20px;background-image: url(../images/iconPhone1.png);transition: .3s;margin-right: 1rem;}
.h-header.index:not(.active){background: none;box-shadow: none;}
.h-header.index:not(.active) .h-logo{background-image: url(../images/logo2.png?1);}
.h-header.index:not(.active) .li>a{color: #fff;}
.h-header.index:not(.active) .li.active>a{font-weight: bold;}
.h-header.index:not(.active) .h-search i{background-image: url(../images/iconSearch2.png);}
.h-header.index:not(.active) .h-phone i{background-image: url(../images/iconPhone2.png);}
.h-header.index:not(.active) .h-phone{color: #fff;}
.h-header.active .li>a{line-height: 8rem;}
.h-nav .h-subnav {width:20rem;background:#ffffff;font-size:1.6rem;text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 1.6rem -4px rgba(0,0,0,.3);margin-top:2rem;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:9999;}
.h-nav .h-subnav ol li{width: 100%;margin: 0 !important;}
.h-nav .h-subnav a {transition: .3s; padding: 0 0.1rem;box-sizing: border-box; width: 100%; display:block;height:5rem;line-height:5rem;color:#333;font-size: 1.6rem;text-align: center;font-weight: normal;}
.h-nav .h-subnav a:hover {background:#00A3E7;color:#fff!important;}
.h-nav .li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}
.wap_header{width: 100%; height: 7rem; padding: 0 3rem; display: none; justify-content: space-between; align-items: center; position: fixed;top: 0;left:0; z-index: 9999;box-sizing: border-box;background: #fff;}
.wap_header .h-logo{height: 4rem;background-repeat: no-repeat;margin-right: auto;}
.wap_header .h-search{margin-right: 0;}
.wap_header .h-logo img{height: 100%;display: block;}
.wap_header .toggle{display: block; width: 3rem; height: 2.4rem; position: relative; z-index: 6;margin-left: 2rem;}
.wap_header .toggle i{display: block; width: 3rem; height: 0.2rem; background: #000; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 1rem;}
.wap_header .toggle i:nth-of-type(3){top: 2rem;}
.wap_header .toggle.on i{background: #000;}
.wap_header .toggle.on i:nth-of-type(1){top: 0.8rem; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 0.8rem; transform: rotate(-45deg);}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 30rem; background: #fff; height: 100vh; padding: 5.6rem 0 2rem 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 7rem); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 2rem; line-height: 4rem; font-size: 1.8rem; position: relative;overflow: hidden;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: 7rem; line-height: 7rem; display: block; padding-right: 3rem; font-size: 1.8rem; color: #333;}
.wap_header .nav ul li a:active {color: #00A5E7 !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 3rem; height: 7rem; font-size: 1.8rem; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: #00A5E7; transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 2rem !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #666; height: 6rem; line-height: 6rem; font-size: 1.6rem;}
.wap_header .nav ul li ul li i{top: -1rem;}
.search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #f5f5f5;display: none;z-index: 99998;}
.search-alert {position: fixed;z-index: 100;background: rgba(0,0,0,.7);left: 0;top: 0;width: 100%;height: 100%;opacity: 1;z-index: 99999;}
.search-alert input::-webkit-input-placeholder {color: #fff !important;}
.search-alert input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #fff !important;}
.search-alert input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #fff !important;}
.search-alert input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #fff !important;}
.search-alert .cent-form {opacity: 0;-webkit-transform: translate(0, 4rem);-ms-transform: translate(0, 4rem);transform: translate(0, 4rem);-webkit-transition: all .5s;transition: all .5s;}
.search-alert .close {width: 3rem;height: 3rem;position: absolute;top: 3.8rem;right: 2.6%;cursor: pointer;background: url(../images/colse.png) no-repeat center;background-size: 1.8rem auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 6rem;margin-top: -6.3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.search-alert .cent-form:before {content: "";color: #fff;font-size: 3rem;position: absolute;left: 0;height: 5rem;width: 5rem;top: 50%;margin-top: -2.5rem;background: url(../images/z_img9.png) no-repeat center;background-size: 2.8rem auto;}
.search-alert .cent-form .tex {border: none;font-size: 4rem;height: 5rem;line-height: 5rem;text-align: center;width: 100%;color: #fff;background: none;padding-left: 10rem;padding-right: 14rem;box-sizing: border-box;}
.search-alert .cent-form .sub-butn {border: none;height: 5rem;font-size: .8rem;line-height: 5rem;color: #fff;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 12rem;text-align: center;font-size: 2.6rem;cursor: pointer;}
.search-alert {-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;}
.search-alert.active {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.search-alert.active .cent-form {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;}
.indTitBox{display: flex;padding: 9.5rem 0 5rem;}
.indTit{display: flex;flex-direction: column;align-items: flex-start;}
.indTit .atit{font-family: Arial;text-transform: uppercase;font-size: 1.5rem;font-weight: bold;color: #00A5E7;background: linear-gradient(-45deg, #00FFAE 0%, #00A3E7 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.indTit .btit{font-size: 4rem;color: #222222;font-weight: bold;line-height: 1.3;}
.indTit.white .btit{color: #fff;}
.indTit.center{align-items: center;margin: 0 auto;text-align: center;}
.indSelList {margin-left: auto;margin-top: auto;display: flex;flex-wrap: wrap;}
.indSel{display: block;min-width: 12rem;height: 4rem;line-height: 4rem;text-align: center;padding: 0 2rem;background: #FFFFFF;border-radius: 2rem;margin: 0.75rem;overflow: hidden;position: relative;cursor: pointer;}
.indSel::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #00A3E7, #00FFAE);opacity: 0;transition: .3s;}
.indSel span{position: relative;z-index: 9;}
.indSel.active{color: #fff;}
.indSel.active::after{opacity: 1;}
.mySwiperBanner{position: relative;overflow: hidden;}
.mySwiperBannerPC{display:block}
.mySwiperBannerWAP{display: none;}
.mySwiperBanner .img{display: block;width: 100%;}
.mySwiperBanner .img img{display: block;width: 100%;height: 100vh;object-fit: cover;object-position: center;}
.mySwiperBanner .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 5rem;}
.mySwiperBanner .swiper-pagination-bullet{display: block;width: 0.8rem;height: 0.8rem;position: relative;background: #FFFFFF;border-radius: 50%;opacity: 1;margin: 0 2rem!important;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet::after{content: "";display: block;width: 2rem;height: 2rem;border-radius: 50%;border: 1px solid #00A5E7;position: absolute;box-sizing: border-box;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet-active{background: #00A5E7;}
.mySwiperBanner .swiper-pagination-bullet-active::after{opacity: 1;}
.sec1,.sec2,.sec3,.sec4,.sec5,.sec6{overflow: hidden;}
.sec1{padding: 10rem 0;}
.indProList{display: flex;flex-wrap: wrap;margin: -1.5rem;}
.indProItem{display: block;width: calc(50% - 3rem);margin: 1.5rem;position: relative;}
.indProItem .img{position: relative;}
.indProItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.indProItem .desc{position: absolute;top: 0;left: 0;z-index: 9;padding: 4rem 5rem;max-width: 42rem;}
.indProItem .desc .atit{font-size: 3rem;font-weight: bold;color: #222222;}
.indProItem .desc .btit{font-size: 1.6rem;color: #222222;margin: 0.5rem 0 5rem;}
.indProItem .desc .ctit{display: flex;align-items: center;justify-content: center;width: 12rem;height: 4rem;border:1px solid #00ADF6;border-radius: 2rem;font-size: 1.6rem;color: #00ADF6;transition: .3s;}
.indProItem:hover{box-shadow: 0 1rem 2rem 0 #eee;transform: translateY(-1rem);}
.indProItem .desc .ctit:hover{background: #00A5E7;color: #fff;}
.sec2{background-position: center;background-size: cover;background-repeat: no-repeat;min-height: calc(100vh - 8rem);display: flex;flex-direction: column;transition: .3s;}
.mySwiperYS{position: relative;overflow: hidden;margin-bottom: 10rem;}
.ysItem{display: block;width: 100%;}
.ysItem .atit{display: flex;align-items: center;margin: 3.5rem 0 1rem;}
.ysItem .atit i{display:block;font-size: 3.6rem;font-family: DIN;font-weight: bold;color: #FFFFFF;background: linear-gradient(90deg, #00A3E7 0%, #00FFAE 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ysItem .atit span{display:block;font-size: 3rem;font-weight: bold;color: #FFFFFF;background: linear-gradient(90deg, #00A3E7 0%, #00FFAE 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ysItem .btit{font-size: 1.6rem;color: #FFFFFF;max-width: 75rem;margin-bottom: 10rem;}
.ysItem .ctit{display: flex;align-items: center;justify-content: center;width: 15rem;height: 5rem;border-radius: 2.5rem;border: 1px solid #FFFFFF;font-size: 1.6rem;color: #FFFFFF;position: relative;overflow: hidden;}
.ysItem .ctit span{position: relative;z-index: 9;}
.ysItem .ctit i{display: block;width: 8px;height: 15px;background: url(../images/iconRight1.png);margin-left: 1rem;position: relative;z-index: 9;}
.ysItem .ctit::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(90deg, #00A3E7 0%, #00FFAE 100%);z-index: 1;opacity: 0;transition: .3s;}
.ysItem .ctit:hover::after{opacity: 1;}
.ysItem .ctit:hover{border-color: transparent;}
.ysSelList{display: flex;background: rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.3);margin-top: auto;}
.ysSel{width: 100%;display: flex;align-items: center;justify-content: center;height: 10rem;position: relative;}
.ysSel::after{content: "";display: block;width: 100%;height: 0;position: absolute;left: 0;bottom: 0;background: linear-gradient(90deg, #00A3E7, #00FFAE);transition: .3s;}
.ysSel+.ysSel{border-left:1px solid rgba(255,255,255,.3);}
.ysSel p{display: block;font-size: 2.4rem;color: #FFFFFF;margin-right: 6rem;position: relative;z-index: 9;transition: .3s;}
.ysSel img{display: block;position: relative;z-index: 9;transition: .3s;}
.ysSel.active p{font-size: 3rem;font-weight: bold;margin-right: 4rem;transform: translateY(-1rem);}
.ysSel.active img{transform: translateY(-1rem);}
.ysSel.active::after{height: calc(100% + 2rem);}
.swiper-slide-active .ysItem .atit{animation: fadeInUp .8s .3s ease both;}
.swiper-slide-active .ysItem .btit{animation: fadeInUp .8s .4s ease both;}
.swiper-slide-active .ysItem .ctit{animation: fadeInUp .8s .5s ease both;}
.sec3{background: url(../images/sec3Bg.jpg) center/cover;padding-bottom: 10rem;}
.indCaseSelBox{display: flex;margin: -0.3rem;}
.indCaseSel{margin: 0.3rem;height: 12rem;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #F5F5F5;border-radius: 1rem;position: relative;overflow: hidden;}
.indCaseSel::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(90deg, #00A3E7, #00FFAE);opacity: 0;transition: .3s;}
.indCaseSel img{display: block;position: relative;z-index: 9;transition: .3s;}
.indCaseSel p{display: block;font-size: 1.8rem;color: #000000;position: relative;z-index: 9;transition: .3s;}
.indCaseSel.active img{filter: brightness(0) invert(1);}
.indCaseSel.active p{color: #FFFFFF;}
.indCaseSel.active::after{opacity: 1;}
.mySwiperCase{position: relative;overflow: hidden;}
.indCaseBox{margin-top: 5rem;}
/* .indCaseList{animation: 0.2s fadeInUp;} */
.indCaseItem{display: block;width: 100%;background: #fff;position: relative;transition: .3s;transform: scale(0.94);}
.indCaseItem .img{overflow: hidden;transition: .3s;}
.indCaseItem .img img{display: block;width: 100%;max-height: 60rem;object-fit: cover;object-position: center;transition: .4s;}
.indCaseItem .desc{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));padding: 5rem 5rem 3rem;opacity: 0;transition: .3s;}
.indCaseItem .desc p{display:block;font-size: 2.4rem;color: #FFFFFF;line-height: 5.5rem;height: 5.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indCaseItem .desc span{display:block;font-size: 1.4rem;color: #FFFFFF;line-height: 2.4rem;height: 4.8rem;opacity: 0.5;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mySwiperCase .swiper-slide-active .indCaseItem{transform: scale(1);opacity: 1;}
.mySwiperCase .swiper-slide-active .indCaseItem .img{opacity: 1;}
.mySwiperCase .swiper-slide-active .indCaseItem .desc{opacity: 1;}
.sec4{background: #F5F5F5;}
.indAbBox{display: flex;}
.indAbDesc{width: 50%;padding-top: 9.5rem;padding-bottom: 7rem;padding-right: 5rem;}
.indAbDesc .abDesc{font-size: 1.5rem;color: #666666;line-height: 1.65;margin-top: 4rem;}
.indAbImg{width: 50%;position: relative;}
.indAbImg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.mySwiperAbImg{position: relative;overflow: hidden;}
.mySwiperAbImg .img{display: block;width: 100%;overflow: hidden;}
.mySwiperAbImg .img img{display: block;width: 100%;transition: .3s;}
.mySwiperAbImg2 .swiper-slide{height: auto;}
.mySwiperAbImg .swiper-pagination{position: relative;bottom: 0;display: flex;justify-content: center;align-items: center;margin-top: 2rem;}
.mySwiperAbImg .swiper-pagination-bullet{background: #DCDCDC;opacity: 1;transition: .3s;display: block;width: 1rem;height: 1rem;}
.mySwiperAbImg .swiper-pagination-bullet-active{background: #00ACF6;}
.mySwiperAbImg .swiper-button-prev:after,.mySwiperAbImg .swiper-button-next:after{display: none;}
.mySwiperAbImg .swiper-button-prev,.mySwiperAbImg .swiper-button-next{display: block;width: 5rem;height:5rem;border-radius: 100%;background-image: url(../images/iconRight1.png);background-position: center;background-repeat: no-repeat;background-size: 20%;margin-top: -3.5rem;background-color: #00ACF6;transition: .3s;}
.mySwiperAbImg .swiper-button-next{right: 1rem;}
.mySwiperAbImg .swiper-button-prev{left:1rem;transform: rotate(180deg);}
.mySwiperAbImg .swiper-button-prev:hover{transform: rotate(180deg) translateY(0.5rem);}
.mySwiperAbImg .swiper-button-next:hover{transform: translateY(-0.5rem);}
.abImgSelList {display: flex;flex-wrap: wrap;margin: 4.25rem -0.75rem;}
.abImgSel{display: block;min-width: 12rem;height: 4rem;line-height: 4rem;text-align: center;padding: 0 2rem;background: #FFFFFF;border-radius: 2rem;margin: 0.75rem;overflow: hidden;position: relative;cursor: pointer;}
.abImgSel::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #00A3E7, #00FFAE);opacity: 0;transition: .3s;}
.abImgSel span{position: relative;z-index: 9;}
.abImgSel.active{color: #fff;}
.abImgSel.active::after{opacity: 1;}
.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;cursor: pointer;}
.videoPlay .img2{position: absolute;top: 0;left: 0;animation: circle 4s infinite linear;}
.videoPlay img{display: block;width: 100%;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}
.videoOpen{cursor: pointer;}
.sec5{background: url(../images/sec5Bg.png );background-size: inherit;background-repeat: no-repeat;background-position: center;padding-bottom: 10rem;}
.partnerItem{padding: 1.5rem;display: block;width: 100%;overflow: hidden;}
.partnerItem img{display:block;width:23rem;background: #FFFFFF;box-shadow: 0 0 1rem 0 rgba(0,0,0,0.07);transition: .3s;}
.partnerItem:hover img{transform: scale(1.1);box-shadow: 0 0 1rem 0 rgba(0,0,0,0.1);}
.mySwiperPartner{position: relative;overflow: hidden;perspective: 100vw;}
.mySwiperPartner .swiper-slide{width: auto;}
.mySwiperPartner .swiper-wrapper{-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
.sec6{background: #F8F8F8;padding-bottom: 10rem;}
.indNewsBox{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 3rem;}
.indNewsItem1{ grid-row: 1 / span 2;grid-column: 3;}
.indNewsItem{background: #fff;padding: 3rem;display: flex;flex-direction: column;position: relative;min-width: 0;}
.indNewsItem .img{display: block;overflow: hidden;margin-top: 3rem;flex: 1;}
.indNewsItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}
.indNewsItem .desc{position: relative;z-index: 99;}
.indNewsItem .desc .atit{font-size: 1.8rem;color: #999999;line-height: 1;font-family: Arial;}
.indNewsItem .desc .btit{font-size: 2rem;color: #000000;line-height: 2.8rem;height: 2.8rem;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 1rem 0 2rem;}
.indNewsItem .desc .ctit{font-size: 1.6rem;color: #666666;line-height: 3rem;height: 9rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.indNewsItem .desc .dtit{display: flex;align-items: center;margin-top: 3.5rem;}
.indNewsItem .desc .dtit span{display: block;font-size: 1.6rem;color: #999;line-height: 1;transition: .3s;}
.indNewsItem .desc .dtit i{display: block;width: 8px;height: 15px;background: url(../images/iconRight2.png);margin-left: 1rem;transition: .3s;}
.indNewsItem:hover {box-shadow: 0 0 2rem 0 #eee;transform: translateY(-0.5rem);}
.indNewsItem:hover .desc .dtit span{color: #00ACF6;}
.indNewsItem:hover .desc .dtit i{background: url(../images/iconRight3.png);}
.indNewsItem:hover .img img{transform: scale(1.05);}
.indNewsItem1 .img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: 0;}
.indNewsItem1 .img:before{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 80%);z-index: 8;}
.indNewsItem1 .desc{margin-top: auto;}
.indNewsItem1 .desc .atit{color: #fff;}
.indNewsItem1 .desc .btit{color: #fff;}
.indNewsItem1 .desc .ctit{color: #fff;}
.indNewsItem1 .desc .dtit span{color: #fff;}
.indNewsItem1 .desc .dtit i{background: url(../images/iconRight1.png);}
.f-footer{background: #2F2F2F;position: relative;overflow: hidden;}
.f-footer:before{content: "";display: block;position: absolute;top: 0;left:0;width: 100%;height: 4px;background: linear-gradient(90deg, #00A3E7, #00FFAE, #00A3E7);;background-size: 300% 100%;animation: flowLine 3s linear infinite;transition: .4s;z-index: 99;}
@keyframes flowLine {
0% {background-position: 0% 0%;}
100% {background-position: 100% 0%;}
}
.f-footer::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;right: calc((100% - 1520px)/2 + 1520px * 0.68);background: #393939;z-index:1;}
.foot1{padding: 8rem 0;position: relative;z-index: 99;}
.foot1>div{display: flex;}
.f-logo{display:block;}
.f-logo img{display:block;max-width: 100%;}
.f-desc{width: 32%;}
.f-info{margin-top: 5rem;}
.f-info p{display: block;font-size: 1.6rem;color: #999999;line-height: 1.35;margin-bottom: 1.8rem;}
.f-info p span{color: #fff;}
.f-nav{width: 68%;padding-left: 6rem;display: flex;justify-content: space-between;}
.f-nav .dt::after{content: "";display: block;width: 3rem;height: 2px;background: linear-gradient(90deg, #00A3E7, #00FFAE);margin: 2rem 0 2rem;}
.f-nav .dt a,.f-nav .dt span{display: block;font-size: 1.8rem;color: #FFFFFF;font-weight: bold;line-height: 1.35;}
.f-nav .dd a,.f-nav .dd span{display: block;font-size: 1.6rem;color: #999999;line-height: 1.35;}
.f-nav .dd{margin-bottom: 1.8rem;}
.ewmImgList .img{display: none;width: 15rem;}
.ewmImgList .img.active{display: block;}
.ewmImgList .img img{display: block;width: 100%;}
.ewmSelList{display: flex;justify-content: space-between;margin-top: 1.5rem;}
.ewmSel{display: flex;align-items: center;justify-content: center;width: 4rem;height: 4rem;background: #444444;border-radius: 50%;transition: .3s;cursor: pointer;}
.ewmSel img{display: block;width: 2rem;}
.ewmSel.active{background: #00A3E7;}
.foot2{padding: 1.4rem 0;border-top: 1px solid #393939;}
.foot2>div{display: flex;align-items: center;position: relative;z-index: 999;}
.f2l a,.f2l span{font-size: 1.4rem;color: #999999;line-height: 1.35;display: inline-block;}
.f2l{max-width: 32%;}
.f2r{margin-left: auto;}
.yqlj_box{position: relative;display: block;border: 1px solid #262626;}
.yqlj{display: flex;flex-direction: row-reverse;background: #393939;}
.yqlj span{display: block;height: 5rem;line-height: 4.8rem;color: #ffffff;border: 1px solid #393939;box-sizing: border-box;padding: 0 1.8rem 0 5rem;background: url(../images/yqlj.png) no-repeat;background-position: 1.5rem 1.4rem;background-size: 2rem;font-size: 1.6rem;opacity: .7;}
.yqlj i.jt{display:block;height: 5rem;width: 5rem;margin: 0;background: url(../images/downjt.png) no-repeat #262626;background-position: center !important;cursor: pointer;transition: .3s;overflow: hidden;}
.yqlj_list{display: none;position: absolute;width: 100%;bottom: 5.1rem;left: 0;background: #393939;text-align: center;}
.yqlj_list a{display: block;color: #CCCCCC;height: 5rem;line-height: 5rem;}
.yqlj_list a:hover{color: #fff;}
.f-footer a:hover{color: #fff;}
@media screen and (max-width:1720px){
.w1520{width: 1320px;}
.pdl1520{padding-left: calc((100% - 1320px)/2);}
.f-footer::after{right: calc((100% - 1320px)/2 + 1320px * 0.68);}
.h-nav .li{margin-right: 4rem;}
.h-header{padding: 0 8rem;}
}
@media screen and (max-width:1520px){
.w1520{width: 1120px;}
.pdl1520{padding-left: calc((100% - 1120px)/2);}
.f-footer::after{right: calc((100% - 1120px)/2 + 1120px * 0.68);}
.h-header{padding: 0 6rem;}
.indCaseSel img{zoom: .75;}
.ysSel img{zoom: .75;}
}
@media screen and (max-width:1320px){
.w1520{width: 1020px;}
.pdl1520{padding-left: calc((100% - 1020px)/2);}
.f-footer::after{right: calc((100% - 1020px)/2 + 1020px * 0.68);}
}
@media screen and (max-width:1220px){
.w1520{width: 980px;}
.pdl1520{padding-left: calc((100% - 980px)/2);}
.f-footer::after{right: calc((100% - 980px)/2 + 980px * 0.68);}
}
@media screen and (max-width:1024px){
.w1520{width: 100%;padding: 0 2rem;}
.pdl1520{padding-left: 2rem;}
.f-footer::after{right: 68%;}
.search-alert .cent-form{height: 5rem;}
.search-alert .cent-form:before{zoom: .8;margin-top: -3rem;}
.search-alert .cent-form .tex{padding: 0 6rem 0 4rem;font-size: 1.8rem;}
.search-alert .cent-form .sub-butn{font-size: 1.6rem;width: 6rem;}
.search-alert .cent-form:before{zoom: .8;margin-top: -3rem;}
.search-alert .cent-form .tex{padding: 0 6rem 0 4rem;font-size: 1.8rem;}
.search-alert .cent-form .sub-butn{font-size: 1.6rem;width: 6rem;}
.h-header{display: none;}
.wap_header{display: flex;}
.mySwiperBanner .img img{height: auto;}
.mySwiperBanner .swiper-pagination{bottom: 2rem;}
.ysSel{flex-direction: column-reverse;}
.ysSel p{margin-right: 0!important;}
}
@media screen and (max-width:768px){
.mySwiperBannerPC{display:none;}
.mySwiperBannerWAP{display: block;}
.f-footer::after{display: none;}
.foot1>div{flex-wrap: wrap;}
.f-desc{width: calc(100% - 15rem);padding-right: 2rem;}
.f-nav{padding-left: 0;width: auto;}
.f-nav .dl.w{display: none;}
.f2l{max-width: 100%;text-align: center;}
.f2r{display: none;}
.partnerItem{padding: 0.5rem;}
.partnerItem img{box-shadow: 0px 0px 0.5rem 0px rgba(0,0,0,0.07);width: 16rem;}
.partnerItem:hover img{box-shadow: 0px 0px 0.5rem 0px rgba(0,0,0,0.1);}
.indNewsBox{display: flex;flex-direction: column;}
.indNewsItem3,.indNewsItem4{display: none;}
.indNewsItem{padding: 3rem 2rem;}
.indNewsItem .desc .btit{font-size: 2.4rem;line-height: 3.2rem;height: 3.2rem;}
.indNewsItem .desc .ctit{font-size: 1.8rem;line-height: 3rem;height: 6rem;-webkit-line-clamp: 2;}
.wap_header{padding: 0 2rem;}
.banner{margin-top: 7rem;}
.sec1{padding: 7rem 0;}
.indProList{flex-wrap: wrap;margin: -1rem;}
.indProItem{width: 100%;margin: 1rem;}
.indProItem .desc{padding: 2rem;width: 100%;height: 100%;display: flex;flex-direction: column;}
.indProItem .desc .atit{margin-bottom: 0.5rem;}
.indProItem .desc .btit{color: #666;max-width: 50%;font-size: 12px;line-height:18px;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0;}
.indProItem .desc .ctit{margin-top: auto;}
.indCaseSel img{zoom: .5;}
.indTit .btit{font-size: 3.6rem;}
.ysItem .btit{margin-bottom: 7rem;}
.indTitBox{padding: 7.5rem 0 4rem;}
.ysSel{height: 12rem;}
.ysSel img{zoom: .5;margin-bottom: 2rem;}
.ysSel p{text-align: center;font-size: 1.6rem;line-height: 1.2;}
.ysSel p span{display: block;margin: -0.5rem 0;}
.ysSel.active p{font-size: 17px;}
.indCaseSelBox{flex-wrap: wrap;}
.indCaseSel{width: calc(25% - 0.6rem);height: auto;padding: 2rem 0;}
.sec3{padding-bottom: 8rem;}
.indCaseBox{margin-top: 2rem;}
.indCaseItem .desc{padding: 5rem 2rem 2rem;}
.indAbBox{flex-wrap: wrap;padding-left: 0;}
.indAbDesc{width: 100%;padding: 7.5rem 2rem 7rem;}
.indAbImg{width: 100%;}
.abImgSelList{margin: 4.25rem -0.75rem 2rem;}
.indTitBox{flex-wrap: wrap;}
.sec6{padding-bottom: 8rem;}
.sec6 .indTit{align-items: center;width: 100%;}
.indSelList{margin: 0 auto;}
.f-logo img{zoom: .75;}
}
.ant-btn {
line-height: 32px;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
cursor: pointer;
transition: all .3s cubic-bezier(.645, .045, .355, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: manipulation;
height: 32px;
padding: 0px 15px;
font-size: 14px;
border-radius: 2px;
color: rgba(0, 0, 0, .85);
border: 1px solid #d9d9d9;
background: #fff;
}
.downloadCenter {
background: #f9fafb;
padding-top: 2rem;
}
.downloadCenter .ant-tabs .ant-tabs-nav {
height: 64px;
background: #fff
}
.downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
width: 1400px;
max-width: 1400px;
margin: 0 auto
}
.downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab {
font-size: 16px;
line-height: 24px;
margin: 0 120px 0 0;
font-weight: 500;
color: #333
}
.downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab-active,
.downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab-active .ant-tabs-tab-btn {
font-weight: 500
}
.downloadCenter .ant-tabs .ant-tabs-content-holder {
background: #f4f4f4;
width: 100%;
max-width: 1400px;
margin: auto
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content {
padding: 40px 0 0;
box-sizing: border-box;
text-align: center
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content h2 {
margin: 0 auto 40px;
font-size: 32px;
font-weight: 600;
color: #333;
line-height: 45px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab {
display: flex;
justify-content: flex-start;
margin-bottom: 40px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab li {
width: 33.33%;
max-width: 456px;
height: 56px;
line-height: 56px;
font-size: 18px;
color: #333;
background: #fff;
cursor: pointer
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab li:nth-child(2) {
margin: 0 16px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab .tabActive {
color: #fff;
background: #008CD0
}
.downloadCenter .tab-download {
display: flex;
width: 100%;
justify-content: flex-start;
height: 72px;
line-height: 72px;
text-align: left;
background: #fff;
padding: 0 32px;
box-sizing: border-box;
margin-bottom: 16px
}
.downloadCenter .tab-download span {
color: #ddd;
margin-right: 16px
}
.downloadCenter .tab-download .iconfont {
font-size: 18px
}
.downloadCenter .tab-download p {
width: 80%;
max-width: 1080px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
transition: all .4s cubic-bezier(.19, 1, .22, 1)
}
.downloadCenter .tab-download h5 {
min-width: 120px;
color: #999;
font-size: 16px;
margin-left: 52px;
margin-right: 52px;
font-weight: 400
}
.downloadCenter .tab-download .ant-btn {
width: auto;
margin: 20px auto;
color: #fff;
background: #008CD0;
border-radius: 4px;
cursor: pointer;
border: none
}
.downloadCenter .tab-download .ant-btn span {
color: #fff;
margin: 0 auto
}
.downloadCenter .solution-no-data {
margin: 80px 0 0
}
@media screen and (max-width:1500px) {
.downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
width: 92%;
max-width: 92%
}
.downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
margin-right: 100px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder {
width: 92%;
max-width: 92%
}
}
@media screen and (max-width:1024px) {
.downloadCenter .ant-tabs .ant-tabs-nav {
height: 56px
}
.downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
font-size: 14px;
margin-right: 50px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content {
padding: 30px 0 0
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content h2 {
margin: 0 auto 20px;
font-size: 24px;
line-height: 32px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab {
margin-bottom: 20px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab li {
width: 32%;
height: 44px;
line-height: 44px;
font-size: 16px;
margin: 0 !important
}
.downloadCenter .tab-download {
height: 60px;
line-height: 60px;
padding: 0 24px;
margin-bottom: 12px
}
.downloadCenter .tab-download .iconfont {
font-size: 16px
}
.downloadCenter .tab-download p {
width: 80%;
max-width: 1080px;
font-size: 14px
}
.downloadCenter .tab-download h5 {
min-width: 80px;
font-size: 14px;
margin-left: 15px;
margin-right: 15px
}
.downloadCenter .tab-download .ant-btn {
margin: 14px auto
}
.downloadCenter .solution-no-data .iconfont {
font-size: 70px
}
.downloadCenter .solution-no-data .tip {
font-size: 16px;
line-height: 20px
}
}
@media screen and (max-width:768px) {
a.ant-btn{line-height: 24px;}
.downloadCenter .ant-tabs .ant-tabs-nav {
height: 50px
}
.downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
margin-right: 10px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content {
padding: 10px 0 0
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content h2 {
margin: 0 auto 10px;
font-size: 20px;
line-height: 28px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab {
margin-bottom: 15px
}
.downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab li {
width: 32%;
height: 35px;
line-height: 35px;
font-size: 14px;
margin: 0 !important
}
.downloadCenter .tab-download {
height: 50px;
line-height: 50px;
padding-right: 10px;
margin-bottom: 10px
}
.downloadCenter .tab-download span {
margin-right: 10px
}
.downloadCenter .tab-download p {
font-size: 12px
}
.downloadCenter .tab-download h5 {
min-width: 70px;
font-size: 12px;
margin-left: 10px;
margin-right: 10px
}
.downloadCenter .tab-download .ant-btn {
width: auto;
margin: 13px auto;
height: 24px;
padding: 0 5px
}
.downloadCenter .tab-download .ant-btn span {
font-size: 12px
}
.downloadCenter .solution-no-data .iconfont {
font-size: 60px
}
.downloadCenter .solution-no-data .tip {
font-size: 14px;
line-height: 20px
}
}
.nyBanner{position: relative;margin-top: 10rem;}
.nyBanner .img img{display: block;width: 100%;min-height: 50rem;object-fit: cover;}
.nyBanner .desc{position: absolute;top: 45%;left: 0%;width: 100%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;}
.nyBanner .desc .atit{height: 10rem;width:100%;}
.nyBanner .desc .atit text{font-family: Airal;font-size:7rem;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;fill: transparent;stroke: white;stroke-width: 0.5;stroke-dasharray: 800;stroke-dashoffset: 800;animation: textDash 5s 1s linear infinite;opacity: .6;}
.nyBanner .desc .btit{font-size: 4.5rem;font-weight: bold;color: #FFFFFF;line-height: 1;margin-top: -5rem;position: relative;z-index: 9;}
@keyframes textDash {to {stroke-dashoffset: 0;}}
.nyBanner .bannerBar{position: absolute;left:0;bottom: 0;width:100%;border-top: 1px solid rgba(255,255,255,.2);background-color: rgba(0,0,0,.4);}
.nyBanner .bannerBar>div{min-height: 8rem;display: flex;align-items: center;}
.barNav{display: flex;}
.barNav a{display: flex;align-items: center;justify-content: center;font-size: 1.6rem;color: #FFFFFF;height: 8rem;min-width: 13rem;border-right: 1px solid rgba(255,255,255,0.2);border-left: 1px solid rgba(255,255,255,0.2);}
.barNav a+a{margin-left: -1px;}
/* .barNav a i{display: block;width: 0.5rem;height: 0.5rem;background: #FFFFFF;margin-right: 1rem;} */
.barNav a.active,.barNav a:hover{background: #00A3E7;border-color: #00A3E7;color: #fff;}
.barNav a.active+a,.barNav a:hover+a{border-left-color: #00A3E7;}
.mbx{display: flex;align-items: center;justify-content: center;margin: auto 0 auto auto;}
.mbx img{margin-left: 2rem;}
.mbx span,.mbx a{display: block;font-size: 1.6rem;color: #FFFFFF;line-height: 1.2;margin-left: 2rem;}
.mbx a:hover{opacity: .8;}
@media screen and (max-width:1199px){
.nyBanner{margin-top: 7rem;}
}
.zycj img{max-width: 100%;height: 100%;object-fit: cover;}
.zycj .grid{box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .05);background:#fff;}
.zycj .grid+.grid{margin-top: 5rem;}
@media screen and (max-width:1024px){
.mbx{display: none;}
.nyBanner .bannerBar>div{padding: 0;}
}
@media screen and (max-width:768px){
.nyBanner .img img{min-height: 40rem;}
.nyBanner .desc{top: 40%;}
.nyBanner .desc .atit text{font-size: 6rem;}
.barNav{overflow-x: auto;}
.barNav::-webkit-scrollbar {width : 5px; height: 3px;}
.barNav::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #666;}
.barNav::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #eee;}
}
.jut img{display:block;max-width:100%;margin: 0 auto;}