html{width: 100%;}
body{font-size: 16px; background: #fff; font-family: "Arial","Microsoft Yahei"; line-height: 28px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body{overflow-x:hidden;}
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;}
.w1420{position: relative;width: 1420px;margin: 0 auto;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 100px;}
.pd50{padding: 0 50px;}


@font-face {
	font-family: "DIN";
	src: url(../fonts/DIN-BOLD.OTF);
}
@font-face {
	font-family: "AvantGarde";
	src: url(../fonts/AVGR65W.TTF);
}




.zw-header{height: 100px;display: block;}
.h-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 10;padding: 0 100px;display: flex;align-items: center;transition: .3s;}
.h-logo{margin-right: auto;}
.h-nav{display: flex;margin: 0 auto;}
.h-nav .li{margin-right: 45px;position: relative;}
.h-nav .li>a{display: block;font-size: 18px;color: #ffffff;line-height: 100px;text-transform: uppercase;}
.h-nav .li>a:hover,.h-nav .li.active>a{color: #002FA7;}
.h-subnav {width:150px;background:#ffffff;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 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;}
.h-subnav ol {padding:0px 0;}
.h-subnav ol li{width: 100%;margin: 0 !important;}
.h-subnav a {transition: .3s; padding: 15px 10px;box-sizing: border-box; width: 100%; display:block;line-height:20px;color:#333;font-size: 14px;text-align: center;font-weight: normal;}
.h-subnav a:hover {background:#002FA7;color:#fff!important;}
.li:hover .h-subnav,.h-lang:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}
.h-search{cursor: pointer;margin-right: 45px;}
.h-lang{position: relative;}
.h-lang .btn{display: flex;align-items: center;justify-content: center;height: 40px;padding: 0 18px;border-radius: 20px;border: 1px solid #CCCCCC;cursor: pointer;}
.h-lang .btn img{display: block;margin-right: 10px;}
.h-lang .btn span{display: block;font-size: 18px;color: #ffffff;}

/* .h-header.active .h-nav .li>a{line-height: 80px;} */
.h-header::after{content:"";position: fixed;z-index: -1;top: 0;left: 0;width: 100%;height: 100px;background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));opacity: 0;transition: .3s;}
.h-header.active::after{opacity: 1;}

.search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #f5f5f5;display: none;z-index: 9999;}
.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: 9999;}
.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, 40px);-ms-transform: translate(0, 40px);transform: translate(0, 40px);-webkit-transition: all .5s;transition: all .5s;}
.search-alert .close {width: 30px;height: 30px;position: absolute;top: 38px;right: 2.6%;cursor: pointer;background: url(../images/colse.png) no-repeat center;background-size: 18px 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: 60px;margin-top: -63px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.search-alert .cent-form:before {content: "";color: #fff;font-size: 30px;position: absolute;left: 0;height: 50px;width: 50px;top: 50%;margin-top: -25px;background: url(../images/z_img9.png) no-repeat center;background-size: 28px auto;}
.search-alert .cent-form .tex {border: none;font-size: 40px;height: 50px;line-height: 50px;text-align: center;width: 100%;color: #fff;background: none;padding-left: 100px;padding-right: 140px;box-sizing: border-box;}
.search-alert .cent-form .sub-butn {border: none;height: 50px;font-size: .8rem;line-height: 50px;color: #fff;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 120px;text-align: center;font-size: 26px;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;}


.wap_header{width: 100%; height: 60px; padding: 0 12px; display: none; justify-content: space-between; align-items: center; background: #fff; position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.wap_header .toggle{display: block; width: 25px; height: 20px; position: relative; z-index: 6;}
.wap_header .toggle i{display: block; width: 25px; height: 2px; background: #555; 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: 8px;}
.wap_header .toggle i:nth-of-type(3){top: 16px;}
.wap_header .toggle.on i{background: #000;}
.wap_header .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);}
.wap_header #h60{height: 60px;}
.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: 240px; background: #fff; height: 100vh; padding: 56px 0 20px 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 - 70px); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 14px; color: #333;}
.wap_header .nav ul li a:active  {color: #002FA7 !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: #002FA7; transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 20px !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: 40px; line-height: 40px; font-size: 14px;}
.wap_header .nav ul li ul li i{top: -10px;}
.wap_header .logo{position: relative;height: 40px;margin-right: auto;}
.wap_header .logo img{height: 100%;}
.wap_header .toggle{}
.wap_header .dropdown{float: right;margin-top: 18px;margin-right: 20px;position: relative;}
.wap_header #dLabel{border: 1px solid #9C9C9C;background: none;color: #9C9C9C;padding: 2px 5px;font-size: 12px;position: relative;}
.wap_header .dropdown-menu{background: #222;min-width: auto !important;text-align: center;}
.wap_header .dropdown-menu li a{color: #9C9C9C !important;transition: .3s;font-size: 14px !important;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;}
.open>.dropdown-menu {display: block;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;}




.indA{display: flex;align-items: center;justify-content: center;width: max-content;min-width: 160px;height: 60px;background: #FF0000;position: relative;z-index: 99;border-radius: 30px;padding: 0 30px;overflow: hidden;}
.indA span{display: block;font-size: 18px;color: #FFFFFF;line-height: 1;position: relative;z-index: 9;transition: .3s;}
.indA img{display: block;margin-left: 8px;position: relative;z-index: 9;transition: .3s;}
.indA:hover img{transform: translateX(10px);}
.indA.blue{background: #002FA7;}
.indA.tm{background: none;border: 1px solid #ffffff;}
.indA.tm::after{content:"";display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;transition: .4s;}
.indA.tm:hover::after{width: 100%;}
.indA.tm:hover span{color: #002FA7;}


.banner .swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner .content_box{height: 100%;}
.mySwiperBannerPC{display: block;}
.mySwiperBannerWAP{display: none;}
.BannerItem{display: block;width: 100%;height: 100%;position: relative;}
.BannerItem video{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.BannerItem .img{height: 100%;}
.BannerItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.BannerItem .desc{position: absolute;left: 0;top: 50%;transform: translateY(-30%);width: 100%;}
.BannerItem .desc .atit{position: relative;font-size: 24px;color: #FFFFFF;line-height: 1;}
.BannerItem .desc .atit::after{content: "";display: block;width: 60px;height: 2px;background: #FFFFFF;position: absolute;top: 50%;left: -75px;margin-top: -1px;}
.BannerItem .desc .btit{font-size: 48px;color: #FFFFFF;line-height: 1.2;margin: 40px 0 0px;font-weight: bold;font-family: AvantGarde;}
.BannerItem .desc .ctit{font-size: 24px;color: #FFFFFF;line-height: 1.2;margin: 40px 0 90px;}
.swiper-slide-active .BannerItem .desc .atit {animation: bannerupB .8s ease both;animation-delay:100ms;}
.swiper-slide-active .BannerItem .desc .btit {animation: bannerupB .8s ease both;animation-delay:300ms;}
.swiper-slide-active .BannerItem .desc .ctit {animation: bannerupB .8s ease both;animation-delay:500ms;}
@keyframes bannerupB {0% {transform: translateY(60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}

.banner .swiper-pagination{display: flex;justify-content: center;bottom:50px;}
.banner .swiper-pagination-bullet{display: block;width: 23px;height: 23px;background: url(../images/iconPagination1.png);background-repeat: no-repeat;opacity: 1;margin: 0 12px!important;transition: .3s;}
.banner .swiper-pagination-bullet-active{background: url(../images/iconPagination2.png);}




.indTitleBox{display: flex;padding: 0 0 30px;}
.indTitleBox .atit{display: block;font-weight: bold;font-size: 18px;color: #002FA7;line-height: 1.5;text-transform: uppercase;}
.indTitleBox .btit{display: block;font-weight: bold;font-size: 36px;color: #000000;line-height:1.2;}
.indTitleBox .ctit{font-size: 18px;color: #FFFFFF;line-height:1.4;margin-top: 15px;}
.indTitleBox.ct{text-align: center;}
.indTitleBox.white .btit{color: #ffffff;}
.indTitleBox.pd0{padding: 0;}


.sec1{background-color: #F1F5F8;background-image: url(../images/sec1Bg.png);background-repeat: no-repeat;background-position: left center;}
.indABout{display: flex;align-items: center;height: 100%;}
.indABout .InL{width: 50%;padding-left: calc((100vw - 1440px)/2);}
.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 160px;cursor: pointer;}
.videoPlay .img2{position: absolute;top: 0;left: 0;animation: circle 4s infinite linear;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}
.indABout .InR{width: 50%;height: 100%;position: relative;}
.indABout .InR img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.indABout .indTitleBox{padding-right: 50px;}
.iABAtit{font-size: 18px;color: #333333;line-height: 28px;margin-bottom: 100px;padding-right: 100px;}
.iABAtit p+p{margin-top: 25px;}

.indNumBox{display: flex;width: 133.33%;position: relative;z-index: 9999;margin-top: 70px;}
.indNumItem{background: #002FA7;width: 25%;padding: 45px 35px;}
.indNumItem+.indNumItem{border-left: 1px solid #fff;}
.indNumItem .icon{}
.indNumItem .atit{font-size: 40px;color: #ffffff;fill:#ffffff;font-family: DIN;font-weight: bold;margin: 15px 0 12px;}
.indNumItem .btit{font-size: 18px;color: #ffffff;line-height: 25px;opacity: 0.3;}

.layui-layer-video{max-width: 1000px;}
.layui-layer-video video{display: block;width: 100%;}




.sec2{position: relative;transition: .3s;}
/* .sec2::after{content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,.7);} */
.sec2 .indTitle{position: absolute;left: 0;width: 100%;top: 120px;z-index: 99;}
.soultionBox{height: 100%;display: flex;position: relative;}
.soultionItem{text-align: center;padding: 100px 50px 0;display: flex;flex-direction: column;justify-content: center;position: relative;width: 25%;}
.soultionItem+.soultionItem::after{content: "";display: block;width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);}
.soultionItem:before{content: "";display: block;width: 100%;height: 0%;position: absolute;left: 0;bottom: 0;background: linear-gradient(0deg, #002FA7 0%, rgba(0,131,225,0) 100%);transition: .65s;}
.soultionItem .atit{position: relative;z-index: 9;}
.soultionItem .btit{font-size: 30px;color: #FFFFFF;line-height: 1.2;font-weight:bold;margin: 50px 0 20px;position: relative;z-index: 9;}
.soultionItem .ctit{font-size: 16px;color: #FFFFFF;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;height: 0;transition: .3s;position: relative;z-index: 9;}
.soultionItem .dtit{position: relative;z-index: 9;}
.soultionItem .dtit .indA{margin: 0 auto;margin-top: 50px;opacity: 0;visibility: hidden;}
.soultionItem.active .ctit{height: 125px;}
.soultionItem.active:before{height: 100%;}
.soultionItem.active .dtit .indA{opacity: 1;visibility: visible;}



.sec3{position: relative;overflow: hidden;}
.sec3 .indTitle{position: absolute;left: 0;width: 100%;top: 120px;z-index: 99;}



.sec4{position: relative;overflow: hidden;}
.sec4 .indTitle{position: absolute;left: 0;width: 100%;top: 120px;z-index: 99;}
.indProBox{position: relative;height: 100%;}
.indProImg{display: block;width: 100%;height: 100%;}
.indProImg img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.indProItem{position: absolute;margin-top: -415px;display: block;}
.indProItem .img{width: 120px;margin: 0 auto;transition: .3s;}
.indProItem .img img{display: block;width: 100%;}
.indProItem .desc{display: block;text-align: center;font-size: 18px;color: #FFFFFF;line-height: 1.3;}
.indProItem .line{display: block;position: relative;width: 1px;height: 268px;background: #FFFFFF;margin: 0 auto;transition: .3s;}
.indProItem .line i{display: block;position: absolute;width: 11px;height: 11px;background: #FFFFFF;border-radius: 50%;bottom: 0;left: -5px;transition: .3s;}
.indProItem .line i::after{content: "";display: block;width: 17px;height: 17px;border-radius: 50%;border: 1px solid #FFFFFF;position: absolute;bottom: -4px;left: -4px;transition: .3s;}
.indProItem:hover .img{transform: translateY(5px);}
.indProItem:hover .line{background: #002FA7;}
.indProItem:hover .line i{background: #002FA7;}
.indProItem:hover .line i::after{border-color: #002FA7;}
.indProItem1{bottom: 34%;left: 10%;}
.indProItem2{bottom: 22%;left: 20%;}
.indProItem3{bottom: 34%;left: 27%;}
.indProItem4{bottom: 22%;left: 38%;}
.indProItem5{bottom: 34%;left: 49%;}
.indProItem6{bottom: 22%;left: 57%;}
.indProItem7{bottom: 34%;left: 65%;}
.indProItem8{bottom: 22%;left: 74%;}
.indProItem9{bottom: 27%;left: 83%;}
.indProItem.short{margin-top: -385px;}
.indProItem.short .line{height: 238px;}



.soulBox{display: flex;margin: -10px;height: calc(100vh - 300px);}
.soulList{width: 33.333%;display: flex;flex-direction: column;margin: 10px;}
.soulList.ct .soulItem{height: calc(50% - 20px);}
.soulItem{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;margin: 10px;background-size: cover;background-position: center;padding: 50px;text-align: center;position: relative;transition: .3s;}
.soulItem::after{content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,.4);position: absolute;top: 0;left: 0;transition: .3s;}
.soulItem .img{width: 60px;position: relative;z-index: 9;transition: .3s;}
.soulItem .img img{display: block;width: 100%;}
.soulItem .atit{font-size: 20px;color: #FFFFFF;line-height: 1.5;margin: 15px 0 5px;position: relative;z-index: 9;transition: .3s;}
.soulItem .btit{font-size: 16px;color: #FFFFFF;line-height: 1.6;position: relative;z-index: 9;opacity: .5;transition: .3s;}
.soulItem:hover::after{background: rgba(0,0,0,.6);}
.soulItem:hover .img{transform: translateY(-5px);}
.soulItem:hover .atit{transform: translateY(-5px);}
.soulItem:hover .btit{transform: translateY(-5px);}


.sec5{background: url(../images/sec5Bg.jpg) center/cover;padding: 20px 0 100px;}
.sec5,.sec5 .fp-tableCell{height: auto!important;}
.sec5 .indTitle .btit{color: #ffffff;}
.sec5Btn{display: flex;flex-wrap: wrap;margin-top: 20px;}
.sec5Btn .indA{width: auto;padding: 0 20px;}
.sec5Btn .indA+.indA{margin-left: 20px;}
.sec5Btn .indA.tm{border-width: 2px;}


.footer,.footer .fp-tableCell{height: auto!important;}
.footer{background: #001854;}
.foot1{padding: 75px 0 80px;}
.f-logo{margin: 25px 0 20px;}
.f-atit{font-size: 16px;color: #FFFFFF;line-height: 1.4;}
.f-btns{display: flex;flex-wrap: wrap;margin-top: 25px;}
.f-btns .btn{display: flex;align-items: center;justify-content: center;position: relative;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #FFFFFF;}
.f-btns .btn+.btn{margin-left: 20px;}
.f-btns .btn .ewmBox{width: 120px;position: absolute;top:100%;left: 50%;transform: translateX(-50%);margin-top: 20px;opacity: 0;visibility: hidden;transition: .3s;}
.f-btns .btn .ewmBox img{width: 100%;}
.f-btns .btn:hover .ewmBox{margin-top: 10px;opacity: 1;visibility: visible;}
.f-btns .btn>img{width: 30px;}

.f-nav{display: flex;justify-content: space-between;}
.f-nav .dl{}
.f-nav .dt{margin-bottom: 20px;}
.f-nav .dt a{display: block;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 1.4;}
.f-nav .dd{margin-top: 14px;}
.f-nav .dd a{display: block;font-size: 16px;color: #FFFFFF;line-height: 1.4;}

.foot2{border-top: 1px solid rgba(255, 255, 255, 0.3);padding: 25px 0 25px;}
.foot2>div{display: flex;}
.ft2L{margin-right: auto;}
.ft2R{}
.foot2 span,.foot2 a{font-size: 16px;color: #FFFFFF;line-height: 1.4;}

.footer a:hover{opacity: .7;}





.indAdvBox{display: flex;position: relative;padding-top: 80px;height: 100%;}
.indAdvImg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.indAdvImg .swiper-button-prev,.indAdvImg .swiper-button-next{display: none;}
.indAdvImg .img{height: 100%;}
.mySwiperAdvImg{height: 100%;position: relative;overflow: hidden;z-index: 9;}
.mySwiperAdvImg .swiper-slide {width: 100%;overflow: hidden;position: relative;}
.mySwiperAdvImg .swiper-slide-active {z-index: 10;}
.mySwiperAdvImg .img{width: 50%;height: 100%;overflow: hidden;}
.mySwiperAdvImg .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transform: scale(1.1);transition: 1.3s;}
.mySwiperAdvImg .swiper-slide-active .img img {transform: scale(1);}
.mySwiperAdvDesc{position: relative;overflow: hidden;}
.indAdvDesc{width: 50%;margin-left: auto;padding-left: 100px;padding-right: calc((100% - 1620px)/2);display: flex;flex-direction: column;justify-content: space-evenly;}
.indAdvDesc .desc{display: block;width: 100%;}
.indAdvDesc .desc .atit{font-weight: bold;font-size: 38px;line-height: 1;}
.indAdvDesc .desc .btit{font-size: 16px;color: #666666;line-height: 1.5;}
.indAdvDesc .desc .line{display: block;width: 60px;height: 2px;background: #002FA7;margin: 30px 0 25px;}

.textov{overflow: hidden;}
.indAdvDesc .desc .atit{animation: business-txt1 0.4s both ease-in;animation-delay: 0.2s;}
.indAdvDesc .desc .btit{animation: business-txt1 0.4s both ease-in;animation-delay: 0.2s;}
.indAdvDesc .swiper-slide-active .desc .atit{animation: business-txt2 0.6s both ease-in;animation-delay: 0.2s;}
.indAdvDesc .swiper-slide-active .desc .btit{animation: business-txt2 0.6s both ease-in;animation-delay: 0.2s;}

.indAdvDesc .pagination{margin-top: 30px;display: flex;flex-wrap: wrap;align-items: flex-end;font-family: DIN;font-weight: 600;color: rgba(0,0,0,0.15);}
.indAdvDesc .pagination .big{font-size:100px;height: 85px;font-weight:600;line-height: 0.85;overflow:hidden ;display: flex;flex-wrap: wrap;}
.indAdvDesc .pagination .big .num{position:relative;top:0;transition: 0.5s;}
.indAdvDesc .pagination .big span{position:relative;top: 0;height: 88px;display:block;}
.indAdvDesc .pagination .big.prev_act .num{top: -176px;}
.indAdvDesc .pagination .big.prev .num{top: -88px;}
.indAdvDesc .pagination .big.next .num{top: -88px;}
.indAdvDesc .pagination .total{font-size: 30px;}

@keyframes business-txt1 {
    0% {transform: translate(0%,0%);}
    100% {transform: translate(0%,120%);}
}
@keyframes business-txt2 {
    0% {transform: translate(0%,120%);}
    100% {transform: translate(0%,0%);}
}




.section{overflow: hidden;}
.section.active .indTitle{animation: fadeInUp .8s .3s ease both;}
.section.active .iABAtit{animation: fadeInUp .8s .4s ease both;}
.section.active .indNumItem:nth-of-type(1){animation: fadeInUp .8s .5s ease both;}
.section.active .indNumItem:nth-of-type(2){animation: fadeInUp .8s .55s ease both;}
.section.active .indNumItem:nth-of-type(3){animation: fadeInUp .8s .6s ease both;}
.section.active .indNumItem:nth-of-type(4){animation: fadeInUp .8s .65s ease both;}
.section.active .soultionItem:nth-of-type(1){animation: fadeInUp .8s .4s ease both;}
.section.active .soultionItem:nth-of-type(2){animation: fadeInUp .8s .6s ease both;}
.section.active .soultionItem:nth-of-type(3){animation: fadeInUp .8s .8s ease both;}
.section.active .soultionItem:nth-of-type(4){animation: fadeInUp .8s 1s ease both;}
.section.active .indProItem1{animation: fadeInUp .8s .4s ease both;}
.section.active .indProItem2{animation: fadeInUp .8s .45s ease both;}
.section.active .indProItem3{animation: fadeInUp .8s .5s ease both;}
.section.active .indProItem4{animation: fadeInUp .8s .55s ease both;}
.section.active .indProItem5{animation: fadeInUp .8s .6s ease both;}
.section.active .indProItem6{animation: fadeInUp .8s .65s ease both;}
.section.active .indProItem7{animation: fadeInUp .8s .7s ease both;}
.section.active .indProItem8{animation: fadeInUp .8s .75s ease both;}
.section.active .indProItem9{animation: fadeInUp .8s .8s ease both;}
.section.active .indProItem10{animation: fadeInUp .8s .85s ease both;}
.section.active .soulList:nth-of-type(1) .soulItem{animation: fadeInUp .8s .4s ease both;}
.section.active .soulList:nth-of-type(2) .soulItem:nth-of-type(1){animation: fadeInUp .8s .5s ease both;}
.section.active .soulList:nth-of-type(2) .soulItem:nth-of-type(2){animation: fadeInUp .8s .6s ease both;}
.section.active .soulList:nth-of-type(3) .soulItem{animation: fadeInUp .8s .7s ease both;}
.section.active .sec5Btn{animation: fadeInUp .8s .4s ease both;}






@media screen and (max-width:1700px) {
	.h-nav .li{margin-right: 35px;}
}





@media screen and (max-width:1620px) {
	.w1420{width: 1220px;}
	.indABout .InL{padding-left: calc((100vw - 1220px) / 2);}
	.h-nav .li{margin-right: 25px;}
	.h-search{margin-right: 25px;}
	
	
	.indTitleBox .atit{font-size: 20px;}
	
	.h-header{padding: 0 60px;}
	
	.iABAtit{margin-bottom: 50px;padding-right: 50px;}
	.indNumItem{padding: 35px 25px;}
	.indNumItem .atit{font-size: 40px;}
	.indNumItem .btit{font-size: 16px;}
	
	.soulItem{padding: 50px 20px;}
	.layui-layer-video{max-width: 800px;}
	
	
	.indAdvDesc{padding-right: calc((100% - 1420px) / 2);}
	.indAdvDesc{padding-left: 80px;}
	.indAdvDesc .desc .atit {font-size: 32px;}
	
}
@media screen and (max-width:1420px) {
	.w1420{width: 1120px;}
	.indABout .InL{padding-left: calc((100vw - 1120px) / 2);}
	.h-nav .li{margin-right: 15px;}
	.h-search{margin-right: 15px;}
	
	.BannerItem .desc .atit{font-size: 24px;}
	.BannerItem .desc .btit{font-size: 38px;}
	.BannerItem .desc .ctit{font-size: 18px;}
	
	.soultionItem{padding: 100px 10px 0;}
	.soultionItem .btit{font-size: 22px;}
	
	.h-nav .li>a{font-size: 17px;}
	.h-header {padding: 0 40px;}
	
	.iABAtit{font-size: 16px;line-height: 25px;padding-right: 35px;}
	.indNumItem{padding: 30px 25px;}
	.indNumItem .atit{font-size: 36px;}
	
	.indTitleBox .btit{font-size: 32px;}
	.indABout .indTitleBox {padding-right: 35px;}
	

	.indAdvDesc{padding-right: calc((100% - 1120px) / 2);}
	.indAdvDesc{padding-left: 60px;}
	
	
	
}


@media (min-width: 1199px) and (max-width: 1600px){
	.indTitleBox,.BannerItem .desc,.indABout,.soultionBox,.indProBox,.soulBox,.sec5Btn{zoom: .8;}
	.indAdvDesc .desc,.indAdvDesc .pagination{zoom: .8;}
	.indProItem .line{height: 175px;}
	.indProItem.short .line{height: 160px;}
	.soulBox{height: calc(100vh - 100px);}
	
}

@media screen and (max-width:1199px){
	.w1420{width: 100%;padding: 0 20px;}
	.indABout .InL{padding-left: 20px;}
	.h-header{display: none;}
	.wap_header{display: flex;}
	.zw-header{height: 60px;}
	.content_box{padding-top: 60px;}
		
	.search-alert .cent-form{height: 50px;}
	.search-alert .cent-form:before{zoom: .8;margin-top: -30px;}
	.search-alert .cent-form .tex{padding: 0 60px 0 40px;font-size: 18px;}
	.search-alert .cent-form .sub-butn{font-size: 16px;width: 60px;}
	.search-alert .cent-form:before{zoom: .8;margin-top: -30px;}
	.search-alert .cent-form .tex{padding: 0 60px 0 40px;font-size: 18px;}
	.search-alert .cent-form .sub-butn{font-size: 16px;width: 60px;}
	
	
	.mySwiperBannerPC{display: none;}
	.mySwiperBannerWAP{display: block;}
	.BannerItem .desc .atit{font-size: 20px;}
	.BannerItem .desc .atit::after{position: relative;top: 0;left: 0;margin: 20px 0 20px;}
	.BannerItem .desc .btit{margin: 25px 0 15px;font-size: 34px;}
	.BannerItem .desc .ctit{margin: 25px 0 90px;}
	.banner .swiper-pagination{bottom: 30px;}
	.banner .swiper-pagination-bullet{margin: 0 5px !important;}
	
	
	.indTitleBox{padding: 0 0 20px;}
	.indTitleBox .atit {font-size: 18px;}
	.indTitleBox .btit {font-size: 32px;}
	.indABout .indTitleBox {padding-right: 30px;}
	.iABAtit{padding-right: 30px;margin-bottom: 30px;}
	.iABAtit p+p {margin-top: 15px;}
	.indNumBox {margin-top: 35px;}
	.indNumItem{padding: 15px 10px;}
	.indNumItem .atit{font-size: 32px;}
	.indNumItem .btit {font-size: 14px;}
	.videoPlay{zoom: .75;}
	
	
	
	.sec2 .indTitle{top: 100px;}
	.soultionItem{width: 13.333%;transition: .3s;}
	.soultionItem .atit{zoom: .75;}
	.soultionItem .btit{writing-mode: vertical-rl;display: flex;align-items: center;justify-content: center;}
	.soultionItem .dtit .indA{margin-top: 20px;}
	.soultionItem.active{width: 60%;}
	.soultionItem.active .btit{writing-mode: vertical-rl;writing-mode: unset;}
	
	
	.foot1 {padding: 40px 0 60px;}
	.f-nav .dl{display: none;}
	.f-nav .dl.info{display: block;}
	.f-btns .btn{zoom: .75;}
	.f-btns .btn .ewmBox{left: 0;transform: translateX(0);}
	.foot2{padding: 15px 0;}
	.foot2 span, .foot2 a{font-size: 14px;}
	
	
	.soultionItem .btit{margin: 30px 0 15px;}
	
	.indA{min-width: 130px;height: 50px;padding: 0 25px;}
	.indA span{font-size: 16px;}
	
	.iABAtit{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}
	.indNumItem .atit {font-size: 28px;margin: 10px 0 5px;}
	.indNumItem .btit {font-size: 12px;}
	
	
	.indProImg{background: #78797D;position: absolute;top: 0;left: 0;}
	.indProImg img{object-fit: scale-down;object-position: bottom center;}
	.indProDesc{display: flex;flex-wrap: wrap;padding: 180px 10px 0;}
	.indProItem{position: relative;padding: 10px 5px;margin-top: 2px!important;bottom: 0;left: 0;width: calc(33.333% - 4px);margin: 2px;background: rgba(0, 0, 0, .2);}
	.indProItem .line{display: none;}
	.indProItem .img{width: 75px;}
	.indProItem .desc{font-size: 16px;}
	
	.sec2 .indTitle{top: 90px;}
	.sec3 .indTitle{top: 90px;}
	
	.soulBox{margin: -5px;height: calc(100vh - 200px);}
	.soulList{margin: 5px;}
	.soulList.ct .soulItem{height: calc(50% - 10px);}
	.soulItem{margin: 5px;padding: 30px 15px;}
	.soulItem .img{width: 45px;}
	.soulItem .atit{font-size: 18px;margin: 10px 0 5px;}
	.soulItem .btit{font-size: 14px;line-height: 1.5;}
	
	
	.indAdvDesc{padding-right: 20px;}
	.indAdvDesc{padding-left: 40px;}
	.indAdvDesc .desc .atit {font-size: 28px;line-height: 1.2;}
	.indAdvDesc .desc .btit {font-size: 15px;}
	
}
@media screen and (min-width:780px){
	.soultionItem{background: none!important;}
}
@media screen and (max-width:780px){
	.w1420{padding: 0 15px;}
	.indABout .InL{padding-left: 15px;}
	.wap_header .logo{height: 40px;}
	
	.BannerItem .desc .atit{font-size: 16px;}
	.BannerItem .desc .btit{font-size: 28px;}
	.banner .swiper-pagination {bottom: 20px;}
	
	.f-logo{display: none;}
	
	.indABout{display: flex;flex-direction: column;}
	.indABout .InL{width: 100%;margin: auto 0;padding: 10px 15px 15px;}
	.indABout .InR{width: 100%;height: 35vh;}
	.iABAtit{padding-right: 0;margin-bottom:25px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
	.indABout .indTitleBox{padding-right: 0;}
	.indNumBox{width: 100%;margin-top: 20px;}
	.indNumItem .atit {font-size: 28px;}
	.indNumItem {padding: 10px 5px;width: 100%;}
	
	.indProDesc{padding: 160px 10px 0;}
	
	.sec2{background: none!important;}
	.soultionItem{width: 50px;}
	.soultionItem {padding: 100px 5px 0;}
	.soultionItem .atit{zoom: .5;}
	.soultionItem .btit{font-size: 18px;writing-mode: unset;}
	.soultionItem .ctit{font-size: 14px;line-height: 20px;-webkit-line-clamp: 6;max-height: 120px;display: none;}
	.soultionItem .dtit .indA{min-width: 120px;height: 45px;}
	.soultionItem .dtit .indA span{font-size: 14px;}
	.soultionItem:before{background: linear-gradient(0deg, #002fa780 0%, rgba(0, 131, 225, 0) 100%);height: 100%;}
	.soultionItem+.soultionItem::after{display: none;}
/* 	.soultionItem:nth-of-type(1),.soultionItem:nth-of-type(2){border-bottom: 1px solid rgba(255,255,255,.5);}
	.soultionItem:nth-of-type(1),.soultionItem:nth-of-type(3){border-right: 1px solid rgba(255,255,255,.5);} */
/* 	.soultionItem.active{width: calc(100% - 150px);}
	.soultionItem.active .atit{zoom: .75;}
	.soultionItem.active .btit{font-size: 22px;}
	.soultionItem.active .dtit .indA{width: auto;}
	.soultionItem.active .dtit .indA img{display: none;} */
	.soultionBox{flex-wrap: wrap;padding-top: 60px;}
	.soultionItem{width: 50%!important;padding: 10px!important;background-position: 60% center;background-size: cover;}
	.soultionItem .dtit .indA{opacity: 1;visibility: visible;}
	
	.sec5Btn{flex-direction: column;align-content: flex-start;}
	.sec5Btn .indA+.indA{margin-left: 0;margin-top: 10px;}
	
	.foot2 span, .foot2 a{display: inline-block;}
	.ft2L{width: 100%;text-align: center;}
	.ft2R{display: none;}
	
	.BannerItem .desc{transform: translateY(-45%);}
	.indTitleBox .atit {font-size: 14px;}
	.indTitleBox .btit {font-size: 22px;}
	.indNumItem .atit {font-size: 20px;}
	
	.soulBox{flex-direction: column;height: calc(100vh - 280px);}
	.soulList{height: 33.3333%;width: auto;margin: 2px;display: flex;flex-direction: row;}
	.soulList.ct .soulItem{height: 100%;}
	.soulItem{width: 100%;margin: 2px;}
	.soulItem .atit{font-size: 16px;}
	.soulItem .btit{display: none;}
	
	.indProItem .desc {font-size: 14px;}
	

	.indAdvDesc{padding-right: 15px;}
	.indAdvDesc .desc .atit {font-size: 20px;}
	.indAdvDesc .desc .btit {font-size: 14px;}
	.indAdvDesc .desc .btit {font-size: 12px;}
	
	.indAdvBox{flex-direction: column-reverse;}
	.indAdvImg{height: 40vh;position: relative;}
	.mySwiperAdvImg .img{width: 100%;}
	.indAdvDesc{width: 100%;height: 60%;padding-left: 15px;}
	.indAdvDesc .desc .line{margin: 15px 0 10px;}
	
	.indAdvImg .swiper-button-prev::after,.indAdvImg .swiper-button-next::after{display: none;}
	.indAdvImg .swiper-button-prev,.indAdvImg .swiper-button-next{display: block;width: 40px;height: 40px;border: 1px solid #fff;background-image: url(../images/iconRight2.png);background-repeat: no-repeat;background-position: center;top: auto;margin-top: 0;}
	.indAdvImg .swiper-button-prev{bottom: 15px;right: 55px;left: auto;transform: rotate(180deg);}
	.indAdvImg .swiper-button-next{bottom: 15px;right: 15px;}
	
	.indAdvDesc .pagination{position: absolute;z-index: 9;bottom: 15px;left: 15px;color: #fff;width: auto;}
	.indAdvDesc .pagination .big {font-size: 40px;height: 34px;}
	.indAdvDesc .pagination .total {font-size: 20px;line-height: 1;}
	
	
}



@media screen and (max-width:780px){
	.z_about_jj .conwarp h1{font-size: 24px;}
	.z_sc_bj .w1420{flex-wrap: wrap;}
}

