@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;}
.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;}
*:before,
*:after {
  z-index: -1;
}
.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../img/bgs.png) 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; height: 5vw; padding: 0 4vw; box-sizing: border-box; padding-top: 2.4vw;}
.z_header.on{ padding-top: 1.2vw; background: #1E46C8;}
.z_logo img{ display: block; height: 100%; }
.z_logo{ float: left; display: block;height: 2.08vw;}

.z_header_fr{ float: right;}
.z_header_nav{ float: left; margin-right: 3.5vw;}
.z_header_nav li{ display: inline-block; margin-right: 3vw; line-height: 2.6vw;}
.z_header_nav li a{ font-size: 18px; color: #fff;}
.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: 2vw;}
.z_menu_btn{ float: left; height: 2.6vw;}
 .z_menu_btn{  width: 2.6vw;}
 .z_menu_btn{  cursor: pointer;  display: flex;float: right; 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_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;}
 .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: fixed; left: 0;top: 0;z-index: 1; overflow: hidden; background: #1E46C8;}
.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_text{ position: absolute; max-width: 44.79166vw; left: 5.2vw; bottom:13vw;  color: #fff; z-index: 2;} 
.z_banner_text .en{font-size: 18px; transform: translateX(50px); transition: ease 1.5s;  position: relative; font-family: Swiss721BT;font-weight: 800;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%; background: #1e46c8; 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: 12.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; 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_sb_bar{ display: block; cursor: pointer; position: absolute; left: 5.2vw; bottom: 7vw; width:3.125vw;height: 3.125vw; z-index: 2;
background: #EA6C00;border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.z_sb_bar img{ max-width: 80%; max-height: 80%; transition: ease 1s; display: block;}
.z_sb_bar::before{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}
  @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(234,108,0,.6); animation:pao 4s linear infinite;}
.z_pao span:nth-child(2){ background: rgba(234,108,0,.8); animation:pao3 6s linear infinite; animation-delay: .3s;}
.z_pao span:nth-child(3){ background: rgba(234,108,0,1); 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(234,108,0,.3);}
.z_pao span:nth-child(5){  animation:pao5 7s linear infinite; background: rgba(234,108,0,.5);}

 @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:12.5vw; 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: 4px;height: 4px;  outline: none; cursor: pointer; background: #FFFFFF;border-radius: 2px; border-radius: 2px; 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;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::after{ width: 150%; height: 150%; opacity: 1;}
.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; }


.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: 4.6875vw;height:9.375vw;margin: 0;padding: 0;overflow: hidden;}
.circle-progress .left {left: 0;}     
.circle-progress .right {right: 0;}
.circle {position: absolute;margin: 0;width: 9.375vw;height: 9.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;}

.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_tit { position: relative;z-index: 1;}
.z_index_tit h3{font-size: 2.08vw;font-weight: bold;color: #000000; line-height: 2vw;margin-left: 5.2vw;}
.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_tit h4 em{ color: #1E46C8;font-style: italic; font-weight: bold; font-family:Runda;}
.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;}


.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{ width: 100%; background: #1f1f1f; padding:  5.2vw; position: relative; box-sizing: border-box;z-index: 2;}
.z_footer_frwarp{ float: right; text-align: right;}
.z_footer_nav a{ color:#d2d2d2; position: relative; display: inline-block; padding: 0 20px;}
.z_footer_nav a::before{ content: "-"; display: block; position: absolute;left: 0; top: 50%; transform: translateY(-50%); z-index: 1; color: #656565;}
.z_footer_a{ margin-top: 16px;}
.z_footer_a a{ display: inline-block; padding: 0 20px; height: 14px; line-height: 14px; color: #939393; border-left: 1px solid #939393;}
.z_footer_a a:first-child{ border-left: none;}
.z_footer_a a:hover,.z_footer_nav a:hover{ color: #fff;}
.z_foot_logo img{ display: block; height: 35px;}
.z_footer_btm{ border-top: 1px solid rgba(255,255,255,.2); margin-top: 2.6vw; padding-top: 2vw;}
.z_footer_copy{ float: left;color: #939393;}
.z_footer_copy a{color: #939393;}
.z_footer_share{ float: right;}
.bshare-custom{ margin-left: auto;}
.z_footer_share a{  color: #7f7f7f!important; margin-left: 20px!important; font-size: 20px!important; cursor: pointer;}
.z_artic_bar .bshare-custom .bshare-more-icon{ padding-left: 0!important;}
.bshare-custom a:hover{ color: #004CAC!important;}

.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 .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: #ea6c00; 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: rgba(234,108,0,.8);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 ; 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{ }
.z_menu_nav dl a{ display: block;color: #fff; line-height: 2.5vw; font-size: 16px;}
.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(20px);color: #ea6c00;}
.z_menu_share{ margin-left: auto;}
.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: 100vh; z-index: 1; background: #1E46C9;}
.z_other_banner{ width: 100%; height: 100vh; 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:10vw; max-width: 70vw;}
.z_banner_info .z_sb_bar{ position: relative;bottom: auto; left: auto;}
.z_banner_info .slg{ font-size: 16px;color: #9E9E9E; margin-bottom: 1vw; display: none;}
.z_banner_info h3{font-size: 3.125vw; line-height: 3.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_page_bar{ width: calc(100% - 5.2vw); text-align: right; margin-top: -6.25vw; position: relative; left: 5.2vw; line-height: 6.25vw;  height: 6.25vw; background: #fff; z-index: 1;}
.z_page_nav{ display: inline-block; width: 80%; background: #1e46c8; text-align: center; padding: 0 3vw; box-sizing: border-box; padding-right: 0;}
.z_page_nav li{  float: left; text-align: center; margin-right: 2.5vw; }
.z_page_nav li a{ color: #fff;line-height:50px;display: inline-block; padding: 0 10px;  font-size: 16px; position: relative;}
.z_page_nav li a i{margin-left: 10px;transition: 0.8s;display: inline-block;}
.z_page_bar2 .z_page_nav li{position: relative;}
.z_page_bar2 .z_page_nav li .nav_two{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background-color: #1e46c8;line-height: unset;padding: 0 10px 10px 0px;width: 290px;transition: 0.8s;opacity: 0;height: 0;overflow: hidden;}
.z_page_bar2 .z_page_nav li .nav_two p{line-height: 0;height: 40px;}
.z_page_bar2 .z_page_nav li .nav_two p a{line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;color: #FFF;font-size: 14px;transition: 0.8s;}
.z_page_bar2 .z_page_nav li .nav_two p a:hover{color: #EA6C00;}
.z_page_bar2 .z_page_nav li:hover .nav_two{height: auto;opacity: 1;}

















.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: #EA6C00;}

.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_proxq_img img{ display: block; width: 100%;}

.z_proxq_warp{ background:url(../img/line.jpg) repeat-y center; background-size: 100% auto; padding-bottom: 6.25vw;}
.z_proxq_warp .z-container{ width: 75%; position: relative; margin-top: -6.25vw; z-index: 1; background: #fff; padding:5vw 6.25vw; padding-bottom: 3.25vw; box-sizing: border-box;}
.z_proxq_box{ width: 47.5%; float: left; margin-bottom: 3.5vw;}
.z_proxq_tit{font-size: 1.875vw;font-weight: 500;color: #000000;line-height:1.875vw; padding-left: 20px; border-left: 8px solid #1e46c8; box-sizing: border-box; margin-bottom: 2vw;}
.z_proxq_cs li{ border-bottom: 1px solid #DCDCDC; min-height: 90px; display: flex; align-items: center; padding: 10px 0;font-size: 16px;font-weight: 500;color: #646464;line-height: 24px; position: relative;  position: relative;}
.z_proxq_cs p{ position: relative;padding-left: 10px; box-sizing: border-box;}
.z_proxq_cs p::before{ content: ""; display: block; width: 4px;height: 9px;background: #BFBFBF;border-radius: 2px; position: absolute; left: 0; top: 7px;}
.z_proxq_box.fr{ float: right;}
.z_proxq_box.w100{ width: 100%;}
.z_proxq_li img{ max-width: 100%;}
.z_proxq_li {color: #646464;
line-height: 24px; font-size: 16px;}
.z_proxq_li ul{ margin-left: -2.2%;}
.z_proxq_li li{ width: 31.1%; float: left; margin-left: 2.2%; margin-bottom: 1vw;}
.z_proxq_li li .imgbox{ width: 100%; height: 13.54166vw;}
.z_proxq_li li .infobox{ border: 1px solid #DCDCDC; box-sizing: border-box; padding: 1.5vw; box-sizing: border-box;
color: #646464;
line-height: 24px; font-size: 16px;}
.z_proxq_li li .infobox p{ margin-bottom: 15px; position: relative; padding-left: 15px; box-sizing: border-box;}
.z_proxq_li li .infobox p::before{ content: ""; display: block; width: 7px;
height: 7px;
background: #1E46C8;
border-radius: 50%; position: absolute; left: 0; top: 9px;}


.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: 48px; background: #1E46C8;  display: flex; align-items: center; padding: 0 15px; padding-right: 0; justify-content: space-between;}
.z_header2{ background: #fff!important;}
.z_logo{ max-height: none; height: 20px; margin-top: 0;}
.z_sou{ margin-right: 0px;}
.z_menu_btn{ width: 48px; height: 48px;}
.z_menu_btn span::before{ display: none;}
.z_sou{ display: block; width: 48px; height: 48px; line-height: 48px; 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: 48px; background: rgba(30,70,200,.8); 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.on{ visibility: visible; transform: translateY(0);}
.z_index_banner{ height: auto;margin-top: 48px;}
.z_banner{  position: relative;}	
.z_banner .bd li{ height: 65vw;}
.z_banner{ height: auto;}
.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;}
.z_banner_text .en{ display: none;}
.z_banner_text .cn{ border-top: none; font-size: 18px; padding: 0; margin-top: -18px;}
.z_banner_bar{ bottom:0px; width: 100%; height:35px; }
.z_banner_btn span{ width: 35px; height: 35px; line-height: 35px;}
.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; }
.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%;}
.z_footer_nav{ display: none;}
.z_foot_logo { width: 100%;}
.z_foot_logo img{ height: 25px; margin: 0 auto;}
.z_footer_a,.z_footer_frwarp{ width: 100%; text-align: center;}
.z_footer_copy{ font-size: 12px; text-align: center;}
.z_footer_share{ display: none;}
.z_footer{ padding: 30px 15px;}
.z_footer_btm{ padding-top: 20px; margin-top: 20px;}
.z_footer_a{ margin-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; margin-top: 48px;    position: relative;}
.z_banner_info h4{ display: none;}
.z_banner_info h3{ display: none;}
.z_banner_info .slg{ font-size: 18px;}
.z_banner_warp{ height: auto;}
.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;}
.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: 20px;}
.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; margin-top: auto; animation: none!important; }
.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_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;}


}