@font-face {
  font-family: "NotoSansHans";
   src: url("../fonts/NotoSansHans-Regular.ttf");    
  font-weight: normal;
  font-style: normal;
}
@font-face { 
font-family: Swiss721BT;
   src: url("../fonts/Swiss721BT-Heavy.otf");    
  font-weight: normal;
  font-style: normal;
}

@font-face { 
font-family: Gilroy;
   src: url("../fonts/Gilroy-Regular.otf");    
  font-weight: normal;
  font-style: normal;
}

@font-face { 
font-family: DIN;
src: url("../fonts/DIN-Bold.otf");    
font-weight: normal;
font-style: normal;
}

@font-face { 

font-family: Runda;
src: url("../fonts/Runda.otf");    
font-weight: normal;
font-style: normal;
}

article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{ font-family: "NotoSansHans";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.wapshow{display:none;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex{ display: flex; align-items: center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
.pc{display:block;}
.wap{display:none;}
@media (max-width:992px){
.pc{display:none;}
.wap{display:block;}  
}
/**:before,*/
/**:after {*/
/*  z-index: -1;*/
/*}*/
.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url("../img/bgs.png.html") no-repeat center; background-size: cover; background-attachment: fixed; pointer-events: none;}
.flwarp{ float: left;}
.frwarp{ float: right;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
.imgbgs{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}
/*分享二维码*/
#zCode{display: block;left: 50%;top: 50%;margin-left: -110px;margin-top: -122.5px;position: fixed; background: #fff;height: 245px;width: 220px; z-index:3000;border-radius: 5px; border: 6px solid #7f7f7f; box-sizing: border-box;}
#zCode>h2{     color: #666;background: #f2f2f2;height: 24px;line-height: 24px;border-bottom: 1px solid #e8e8e8; font-size: 14px; padding: 0 10px; box-sizing: border-box;}
#zCode>h2>i{cursor:pointer; float:right; width:24px; height:24px; text-align:center;}
#zCode>.ewm{width:100%; height:208px;padding: 20px; box-sizing: border-box; }
#zCode>.ewm canvas{width:100%; height:100%;}

.z_header{ width: 100%; transition: ease 1s; position: fixed; left: 0; top: 0; z-index: 10;padding: 0 4vw; box-sizing: border-box; padding-top: 1vw;}
.z_header.on{ padding-top:.5vw;padding-bottom: 0.5vw; background: #fff; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 7%);}
.z_logo img{ display: block; height: 100%; }
.z_logo{ float: left; display: block;width: 83px;height: 80px;background:url("../img/logo.png") no-repeat bottom center; background-size: contain;}
.z_header .companyname{float:left;display:inline-block;font-size:24px;color:#fff;line-height:70px;padding-left: 100px;}
.z_header_fr{ float: right;margin-top: 10px;}
.z_header_nav{ float: left; }
.z_header_nav li{ display: inline-block; margin-right: 3vw; line-height: 2.6vw;position:relative;}
.z_header_nav li a{ font-size: 18px; color: #fff;}
.z_header_nav .drop{position:absolute;left:50%;transform:translateX(-50%);top:100%;transition:.6s;opacity:0;background:#fff;white-space:nowrap;z-index:999;text-align:left;min-width:1.8rem;box-shadow:0 5px 10px rgba(0,0,0,.14)}
.z_header_nav .drop a{overflow:hidden;display:block;line-height:36px;font-size: 14px;padding:5px 20px;color:#666;white-space:nowrap;text-align:center}
.z_header_nav li:hover .drop{opacity: 1}

.z_header_nav .drop a:hover{background: #0365db;color: #ffffff !important;}


.z_header.on .z_header_nav li a{color: #333}
.z_header.on .companyname{color: #333;}
.z_header_nav li a:before{content:"";display:block;width:0;margin:0 auto;height:2px;bottom:-45px;position:relative;background-color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.z_header_nav .active a:before,.z_header_nav li:hover a:before{width:20px}
.z_header_nav .language{display:none;}
.z_header.on .z_header_nav li a:before{background-color:#1E46C8}
.z_header.on .z_sou,.z_header.on .z_tel{color: #333}
.z_header.on .z_menu_btn span{background: #333}
.z_header.on .z_logo{ background:url("../img/logo2.png") no-repeat bottom center; background-size: contain;}
.z_header2 { background: #fff;}
.z_header2 .z_header_nav li a{ color: #333;}
.z_header2 .z_sou{ color: #333;}
.z_header2 .z_menu_btn span{ background: #333;}
.z_header2.on{ background: #fff!important;}
.z_sou{ float: left;height: 2.6vw; line-height: 2.6vw; color: #fff; cursor: pointer; margin-right: 1vw;}
.z_sou .icon-sousuo1{font-size:24px;}
.z_tel{ float: left;height: 2.6vw; line-height: 2.6vw; color: #fff; cursor: pointer; margin-right: 1vw;}
.z_tel .iconfont{font-size:24px;}
.z_menu_btn{ float: left; height: 2.6vw;margin-right:1vw;}
 .z_menu_btn{  width: 2.6vw;}
 .z_menu_btn{  cursor: pointer;  display: flex;float: left; align-items: center; justify-content: center; }
 .z_menu_btn span{ display: block; transition: ease .6s; width: 20px; height:2px; background: #fff; position: relative;}
  .z_menu_btn span::before{ content: ""; z-index: 1;  display: block; width: 0; height: 100%; background: #1E46C8; transition: ease 1s; position: absolute; left: 0; top: 0;}
 .z_menu_btn .line2{ margin:3px 0;}
 .z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
 .z_menu_btn.on .line3{ transform:translateY(-5px) rotate(-45deg);}
 .z_menu_btn.on .line2{ opacity: 0;}
.z_menu_btn .line2::before{ transition-delay: .3s;}
.z_menu_btn .line3::before{ transition-delay: .5s;}
.z_menu_btn:hover span::before{ width: 100%;}
 
.z_whole {float:right; border-radius: 15px;background:#1E46C8;height: 2vw;margin:.3vw 0;cursor: pointer; z-index: 1;}
.z_whole .tit{width: 80px;line-height: 2vw;color: #fff;  padding: 0 15px; box-sizing: border-box;}
.z_whole .tit .iconfont{ float: right;}
.z_whole_down { position: relative; z-index: 2;top: -1vw; left: 0;visibility: hidden; transform: translateY(10px); opacity: 0; transition: ease 1s; padding: 10px; width: 100%;  z-index: -1;  background:#1E46C8; border-radius: 0 0 16px 16px; padding-top: 20px;}
.z_whole_down .warp{height: auto; overflow-y: auto;}
.z_whole_down a{ line-height: 30px; line-height: 30px; padding: 0 5px; box-sizing: border-box; color: #fff;display: block;text-align: center;}
.z_whole:hover .z_whole_down{ transform: translateY(0); visibility: visible; opacity: 1;}
.z_whole_down a:hover{ text-decoration: underline;}
 
 .z_mask{ width: 100%; height: 100%; background:rgba(0,0,0,.8); position: fixed; left: 0; top: 0; z-index: 12; display: none;}
 .z_search_pop{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,0%); z-index: 13; opacity: 0; transition: ease 1s; visibility: hidden;}
 .z_search_pop .input_text{ width: 400px; height: 50px; line-height: 50px; padding: 0 20px; background: #fff; float: left; }
 .z_search_pop .sou{display: block; width: 100px; text-align: center; height: 50px; line-height: 50px; color: #fff; font-size: 16px; background: #1E46C8; float: left;border: none;}
 .z_search_pop.on{ visibility: visible; opacity: 1; transform: translate(-50%,-50%);}
 
 .z_index_banner{ width: 100%; height: 100vh; position: relative; overflow: hidden;}
.z_banner{  height: 100vh; width: 100%; position: relative; left: 0;top: 0;z-index: 1; overflow: hidden;}
/*.z_banner::before{ content:""; display: block; width: 1px; height: 0;  background: #fff; opacity: .5; position: absolute; right: 12.34375vw; bottom:12.5vw; z-index: 2; transition: ease 1.5s;}*/
/*.z_banner.on::before{height: calc(100vh - 12.5vw);}*/
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_banner .bd li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover; }
.z_banner .bd li .show{transform:scale(1.05); transition:ease 3s; opacity:.8;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_banner .bd .swiper-slide:before{content: ""; position: absolute;top: 0;left: 0; width: 100%; height: 100%;opacity: .2;background: #1e46c8; z-index: 1;}
.z_banner .bd li .show video{visibility: visible !important;max-width: inherit;width: auto;height: auto;-o-object-fit: cover;  object-fit: cover;-o-object-position: center; object-position: center;position: absolute;height: 100%;width: 100%; top: 0;left: 0;}


.z_banner_text{ position: absolute; max-width: 40vw; left: 5.2vw; top:19vw;  color: #fff; z-index: 2;} 
.z_banner_text .en{font-size: 14px; transform: translateX(50px); transition: ease 1.5s;  position: relative;font-weight:normal;color: #FFFFFF;line-height: 24px; margin-top:.4vw; overflow: hidden;border-top: 2px solid rgba(255,255,255,.5);padding-top: 1vw;}
.z_banner_text .en::before,.z_banner_text .cn span::before{ content: ""; display: block; width: 100%; height: 100%;  z-index: 1; position: absolute; left: 0; top: 0; transition: ease 1s;}
.z_banner_text .cn span{ display: inline-block; position: relative;}
.z_banner_text .num{font-size: 4.1875vw;font-weight: bold;color: rgba(255, 255, 255, 0);line-height:8.125vw;-webkit-text-stroke: 2px #FFFFFF;text-stroke: 2px #FFFFFF;font-family:Runda; transform: scale(1,1); transition: ease 3s; color: #fff; transform-origin: left center;}
.z_banner_text .cn{font-size: 3.125vw;text-transform: uppercase;transform: translateX(-50px);transition: ease 1.5s; position: relative;overflow:hidden; font-weight: bold;  display: inline-block;  margin-top: -3vw;}
.z_banner .bd li.swiper-slide-active .en::before{ transform: translateX(105%);}
.z_banner .bd li.swiper-slide-active .cn span::before{ transform: translateX(-105%);}
.z_banner .bd li.swiper-slide-active .num{ opacity: .2; transform: scale(1,1); color: transparent;}
.z_banner .bd li.swiper-slide-active .en,.z_banner .bd li.swiper-slide-active .cn{ transform: translateX(0);}
.z_banner_sb{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 2vw; color: #fff; z-index: 2; text-align:center;font-family: Runda;}
.z_banner_sb .icon{ display: block; margin: 0 auto; animation:moves 2s linear  infinite;}
@keyframes moves {
	0%{transform: translateY(0px);} 
50%{transform: translateY(-15px);} 
	100%{transform: translateY(0px);}
}
.z_wave{position: absolute;left: 50%;transform: translate(-50%) translateY(10vw);bottom: 20px;z-index: 1;transition: ease 2s;}
.z_wave .wave,.z_menu_close .wave1,.z_wave .wave2 {z-index: -1;position: absolute;width: 19vw;height: 19vw;background: #1e46c8;opacity:.6;border-radius: 45%;animation: rotate 6s linear infinite;//mix-blend-mode: multiply;}
.z_wave .wave1 { background: #1e46c8;transform: translate(-20%, 0) rotate(0deg); opacity: .8; width: 17vw;height: 17vw; animation: rotate1 6s linear -4s infinite;border-radius: 50%;}
.z_wave .wave2 { background: #1e46c8;transform: translate(20%, 0) rotate(0deg);animation: rotate2 8s linear -2s infinite;width:15vw;height: 15vw;border-radius: 30%;}
.z_wave .icon{ position: absolute;     left: 32%;
    bottom: 24%; z-index: 2;}


@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);
    } 100% {
        border-radius: 45%;
        transform: rotate(360deg);
    }
}

@keyframes rotate1 {
    50% {
        border-radius: 38%;
        transform: translate(-30%, 8%) rotate(180deg);
    }100% {
        border-radius: 45%;
        transform: translate(-20%, 0%) rotate(360deg);
    }
}

@keyframes rotate2 {
    50% {
        transform: translate(30%, 8%) rotate(180deg);
    }100% {
        transform: translate(20%, 0%) rotate(360deg);
    }
}

.z_sb_bar{ display: block; cursor: pointer; position: absolute; left: 5.2vw; bottom: 2vw; width:3.125vw;height: 3.125vw; z-index: 2;background:#1E46C8;border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.z_sb_bar img{max-height:45%; transition: ease 1s; display: block;}
.z_sb_bar::before{content: '';display: block;width: 100%;height: 100%;background: #1E46C8;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite}
  @keyframes consult{
  	0%,100%{transform:scale(1); opacity: 1;}
  	50%{transform:scale(1.5); opacity: 0;}	
  } 
  @keyframes zoombig {
  	0%{transform: scale(1.1,1.1);} 
  
  	100%{transform: scale(1,1);}
  }
 .z_pao{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
 .z_pao span,.z_news_pao span{ display: block; width: 20px; height: 20px; border-radius: 50%;z-index: -1; transition: ease 1s;position: absolute; left: 50%; bottom: 0px;transform: translateX(-50%); opacity: 0;}
.z_pao span:nth-child(1){ background: rgba(0, 37, 234, 0.6); animation:pao 4s linear infinite;}
.z_pao span:nth-child(2){ background: rgba(0, 37, 234, 0.6); animation:pao3 6s linear infinite; animation-delay: .3s;}
.z_pao span:nth-child(3){ background: rgba(0, 37, 234, 0.6); animation:pao2 3s linear infinite;animation-delay: .8s;}
 /*.z_index_pro li:hover .z_pao i:nth-child(4){  animation:pao3 10s linear infinite; border: 2px solid #c73b83;animation-delay: 1.3s; }
 .z_index_pro li:hover .z_pao i:nth-child(5){  animation:pao 8s linear infinite; border: 2px solid #6e9ad0;animation-delay: .9s;} */
.z_pao span:nth-child(4){ animation:pao4 9s linear infinite; background: rgba(0, 37, 234, 0.6);}
.z_pao span:nth-child(5){  animation:pao5 7s linear infinite; background: rgba(0, 37, 234, 0.6);}

 @keyframes pao {
 	0% {
 		transform: translate(200%,-30px) rotate(360deg) scale(.4,.4);
 		opacity: 1;
 	}
 
 	50% {
 		transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
 		opacity: .5;
 	}
 
 	100% {
 		transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
 		opacity: 0;
 	
 	}
 }
 @keyframes pao2 {
 	0% {
 		transform: translate(-200%,0px) rotate(360deg) scale(1,1);
 		opacity: 1;
 	}
 
 	50% {
 		transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity: .5;
 	}
 
 	100% {
 		transform: translate(100%,-100px) rotate(360deg) scale(.4,.4);
 		opacity: 0;
 	
 	}
 }
 @keyframes pao3 {
 	0% {
 		transform: translate(0%,0px) rotate(360deg) scale(1,1);
 		opacity: 1;
 	}
 
 	50% {
 		transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity: .5;
 	}
 
 	100% {
 		transform: translate(-300%,-100px) rotate(360deg) scale(.4,.4);
 		opacity: 0;
 	
 	}
 }
@keyframes pao4 {
	0% {
		transform: translate(400%,0px) rotate(360deg) scale(1,1);
		opacity: 1;
	}

	50% {
		transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
		opacity: .5;
	}

	100% {
		transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4);
		opacity: 0;
	
	}
}
@keyframes pao5 {
	0% {
		transform: translate(-400%,0px) rotate(360deg) scale(.1,.1);
		opacity: 1;
	}

	50% {
		transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
		opacity: .5;
	}

	100% {
		transform: translate(0%,-100px) rotate(360deg) scale(1,1);
		opacity: 0;
	
	}
}

.z_about_num{ width: 50vw;  padding: 0 5.2vw; overflow: hidden; box-sizing: border-box; position: absolute; right: 0; bottom: 0; background: #1E46C8;  z-index: 2;} 
.z_about_num ul{display: flex; align-items: center;height: 12.5vw; justify-content: space-between; }
.z_about_num ul li{ color: #fff; font-size: 16px;}
.z_about_num ul li .timer{font-family: DIN; font-size: 2.6vw; display: inline-block; margin-right: 5px;}
.z_about_num ul li h3{ font-size: 1.875vw; font-weight: bold;}
.z_about_num::before{ content: ""; width: 100%; height: 100%; background: #1E46C8; position: absolute; left: 0; top: 0; z-index: 1; transition: ease 3s;}
.z_index_banner.on .z_about_num::before{ transform: translateX(100%);}

.z_banner_bar{ position: absolute; width: 50vw; right: 0; bottom:0; z-index: 2 ; align-items: center; display: flex; box-sizing: border-box;}
.z_banner_bar::before{ content:""; display: block; width: 0; height: 1px;  background: #fff; opacity: .5; position: absolute; right: 0; top:0; z-index: 2; transition: ease 1.5s; z-index: 1;}
.z_banner_bar::after{ content:""; display: block; width: 1px; height: 0;  background: #fff; opacity: .5; position: absolute; left: 0; bottom:0; z-index: 2; transition: ease 1.5s; z-index: 1; transition-delay: .2s;}
.z_banner.on .z_banner_bar::before{ width: 100%;}
.z_banner.on .z_banner_bar::after{ height: 100%;}
.z_banner_hd{ height: 6.25vw; line-height: 6.25vw; padding: 0 5.2vw; box-sizing: border-box; }
.z_banner_hd li{ width: 6px;height: 6px;  outline: none; cursor: pointer; background: #FFFFFF;border-radius: 2px; border-radius: 6px; transition: ease 1s; display: inline-block; margin-right: 2vw;}
.z_banner_hd li.on{ width: 30px;}
.z_banner_btn{ margin-left: auto; flex-shrink: 0; }
.z_banner_btn span{ display: block; width: 6.25vw; height: 6.25vw;border-left: 1px solid rgba(255,255,255,.5);box-sizing: border-box; float: left; text-align: center; line-height: 6.25vw; color: #fff; cursor: pointer; outline: none; position: relative; overflow: hidden;}
/*.z_banner_btn span.next{ border-left: 1px solid rgba(255,255,255,.5);}*/
.z_banner_btn span::after{ content: ""; display: block;width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: ease 1s; background: #1E46C8; opacity: 0; border-radius: 50%;}
.z_banner_btn span:hover{color: #fff;background: #1E46C8}
.z_index_about{ background: #1e46c8; overflow: hidden; position: relative;z-index: 2; }
.z_index_about .imgbox{ width: 64.5%; height: 46.875vw; float: left;}
.z_index_about .infobox{height: 46.875vw;z-index: 1; position: relative; float: left; width: 35.5%; padding: 6.25vw; box-sizing: border-box; color: #fff; padding-top: 10vw;}
.z_index_about .infobox .warp{ width: 100%;}
.z_index_about .tit{ font-size: 1.5625vw; font-weight: bold; margin-bottom: 1.8vw; pointer-events: none;}
.z_index_about .content{
color: #FFFFFF;
line-height: 30px;
opacity: 0.7; max-height:28vw; overflow-y: auto ; min-height: 20vw;}
.z_index_about  .circle-progress{ position: absolute; top:4vw; left: 11.5vw;z-index: -1; }


.z_about_map{ width: 100%;  padding: 7.8125vw; box-sizing: border-box; color: #1D1D1D;}
.z_about_map .shouji{ display: none;}
.z_quanqiu_box{ width: 38.38541vw;float:left;}
.z_quanqiu_box .tit{font-size:2.4vw;font-weight:bold; line-height:2.29166vw;text-transform: uppercase;}
.z_quanqiu_box .desc{color:#5A5A5A;line-height: 30px;font-size: 16px;text-indent: 2em;margin: 2.6vw 0;}
.z_quanqiu_box .desc p{word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp: 6;}
.z_quanqiu_box .more{ color: #fff;}
.aboutimg{width:40vw;float:right;    margin-bottom: 2vw;}
.aboutimg img{margin-top: 20px;}
.z_about_num2{ margin: 3.4vw 0; margin-bottom: 3vw;}
.z_about_num2 ul{ display: flex;}
.z_about_num2 li{ float: left; padding: 0 2vw; text-align: center; border-right: 1px solid rgba(255,255,255,.2);}
.z_about_num2 li .timer{font-size: 2.5vw;font-family: RheemSansB;font-weight: bold;}
.z_about_num2 li:last-child{ border-right: none;}
.z_about_num2 li:first-child{ padding-left: 0;}
.z_map_slg{ margin-bottom: 3vw;}
.z_quanqiu_lan{ width: 100%; background: #f7f7f7; margin-top: 20px;position: relative; overflow: hidden; }
.z_quanqiu_lan::before{ content: ""; display: block;z-index: 1; transform-origin: right center;  width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #1E46C8; position: absolute; left: 0; top: 0; transition: ease 1s;}
.z_quanqiu_lan.animated::before{ width: 0;}
.z_quanqiu_lan li{ width: 33.3%; font-weight: bold;  height: 7.8125vw; color: #333; border-right: 1px solid #dcdcdc; box-sizing: border-box; float: left; display: flex; align-items: center; justify-content: center;}
.z_quanqiu_lan li a{font-size: 1.25vw;}
.z_quanqiu_lan li span{ color: #1E46C8; display: inline-block;  margin-right: 10px; }
.z_quanqiu_lan li span em{font-family: DIN;font-size: 2.6vw;}
.z_quanqiu_lan li .icon{display: inline-block;vertical-align: bottom;margin-right: 10px;font-size: 40px;line-height: 53px;}
.z_quanqiu_lan li:last-child{ border-right: none;}
.z_about_process{ background-attachment: fixed;padding: 7.29166vw 0; color: #fff; overflow: hidden;}

.z_more_btn{display:inline-block;cursor:pointer;height:46px;text-align:center;padding:0 1.5vw;font-size:16px;background:#1E46C8;transition:ease 1s;border-radius:20px;color:#fff;line-height:46px;}
.z_more_btn .dot{display:inline-block;margin-left:0.5vw;margin-top:-2px;vertical-align:middle;}
.z_more_btn:hover{padding:0 2vw;}

.circle-progress {position: relative;width: 9.375vw;height: 9.375vw; z-index: 1; display: block; transition: ease 1s; border-radius: 50%; overflow: hidden;}
.circle-progress::before{ content: ""; display: block;  width: 100%; height: 100%; position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);transition: ease 1s;background: rgba(234,108,0,1);border-radius: 50%;}
.circle-progress:hover::before{transform: translate(-50%,-50%) scale(1,1)  }
.circle-progress:hover .text{ color: #fff;}
.circle-progress .text{ position: absolute; left: 0%;width: 100%; text-align: center;  top: 50%; transform: translateY(-50%); color: #EA6C00; font-style: italic;animation: yd 2s linear infinite; }
.circle-progress .text .iconfont{ margin-left: 5px; font-style: normal; display: inline-block;}
.circle-progress   .content {position: absolute;top: 0;width: 2.6875vw;height:3.375vw;margin: 0;padding: 0;overflow: hidden;}
.circle-progress .left {left: 0;}     
.circle-progress .right {right: 0;}
.circle {position: absolute;margin: 0;width: 3.375vw;height: 3.375vw;border-radius: 50%;border: 3px solid transparent;transform: rotate(135deg); box-sizing: border-box;}
.left-circle {left: 0;border-top-color: #EA6C00;border-left-color: #EA6C00;animation: circle-left 2s linear infinite;}
.right-circle {right: 0;border-bottom-color: #EA6C00;border-right-color: #EA6C00;animation: circle-right 2s linear infinite;}
 @keyframes circle-right {
            0% {
                transform: rotate(135deg);
            }
            50%,
            100% {
                transform: rotate(315deg);
            }
}
        
 @keyframes circle-left {
            0%,
            50% {
                transform: rotate(135deg);
            }
            100% {
                transform: rotate(315deg);
            }
 }

 @keyframes yd {
            0% {
                transform: translateY(-50%);
            }
            50%{transform: translateY(-5px);}
            100% {
                transform: translateY(-50%);
            }
}

.z_en_tit{font-size: 10.67708vw;font-family: Runda;font-weight:bold;font-style: italic;color: rgba(32, 31, 167, 0);line-height: 137px;opacity: 0.05;-webkit-text-stroke: 2px #FFFFFF;text-stroke: 2px #FFFFFF; text-transform: capitalize;}
.z_index_about .z_en_tit{ position: absolute; left: 0; bottom: -1.5vw;}

/*推荐产品  */

.tjcp {
    padding:5vw 7.8125vw;
    background: #F4F8FC;
    position: relative;
    z-index: 5;
    
}
.tjcp .tjcp_ct .cpxbboxb_slide{background:#ffffff;}
.tjcp_tle {
    text-align: center;
}

.tjcp_tleh {
    font-size: 48px;
}

.tjcp_tlep {
    font-family: 'ProximaNova-Regular';
    font-size: 24px;
    text-transform: capitalize;
    color: #ccc;
}

.tjcp_ct {
    margin-top:70px;
    padding-bottom: 20px;
}

/*.tjcp_ct .swiper-wrapper{*/
/*    flex-direction: row;*/
/*}*/
.tjcpkz {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.tjcp_ct .swiper-slide .top{padding:30px 20px;position:relative;text-align: center;}
.tjcp_ct .swiper-slide .top .top1{ transition:.6s; position:relative; top:0}
.tjcp_ct .swiper-slide .top h2{margin-bottom: 30px;}
.tjcp_ct .swiper-slide .top h6{ font-size:24px; color:#000000; font-weight:bold;text-align: left;}
.tjcp_ct .swiper-slide .top h5{font-size: 14px;color:#000000;font-weight:bold;line-height: 25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tjcp_ct .swiper-slide .top p{font-size:14px;color:#9e9e9e;line-height:24px;height: auto;margin: 20px 0px;max-height: 160px;text-align: left;}
.tjcp_ct .swiper-slide .top .anniu_a .span{float:left;display:inline-block;background: #000000;width:115px;height:35px;line-height:35px;font-size:12px;border-radius: 25px;color:#fff;text-transform:uppercase;text-align:center;transition:.6s;}
.tjcp_ct .swiper-slide .top .anniu_a .span:hover{background:#0365db;}
.cpxbboxb_slideat{overflow:hidden;}
.cpxbboxb_slideat img {
    padding:15px 0;
    margin: 0 auto;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;}

.cpxbboxb_slidea:hover .cpxbboxb_slideat img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.cpxbboxb_slideab {
    padding: 15px;
    text-align: center;
    font-size: 16px;
    background-color: #f3f3f3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cpxbboxb_slideac {
    padding: 15px;
    text-align: center;
    font-size: 16px;
    background-color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cpxbbox_slide_bdw {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 62%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: #f5f5f5;
    outline: none;
}

.cpxb_pre,
.cpxb_next {
    position: absolute;
    top: 50%;
    z-index: 3;
    cursor: pointer;
    outline: none;
}

.cpxb_pre {
    left: 0;
}

.cpxb_next {
    right: 0;
}

.cpxb_pre i,
.cpxb_next i {
    font-size: 18px;
    width: 50px;
    height: 50px;
    background: #000;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}

.tjcpkz {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cpxbboxb_pagination {
    position: static;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    display: flex;
    align-items: center;
    margin:0px 30px 0px;
}

.tjcpkz_per,
.tjcpkz_next {
    outline: none;
}

.tjcpkz_per i,
.tjcpkz_next i {
    font-size: 26px;
    cursor: pointer;
}

.cpxbboxb_pagination span {
    margin: 0 10px;
    width: 6px;
    height: 6px;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.cpxbboxb_pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    border: 3px solid #005af4;
    background-color:#005af4;
    outline: none;
}

.l_mt{background-color:#fff;padding:7.8125vw;position:relative}
.l_mt .bot{margin-top:2.60416vw;display:flex;flex-wrap:wrap}
.l_mt .bot .item{width:31.4%;background-color:#f6f6f6;padding:1.04166vw;margin-top:2.08333vw;position:relative;transition:ease 1s}
.l_mt .bot .item::after{content:"";width:0;border-bottom:2px solid #1E46C8;position:absolute;left:50%;bottom:0;z-index:9;transition:1s}
.l_mt .bot .item:nth-child(1),.l_mt .bot .item:nth-child(2),.l_mt .bot .item:nth-child(3){margin-top:unset}
.l_mt .bot .item:nth-child(3n-1){margin-left:2.08333vw;margin-right:2.08333vw}
.l_mt .bot .item a{display:block}
.l_mt .bot .item .img{width:100%;height:16vw;position:relative;overflow:hidden}
.l_mt .bot .item .img img{width:100%;height:100%;transform:scale(1);transition:1s}
.l_mt .bot .z_index_mores{line-height:28px;display:inline-block;margin:2vw 0}
.l_mt .bot .z_index_mores .en{font-size:14px;font-weight:700;text-decoration:underline;color:#000;margin-right:10px}
.l_mt .bot .z_index_mores .icon{display:inline-block;width:28px;transition:ease .6s;height:28px;text-align:center;background:#1E46C8;color:#fff;vertical-align:middle;background-size:100% 100%}
.l_mt .bot .item .img .date{position:absolute;top:0;right:0;text-align:center;background-color:#2f3035;color:#fff;width:5.20833vw;height:5.20833vw;padding-top:.2vw;font-family:Human;transition:1s}
.l_mt .bot .item .img .date b{font-size:40px}
.l_mt .bot .item .img .date p{font-size:12px;font-weight:700;text-transform:uppercase}
.l_mt .bot .item .title{margin-top:1.5625vw;font-size:20px;color:#000;font-weight:700}
.l_mt .bot .item .text{margin-top:1.04166vw;font-size:14px;color:#666;line-height:25px}
.l_mt .bot .item .z_index_more{margin-top:1.82291vw;margin-bottom:2.60416vw}
.l_mt .bot .item:hover::after{left:0;width:100%}
.l_mt .bot .item:hover .z_index_more .icon{transform:rotate(45deg)}
.l_mt .bot .item:hover .img img{transform:scale(1.1)}
.l_mt .bot .item:hover .img .date{background-color:#1E46C8}

.scheme-process{padding:7vw 0;background: #F4F8FC;}
.scheme-process .bd{width:100%;margin:70px auto 0;max-width:1400px;position:relative}

.scheme-process .bd .pnext::after{display:none!important}


.scheme-process .bd .iconfont{width: 46px;
height: 46px;
background: #FFFFFF;
box-shadow: 0px 2px 8px 0px rgba(133,162,192,0.4);
border-radius: 50%;line-height: 46px; color: #1E46C8; text-align: center; cursor: pointer;outline: none; transition: ease 1s; position: absolute; top: calc(50% - 30px); transform: translateY(-50%);}
.scheme-process .bd .iconfont:hover{ background: #1E46C8; color: #fff;}
.scheme-process .bd .prev{ left: -48px;}
.scheme-process .bd .next{ right: -48px;}
@media (min-width:1800px){.scheme-process .bd .swiper-button-prev{left:2vw}
.scheme-process .bd .swiper-button-next{right:2vw}
.scheme-process .bd .sbtn .iconfont{color:#999}
}
.scheme-swiper{width:88%;max-width:1400px;margin-left:auto;margin-right:auto}
.scheme-swiper .swiper-pagination-bullet{background:rgba(255,255,255,.3);opacity:1;transition:all .4s ease 0s;width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid #c8c8c8;margin:8px!important}
.scheme-swiper .swiper-pagination-bullet-active{border-color:#1E46C8;background:#1E46C8}
.scheme-swiper .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);width: 100%;margin-top: 20px;z-index:10}
@media (max-width:1800px){.scheme-swiper{width:100%}
}
.scheme-swiper li{width:33%;}
@media (max-width:992px){.scheme-swiper li{width:50%}
.scheme-process{padding: 50px 0 20px;}
.scheme-process .bd .prev,.scheme-process .bd .next{display:none;}
}
@media (max-width:640px){.scheme-swiper li{width:100%}
}
.scheme-swiper .inner{margin:0 18px;position:relative;border-radius:12px;border: 1px #f8f8f8 solid;box-shadow: 0 0 0.24rem rgba(108, 108, 108, 0.1);overflow:hidden}
.scheme-swiper .inner .cover-box{margin:40px}
.scheme-swiper .inner .cover-box .coverimg{background-size:contain}
.scheme-swiper .inner::after{content:'';display:block;position:absolute;width:0;transition:all .4s ease 0s;height:3px;background:#1E46C8;left:0;bottom:0}
.scheme-swiper li a:hover .info .id{color:#1E46C8}
.scheme-swiper .inner:hover::after{width:100%}
.scheme-swiper .inner:hover .info .id{color:#1E46C8}
.scheme-swiper .info{font-size:20px;padding:20px;background: #fff;text-align:center;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;transition: ease 1s;}
.scheme-swiper .info .id{font-size:36px;color:#cecece;font-family:medium;line-height:1;display:block;font-weight:700;margin-right:10px}
.scheme-swiper .info .tit{font-size:18px;display:block;text-align: center;width: 100%;}
.scheme-swiper .coverimg{display:flex;}
.scheme-swiper .coverimg img{transition: transform .6s ease 0s;}
.scheme-swiper li a:hover .coverimg img{transform: scale(1.05, 1.05);}
.scheme-swiper .img{background-position:center;background-size:cover}
.scheme-swiper .img img{visibility:hidden;}
.scheme-swiper li a:hover .info{background:#1E46C8; color:#fff}
@media (max-width:992px){.scheme-swiper{padding-bottom:100px;}
.scheme-swiper .info .tit{font-size:16px}
.z_header .companyname{display:none;}
}

.z_ruimei_adv{ width: 100%; text-align: center; height: 52.86458vw; background-color: #555455; padding: 0 4vw; padding-top: 6.375vw;  box-sizing: border-box; background-size: cover; background-position:  top center; background-repeat: no-repeat; position: relative;z-index: 2;}
.z_ruimei_adv .shouji{display:none;}
.z_ruimei_adv .warp{ width: 100%;}
.probg{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}
.probg div{-webkit-transition-duration:.5s;-ms-transition-duration:1.5s;-o-transition-duration:1.5s;-moz-transition-duration:1.5s;transition-duration:1.5s;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all 2.6s cubic-bezier(.215,.61,.355,1) 0s}
.probg div.on{transform:scale(1.08,1.08);opacity:1;z-index:10}
.z_adv_tit{ color: #fff; margin-bottom: 3vw;}
.z_adv_tit h3,.z_chang_head .cn{font-size: 3vw;font-weight: 400;margin-bottom: 1.5vw;text-transform: uppercase;}
.z_adv_tit .desc{color: #F1F1F1;opacity: 0.9;line-height: 30px;font-size: 16px;width: 33%;margin: 0 auto;}
.z_adv_list ul{ display: block; justify-content: space-between; width: 100%;}
.z_adv_list li{ display: inline-block; flex: 1;width:19.5%; margin-bottom:3.8%;}
.z_adv_list li img{ display: block; margin: 0 auto; width:8.25vw;transition: ease 2s; transform: scale(.9,.9); animation-delay: .3s;}
.z_adv_list li h3{ color: #fff; font-size: 1.30208vw; margin-top: 1.5vw;}
.z_adv_list .ruczfl{min-height: 66px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp: 2;}
.z_adv_list li a:before{content:"";display:block;width:0;margin:0 auto;height:2px;top: 225px;position:relative;background-color: #ffffff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.z_adv_list li:hover a:before{width: 58px;}
.z_adv_list li:hover img{transition: 0.5s; transform: rotate(360deg);}

.z_index_pro{ width: 100%; min-height: 50vw; position: relative;z-index: 2}
.z_index_pro .z_index_tit{ position: absolute; left: 5.2vw; top: 6.77083vw;}
.z_index_pro .z_index_tit { position: relative;z-index: 1;}
.z_index_pro .z_index_tit h3{font-size: 2.08vw;font-weight: bold;color: #000000; line-height: 2vw;margin-left: 5.2vw;}
.z_index_pro .z_index_tit h4{font-size: 2.5vw; line-height: 2.4vw; font-style: italic;  font-weight: bold;font-family:Runda; color: #DBDBDB; }
.z_index_pro .z_index_tit h4 em{ color: #1E46C8;font-style: italic; font-weight: bold; font-family:Runda;}
.z_index_pro .z_index_tit .bigen{font-size: 8.89583vw;font-family:Runda;font-weight: bold;color: rgba(255, 255, 255, 0);line-height:7vw;-webkit-text-stroke: 2px #e6e6e6;text-stroke: 2px #e6e6e6; position: absolute; left: 1.8vw; bottom: 0; z-index: -1; font-style: italic; -ms-text-stroke: 2px #e6e6e6;}
.z_indexpro_swiper{ overflow: hidden;}
.z_indexpro_swiper li{ padding: 0 5.2vw; box-sizing: border-box; position: relative;}
.z_indexpro_swiper li .imgbox{ width: 55.20833vw; float: right; height: 50vw; display: flex; align-items: center; justify-content: center;}
.z_indexpro_swiper li .imgbox img{ display: block; max-width: 100%; max-height: 80%; transition: ease 2s; transform: scale(.6,.6); animation-delay: .3s;} 
.z_indexpro_swiper li .infobox{ position: absolute; left:12.5vw; bottom: 14vw;max-width: 24vw;}
.z_indexpro_swiper li .tit{font-size: 2.5vw;font-weight: bold;color: #1D1D1D;line-height: 3.125vw; margin-bottom: 1.8vw;}
.z_indexpro_swiper li .desc{font-size: 16px;font-weight: 400;color: #5A5A5A;line-height: 36px; max-height: 144px; pointer-events: none;}
.z_indexpro_swiper li .circle-progress{ position: absolute; bottom: -6vw; z-index: -1;}
.z_indexpro_swiper li.swiper-slide-active .imgbox img{ transform: scale(1,1);}
.z_indexpro_swiper .btn{ position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); cursor: pointer; outline: none;}
.z_indexpro_swiper .prev{ left: 0;}
.z_indexpro_swiper .next{ right: 0;}
.z_indexpro_swiper .btn img{ display: block;}
.z_index_solution{ background: #f2f2f2; padding: 0 5.2vw 5.2vw 5.2vw; box-sizing: border-box; overflow: hidden; position: relative;z-index: 2;}
.z_index_solution .titbar{ height: 15vw; width: 100%; display: flex; align-items: center;}
.z_index_solution .circle-progress{ margin-left: auto;}
.z_index_solution .z_index_tit .bigen{ bottom: -1.6vw; left: 0;}
.z_index_solution li{ width: 40.36458vw; padding-right: 3.90625vw; box-sizing: border-box; overflow: hidden; }
.z_index_solution li a{ display: block; width: 100%; height: auto;}
.z_index_solution li .imgbox{ width: 100%; height: 26.40624vw; overflow: hidden; position: relative;}
.z_index_solution li .num{font-size: 4.16vw;font-family: Runda;font-weight: 800;color: rgba(0, 0, 0, 0);-webkit-text-stroke: 2px #F1F1F1;text-stroke: 2px #F1F1F1; position: absolute; left: 2.4vw; bottom: 1.6vw; transition: ease 1s; opacity: 0;}
.z_index_solution li:hover .num{ opacity: 1;}
.z_index_solution li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_index_solution li .infobox{ padding: 2vw 0; position: relative; padding-left: 3vw; box-sizing: border-box;transition: ease 1s;}
.z_index_solution li .infobox h3{font-size: 1.25vw;font-weight: bold;color: #000000; width: 70%; }
.z_index_solution li .infobox h4{font-size: 1.25vw;font-family: Swiss721BT;font-weight: normal;color: #DBDBDB; font-style: italic;}
.z_index_solution li .more{ position: absolute; right: 0; transition: ease 1s; top: 50%; opacity: 0; transform: translate(-100%,-50%); color: #EA6C00; font-weight: bold; font-style: italic;}
.z_index_solution li .more .iconfont{ margin-left: 6px;}
.z_index_solution li:hover .more{transform: translate(0%,-50%); opacity: 1;}
.z_index_solution li:last-child{ padding-right: 0; width:36.1% ;}
.z_index_solution li .infobox i{ position: absolute; left: 0; color: #1E46C8;font-size: 1.25vw; font-family: arial; transition: ease 1s; }
.z_index_solution li:hover .infobox{ padding-left: 0;}
.z_index_solution li:hover .infobox i{ opacity: 0;}
.z_solution_btn{ text-align: center; margin-top: 2vw;}
.z_solution_btn span{width: 43px;height: 43px;cursor: pointer; outline: none; display: inline-block; background: #BFBFBF;border-radius: 21px; text-align: center; line-height: 43px; color: #fff; margin: 0 10px; transition: ease 1s;}
.z_solution_btn span:hover{ background: #1e46c8;}

.z_index_news{ background:url("../img/bg5.jpg") no-repeat bottom center; background-size: cover; z-index: 2; padding: 7.29166vw 5.2vw; padding-bottom: 3vw; overflow: hidden; box-sizing: border-box; position: relative;}
.z_news_tit h3{ font-size: 2.08vw; color: #fff; line-height: 2.08vw; padding-left: 10px;}
.z_news_tit h4{font-size: 3.125vw;font-family: Runda;font-weight: bold;color: #EA6C00;}
.z_news_tit .bigen{font-size: 25.3125vw;font-family: Runda;font-weight: 800;font-style: italic;color: rgba(244, 244, 244, 0);opacity: 0.1;-webkit-text-stroke: 2px #F3F3F3;text-stroke: 2px #F3F3F3; position: absolute; transition: ease 1s; left: -5vw; top: 0; line-height: 16.875vw; pointer-events: none;}
.z_news_tit{ margin-bottom: 12.33333vw;}
.z_news_swiper{ width: 27.08333vw; overflow: hidden;}
.z_news_swiper li .imgbox{ width: 100%; height: 10.9375vw; overflow: hidden;}
.z_news_swiper li .infobox  .tit{ padding: 2vw 0; line-height: 1.5625vw; font-size: 1.04vw; color: #fff;}
.z_news_swiper li .bar{ border-top: 2px solid rgba(255,255,255,.5); padding-top: 1vw;font-size: 16px;font-family: Runda;font-weight: 800;color: #EA6C00;}
.z_news_btn { margin-bottom: 3vw;}
.z_news_btn span{ display: block; cursor: pointer; transition: ease .5s; outline: none; color: #fff; font-size: 18px!important; margin: 20px 0;}
.z_news_btn span:hover{ color: #EA6C00;}
.z_news_swiper li:hover .imgbg,.z_first_news:hover .imgbg{ transform: scale(1.1,1.1);}

.z_first_news{ width: 44.79166vw;}
.z_first_news .imgbox{ width: 100%; height: 17.96875vw; overflow: hidden;}
.z_first_news .infobox{ padding: 3vw 0; position: relative;}
.z_first_news  h3{font-size: 3.64583vw;font-family: Gilroy;font-weight: bold;color: #FFFFFF;line-height:3.125vw; height: 6.25vw;}
.z_first_news h4{font-size: 1.5625vw;font-weight: bold;color: #F4F4F4; line-height:2.5vw; height: 5vw ; margin-top: 1vw;}
.z_first_news .timebox span{ display: block;font-size: 22px; display: flex; align-items: center; margin-bottom: 10px;font-family: Gilroy;font-weight: bold;color: #EA6C00;}
.z_first_news .timebox em{ display: inline-block; width:3.125vw;height: 2px;background: #EA6C00; margin-right: 4px;}
.z_first_news .timebox{font-size:2.5vw;font-family: Gilroy;font-weight: bold;color: #FFFFFF; margin-top:6vw; }
.z_first_news .circle-progress{ position: absolute; left: 24vw; top: 5.5vw;}
.z_first_news:hover .imgbg{ }
.threeCanvas{ width: 100%; height: 100%; position: absolute; left: 0; bottom: -40%; z-index: -1;}

.index-six{padding: 7vw 0;box-sizing: border-box;width: 100%;z-index: 2;background: #fff;}

.index-six ul{max-width: 1400px;margin: 50px auto 0px;width: 100%;}
.index-six li{width: 30%;float: left;overflow: hidden;margin-left: 3.3%;height: 28vw;overflow: hidden;border-radius: 15px;position: relative;}
.index-six li a{ display: block; width: 100%; height: 100%;}
.index-six li .infobox{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;color: #fff;background: #0000002e;width: 100%;padding: 30px 0px;}
.index-six li h3{ font-size:18px;font-weight: bold;text-transform: uppercase;}
.index-six li h4{margin: 15px auto;width: 80%;line-height: 30px;text-align: center;}
.index-six li .iconfont{ font-size: 12px;}
.index-six li:hover .imgbg{ transform: scale(1.1,1.1);}


.z_index_contact{ background-color: #fff; background-size: 100% auto; min-height: 52vw; position: relative;}
.z_index_contact .z_index_tit{ position: absolute; left: 5.2vw; top: 8.5vw;}
.z_index_contact .z_index_tit img{ display: block; height:7vw ;}

.z_index_contact{ width: 100%; padding: 5.2vw; box-sizing: border-box; min-height: 52vw; position: relative;z-index: 2}
.z_contact_info{ float: left; position: absolute; left: 5.2vw; bottom: 6vw; width: 20vw;}
.z_contact_img{ position: absolute; top: 52%; transform: translateY(-50%); right: 29vw; max-width: 28.125vw; }
.z_contact_cir{ width: 281px;height: 281px;background: #1E46C8;border-radius: 50%; position: absolute; left: -10%; top:60%; color: #fff; display: flex; align-items: center; justify-content: center;}
.z_contact_cir h3{ text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.z_contact_cir p{ line-height: 32px;}
.z_contact_cir p .iconfont{ display: inline-block;width: 20px; color: #EA6C00;}
.z_contact_code{ margin-bottom: 20px;}
.z_contact_code li{text-align: center; float: left; color: ##404040;}
.z_contact_code li img{ display: block; margin: 0 auto; height: 90px; margin-bottom: 10px;}
.z_contact_info .desc{color: #404040;line-height: 30px; padding: 20px 0; border-top: 1px solid #bfbfbf; display: none;}
.z_contact_info .bar{ color: #1E46C8; line-height: 38px;}
.z_contact_info .bar .iconfont{ display: inline-block; width: 20px;}
.z_contact_info .bar .tel{font-size: 16px;font-family: Gilroy;font-weight: bold;}

.z_index_partners{ display: flex;align-items: center; padding: 5.2vw; box-sizing: border-box; position: relative;z-index: 2; background: #fff;}
.z_index_partners .z_index_tit{ flex-shrink: 0; margin-right: 1vw;}
.z_par_btn{ flex-shrink: 0;}
.z_par_btn span{ display: inline-block;width: 43px;
height: 43px;
background: #BFBFBF;
border-radius: 21px; text-align: center; line-height: 43px; margin-left: 10px; transition: ease 1s; outline: none; cursor: pointer; color: #fff;}
.z_par_btn span:hover{ background: #1E46C8;}
.z_partners_swiper{ width: 100%; overflow: hidden;}
.z_partners_swiper li{ height: 100px;width:auto;padding:0 20px;}
.z_partners_swiper li,.z_partners_swiper li a{ display: flex; align-items: center; justify-content: center;}
.z_partners_swiper li img{ display: block; max-width:11vw; max-height: 100px;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; transition: ease 1s;}
.z_partners_swiper li:hover img{-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;}


.z_footer{ background:#1E46C8;padding: 8.3vw; padding-bottom: 4vw; box-sizing: border-box;}
.z_footer_top .z_footer_logo{ width: 25vw; border-right: 1px solid rgba(255,255,255,.4); display: flex; align-items: center; float: left; height: 7.29166vw;}
.z_footer_top{ border-top: 1px solid rgba(255,255,255,.4);border-bottom: 1px solid rgba(255,255,255,.4);}
.z_footer_logo img{ display: block; height: 4.16vw;}
.z_footer_top .suport{ float: right; color: #fff;width: 29.16666vw;}
.z_footer_top .suport a{ display: block; height: 7.29166vw; color: #fff;  display: flex; align-items: center; justify-content: flex-end;font-size: 1.35416vw; padding-right:3vw; box-sizing: border-box;}
.z_footer_top .suport .iconfont{display: inline-block; font-size:28px;
border-radius: 50%; text-align: center; line-height: 20px; margin-left: 10px;}
.z_footer_top .suport:hover a{padding-right: 11vw;}
.z_footer_center{ display: flex;border-bottom: 1px solid rgba(255,255,255,.4);}
.z_footer_center .fl_warp{ width: 25vw; border-right: 1px solid rgba(255,255,255,.4); color: #fff; padding: 4vw 0; flex-shrink: 0;}
.z_footer_center .fl_warp h3,.z_footer_nav h3 a{font-weight: bold; font-size:22px;}
.z_footer_center .fl_warp h3,.z_footer_nav h3{ margin-bottom: 20px;}
.z_footer_center .fl_warp p{line-height: 32px;font-size: 16px;}
.z_footer_center .fl_warp .tel{font-family: DIN; font-size: 26px;}
.z_footer_share{ margin-top: 2.6vw;}
.z_footer_share a{ display: inline-block;width: 44px;
height: 44px; outline: none; cursor: pointer;
background: #ffffff;
border-radius: 22px; text-align: center; line-height: 44px; color: #fff; font-size: 20px!important; margin-right: 5px;}
.z_footer_share a:hover{ background: #000000; color: #fff!important;}
.z_footer_center .fr_warp{margin-left: auto; padding: 4vw 0;    width: 100%;
    padding-left: 4vw;
} 
.z_footer_nav ul{ display: flex;align-items: flex-start; justify-content: space-between; }
.z_footer_nav a{ display: block; color: #fff;} 
.z_footer_nav li{}
.z_footer_nav .downnav a{line-height: 36px;opacity: .6;font-size: 16px;}
.z_footer_nav a:hover{opacity: 1;}
.z_footer_btm { padding-top: 3vw;}
.z_footer_btm a,.z_footer_btm{ color: #FFFFFF; text-align: center;}
.z_footer_btm a{ display: inline-block; margin: 0 10px;}
.z_wx_codes{ position: relative; z-index: 1;}
.z_wx_codes .img{ width: 100px; height: 100px; padding: 5px; box-sizing: border-box; background: #fff; position: absolute; left: 50%; transform: translate(-50%); bottom: 50px; opacity: 0; visibility: hidden; transition: ease 1s;}
.z_wx_codes .img img{ display: block; width: 100%; height: 100%;}
.z_wx_codes:hover .img{ opacity: 1; visibility: visible;}

.bshare-custom{ margin-left: auto;}
.z_footer_share a{  color: #293038; margin-left: 20px; font-size: 20px; cursor: pointer;}
.z_artic_bar .bshare-custom .bshare-more-icon{ padding-left: 0!important;}
.bshare-custom a:hover{ color: #004CAC!important;}

.z_retop{ width: 48px;height: 48px;background:url("../img/top.png") no-repeat center; background-size: cover; cursor: pointer; z-index: 5; border-radius: 50%; position: fixed; right: 2.6vw; bottom: 2.6vw; display: none; z-index: 6;}
.z_retop::before{content: '';display: block;width: 100%;height: 100%;background: #0365db;opacity: .3 ;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -2;animation: consult2 linear 2s infinite;}
  @keyframes consult2{
  	0%,100%{transform:scale(1);}
  	50%{transform:scale(2);}	
  } 

.z_menu_mask{ width: 100%; transition: ease 1.2s; opacity: 0; visibility: hidden; height: 100vh; background:url("../img/mbg.jpg") no-repeat bottom center; background-size: cover; position: fixed; left: 0; top: 0; z-index: 11; padding: 0 5.2vw; box-sizing: border-box;}
.z_menu_mask.on{ opacity: 1; visibility: visible;transform: translateX(0%);}
.z_menu_header,.z_menu_btm{ height: 14%; display: flex; align-items: center; }
.z_menu_header .z_menu_logo img{max-height:80px}
.z_menu_header .frbtn{ margin-left: auto; display: flex; align-items: center; margin-right: -20px;}
.z_menu_close{ width: 54px; height: 54px; text-align: center; line-height: 54px; background:#09bd08; text-align: center; color: #fff; cursor: pointer; position: relative;z-index: 1; border-radius: 50%; display: block;}
.z_menu_close::before{content: '';display: block;width: 100%;height: 100%;background:#09bd08;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite}
.z_menu_nav{ width: 100%;padding: 6vw 8vw; box-sizing: border-box; height:72%; background: url("../img/menubg.jpg") no-repeat center; background-size: cover ;    border-radius: 15px;border-radius: 16px;display: flex; justify-content: space-between; transition: ease 1.5s; transform: scale(.8,.8); opacity: 0; transition-delay: 1s;}
.z_menu_mask.on .z_menu_nav{ opacity: 1; transform: scale(1,1);}
.z_menu_nav dl{width: 20%;}
.z_menu_nav dl a{ display: block;color: #fff; line-height: 2.5vw; font-size: 16px;}
.z_menu_nav .threelist{display:block;width: 100%;overflow:hidden;clear:both;}
.z_menu_nav dl .sanji{font-size: 14px;padding-left:10px; float:left;transform: translateX(2px);}
.z_menu_nav dt a{ font-size: 1.30208vw;} 
.z_menu_nav dt{ margin-bottom: 5px;}
.z_menu_nav dl:hover a{ }
.z_menu_nav dd a:hover{ transform: translateX(10px);color: #09bd08;}
.z_menu_nav dd .sanji:hover{transform: translateX(0px);color: #09bd08;}
.z_menu_share{ margin-left: auto;}
.z_menu_a,.z_menu_a a{ display: inline-block; padding: 0 20px; color: rgba(255,255,255,.5); position: relative;}
.z_menu_a a::before{ content:"-"; display: block; position: absolute; right: -2px; top: 50%; transform: translateY(-50%);color: rgba(255,255,255,.5); }
.z_menu_a a:first-child{ padding-left: 0;}
.z_menu_a a:last-child::before{ display: none;}
.z_menu_a a:hover{ color: #fff;}
.z_menu_share  a{ color:rgba(255,255,255,.5)!important ; margin-left: 20px; cursor: pointer; font-size: 20px!important;}

.z_banner_warp{ position: relative; height: 50vh; z-index: 1; background: #1E46C9;}
.z_other_banner{ width: 100%; height:50vh; overflow: hidden; position: relative;  }
.z_other_banner .imgbgs{animation: zoombig 3s forwards;  /*background-attachment: fixed;*/}
/*.z_other_banner::before{ content: ""; display: block; width: 1px; height: 0; background: rgba(255,255,255,.5); position: absolute; top:0; right: 12.5vw; transition: ease 1.5s; z-index: 1;}*/
/*.z_other_banner.animated::before{ height: 100%;}*/
.z_banner_info{ position: absolute; left: 5.2vw; bottom:6.8vw; max-width: 70vw;}
.z_banner_info .z_sb_bar{ position: relative;bottom: auto; left: auto;clear: both;}
.z_banner_info .slg{ font-size: 16px;color: #9E9E9E; margin-bottom: 1vw; display: none;}
.z_banner_info h3{font-size: 2.8vw; line-height: 4.125vw; color: #fff;}
.z_banner_info h4{font-size: 18px;font-family: Myriad Pro;font-weight: 400;color: #FFFFFF;line-height: 24px;opacity: 0.5; margin: 3vw 0; margin-bottom: 3.5vw;}
.z_banner_info h5{margin: 1.5vw 0;}
.z_banner_info h3 em{color: #1e46c8;/* -webkit-text-stroke: 1px #fff; *//* -webkit-text-fill-color: transparent; *//* opacity: .4; *//* font-size: 38px; */}
.z_banner_info .enh3{font-size:3vw;font-family: Messapia;text-transform: uppercase;}

.z_banner_info .pronavsshow,.pronavsclose{color:#fff;}
.z_banner_info .pronavsshow .iconfont:before{padding-right: 5px;}

.z_banner_info .enlocation{margin: 3vw 0; opacity: 0.5; }
.z_banner_infos{width: 100%;text-align:center;position: absolute;top: 15vw;}
.z_banner_infos h3{font-size: 3.125vw; line-height: 3.125vw; color: #fff;}
.z_page_bar{width: 100%;height: 4.6875vw;line-height: 4.6875vw;padding: 0 5.2vw;box-sizing: border-box;background: #ffffff47;position: absolute;bottom:0px;color: #fff;}
.z_page_wz{color: #fff;}
.z_page_wz a{ display: inline-block;padding: 0 10px; padding-right: 30px; position: relative;color: #fff;}
.z_page_wz a::before{ content: "\e72a"; z-index: 1; display: block; font-family:"iconfont"; position: absolute; right: 0; top: 50%; transform:  translateY(-50%);}
.z_page_wz a:last-child::before{ display: none;}
.z_page_nav li{display: inline-block;position: relative;}
.z_page_nav li:nth-last-child{margin-right:0px}
.z_page_nav li::before{ content: ""; z-index: 1; display: block; width: 0; height: 3px; background: #0055ff; transition: ease 1s; position: absolute; left: 50%; bottom: 0;}
.z_page_nav li.cur::before,.z_page_nav li:hover a{ width: 100%; left: 0;background: #0055ff;}
.z_page_nav li a{display: block; font-size: 16px; color:#fff;padding: 0vw 2vw;}
.z_page_nav li.cur a,.z_page_nav li:hover a{ color: #0055ff;}

.index_pros{width:100%; padding: 7.8125vw;background: #F4F8FC; display:block;overflow: hidden;}
.z_index_tit h3{color: #282828;margin-bottom: 15px;text-transform: uppercase;font-size:3vw;font-weight: bold;line-height: 2.29166vw;text-align:center;}
.z_index_tit h4{width:60%;color:#5A5A5A;line-height: 30px;font-size: 16px; margin: 2.6vw auto;opacity: 0.7;text-align:center;}
.z_index_tit h4 em{ color: #1E46C8;}
.index_pros .hd1{margin-bottom:.84rem}
.index_pros ul{display:flex;justify-content:space-between;text-align:center;font-size:18px;width: 80%;margin: 0 auto;}
.index_pros .ruprofl a{font-size:14px;}
.index_pros ul li{background:#fff;display:block;width: 250px;border-radius:50%;font-weight: bold;padding: 60px 0;height: 250px; box-shadow:0px 20px 40px 0px rgba(133, 162, 192, 0.06);}
.index_pros ul li a{font-size: 20px;display:block;transition: ease 0s;}
.index_pros ul .ic1{background:url(../img/pro_ico1.png) no-repeat center center;background-size:contain}
.index_pros ul .ic2{background:url(../img/pro_ico2.png) no-repeat center center;background-size:contain}
.index_pros ul .ic3{background:url(../img/pro_ico3.png) no-repeat center center;background-size:contain}
.index_pros ul .ic4{background:url(../img/pro_ico4.png) no-repeat center center;background-size:contain}
.index_pros ul li:hover{background: #1E46C8;}
.index_pros ul li:hover a{color:#fff;}
.index_pros ul li:hover .ic1{background:url(../img/pro_ico1on.png) no-repeat center center;background-size:contain}
.index_pros ul li:hover .ic2{background:url(../img/pro_ico2on.png) no-repeat center center;background-size:contain}
.index_pros ul li:hover .ic3{background:url(../img/pro_ico3on.png) no-repeat center center;background-size:contain}
.index_pros ul li:hover .ic4{background:url(../img/pro_ico4on.png) no-repeat center center;background-size:contain}
.index_pros ul .ic{width:100px;height:100px;display:block;margin:0 auto .24rem;background-size:contain}
@media (max-width:992px){.index_pros ul{font-size:16px}
}
@media (max-width:991px){.index_pros ul{flex-wrap:wrap;justify-content:flex-start}
.index_pros .z_index_tit h4{width:100%;font-size:16px;line-height: 30px;word-break: break-all;
    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
}
@media (max-width:980px){.index_pros ul{font-size:14px;width: 100%;}
.index_pros ul li{width: 150px;margin: 20px auto;padding: 30px;height: 150px;}
.index_pros ul .ic{width:60px;height:60px;}
.index_pros ul li a{font-size:14px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
}
@-webkit-keyframes scale2{from{transform:scale(1.02)}
to{transform:scale(1)}
}

.z_index_join .z_index_tit{font-size:2.4vw;line-height: 2.4vw; text-transform: uppercase; position: relative; z-index: 1;}
.z_index_join .z_index_tit .en{font-weight: 600;color: #1E46C8; margin-bottom: 5px;}
.z_index_join .z_index_tit .cn{color: #000000; font-weight: bold; line-height: 48px;} 
.z_index_join .z_index_tit::before{ content: ""; display: block; width: 5.57291vw; height: 6.25vw; background: url(../img/fz.png) no-repeat center;z-index: -1; background-size: 100% auto;position: absolute; left: -3vw; top: -2vw; animation: fzyd 20s infinite ease-in-out;}
@keyframes fzyd{
	0%{ transform: scale(1,1) rotate(0deg);}
	50%{transform: scale(.6,.6) rotate(360deg);}
	100%{transform: scale(1,1) rotate(0deg);}
}
.z_index_join .z_index_tit2::before{background: url(../img/fz2.png) no-repeat center;background-size: 100% auto;}
.z_index_join{  position: relative;}
.z_index_join .fl_warp{ width:37.5vw;background: linear-gradient(90deg, #F4F9FF, #C5D5E8); min-height: 46.875vw; display: flex; align-items: center; padding: 0 8.3vw; padding-right: 5vw; box-sizing: border-box;}
.z_index_join .desc{font-size: 14px;font-weight: 400;color: #767E89;line-height: 28px; margin: 2.5vw 0; margin-bottom: 4vw;}
.z_index_join .desc h6{font-size:18px;font-weight:bold;}
.z_index_join .desc p{margin-bottom:20px;}
.z_btn_warp a{display: inline-block; min-width: 126px;
height: 44px; color:#1E46C8; margin-right: 1vw;padding: 0 15px; margin-bottom: 1vw;
border: 1px solid #1E46C8; font-size: 15px;
border-radius: 22px; display: inline-block; text-align: center; line-height: 42px; }
.z_btn_warp a:hover{ color: #fff; background:#1E46C8 ;}

.lazy{background-size: cover; background-repeat: no-repeat; width: 100%;height: 100%; background-position: bottom center;position: absolute;z-index:-1;left: 0;top: 0; background-attachment: fixed;}

.z_index_hz{ padding: 7vw 0;}
.z_index_hz .z_index_tit h3{ text-align: center;}


.z_hz_list{margin: 0 auto;margin-top: 2.6vw;text-align: center;width: 100%;padding: 0 7.8125vw;}
.z_hz_list li{ width: 15%;  margin: 15px .5%; height: 100px; line-height:100px; display: flex; align-items: center; justify-content: center;display: inline-block;background: #f8f8f8;border-radius: 5px;transition: ease 1s;}
.z_hz_list li img{ vertical-align: middle;  max-width: 80%; max-height: 100%; transition: ease 1s;}
.z_hz_list li:hover img{filter: brightness(0) invert(1);}
/*.z_hz_list li:hover img{-webkit-filter: grayscale(50%);-moz-filter: grayscale(50%);-ms-filter: grayscale(50%);-o-filter: grayscale(50%);filter: grayscale(50%);filter: gray;}*/
.z_hz_list li:hover{background:#1e46c8;}
.z_page_nav li a::before{ content: ""; z-index: 1; display: block; width: 0%; height: 2px; background: #fff; position: absolute; left: 50%; bottom: 0; transition: ease 1s;}
.z_page_nav li:last-child{ margin-right: 0;}
/* .z_page_nav li.cur a::before,.z_page_nav li:hover a::before{ width: 100%; left: 0;} */
.z_page_nav li.cur a,.z_page_nav li:hover a{ color: #fff;}

.z_about_page{ background: #f5f5f5; position: relative; }
.z_about_warp{ width: calc(100% - 5.2vw);overflow: hidden; background: #fff; margin-left: 5.2vw; padding:5vw 6.25vw; padding-bottom: 0;  padding-right: 0; box-sizing: border-box;}
.z_about_warp .z_index_tit{ margin-bottom: 3.5vw;}
.z_about_warp .flwarp{ width: 31.25vw;}
.z_about_warp .flwarp .desc{color: #6E6E6E;line-height: 30px;}
.z_about_num2{ width: 100%; margin: 6vw 0; }
.z_about_num2 ul{ display: flex; justify-content: space-between;}
.z_about_num2 li h3{  font-size: 2.5vw;color: #1E46C8; margin-bottom: 10px;}
.z_about_num2 li .timer{font-family: Gilroy;font-weight: 500;}
.z_about_num2 li{ font-size: 16px;color: #424242;}
.z_about_warp .frwarp{ width: 50vw; height: 31.25vw; margin-bottom: -10vw; }


.z_index_culture{width: 100vw;display: flex;}
.z_index_culture .left_con{width: 75%;padding: 10.15625vw 0 0;}
.z_index_culture .right_con{width: 25%;}
.z_index_culture .left_con .clearfix{margin-top: 8.85416vw;background-color: #1e46c8;}
.z_index_culture .sb{display: inline-block;margin-top: 4.6875vw;width: 60px;height: 60px;border-radius: 50%;background-color: #ea6c00;background-image: url("../img/lx_shidie.png");background-size: 35%;background-repeat: no-repeat;background-position: center;}


.z_culture_head{display: flex; align-items: center; background: url("../img/bg3.jpg") no-repeat center; background-size: cover; padding-left: 7.29166vw; box-sizing: border-box;}
.z_culture_box{ width: 35%; height: 23vw; position: relative; overflow: hidden; z-index: 2;}
.z_culture_box .z_play{ position: absolute; cursor: pointer;  left: 50%; top: 50%; text-align: center; color: #fff; font-size: 1.30208vw; transform: translate(-50%,-50%);}
.z_culture_box .z_play .iconfont{ font-size: 3vw; margin-bottom: 10px; display: inline-block;}
.z_culture_box .infobox{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding:  0 10px; box-sizing: border-box; left: 0; text-align: center; color: #fff;}
.z_culture_box.one{ margin-left: auto;width: 100%;height: 100%;}
.z_culture_box .icon{ display: block; height: 3.16vw; margin-bottom: 5px; }
.z_culture_box .icon img{ height: 100%; display: block; margin: 0 auto;}
.z_culture_box h3{ font-size: 1.30208vw;}
.z_culture_box h4{ font-size: 1.57916vw; margin-top: 10px;}
.z_culture_box{ float: left;}
.z_culture_box.three{  width: 30%; position: relative; }

.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url("../img/close.png") no-repeat center #DA251D; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}


.z_about_vision{ width: 100%; height: 44.01041vw; position: relative; z-index: 1;}
.z_about_vision .infobox{ width: 50%; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); color: #fff;}
.z_about_vision h3{ font-size: 1.25vw;}
.z_about_vision h4{font-size: 2.08333vw;margin-left: 3vw;}
.z_about_vision .z_news_tit{ margin-bottom: 1vw;}
.z_about_vision .z_news_tit h3{font-size:2.08vw}
.z_about_vision .z_news_tit h4{margin-left: 3vw;font-size: 3.125vw;}
.z_about_vision .icon img{ display: block; height: 6.77083vw;}
.z_about_vision .icon{ margin-bottom: 10px;}
.z_about_honor .z_news_tit .bigen{ left: -3vw;font-family: HelveticaObl-Heavy; top: -6vw;}
.z_about_honor .z_news_tit{ padding-left: 5vw; margin-bottom: 0;}
.z_about_honor .z_news_tit h4{ margin-left: 3vw;}
.z_honor_head{ display: flex; align-items: center;}
.z_honor_desc{ margin-left: auto; width: 34.375vw; color: rgba(255,255,255,.5); line-height: 30px;font-size: 15px;}
.z_honor_swiper{ overflow: hidden; margin-top: 5vw;}
.z_honor_swiper .bd li{ height: 14.58333vw; overflow: hidden; position: relative; border: 2px solid #fff;box-sizing: border-box;}
.z_zl .bd li{     height: 23.8vw;}
.z_honor_swiper .bd li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_honor_hd{ text-align: center; margin-top: 6vw; margin-bottom: 2.5vw;}
.z_honor_hd li{ display: inline-block; transition: ease .5s; width: 10px;height: 10px;background: #EEEEEE;border-radius: 50%;margin: 0 15px; outline: none; cursor: pointer;}
.z_honor_hd li.on{ background: #ea6c00;}

.z_about_hj{ width: 100%; height: 41.66666vw; position: relative;}
.z_about_hj li .infobox{ position: absolute; left: 0;font-weight: bold; top: 15.625vw; color: #EA6C00; width: 100%;padding: 0 10.4vw; box-sizing: border-box; z-index: 1; display: none;}
.z_about_hj li span{ font-size: 16px;display: block; margin-bottom: 5px; }
.z_about_hj li h3{ font-size: 2vw;font-weight: bold; }
.z_hj_btn{ position: absolute; left: 10.4vw; bottom: 15vw; z-index: 2;}
.z_hj_btn span{ display: inline-block;width: 43px; transition: ease 1s;height: 43px;background: #BFBFBF;border-radius: 21px; text-align: center; line-height: 43px; color: #fff; outline: none; cursor: pointer; margin-right: 20px;}
.z_hj_btn span:hover{ background: #1E46C8;}
.z_about_history{ padding: 6.25vw 0;}
.z_about_history .z_index_tit{ margin-left: 12.2vw; margin-bottom: 4vw;}
.z_history_warp{ display: flex; align-items: center;}
.z_history_warp .flwarp{ width: 20%; flex-shrink: 0; }
.z_history_swiper{ width:80%; overflow: hidden;}

.z_history_btn{ width: 9.375vw;height: 9.375vw;border: 2px solid #EA6C00; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; color:#EA6C00 ;}
.z_history_btn .iconfont{ font-size: 18px; cursor: pointer; outline: none; margin: 0 10px; display: inline-block;}
.z_history_swiper li{ padding: 0 2.6vw; padding-bottom: 3vw; box-sizing: border-box; border-left: 2px solid #d8d8d8;}
.z_history_swiper li .year{font-size: 1.77083vw;font-family: Gilroy;font-weight: bold;color: #252525; margin-bottom: 8.3vw;}
.z_history_swiper li .tit{font-size: 20px;font-weight: bold;color: #282828;}
.z_history_swiper li .imgbox{ width: 100%; height: 13vw; margin: 1.5vw 0;}
.z_history_swiper li .desc{ font-size: 16px;color: #535353;line-height: 28px;}
.z_history_swiper li .infobox{font-size: 16px; line-height: 28px; color: #535353;}
.z_page_bar2{ background: #1E46C9; padding-right: 10vw; box-sizing: border-box;z-index: 9;}
.z_page_bar2 .z_page_nav{ float: left; width: 100%; padding: 0 5.2vw; padding-right: 0; box-sizing: border-box;}
.z_page_bar2 .z_page_nav ul{ display: block;}
.z_page_bar2 .z_page_nav li{ margin-right: 3vw;}
.z_back{ position: absolute; right: 5.2vw; top: 0; color: #fff;}
.z_back img{ margin-right: 5px;}

.z_pro_list{ padding: 4.4vw 5.2vw; position: relative;z-index: 2; box-sizing: border-box;  background: url("../img/line.jpg") repeat-y center; background-size:100% auto; background-color: #f5f5f5;}
.z_pro_list li{ width: 48%; float: left; margin-bottom: 3vw;}
.z_pro_list li.animated .bg{ transform: translateX(100%);}

.z_pro_list li:nth-child(even){ float: right; margin-left: auto;}
.z_pro_list li .imgbox{ width: 100%; height: 26.5625vw; overflow: hidden; position: relative;}
.z_pro_list li .bg{ z-index: 1; display: block; width: 100%; height: 100%; background: #004CAC; position: absolute; left: 0; top: 0; transition: ease 1.5s;}
.z_pro_list li .infobox{ padding: 1.5vw 0;}
.z_pro_list li .slg{font-weight: bold;color: #989898;}
.z_pro_list li h3{font-size: 1.45833vw; color: #333; font-weight: bold; margin: 10px 0; margin-top: 5px;}
.z_pro_list li .more{ color: #EA6C00; font-weight: bold;font-style: italic;}
.z_pro_list li .more .iconfont{ margin-left: 5px;}
.z_pro_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_pro_list li:hover h3{ color: #004CAC;}

.z_load_more{width: 181px;
height: 62px;
border: 1px solid #EA6C00;text-align: center; display: block; line-height: 60px; color: #EA6C00; margin: 0 auto; font-weight: bold;}
.z_load_more .iconfont{ margin-left: 10px;}

.z_porxq_page{ margin-top: 100px;}

.z_proxq_head{ padding: 6vw 12.23958vw; box-sizing: border-box; position: relative; margin-left: 5vw;}
.z_proxq_head .slg{ color:#989898;font-size: 20px;font-weight: bold;}
.z_proxq_head h3{font-size: 2.6vw;font-weight: bold;color: #2D2D2D; margin: 10px 0;}
.z_proxq_head h4{font-size: 20px;font-family: Gilroy;font-weight: 500;color: #EA6C00;}
.z_prox_topwarp .arrbtn{ display: block;width: 48px; display:  none; text-align: center; line-height: 48px;height: 48px;background: #EA6C00;border-radius: 50%; color: #fff; position: absolute; right: 6vw; bottom: 6vw; cursor: pointer; z-index: 1;}
.lx_proList{width: 100vw;padding: 0 5.20833vw;padding-top: 4.6875vw;}
.lx_proList .top{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.lx_proList .top .title{padding-left: 1.04166vw;font-size: 1.71875vw;color: #000000;font-weight: bold;position: relative;}
.lx_proList .top .title::before{content: "";position: absolute;z-index: 0;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 1.35416vw;background-color: #1e46c8;}
.lx_proList .top a{width: 1.97916vw;height: 1.97916vw;min-width: 35px;min-height: 35px;color: #FFF;background-color: #ea6c00;border-radius: 50%;font-size: 18px;transition: 0.8s;border: 1px solid #EA6C00;display: flex;align-items: center;justify-content: center;}
.lx_proList .top a i{color: #FFF;font-size: 20px;transition: 0.8s;}
.lx_proList .top a:hover{color: #EA6C00;background-color: #FFF;}
.lx_proList .top a:hover i{color: #EA6C00;}
.lx_proList .itemBox{width: 100%;margin-top: 2.60416vw;}
.lx_proList .item{width: 23.5%;margin-left: 2%;float: left;}
.lx_proList .item:first-child{margin-left: 0;}
.lx_proList .item a{display: block;width: 100%;}
.lx_proList .item .img{width: 100%;height: 13.02083vw;overflow: hidden;}
.lx_proList .item .img div{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: 1.5s;}
.lx_proList .item a:hover .img div{transform: scale(1.05);}
.lx_proList .item a .con{width: 100%;height: 6.25vw;min-height: 80px;display: flex;justify-content: space-between;align-items: center;padding: 0 1.5625vw;border: 1px solid #dcdcdc;border-top: none;}
.lx_proList .item a .left_con .small{color: #989898;font-size: 14px;font-weight: bold;}
.lx_proList .item a .left_con .big{color: #000;font-size: 20px;font-weight: bold;transition: 0.8s;}
.lx_proList .item a:hover .left_con .big{color: #1E46C8;}
.lx_proList .item a .right_con{display: flex;align-items: center;color: #ea6c00;font-size: 14px;}
.lx_proList .item a .right_con span{font-style: oblique;font-weight: bold;margin-right: 10px;transition: 0.8s;}
.lx_proList .item a .right_con i{font-size: 20px;color: #EA6C00;}
.lx_proList .item a:hover .right_con span{margin-right: 15px;}
.z_prox_topwarp{ position: relative;}
.z_prox_topwarp .arrbtn::after{content: '';display: block;width: 100%;height: 100%;background: rgba(234,108,0,.6);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite}


.z_solution_page{ background: url("../img/line.jpg") repeat-y center; background-size: 100% auto;}
.z_solution_item{}
.z_solution_item .imgbox,.z_solution_item .infobox{ width: 33.3%; float: left; height: 39.27083vw;}
.z_solution_item .infobox{ background: #fff; padding: 5vw 4vw; box-sizing: border-box;}
.z_solution_item .tit{font-size: 1.97916vw;font-weight: 400;color: #1D1D1D;}
.z_solution_item .desc{font-size: 14px;font-weight: 400;color: #5A5A5A;line-height: 24px;height: 144px; overflow-y: auto; margin: 10px 0;}
.z_solution_li a{ display: block; display: flex; align-items: center; width: 48%; line-height: 2.96875vw; float: left; border-bottom: 1px solid #E5E5E5;}
.z_solution_li a:nth-child(even){ float: right;}
.z_solution_li span{ display:inline-block;width: 70%;line-height: 30px; height: 30px;}
.z_solution_li .iconfont{ float: right; margin-left: auto; opacity: 0; transition: ease .5s;}
.z_solution_li a:hover{ color: #004CAC; font-weight: bold;}
 .z_solution_li a:hover .iconfont{opacity: 1;color: #004CAC;}
.z_solution_item:nth-child(even) .imgbox{margin-left: 33.3%;}
 
.z_contact_page{ background:url("../img/line.jpg") repeat-y; background-size: 100% auto;}
.z_contact_warp{ background: #fff; margin-left: 5.2vw; width: calc(100% - 5.2vw); padding: 4vw 6.25vw; box-sizing: border-box; padding-right: 18.75vw;}
.z_contact_top{ border-bottom: 1px solid #DCDCDC; padding-bottom: 3vw; margin-bottom: 4vw;}
.z_contact_top .flwarp span{font-size: 16px;font-weight: 500;color: #979797;}
.z_contact_top .flwarp .desc{font-size: 2.5vw;font-weight: bold;color: #282828;line-height: 3.125vw; margin-top: 10px;}
.z_code_li li{ float: left; margin-left: 2vw; margin-top: 2vw;}
.z_code_li li h3{ color: #616161; font-size: 16px;}
.z_contact_li{ margin-bottom: 5vw;}
.z_contact_li .item{ float: left; min-width: 30%;}
.z_contact_li .item.tel{ background: url("../img/c1.png") no-repeat left center; padding-left: 60px;}
.z_contact_li .item span{font-size: 16px;font-weight: 500;color: #1E46C8;}
.z_contact_li .item h3{ font-size: 20px;font-family: DIN;font-weight: bold;color: #303030;line-height: 30px;}
.z_contact_li .item.yx{background: url("../img/c2.png") no-repeat left center; padding-left: 60px;}
.z_contact_li .item.dz{background: url("../img/c3.png") no-repeat left center; padding-left: 60px;}
.z_contact_li .item.dz h3{ font-weight: normal;}
.z_contact_btm .bz{ color: #979797;}

.z_contact_dh{ padding: 4vw 12.25vw; box-sizing: border-box; display: flex; align-items: center;} 
.z_contact_dh .info{ margin-left: 6.25vw;}
.z_contact_dh .info h3{font-size: 2.5vw;font-weight: 400;color: #282828;}
.z_contact_dh .info h4{ color:#717171;}
.z_contact_map{ width: 100%; height: 41.66666vw;}

.z_contact_ly{ background: #1E46C8; z-index: 2; min-height: 36.35416vw; display: flex; align-items: center; padding-left: 11.45833vw; box-sizing: border-box; position: relative; }
.z_contact_ly .infobox{ color: #fff; position: relative; width: 17.5vw; float: left;}
.z_contact_ly .en{font-size:9.89583vw;font-family: Runda;font-weight: 400;color: rgba(0, 0, 0, 0);line-height:6.77083vw;opacity: 0.05;-webkit-text-stroke: 2px #FFFFFF;text-stroke: 2px #FFFFFF; font-style: italic;}
.z_contact_ly span{ font-size: 16px; display: block; margin-bottom: 10px;}
.z_contact_ly .desc{font-size: 2.5vw;font-weight: bold; line-height: 3.125vw; margin-bottom: 5.2vw;}
.z_contact_ly .bz{opacity: 0.5;line-height: 30px; font-size: 16px;}
.z_contact_ly .bz a{ color:#FF8400 ;font-size: 16px;}
.z_ly_warp{ background: #fff;width: 36.82291vw; padding: 3.5vw 4vw; box-sizing: border-box; float: right; position: absolute; top: -10.4vw; right: 13.02083vw;}
.z_ly_warp .tit{ font-size: 16px; color: #1E46C8; margin-bottom: 2vw;}
.z_ly_warp li label{ display: block;}
.z_ly_warp li .input_text{ height: 60px; border-bottom: 1px solid #E5E5E5; font-size: 16px;}
.z_ly_warp li{ margin-bottom: 2vw;}

.z_subbtn{ width: 190px; height: 60px; line-height: 60px; background: #d8d8d8; transition: ease 1s; cursor: pointer; text-align: center; color: #fff;}
.z_subbtn .iconfont{ margin-left: 10px;}
.z_subbtn:hover{ background: #004CAC;}

.z_news_page{ background: url("../img/line.jpg") repeat-y center; background-size: 100% auto; padding: 5.2vw; box-sizing: border-box;}
.z_newss_list ul{ margin-left: -2%;}
.z_newss_list li{ width: 31.3%; margin-left: 2%; float: left; margin-bottom: 2vw;}
.z_newss_list li a{ display: block; width: 100%; height: 100%;}
.z_newss_list li .imgbox{ width: 100%; height: 19.27083vw; position: relative; overflow: hidden;}
.z_newss_list li .infobox{ background: #fff;padding: 0 2vw; box-sizing: border-box; transition: ease 1s;}
.z_newss_list li .tit{ padding: 1.6vw 0;  font-size: 20px; border-bottom: 1px solid #dcdcdc;}
.z_newss_list li h3{ height: 60px;line-height: 30px; transition: ease .5s;}
.z_newss_list li .bar{ line-height: 4vw; font-weight: bold;color: #ea6c00; font-style: italic;}
.z_newss_list li .more{ float: right;font-style: italic;}
.z_newss_list li .z_play_icon{ width:3.64583vw; height: 3.64583vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url("../img/play.png") no-repeat center; background-size: 100% 100%; z-index: 1;}
.z_newss_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_newss_list li:hover .infobox{ background: #1440a3; color: #fff;}
/*.z_pages_bar{ text-align: center; margin-top: 2vw;}*/
/*.z_pages_bar a{ display: inline-block; color: #787878; width: 38px; height: 38px; border-radius: 5px; background: #fff; text-align: center; line-height: 38px; margin: 0 7px;}*/
/*.z_pages_bar a.active,.z_pages_bar a:hover{ background: #004CAC; color: #fff;}*/
.lx_pagination{ text-align: center; margin-top: 2vw;}
.lx_pagination li{ display: inline-block; height: 38px; border-radius: 5px; background: #fff; text-align: center; line-height: 38px; margin: 0 7px;width: 38px;cursor: pointer;transition: 0.8s;}
.lx_pagination li a{color: #787878;transition: 0.8s;display: block;width: 100%;height: 100%;}
.lx_pagination li:hover a{color: #FFF;}

.lx_pagination .active,.lx_pagination li:hover{ background: #004CAC;color: #FFF;}
.lx_pagination li:first-child,.lx_pagination li:last-child{display: none;}

.z_xq_flwarp{ background: #fff; width: 75.5%; float: left; padding:  5.2vw; box-sizing: border-box;}
.z_xq_tit{ font-size: 1.82291vw; line-height: 2.5vw; margin-bottom: 2vw;}
.z_xq_bar{ padding-bottom: 30px; border-bottom: 1px solid #dcdcdc; display: flex; align-items: center;}
.z_xq_bar .fl span{ display: inline-block; margin-right: 30px;}
.z_xq_bar .fl span img{ vertical-align: -3px; margin-right: 10px;}
.z_xq_bar .fl span:first-child{ color: #004CAC;}
.z_xq_bar .fr{ margin-left: auto;}
.z_xq_bar .fr a{ display:inline-block; width: 35px!important;; height: 35px!important;; line-height: 35px!important;; border-radius: 50%!important; background: #bfbfbf!important;; color: #fff!important; text-align: center; cursor: pointer; margin-left: 20px;}
.z_xq_content{ margin-top: 2.6vw; line-height: 36px; color: #494949; font-size: 16px;}
.z_xq_content img{ max-width: 100%!important; height: auto!important;}
.z_xq_content video{ max-width: 100%!important;height: auto!important;}
.z_xq_frwarp{ width: 22.4%; float: right;}
.z_xq_frwarp .z_newss_list ul{ margin-left: 0;}
.z_xq_frwarp .z_newss_list li{ width: 100%; margin-left:0; margin-bottom: 1.5vw;}
.z_xq_frwarp .z_newss_list li .imgbox{ height:13.54166vw ;}
.z_xq_frwarp .z_newss_list li h3{ font-size: 18px; line-height: 24px; max-height: 48px; height: auto;}
.z_xq_frwarp .z_newss_list li .bar{ line-height: 60px;}
.z_xq_frwarp .tits{ font-size: 25px; font-weight: bold; margin-bottom: 1.2vw;}


.z_zp_page{ background: url("../img/line.jpg") repeat-y center; background-size: 100% auto;}
.z_zp_warp{ background: #fff; width: calc(100% - 5.2vw); margin-left: 5.2vw; padding-bottom: 5.2vw;}
.z_zp_nl{ padding: 8.85416vw; background-size: cover; box-sizing: border-box; position: relative;}
.z_zp_nl .conwarp{ width: 43.22916vw;}
.z_zp_nl span{font-size: 16px;font-weight: 500;color: #979797;}
.z_zp_nl .tit{font-size: 2.0vw;
    color: #fff;
    line-height: 3.125vw;
    margin-top: 1vw;
    margin-bottom: 4vw;
    text-align: center;}
.z_zp_nl .desc{font-size: 14px;font-family: Adobe Heiti Std;font-weight: normal;color: #6E6E6E;line-height: 30px;}
.z_zp_nl .zplog{ position: absolute; right: 18.75vw; bottom: 8.33333vw;}

.z_zpteam_swiper{ width: 100%; height: 38.875vw; position: relative; overflow: hidden; margin-bottom: 6.25vw;}
.z_zpteam_swiper .z_index_tit{ position: absolute; left: 5.2vw; bottom: 6.77083vw;}
.z_zpteam_swiper .z_index_tit h3{ color: #fff; margin-left: 1vw;}
.z_zpteam_swiper .z_index_tit .bigen{opacity: 0.25;}
.z_zpteam_swiper .z_history_btn{ position: absolute; right: 14.0625vw; bottom: 5.72916vw; z-index: 2;}

.z_zp_con{ width: 100vw; margin-left: -5.2vw;}
.z_zp_con .z_zp_img{ width: 50%; height: 35.41666vw; float: left;}
.z_zp_conditon{ width: 38.54166vw; float: right; margin-right: 5.2vw;}
.z_zp_conditon .head{ padding-top: 3vw; box-sizing: border-box; border-bottom: 1px solid #DCDCDC; display: flex; align-items: center; margin-bottom: 2vw;}
.z_zp_swiper { position: relative; padding-bottom: 50px; overflow: hidden;}
.z_zp_swiper .name{font-size: 1vw; font-weight: bold; margin-bottom: 1vw;}
.z_zp_swiper .con{color: #2F2F2F;line-height: 30px; height: 15vw;  overflow-y: auto;}
.z_zp_hd{ position: absolute; left: 0; bottom: 0;}
.z_zp_hd li{ display: inline-block;width: 10px; transition: ease .5s; outline: none; cursor: pointer;height: 10px;background: #E5E5E5;border-radius: 50%; margin-right: 1.5vw;}
.z_zp_hd li.on{ background: #004CAC;}
.z_zp_tab{ margin: 1vw 0; margin-top: 2vw;}
.z_zp_tab span{ display: inline-block; height: 40px; line-height: 38px; padding: 0 20px; border-radius: 20px; border: 1px solid #ddd; cursor: pointer; font-size: 18px; font-weight: bold; margin-right: 1vw;}
.z_zp_tab span.active{ color: #fff; background:#004CAC ; border-color: #004CAC;} 
.z_zp_tabcon .child{ display: none;}
.z_zp_tabcon .child.active{ display: block;}


.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.6); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content {  border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; opacity: 1; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; background: #BF2E2E;}
.rebox-close { right: 10px; top: 10px;  font-size: 30px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

.z_bgong_tit{ background: #fff; padding: 5vw 0 2vw 25vw;}
@media screen and (max-width:1440px){
.z_zpteam_swiper .z_history_btn{ width: 11vw; height: 11vw;}	
}

@media screen and (max-width:1366px){
	.z_indexpro_swiper li .infobox{ left: 5.2vw; max-width: 30vw;}
	.z_indexpro_swiper li .desc{ font-size: 14px}
	.z_index_contact{ min-height: 60vw;}
	.z_proxq_warp .z-container{ width: 85%;}
	.z_solution_item .imgbox, .z_solution_item .infobox{ height: 42vw;}
	.z_contact_ly{ min-height: 43vw;}
	.z_prox_topwarp{ padding: 6vw 7vw!important;}
	
}



@media screen and (max-width:980px){
.z_header{ height:88px;  display: flex; align-items: center; padding: 0 15px; padding-right: 0; justify-content: space-between;}
.z_header.on{background:#fff;}
.z_header2{ background: #fff!important;}
.z_header_fr{margin-top:0px;}
.z_whole{display:none;}
.z_logo{ max-height: none; height: 50px; margin-top: 0;background-size: contain !important;background-position: left;}
.z_sou{ margin-right: 0px;}
.z_menu_btn{ width: 58px; height: 58px;}
.z_menu_btn span::before{ display: none;}
.z_tel{display: none;}
.z_sou{ display: block; width: 58px; height: 58px; line-height: 58px; text-align: center;}
.z_header_nav{ width: 100%; transform: translateY(100%); visibility: hidden; transition: ease .8s; height: calc(100vh + 28px); position: fixed; left: 0; top:-5px; background: rgba(30, 70, 200, 0.92); display: flex; align-items: center; justify-content: center; }
.z_header_nav ul{ width: 100%;}
.z_header_nav li{ display: block;line-height: 50px; text-align: center; width: 100%; }
.z_header_nav li a{ font-size: 16px;}
.z_header_nav .drop{display:none;}
.z_header_nav .language{width:100%;display:block;text-align:center; color:#fff;margin-top:20%;line-height: 35px;}
.z_header_nav .language a{width:100%;color:#fff;padding-right:4%}
.z_header_nav .language .iconfont{margin-right:2%; font-size: 16px;}
.z_header.on .z_header_nav li a,.z_header.on .z_menu_btn span{color:#fff;}
.z_header_nav.on{ visibility: visible; transform: translateY(0);}
.z_index_banner{ height: auto;}
.z_banner{  position: relative;}	
.z_banner .bd li{ height: 165vw;}
.z_banner_text{width:100%;text-align:center;left: 0;max-width: 100%;font-size: 20px;top: 30%;}
.z_banner{ height: auto;}
.z_banner_sb .icon{width:30px;}
.z_wave .wave,.z_menu_close .wave1,.z_wave .wave2,.z_wave .wave1{width:29vw;height:29vw;}
.z_about_num{ width: 100%; position: relative;padding:0 15px; }
.z_about_num ul{ height: 80px; }
.z_about_num ul li{ font-size: 13px;}
.z_about_num ul li .timer{ font-size: 18px;}
.z_about_num ul li h3{ font-size: 14px;}
.tjcp_ct{margin-top:30px;}
.tjcp{padding: 5vw;padding-top:38px;}
.tjcp .tjcp_ct .cpxbboxb_slide{margin-right:0;}
.tjcp_ct .swiper-slide .top h6{font-size:20px;}
.tjcpkz{margin-top:20px;}
.z_banner_text .en{ width: 90%; margin: 0 5%;}
.z_banner_text .num{font-size:30px;line-height:50px;font-weight: normal;}
.z_banner_text .cn{ border-top: none; font-size: 32px;width:90%; padding: 0;transform-origin: bottom center;   margin: 0 auto; margin-top: -18px;}
.z_banner_bar{ bottom:0px; width: 100%; height:60px; }
.z_banner_btn span{ width: 60px; height: 60px; line-height: 60px;}
.z_banner::before{ right: 70px; bottom: 0;}
.z_sb_bar{ display: none;}
.z_banner_hd li.on{ width: 15px;}
.z_search_pop .input_text{ width: 80%; padding: 0 10px;}
.z_search_pop .sou{ width: 20%; font-size: 14px;}
.z_search_pop{ width: 88%;}
.z_index_about .imgbox{ width: 100%; height: 50vw;}
.z_index_about .infobox{ width: 100%; padding: 40px 15px; height: auto;}
.z_index_about .tit{font-size: 18px; margin-bottom: 20px;}
.z_index_about .content{ max-height: none; line-height: 24px; font-size: 13px;}
.z_index_about .circle-progress{ right: 15px; left: auto; top: 10px; }
.z_index_about .{width: 100%;}
.z_index_join .z_index_tit .cn{font-size:30px;line-height:38px;}
.z_hz_list li{width: 24%;margin: 10px 0px;height: auto;line-height: 100%;padding: 10px;}
.z_hz_list li img{max-width: 100%;}
.z_hz_list{ width: 100%;padding-bottom: 20px;margin: 0; margin-top: 20px; height: 260px; padding: 0; overflow: hidden;}
.z_index_hz{ padding: 20px 15px;    padding-bottom:40px;}
.z_index_join .lazy{ position: relative; height: 50vw; background-attachment: inherit!important;}
.z_index_join .fl_warp{ width: 100%; padding: 30px 12px;}
.z_index_join .desc{ margin: 20px 0;}
.z_about_map{ padding: 40px 20px;}
.z_quanqiu_box,.z_quanqiu_box .z_more_btn{ width: 100%;}
.z_quanqiu_box .tit{ font-size:30px; line-height: normal;}
.z_quanqiu_box .desc{ line-height:30px; font-size:16px; margin: 10px 0;}
.z_process_swiper::before{ display: none;}
.z_about_num2{ margin: 60px 0;}
.z_about_num2 li{ width: 33.3%; }
.z_about_num2 li .timer{ font-size: 20px;}
.z_about_num2 li h4{ font-size: 12px;}
.aboutimg{width:100%;margin-top: 20px;}
.z_quanqiu_lan li{ width: 100%; border-right: none; height: 80px;border-bottom: 1px solid #dcdcdc; justify-content: flex-start; padding: 0 20px; box-sizing: border-box;}
.z_quanqiu_lan li .icon{  max-width: 20px; text-align: left; margin-right: 20px;    font-size: 30px;}
.z_quanqiu_lan li a{ display: flex; align-items: center; justify-content: center; font-size: 18px;}
.z_quanqiu_lan li span em{ font-size: 18px;}
.z_quanqiu_lan li:last-child{ border-bottom: none;}
.z_quanqiu_lan::before{ display: none;}
.z_ruimei_adv .shouji{ display: block;}
.z_ruimei_adv{ height: calc(100vh - 50px);}
.z_ruimei_adv .probg{display:none;}
.z_ruimei_adv{ display: flex; align-items: center; justify-content: center;}
.z_adv_tit h3{ font-size: 30px;    font-weight: bold;}
.z_adv_tit .desc{ font-size: 16px;line-height: 30px;width: 100%;}
.z_adv_list li img{width: 90px;}
.z_adv_list ul{ display: block;}
.z_adv_list li{width:32%;margin-bottom: 30px;}
.z_adv_list li h3{ font-size: 18px; margin-top: 5px;word-break: break-all;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.circle-progress,.circle{width: 70px; height: 70px; }
.circle-progress .content{ width: 35px; height: 70px;}
.circle-progress .text{ top: 50%; transform: translateY(-50%); animation: none; font-size: 12px;}
.circle-progress .text .iconfont{ margin-left: 0; margin-top: 2px; display: block;}
.z_index_pro .z_index_tit{ position: relative; left: auto; top: auto; margin-top: 30px;}
.z_indexpro_swiper li {padding: 20px;}
.z_indexpro_swiper li .infobox{ position: relative; bottom: auto; left: auto; max-width: 100%; float: left;}
.z_indexpro_swiper li .imgbox{ width: 100%; height: 60vw;}
.z_indexpro_swiper .btn img{ width: 20px;}
.z_indexpro_swiper li .tit{ font-size: 16px; line-height: normal; margin-bottom: 15px;}
.z_indexpro_swiper li .desc{ line-height: 24px; max-height: none;}
.z_indexpro_swiper li .circle-progress{ position: relative; bottom: auto; margin-top: 20px;} 
.z_indexpro_swiper li .imgbox img{ max-height: 90%;}
.z_index_tit h3{ font-size: 18px; line-height: 20px; margin-left: 30px;}
.z_index_tit h4{ font-size: 18px; line-height: 20px;}
.z_index_tit .bigen{ font-size: 60px; bottom: 0; line-height: 60px;}
.z_index_solution .titbar{ height: 120px; padding: 0 15px; box-sizing: border-box;}
.z_index_solution{ padding: 0 ; padding-bottom: 20px;overflow: hidden; }
.z_solution_swiper { overflow: hidden; width: 100%;}
.z_solution_swiper li{ width: 100%; padding: 0 15px;}
.z_index_solution li .imgbox{ height: 60vw;}
.z_index_solution li .infobox i{ display: none;}
.z_index_solution li .infobox{ padding-left: 0; padding:15px 0;}
.z_index_solution li .num{ opacity: 1; font-size: 30px;}
.z_index_solution li .infobox h3,.z_index_solution li .infobox h4{ font-size: 16px;}
.z_index_solution li:last-child{ width: 100%;padding:0 15px ;}
.circle{border-width: 2px;}
.z_index_news{ padding: 30px 10px; box-sizing: border-box;}
.z_first_news{ width: 100%;}
.z_first_news .imgbox{ height: 50vw;}
.z_first_news .infobox{ padding: 15px 0;}
.z_first_news h3{ font-size: 18px; line-height: 24px; height: 48px;}
.z_first_news h4{ font-size: 14px; line-height: 24px; height: 48px;}
.z_first_news .timebox { font-size: 18px;}
.z_first_news .timebox span{ font-size: 14px; margin-bottom: 0;}
.z_news_swiper,.z_index_news .flwarp{ width: 100%;}
.z_news_swiper li .imgbox{ height: 40vw;}
.z_news_swiper li .infobox .tit{ padding: 15px 0; font-size: 14px; line-height: 24px;}
.z_news_swiper li .bar{ font-size: 14px; padding-top: 15px; font-weight:normal;}
.z_index_contact { padding: 30px 15px;}
.z_index_contact .z_index_tit{ position: relative; left: auto; top: 0;}
.z_index_contact .z_index_tit img{ height: 50px;}
.z_contact_code{ text-align: center;}
.z_contact_code li{float: none;display: inline-block;}
.z_contact_info{ width: 100%; position: relative; float: none; right: auto; top: auto; left: auto; bottom: auto; margin: 30px 0;}
.z_contact_img{position: relative; right: auto; top: auto; left: auto; transform: translateY(0); max-width: 100%; float: none;}
.z_contact_cir{ width: 180px; height: 180px; padding: 10px; display: none; left: 0; box-sizing: border-box;}
.z_contact_cir h3{ font-size: 16px; margin-bottom: 5px;}
.z_contact_cir p{ line-height: 24px; font-size: 12px;}
.z_menu_mask{ display: none;}
.z_indexpro_swiper li .imgbox img{transform: scale(1,1);}
.z_indexpro_swiper li .circle-progress{z-index: 1;}
.z_solution_btn span{ width: 38px; height: 38px; line-height: 38px;}
.z_solution_btn{ margin-top: 10px;}
.z_news_tit{ position: absolute; left: 50%; transform: translateX(-50%); top: 30px;}
.z_first_news{ margin-top:80px;}
.z_news_tit h3,.z_news_tit h4{ font-size: 18px; line-height: normal;}
.z_first_news .circle-progress{ right: 0; left: auto;}
.z_first_news .timebox{ display: none;}
.z_news_btn{ position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%;}
.z_news_btn span{ display: inline-block;width: 38px; margin: 0 10px;  height: 38px; line-height: 38px; border-radius: 50%; background: #BFBFBF;}
.z_news_swiper, .z_index_news .flwarp{ margin-bottom: 30px; float: left;}
.z_news_btn .prev{transform: rotate(-90deg);}
.z_news_btn .next{ transform: rotate(-90deg);}
.z_index_partners{ display: block;}
.z_partners_swiper{ width: 100%; margin-top: 20px;}
.z_par_btn{ display: none;}
.z_partners_swiper li img{ max-height:50px; max-width: 90%;}
.index-six{ position: relative; margin-top: 10vw; bottom: auto; padding: 0 18px;}
.index-six>ul{ margin-left: -4%;}
.index-six>ul li{width: 100%;margin-bottom: 15px;height: 260px;}
.index-six li h4{display:none;}
.index-six li h3{line-height:38px;}
.l_mt .bot .item{width:100%;margin-right:0;}
.l_mt{padding: 20px;}
.l_mt .top .fl,.l_mt .top .fr{float: unset;width: 100%;}
.l_mt .top .title h2{font-size: 20px;margin-bottom: unset;height: 20px;display: inline-block;}
.l_mt .top .title div{font-size: 16px;}
.l_mt .top .fr{margin-top: 10px;}
.l_mt .top .fr div{height: unset;width: 100%;height: 35px;}
.l_mt .top .fr div select, .l_mt .top .fr div select{width: 70%;margin-top: unset;}
.l_mt .top .fr p{margin-top: 5px;}
.l_mt .bot .item{width: 100%;margin-top: 10px !important;padding: 10px;}
.l_mt .bot .item .img{height: 180px;}
.l_mt .bot .item .title{font-size: 16px;}
.l_mt .bot .item .text{font-size: 10px;}
.l_mt .bot .item .img .date{width: 70px;height: 70px;padding-top: 10px;}
.l_mt .bot .item .img .date b{font-size: 26px;}
.l_mt .nkBot .item{width: 100%;margin: unset !important;margin-top: 10px !important;padding: 10px;}
.l_mt .nkBot .item .img{width: 100%;height: 420px;float: unset;}
.l_mt .nkBot .item .content{width: 100%;float: unset;margin-left: unset;margin-top: 10px;}
.l_mt .nkBot .item .content .title{font-size: 16px;}
.l_mt .nkBot .item .content .information{font-size: 10px;}
.l_mt .nkBot .item .content .text{width: 100%;font-size: 10px;margin-top: 5px;}
.l_mt .nkBot .item .content .btn{width: 100px;height: 35px;line-height: 35px;}

.z_footer_center .fr_warp{ display: none;}
.z_footer_center .fl_warp{ width: 100%;border-right: none;}
.z_footer_center .fl_warp .tel{font-size:20px;}
.z_footer{ padding: 30px 12px; padding-bottom: 20px;}
.z_footer_top .suport a,.z_footer_top .z_footer_logo{ height: 15vw; font-size: 18px;}
.z_footer_logo img{ height:50px;}
.z_footer_top .suport{ width: 50%;}
.z_footer_center .fl_warp{ padding: 30px 0;text-align: center;}
.z_footer_center .fl_warp h3, .z_footer_nav h3{ margin-bottom: 10px; font-size: 16px;}
.z_footer_btm{ padding-top: 20px; }
.z_index_partners .z_index_tit{ float: left; margin-bottom: 20px;}
.z_contact_info .bar{ line-height: 30px;}
.z_other_banner{ height: 55vw;position: relative;}
.z_banner_info h4{ display: none;}
.z_banner_info h3{ display: none;}
.z_banner_info .slg{ font-size: 24px;}
.z_banner_warp{ height: auto;}
.banpro{height: 58vh;}
.banpro .z_other_banner{height: 100%;}
.wapshow{display:block}
.z_page_bar{ position: relative; width: 100%; bottom: auto; height: 50px; line-height: 50px;}
.z_page_nav{ width: 100%; overflow: hidden;}
.z_page_nav ul{ display: block;}
.z_page_nav ul li{ float: left;}
.z_page_nav ul li a{ display: block; line-height: 50px; font-size: 14px;}
.z_banner_info{ left: 20px; bottom: auto; top: 50%; transform: translateY(-50%); }
.z_banner_info .slg{ margin-bottom: 0;color: #fff;display:none; }
.z_banner_info .enlocation{display:none;}
.z_banner_info .slg em{color: #1e46c8;/* -webkit-text-stroke: 1px #fff; *//* -webkit-text-fill-color: transparent; *//* opacity: .4; */}
.pro_banner_info{left:0;width:100%;max-width:100%;text-align:center;}
.z_banner_info .pronavsshow{margin-top:20px;}
.z_banner_info .pronavsshow .iconfont{font-size:16px;}
.z_about_warp{ width: 100%;margin-left: 0; padding: 30px 15px;}
.z_about_warp .flwarp{ width: 100%;}
.z_about_warp .flwarp .desc{ line-height: 24px;}
.z_about_num2 { margin: 30px 0;}
.z_about_num2 li .timer{ font-size: 18px;}
.z_about_num2 li{ font-size: 14px;}
.z_about_num2 li h3{ margin-bottom: 5px;}
.z_about_warp .frwarp{ width: 100%; height: 50vw;}
.z_index_tit .bigen{ display: none;}
.z_index_tit {text-align: center;}
.z_index_tit h3{ margin-left: 0; margin-bottom: 5px; font-size: 30px;line-height: 38px;}
.z_index_tit h4,.z_index_tit h4 em{font-style:normal;font-size: 20px;}
.z_about_warp .z_index_tit{ margin-bottom: 20px;}
.z_other_banner .imgbgs{ background-attachment: initial!important;}
.z_page_bar2 { padding-right: 0;}
.z_page_bar2 .z_page_nav li{ float: left;}
.z_page_bar2 .z_page_nav{ padding: 0;}
.z_back{ display: none;}
.z_pro_list{ padding: 30px 15px;}
.z_pro_list li h3{ font-size: 16px; margin: 5px 0;}
.z_pro_list li{ width: 100%; margin-bottom: 10px;}
.z_pro_list li .imgbox{ height: 55vw;}
.z_pro_list li .imgbox{ padding: 10px 0;}
.z_load_more{ height: 40px; line-height: 38px;width: 120px; font-size: 12px; display: flex; align-items: center; justify-content: center;}
.z_pro_list li.animated .bg{ display: none;}
.z_porxq_page{ margin-top: 50px;}
.z_proxq_head .arrbtn { display: none;}
.z_proxq_head{ padding: 25px 15px; margin-left: 0;}
.z_proxq_head .slg,.z_proxq_head h4{ font-size: 14px;}
.z_proxq_head h3{ font-size: 18px;}
.z_proxq_warp .z-container{ width: 100%; margin-top: 0; padding:20px 15px;} 
.z_proxq_box{ width: 100%; margin-bottom: 30px;}
.z_proxq_tit{ font-size: 18px; line-height: 18px; border-left-width: 3px; padding-left: 10px; margin-top: 10px;}
.z_proxq_cs li{ height: auto; min-height: auto; font-size: 14px;}
.z_proxq_tit{ margin-bottom: 20px;}
.z_proxq_li ul{ margin-left: 0;}
.z_proxq_li li{ width: 100%; margin-left: 0; margin-bottom: 10px;}
.z_proxq_li li .imgbox{ height: 55vw;}
.z_proxq_li li .infobox{ padding: 15px;font-size: 14px;}
.z_proxq_warp{ padding-bottom: 0;}
.z_proxq_warp .z-container{ padding-bottom: 0;}
.z_solution_item .imgbox, .z_solution_item .infobox{ width: 100%;}
.z_solution_item .imgbox{ width: 50%; height: 60vw; }
.z_solution_item .infobox{ height: auto;}
.z_solution_item .tit{ font-size: 18px;}
.z_solution_item .desc{ height: auto; margin: 20px 0;}
.z_solution_li a{ line-height: 40px; width: 100%;}
.z_solution_item:nth-child(even) .imgbox{ margin-left: 50%;}
.z_page_bar{ width: 100%; margin-left: auto; left: 0; top: auto;background: #00000047; margin-top: auto; animation: none!important;    display: none; }
.z_page_nav{ padding: 0; height: 50px;}
.z_page_nav ul li a{ padding: 0 20px;}
.z_contact_warp{ margin-left: 0; width: 100%; padding: 30px 15px;}
.z_contact_top .flwarp{ width: 100%;}
.z_page_bar .z_page_wz{display:none;}
.z_code_li{ width: 100%;}
.z_contact_top .flwarp .desc{ font-size: 16px; line-height: 24px;}
.z_code_li{ margin-top: 30px;}
.z_code_li li{ margin-left: 0; margin-right: 20px; text-align: center;}
.z_code_lili img{ display: block; height: 80px;}
.z_code_li li h3{ font-size: 14px;}
.z_contact_li .item h3{ font-size: 16px;}
.z_contact_li .item{ max-width: 100%; margin-bottom: 20px;}
.z_contact_top{ padding-bottom: 25px; margin-bottom: 25px;}
.z_contact_dh .info h3{ font-size:18px;}
.z_contact_map{ height: 50vw;}
.z_contact_ly{ display: block; padding: 0;}
.z_contact_ly .infobox{ width: 100%; padding: 30px 15px;}
.z_ly_warp{ width: 100%; position: relative; right: auto; top: auto;}
.z_contact_ly .desc{ font-size: 16px; line-height: 24px;}
.z_contact_ly .bz{ font-size: 14px;}
.z_ly_warp{ padding: 30px 15px;}
.z_ly_warp li{ margin-bottom: 15px;}
.z_ly_warp li .input_text{ height: 50px; font-size: 14px;}
.z_ly_warp .tit{ margin-bottom: 20px;}
.z_subbtn{ width: 120px; height: 40px; line-height: 40px;}
.z_news_page{ padding: 30px 15px;}
.z_news_page ul{ margin-left: 0;}
.z_news_page li{ width: 100%; margin-left: 0; margin-bottom: 10px;}
.z_news_page li .imgbox{ height: 50vw;}
.z_news_page li .z_play_icon{ width: 40px; height: 40px;}
.z_news_page li .infobox{ padding: 0 14px;}
.z_news_page li .tit{ padding: 15px 0;}
.z_news_page li h3{ font-size: 14px; line-height: 24px; height: auto; max-height: 48px;}
.z_news_page li .bar{ line-height: 40px;}
.z_xq_frwarp{ display: none;}
.z_xq_flwarp{ width: 100%;}
.z_xq_flwarp{ padding: 20px 15px;}
.z_xq_tit{ font-size: 16px; line-height: 24px; margin-bottom: 20px;}
.z_xq_bar .bshare-custom{ display: none;}
.z_xq_bar .fl span{ margin-right: 10px; font-size: 12px;}
.z_xq_bar{ padding-bottom: 20px;}
.z_xq_content{ font-size: 14px; padding: 15px 0; line-height: 24px;}
.z_zp_warp{ width: 100%; margin-left: 0;}
.z_zp_nl{ padding: 30px 15px;}
.z_zp_nl .conwarp{width: 100%;}
.z_zp_nl span{ font-size: 14px;}
.z_zp_nl .tit{ font-size: 18px;line-height: normal;}
.z_zp_nl .desc{ line-height: 24px;}
.z_zp_nl .zplog{ display: none;}
.z_zpteam_swiper{ height: 60vw;}
.z_zpteam_swiper .z_history_btn{ width: 100px; height: 100px; display: none;}
.z_zpteam_swiper .z_index_tit{ left: 10px; bottom: 15px;}
.z_zp_con{ width: 100%; margin-left: 0;}
.z_zp_con .z_zp_img{ width: 100%; height: 55vw;}
.z_zp_conditon{ width: 100%; padding: 0px 15px; margin-right: 0;}
.z_zp_conditon .head{ text-align: center; height: 100px;margin-bottom: 20px;}
.z_zp_conditon .head .z_index_tit{ text-align: center; width: 100%; }

.z_zp_swiper .name{ font-size: 16px; margin-bottom: 15px;}
.z_zp_swiper .con{ height: auto; line-height: 24px; height: 308px;}
.z_zp_hd li{ width: 8px; height: 8px; margin-right: 10px;}
.z_xq_bar .fr{ display: none;}
.z_solution_li a .iconfont{ opacity: 1;}
.z_culture_box .icon{ height: 30px;} 
.z_culture_box h4{ font-size: 12px; margin-top: 5px;}
.z_culture_box{ height: 132px;}

.z_about_vision{ height: 60vw;}
.z_about_vision .icon img{ height: 40px; width: auto;}
.z_about_vision h3{ font-size: 16px;}
.z_about_vision h4{ font-size: 12px; margin-left: 0;}
.z_honor_desc{ width: 100%; margin-top: 30px; font-size: 14px; line-height: 24px;}
.z_about_honor .z_news_tit{ position: relative;left: 0%;transform: translateX(-0%); top: auto;}
.z_honor_head{ display: block; }
.z_honor_swiper .bd li{ height: 34.5vw;}
.z_zl .bd li{height: 66.5vw;}
.z_honor_hd li{ width: 8px; height: 8px; margin: 0 4px;}
.z_about_hj{ height: 55vw;}
.z_hj_btn span{ width: 35px; height: 35px; line-height: 35px; margin-right: 10px;}
.z_about_hj li h3{ font-size: 16px;}
.z_hj_btn{ left: 20px; bottom: 10px;}
.z_about_hj li .infobox{ padding: 0 20px; box-sizing: border-box;}
.z_history_warp .flwarp{ display: none;}
.z_history_swiper{ width: 100%;}
.z_history_swiper li{border: none;}
.z_about_history .z_index_tit{ margin: 0; margin-bottom: 20px;}
.z_history_swiper li .year{ font-size: 18px; margin-bottom: 10px;}
.z_history_swiper li .tit{ font-size: 16px;}
.z_history_swiper li .imgbox{ height: 50vw; margin: 10px 0;}
.z_about_history{ padding: 30px 0;}
.z_history_swiper li .infobox{ font-size: 14px;line-height: 24px;}
.z_pro_list li .bg{ display: none;}
.z_prox_topwarp{ display: block!important; padding: 30px 14px!important; box-sizing: border-box;}
.z_proxq_head{ padding: 0!important; width: 100%!important;}
.z_proxq_img{ width: 100%!important; margin-top: 30px;}
.z_prox_topwarp .arrbtn{ display: none;}
.z_header2 .z_header_nav a{ color: #fff!important;}
.z_proxq_img{ margin-right: 0;}
.z_culture_box .z_play .iconfont{ font-size: 30px;}
.z_zp_tab{ margin: 20px 0;}
.z_zp_conditon .head{ height: auto; margin-top: 20px;} 
.z_zp_tab span{ font-size:15px;}
.z_zp_swiper .swiper-slide,.z_zp_swiper{ height: auto!important;}
.z_index_culture{display: block; padding: 30px 0; padding-bottom: 0;}
.z_index_culture .z_index_tit{ margin-bottom:223px; margin-left: 0;}
.z_index_culture .left_con{width: 100%;padding:0px;}
.z_index_culture .left_con .clearfix{margin-top: 15px;}
.z_index_culture .right_con{width: 100%;height: 200px; margin-top: -331px; position: relative;}
.z_index_culture .sb{width: 35px;height: 35px;background-size: 30%;margin-top: 10px;}

.z_code_li{ margin: 0 auto!important; text-align: center; margin-top: 20px!important;}
.z_code_li li{ display: inline-block; float: none; margin: 0 10px;}
.z_zp_nl{ padding: 50px 10px; background-size: cover;}
.z_zp_nl .tits{ line-height: normal!important; font-size: 18px!important;float: none!important; text-align: center!important;}
.z_zp_nl h3{ float: none!important;}

.z_index_culture .right_con .icon{ height: 40px;}
.z_index_culture{ display: block;}
.z_index_culture .left_con{ float: right;}
.z_index_culture .right_con{ float: left;}
.lx_proList{padding: 30px 14px;}
.lx_proList .top .title{padding-left: 10px;font-size: 18px;}
.lx_proList .top .title::before{width: 4px;height: 18px;}
.lx_proList .top a i{font-size: 12px;}
.lx_proList .top a{min-width: 25px;min-height: 25px;width: 25px;height: 25px;}
.lx_proList .itemBox{margin-top: 15px;}
.lx_proList .item{width: 100%;margin: 15px 0 0 !important;}
.lx_proList .item .img{height: 210px;}
.lx_proList .item a .con{padding: 0 10px;}
.lx_proList .item a .left_con .small{font-size: 12px;}
.lx_proList .item a .left_con .big{font-size: 16px;}
.lx_proList .item a .right_con{font-size: 12px;}
.lx_proList .item a .right_con i{font-size: 14px;}
}