body{font-size: 16px;} 
.inner{ width:1600px;   margin: 0 auto;  }
.pl-inner{ padding-left: calc((100vw - 1600px)/2);}
.pr-inner{ padding-right: calc((100vw - 1600px)/2);}
.ml-inner{ margin-left: calc((100vw - 1600px)/2);}
.mr-inner{ margin-right: calc((100vw - 1600px)/2);}


.z_page_swiper{ height: 100vh;overflow: hidden;}
.z_slide{ overflow: hidden;}
.footer {height: auto;overflow: initial;}
.z_kdc_bar{ position: fixed; z-index: 100; right: 40px !important; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; 
}
.z_kdc_bar .swiper-pagination-bullet{ width: 14px; height: 14px; margin: 10px 0 !important; opacity: 1; transform: scale(0.8); transition: all .36s; background-color: rgba(255, 255, 255, .5); border: 3px solid transparent; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.z_kdc_bar .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 3px solid #fff; background-color: transparent; opacity: 1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }


.zwHeader{ height: 100px;}

header{ position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 100; color: #fff;}
header .con{ padding: 0 4vw 0 6vw;}
header .icon02{ display: none;}
.logoImg{ height: 60px;}
.oneNav{ line-height:100px; white-space: nowrap; display: block; padding: 0 1.6vw; font-size: 18px; font-weight: bold;}
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:#fff; transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}

nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav:hover > li:not(:hover) .oneNav{ color: #333; }
nav:hover > li:not(:hover) .oneNav  span::after{ transform:scale(0,1) ;  }
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav  li dl dd:hover{background:var(--color)}
nav  li dl dd:hover a{color:#fff!important;}
/* nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav  li dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav  li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
 
.languageBtn{ height: 100px;}
.languageBtn span{  font-size: 18px;}
.languageBtn dl{ line-height: 40px; position:absolute;text-align: center;min-width:100px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); }
.languageBtn dl a{ display: block; border-bottom: 1px solid #e5e5e5;}
.languageBtn dl a:hover{ background: var(--color); color: #fff;}
.languageBtn dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.languageBtn:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }


.h_nav{ height: 60px; width: 60px; background-color:var(--color); padding: 18px 8px ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation:; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }

.nav{ color: #fff !important; padding-bottom: 60px; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: var(--color); position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
.h_nav.close{align-items: center; justify-content: center;}
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }
.nav{   overflow-y: scroll;   }
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #555; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #000; width: 1px; }


header::after{ position: absolute; left: 0; bottom: 0; display: block; content: ''; transition: all .36s; width: 100%; height:  1px;  background-color: rgba(255, 255, 255, .15); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

header.scroll,header:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .15); color: #333;}
header.scroll::after,header:hover::after{    background-color: #fff;  height: 100%;}
header.scroll .oneNav span::after,header:hover .oneNav span::after{background: var(--color);}
header.scroll nav li.on .oneNav  ,header:hover  nav li:hover .oneNav  { color: var(--color);}
header.scroll .icon01,header:hover .icon01{ display: none;}
header.scroll .icon02,header:hover .icon02{ display: block;}


.searchBox{ background :  var(--color); z-index: 60; transform: translateY(-105%); transition:all .6s ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-transform: translateY(-105%); -moz-transform: translateY(-105%); -ms-transform: translateY(-105%); -o-transform: translateY(-105%); }
.searchBox .form{ width: calc(100% - 80px);}
.searchBox .keys{ width: 80%; background: url(../images/search-w.png) no-repeat left center; }
.searchBox .submit{ width: 90px; height: 40px; border: 1px solid #fff;}
.searchBox input::-webkit-input-placeholder  {color:rgba(255, 255, 255, .65);}
.searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input:-ms-input-placeholder  {color: rgba(255, 255, 255, .65);;}
.searchBox.show{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }


.idxBanImg{ width: 100%; height: 100vh; min-height: 360px; object-fit:cover ;}
.idxBan .swiper-slide::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .12); }
.idxBan .text{ z-index: 10; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxBan .pagination { bottom: 60px;}
.idxBan .pagination .swiper-pagination-bullet{ transition: all .2s; width: 10px; height: 10px; border: 1px solid rgba(255, 255, 255, .5); opacity: 1; margin: 0 10px; background: transparent; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
.idxBan .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--color); border-color: var(--color); transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }

.idxVideo .left{ background-repeat: no-repeat;  background-size: cover; background-attachment: fixed; background-position: left center;}
.idxVideo .paly{
	z-index: 20;
	width: 100px;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	height: 100px;
	 
	 
	box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transform: scale(0.8);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite;
}
.idxVideo .right{ background: url(../images/idxVideoRightBg.jpg) no-repeat center bottom / cover;}
.idxVideoUl li:nth-child(n+3){ margin-top: 5vw;}

.idxPro{ background: url(../images/idxProBg.jpg) no-repeat center center / cover;}
.idxPro::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, .35); }
.idxKuai{ width: .6em; height: .6em;}
.idxProMore:hover{ letter-spacing: 2px;} 
.proItem .img{ width: 100%; padding-bottom: 72.6%; height: 0; background-image: linear-gradient(to bottom,#40a1de,#bad0e6);}
.proItem .img .logoIcon{ width: 36%;}
.proItem .img .idxProIcon{ position: absolute; right: 0; bottom: 0; opacity: .33; z-index: 2; height: 77.3%;}
.proItem:hover  .tit{ color: var(--color);}
.myButton{ width: 66px; height: 66px;}
.myButton:hover{ background: var(--color); color: #fff;}

.newsItem .img{ width: 100%; padding-bottom: 65.2%; height: 0; } 
.newsItem:hover .more{letter-spacing: 2px;} 

.idxContact{ background: url(../images/idxContactBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.idxContact::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .15); }
.idxContact .button:hover{ color: var(--color);}
.footCon{ background: #2d2d2d; color: #fff;}
.ewmBox .img{ width: 144px; height: 144px; background: url(../images/ewmBg.png) no-repeat center center; background-size: 100% 100%;}
footer a:hover{ color: #fff;}

.neiBanImg{ width: 100%; max-height: 100vh; min-height: 260px; object-fit: cover;}
.neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .25); }

.neiBan .inner{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.neiBan .button{ padding: 10px 20px 10px 50px;}
.playBtn{ width: 57px; height: 57px;}
.playBtn::after{ display: block; content: ''; transition: all .36s; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/playBg.png) no-repeat center center; background-size: 100% 100%; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.playBtn:hover::after{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.location{ width: 72%; height: 115px; margin-top: -115px; border-top-right-radius: 20px; }
.brandFeature li{ width: calc((100% - 30px) / 2); margin-right: 30px;}
.brandFeature li:nth-child(2n){ margin-right: 0;}
.brandFeature li::after{ display: block; content: ''; width: 0; height: 5px; transition: all .36s; position: absolute; left: 0; bottom: 0; background: var(--color); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.brandFeature li .round{ width: 2.3em; height: 2.3em; background-image: linear-gradient(45deg,#d3ebfc,#edf7fe);}
.brandFeature li:hover{ transform: translateY(-8px); box-shadow: 0 0 15px rgba(0, 0, 0, .15); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }
.brandFeature li:hover::after{ width: 100%;}

.brandOriginUl{ width: 23%;}
.brandOriginUl li{ display: none;}
.brandOriginUl li.on{ display: block;}
.brandOriginBottom li{ background: #75c0f0;}
.brandOriginBottom li.on{ background: #3987b8;}
.standardInfo .cell{ width: calc(1600px / 8);}
.standardInfo .item .right .list + .list{ border-top: 1px solid #e5e5e5;}

.guaranteeSwiper { height: 460px;}
.guaranteeSwiper .swiper-slide{ height: calc((100% - 60px)/2);}
.guaranteeSwiper .swiper-slide:hover .img{ color: var(--color); box-shadow: 0 0 10px rgba(0, 0, 0, .05); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.guaranteeSwiper .swiper-slide .img{ height: 140px;}
.guarantee .pagination .swiper-pagination-bullet{ margin: 0 3px;}

.prolsit li{ width: calc((100% - 50px) / 3) ; margin-right: 25px;}
@media screen and (min-width:1100px) {.prolsit li:nth-child(3n){ margin-right: 0;} }
.prolsit li:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.prolsit li:hover .img{ box-shadow: 0 0 15px rgba(0, 0, 0, .12);}

.proInfoTop .img{ width: 100%; padding-bottom: 86.5%; height: 0; background-image: linear-gradient(to bottom,#40a1de,#bad0e6);}
.proInfoTop .img .logoIcon{ width: 30%;}
.proInfoTop .img .idxProIcon{ position: absolute; right: 0; bottom: 0; opacity: .33; z-index: 2; height: 77.3%;}

.proInfoTopUl li{ flex: 1;}
.proInfoListUl li:first-child{ margin-top: 0;}
.proInfoListUl li .img{ width: 100%; padding-bottom: 71%; height: 0;}
.proInfoListUl li .round{ width: 106px; height: 106px; border-style: dashed; border-color: #cacacb;}
.proInfoListUl li:nth-child(2n){ flex-direction: row-reverse;}

.newslsit li{ width: calc((100% - 140px) / 3) ; margin-right: 70px;}
@media screen and (min-width:1100px) {.newslsit li:nth-child(3n){ margin-right: 0;} }

.newsLeft{ width: 65%;}
.newsRight{ width: 31%;}
.newsRight .tit::after{ height: 1em; width: 6px; background: var(--color); display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.newsRightUl{ position: sticky; right: 0; top: 15px;}
.newsRightUl a .img{ width: 185px; height: 115px;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 204px);}
.newsRightUl a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.cultureUl li{ flex: 1;}
.cultureUl li::after{ display: block; content: ''; width: 0; transition: all .36s; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/cultureUlBg.jpg) no-repeat center center / cover; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.cultureUl li.on::after{ width: 100%;}

.digit .years{ position: absolute; left: 0; top: 0; background-image: linear-gradient(to bottom,#7cc3ef,#3987b8); width: 18.7vw;}
.w54{ width: 54%;}.w44{ width: 44%;}
.earth3{ position: absolute; left: 50%; top: -10%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.digit .item::before{ transition: all .36s; display: block; content: ''; width:0; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to bottom,#40a1de,#bad0e6); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.digit .item::after{ transition: all .36s; display: block; content: ''; width:0; height: 9px; position: absolute; left: 0; bottom: 0;  background: var(--color); }
.digit .item:hover::after,.digit .item:hover::before{ width: 100%;}
.digit .item:hover .z5{ color: #fff;}
 
.device{ background: url(../images/deviceBg.jpg) no-repeat center center; background-size: cover ; background-attachment: fixed;}
.device::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(245, 245, 245, .37); }
.deviceUl li{ position: sticky; top: 120px;}
.deviceUl li:nth-child(2){  top: 165px;}
.deviceUl li:nth-child(3){  top: 210px;}
.deviceUl li:nth-child(4){  top: 255px;}
.deviceUl li .img{ width: 100%; height: 0; padding-bottom: 59.5%;}
.dianIcon{ position: absolute; height: 40px; left: 0; top: -20px; z-index: 10;}
.deviceUl li .con{ height: 85%;}
.deviceUl li .con::after{ display: block; content: ''; width: 6px; height: 46%; position: absolute; left: -6px; top: 27%; background: var(--color); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

.inlogo dd{ background: #f9f9f9; height: 250px;  }
 
   
.inlogo{ display: block; overflow: hidden;  }
.inlogo .la{ overflow: visible;white-space: nowrap; height: 250px;    margin-bottom: 20px;position: relative;}
.inlogo .la dl{ -webkit-animation: kf-client-wall-1 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-1 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-1 50s linear 0s infinite forwards; -o-animation: kf-client-wall-1 50s linear 0s infinite forwards; animation: kf-client-wall-1 50s linear 0s infinite forwards;    position: absolute; top:0; left:0; height: 100%;}
.inlogo .la dl dd{ position: relative; height: 100%; margin: 0 5px; overflow: hidden; border-radius: 15px; display: inline-flex; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
/* .inlogo .la dl dd img{ display: block;width: auto;height: 100%;} */
@keyframes kf-client-wall-1 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } }
.inlogo .gd2 dl{    -webkit-animation: kf-client-wall-2 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-2 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-2 50s linear 0s infinite forwards; -o-animation: kf-client-wall-2 50s linear 0s infinite forwards; animation: kf-client-wall-2 50s linear 0s infinite forwards; position: absolute; top:0; left:0; height: 100%;}
@keyframes kf-client-wall-2 { 0% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }

.honorImg{ max-height: 100%; opacity: .08; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
.inlogo .la dl dd:hover{ color: #fff; background-image: linear-gradient(to bottom,#7cc3ef,#3987b8);}
.inlogo .la dl dd:hover .honorImg{ opacity: 1; }

.contactStyle .line{ width: 1.3em; height: 5px;}
.yamImg{ max-height: 90%; top: 50%; width: auto; transform: translateY(-50%); right: 2px; z-index: 10;cursor: pointer; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.mapBox{ width: 100% ; height: 60vh;}

.reportBg{ background: url(../images/reportBgBg.jpg) no-repeat center center / cover; min-height: 66vh;}
.reportForm .keys{ width: 38VW;}
.reportTitle::after{ display: block; content: ''; width: 2em; height:5px; position: absolute; left: 50%; margin-left: -1em; bottom: -2px; background: var(--color); }

.reportItem{ width: 13.6vw; background: #dbe9f2;}
.reportTable .param-cell{  padding-top: 25px; padding-bottom: 25px; padding-right: 10px; }
.reportTb table{ margin: 0 !important; width: 100%  !important; background: #f3f8fb;}
.reportTb table tr:first-child{ background: #dbe9f2; font-weight: bold;}
.bg-report{ background: #dbe9f2; }
.pdfIcon{ height: 1.5em;}
.zhangIcon{ height: 125px;}

.searchTop form{ width: 700px;}
.searchTop form .text{ width: calc(100% - 70px); }
.searchTop form .submit{ width: 70px; height: 70px; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;}
.searchlist li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--color); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchlist li .left{ width:70% ;}
.searchlist li .right{ width: 70px; height: 70px;}
.searchlist li:hover::after{ width: 100%;}
.searchlist li:hover .right{ background-color: var(--color); color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }


.mobileBody{ max-width: 750px; margin: 0 auto; background: #7da3c8;}
.mobileBody::before{ display: none;}
.mobileHeader{  position: fixed; left: 0; right: 0; top: 0; z-index: 100;}
.mobileHeader .icon02{ display: none;}

.mobileAbout{ background: url(../images/mobileAboutBg.png) no-repeat center bottom; background-size: 100% auto;    margin-top: -20vw;
    position: relative;
    z-index: 10;}
.mobileAbout .title{ background-image: linear-gradient(to right,#c8e8ff,#85c5ee);}
.mobileAbout .img{  border: 3px solid #fff;}

.mobileData{ background: url(../images/mobileDataBg.png) no-repeat center bottom; background-size: 100% auto;}
.mobileData .con{ background: #ebf6fe;}
.mobileData .con .item:nth-last-child(-n + 2){ border-bottom: none;}

.mobileHeader .h_nav{ background: transparent;}
.mobileHeader.scroll{ background: #fff;}
.mobileHeader.scroll .h_nav{ background: var(--color);}
.mobileHeader.scroll .icon01{ display: none;}
.mobileHeader.scroll .icon02{ display: block;}
.mobileHonr .con{display: grid; grid-gap: 0px 20px; grid-template-columns: repeat(2,1fr);}
.mobileHonr .con li{min-width:0}
.mobileHonr .con li .img{ width: 100%; height: 70px;}


.mobileBiao{ background: url(../images/mobileBiaoBg.jpg) no-repeat center bottom / cover; }
.mobileBiaoTit li{  width: 30%; line-height: 3;}
.mobileBiaoTit li.on{ background: var(--color); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.section4-imageshbox {
	position: relative;
	width: 80vw;
    height: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
  .section4-imageshbox img {
    width: 100%;
  }
  .section4-imageshbox .i {
	position: absolute;
	left: 0;
	top: 0;
  }
  .section4-imageshbox .numers {
	position: absolute;
	bottom: 15.3333333333vw;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	color: #7d7f7f;
  }
  .section4-imageshbox .numers .num {
	justify-content: center;
	align-items: flex-end;
	font-family: Arial;
	font-weight: bold;
  }
  .section4-imageshbox .numers .tit-46 {
	font-size: 6.1333333333vw;
  }
  .section4-imageshbox .numers .tit-32 {
	font-size: 4.2666666667vw;
	line-height: .8;
  }
  .section4-imageshbox .numers .p {
	margin-top: .3rem;
  }
  .section4-imageshbox .numers * {
	line-height: 1;
  }
  .section4-imageshbox .i.i3,
	.section4-imageshbox .i.i2{
		transition:none;
	}
	.section4-imageshbox .i.i3.on{
		transition:2s ease;
	}
	.section4-imageshbox .i.i2.on{
		transition:1.5s ease;
	}
.mobileBiaoTip li::before{ display: block; content: ''; width: 13px; height: 13px;  background:  url(../images/mobileBiaoTipIcon01.png) no-repeat center center ; background-size: 100% 100%; }
.mobileBiaoTip li:last-child:before{   background:  url(../images/mobileBiaoTipIcon02.png) no-repeat center center ; background-size: 100% 100%; }

.mobileMethod{ background:  url(../images/mobileMethodBg.png) no-repeat center bottom #5b7899; background-size: 100% auto; }
.mobileMethodUl li{ height: 3em;}
.mobileMethodUl li.on{ background-image: linear-gradient(to right,#c8e8ff,#85c6ee); color: var(--color);}

.padding-bottom-50{ padding-bottom: 50px;}
.padding-top-50{ padding-top: 50px;}

.padding-bottom-38{ padding-bottom: 38px;}
.padding-top-38{ padding-top: 38px;}

/* 859eb8 */
.mobileBanText{ background: #7da3c8; padding: 100px 0 50px 0;}
.mobileBanText p{-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right, rgba(255,255,255,.6),#fff)}
.mobileBanImg{ padding-top: 0;}
.mobileBanImg::before{ display: block; content: ''; width: 100%; height: 35%;  background-image: linear-gradient(to bottom,#7da3c8,#7da3c8 10%,transparent); position: absolute; top: 0; left: 0;}
.mobileBanImg::after{ display: block; content: ''; width: 100%; height: 35%; background-image: linear-gradient(to top,#7da3c8,#7da3c8,transparent); position: absolute; bottom: 0; left: 0;}