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%;}
html, body, title, head, ol, table, tr, td, ul, li, dt, dd, dl, h1, h2, h3, h4, h5, h6, form, input, select, textarea, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, font, span, div{font-family: '思源黑体';}
body{font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ white-space:pre-wrap;word-wrap: break-word;}

.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}

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; height: 0; overflow: hidden;}
*:before,
*:after {
  z-index: -1;
}
pre{ font-family: none;}
.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-position: bottom; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
/*鍒嗕韩*/
#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;
}
.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; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}

.z_banner{ width: 100%;position: relative; overflow: hidden;}
.z_banner .bd li{ width: 100%; /*height: 110vh;*/ height: 100vh; overflow: hidden;}
.z_banner .picBox{position:relative;overflow:hidden; width: 100%; /*height: 110vh;*/ height: 100vh;}
.z_banner .z_banner_text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 0 5.2vw; box-sizing: border-box; color: #fff; z-index: 2;}
.z_banner_text .warp{ position: relative;padding-left: 30px;}
.z_banner_text .warp::before{ content: ""; display: block; height: 0%; width: 5px; background: #0961cd; position: absolute; left: 0; top: 0;  transition: ease 4s;}
.z_banner_text .cn{font-size:2.8125vw; font-weight: bold; line-height: 2.8125vw ; opacity: 0; transform: translateX(100%); transition: ease 1.5s;}
.z_banner_text .en{font-size:16px;font-weight: 400;color: #FFFFFF;line-height: 28px; margin: 20px 0;opacity: 0; transform: translateX(200%); transition: ease 1.5s;}
.z_more_btn{ display: inline-block;margin-top: 1.5vw; min-width: 178px; text-align: center; color: #fff; line-height: 54px; text-align: center;height: 54px;background: #0961cd;border-radius: 27px;}
.z_more_btn .iconfont{ margin-left: 30px; display: inline-block;}
.z_banner_text .z_more_btn{ opacity: 0; transform: translateX(800%); transition: ease 1.5s;}
.z_banner .bd li.swiper-slide-active .cn,.z_banner .bd li.swiper-slide-duplicate-active .cn{ transform: translateX(0); opacity: 1;}
.z_banner .bd li.swiper-slide-active .en,.z_banner .bd li.swiper-slide-duplicate-active .en{ transform: translateX(0); opacity: 1;}
.z_banner .bd li.swiper-slide-active .z_more_btn,.z_banner .bd li.swiper-slide-duplicate-active .z_more_btn{ transform: translateX(0); opacity: 1;}
.z_banner .bd li.swiper-slide-active .warp::before,.z_banner .bd li.swiper-slide-duplicate-active .warp::before{ height: 100%;}
.z_banner_btn{ position: absolute; right: 4.375vw; bottom: 8.95833vw; color: #fff; z-index: 2;}
.z_banner_btn .iconfont{ display: inline-block; transition: ease 1s; cursor: pointer;outline: none; width: 40px;height: 40px; text-align: center; line-height: 36px; color: #c7c7c7; background: rgba(241, 241, 241, 0);border: 2px solid #c7c7c7;border-radius: 50%;}
.z_banner_btn .iconfont:hover{ background: #e16108; border-color: #e16108; color: #fff;}
.z_banner_dot{ display: inline-block; line-height: 40px; margin: 0 20px;}
.z_banner_dot span{ display: inline-block;width: 7px;height: 7px; cursor: pointer; background: #c7c7c7;opacity: 0.7;border-radius: 50%; margin: 0 2px;}
.z_banner_dot .swiper-pagination-bullet-active{ background: #e16108; opacity: 1;}

.z_banner_num{ width: 50%; z-index: 1; overflow: hidden;  color: #fff; height: 9.89583vw;display: flex; align-items: center; position: absolute; right: 0; bottom: 0; background: url(../img/numbg.jpg) no-repeat center; background-size: cover;}
.z_banner_num::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/bg1.png) repeat center; background-size: cover; animation: flymove 50s linear infinite;}
.z_banner_num ul{ width: 100%;}


.z_banner_num li{ width: 25%; float: left; text-align: center; border-right: 1px solid #fff;}
.z_banner_num li h3{font-weight: bold;color: #FFFFFF;line-height: 30px;font-size: 24px; margin-bottom: 10px; }
.z_banner_num li .timer{font-size:2.5vw;}
.z_banner_num li:last-child{ border-right: none;}
/*  @-webkit-keyframes flymove{
            0%{background-position:0px 0px;}
            100%{background-position:0px 100vh;}
        }
		
.z_sb{ width: 30px; height: 45px; animation: remove 2s linear infinite; background: url(../picture/shubiao.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 5.2vw; bottom: 11.97916vw; z-index: 3;}
@keyframes remove{
	    0%{
	        transform:translateY(0px);
	      }
		 50%{
			transform:translateY(10px); 
		 }
	    100%{
	    	transform:translateY(0px);
	    }
	
}	*/



@media only screen and (max-width: 1440px){
    .z_banner_btn .iconfont{ width: 32px; height: 32px; line-height: 30px; font-size: 14px;}
    .z_banner_dot{ margin:0 8px;}

}





.z_header{ width:100%; position: fixed ;  transition: ease 1.5s; left: 0; top: 0; z-index: 9; padding: 0 5.2vw; box-sizing: border-box;} 
.z_header.on{ background: #086ED2;}
.z_header .z_row{ width: 100%; position: relative; height: 90px; display: flex; align-items: center;}
.z_header .z_row::before{ content: ""; display: block; width:0%; height: 1px; background:rgba(255,255,255,.5); position: absolute; left: 50%; bottom: 0; transition: ease 1s;}
.z_header .z_row.on::before{ width: 100%; left: 0;}
.z_header.on .z_row::before{ width: 0; left: 50%;}
.z_header .z_logo{position: absolute;top: 0%;transform: translateY(0%); height: 90px; display: flex; align-items: center;}
.z_logo{ /*float: left; display: flex; align-items: center;left: 0;*/}
.z_logo .icon{ margin-right: 10px;animation: rotate 5s linear infinite; display: none;}
.z_logo .text{ height: 42px; display: block;}
@keyframes rotate{
    0%{
        transform: rotate(0);
      }
    100%{
    	transform:rotate(360deg);
    }

}

.z_header_nav{  position: absolute; left: 0%;    width: 100%;top: 50%;
    transform: translateY(-50%);
    text-align: center; }
.z_header_nav li a{ color: #fff;font-size: 18px; }
.z_header_nav li .one{ display: block; line-height: 90px;}
.z_header_nav li{ display: inline-block; padding: 0 20px; position: relative; z-index: 1; position: relative;}
.z_header_nav li .z_nav_down{ width: 100px; text-align: center; position: absolute; transition: ease .5s; visibility: hidden;opacity: 0; padding: 10px; left: 50%; /*transform: translate(-50%,100%); top: 100%;*/
transform: translate(-50%,-90px); top: 90px;
 background: rgba(8,110,210,.5);}
.z_header_nav li:hover .z_nav_down{ opacity: 1; transform: translate(-50%,0); visibility: visible;}
.z_header_nav li:nth-child(2) .z_nav_down,.z_header_nav li:nth-child(3) .z_nav_down,.z_header_nav li:nth-child(4) .z_nav_down,.z_header_nav li:nth-child(5) .z_nav_down,.z_header_nav li:nth-child(6) .z_nav_down{ width: 180px;}
.z_nav_down a{ display: block;font-size: 14px!important; line-height: 20px; margin-bottom: 10px; font-weight: normal;}
.z_nav_down a:last-child{ margin-bottom: 0;}
.z_nav_down a:hover{ color: rgba(255,255,255,0.6);}
/* .z_header_nav li::before{ content: ""; opacity: 0; transition: ease 1s; display: block; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: scale(.2,.2) rotate(60deg) translate(-50%,-50%); background: url(../img/logo_icon.png) no-repeat center;  background-size: 100% auto;}
.z_header_nav li.active::before,.z_header_nav li:hover::before{ opacity: .5; transform: scale(1,1) rotate(360deg) translate(-50%,-50%); } */
.z_header_nav li span{ width:43px; display: block; z-index: -1; display: flex; align-items: center; justify-content: center; height: 43px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.z_header_nav li span img{ transition: ease 1s;display: none; width: 100%; height: 100%; display: block; opacity: 0; transform: scale(.2,.2) rotate(0);}
.z_header_nav li:hover span img,.z_header_nav li.active span img{ transition: ease 1s; display: block;display: none;  opacity: 1; transform: scale(1,1) rotate(360deg);}
.z_menu_btnbox{ color: #fff;z-index: 2; cursor: pointer; margin-left: auto; float: right; display: flex; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.z_menu_btn{  cursor: pointer;  display: flex; margin-left: 10px; align-items: center; justify-content: center;height: 40px; }
.z_menu_btn span{ display: block; transition: ease .6s; width: 14px; height:2px; background: #fff;}
.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_mask{ width: 100%; height: 100vh;  opacity: 0; transform: scale(.8,.8) ; visibility: hidden;transition: ease 1s; position: fixed; left: 0; bottom: 0; z-index: 11; background: #fff; padding:10.4vw; box-sizing: border-box;}
.z_menu_mask.on{ opacity: 1; transform: scale(1,1) ; visibility: visible;}
.z_menu_mask::before{ content: ""; display: block; width: 100%; height: 100%; z-index: 2; background: url(../img/bg4.jpg) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; transition: ease 1s;}
.z_menu_mask.on::before{ transform: translateX(100%);}
.z_munu_close .icon{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 20px; height: 20px; background: url(../img/close.png) no-repeat center; }
.z_munu_close{  line-height: 20px; color: #0961cd; position: absolute; right: 10.4vw; top:5.2vw; cursor: pointer;}
.z_menu_flwarp{ float: left;}
.z_menu_code{ width: 135px; margin-bottom: 20px; margin-top: 3.64583vw; height: 135px; border: 1px solid #cacaca; padding: 5px; box-sizing: border-box;}
.z_menu_code img{ display: block; width: 100%; height: 100%;}

.bshare-custom a{ padding: 0!important; width: 36px!important; display: inline-block!important; height: 36px!important; line-height: 36px!important; color: #999999!important; border-radius: 50%; border: 1px solid #cbcbcb; background: none!important;  text-align: center; font-size: 20px; margin-right: 10px!important;}
.bshare-custom a:hover{ opacity: 1!important; text-decoration: none!important; color: #fff!important; background: #0961CD!important; border-color: #0961CD!important;}

.z_menu_addre { color:#999999 ; line-height: 24px;margin-top: 3.64583vw; }
.z_menu_addre h3{ font-size: 16px;}
.z_menu_addre .tel{ display: block;font-size: 18px; color: #0961cd;}

.z_menu_frwarp{ width: 44.27083vw; float: right;}
.z_menu_frwarp dl{ display: block; width: 30%; margin-left: 3.3%; float: left; min-height: 12.5vw; margin-bottom: 20px;}
.z_menu_frwarp a{ display: block;}
.z_menu_frwarp dt{ margin-bottom: 10px;}
.z_menu_frwarp dt a{ font-size: 24px;}
.z_menu_frwarp dd a{ color: #666666; font-size: 14px; line-height: 30px;}
.z_menu_frwarp a:hover{  color: #0961CD; }
.z_menu_frwarp dd a:hover{transform: translateX(10px);}

.z_index_about{ position: relative;}
.z_index_about .flwarp{ width: 50%;float: left; padding: 7.8125vw 10.4vw; box-sizing: border-box; position: relative;}

.z_index_about.animated .flwarp::before{ width: 0%;}
.z_index_about .tit{font-size: 1.5625vw;font-weight: 500;color: #333333;line-height: 2.1875vw;}
.z_index_about .desc{font-size: 14px;font-weight: 400;color: #888888;line-height: 24px; margin: 3.125vw 0;}
.z_more_btn2{ background: none; border:1px solid #0961CD; color: #0961CD; transition: ease 1s; margin: 0;}
.z_more_btn2:hover{background: #0961CD; color: #fff;}
.z_index_about .z_more_btn2,.z_news_head .z_more_btn2{background: #086ED2;color: #fff;}
.z_index_about .z_more_btn2:hover,.z_news_head .z_more_btn2:hover{ color: #086ED2;border:1px solid #086ED2; background: none;}


.z_index_about .frwarp{ width: 50%; height: 100%; position: absolute; right: 0; top: 0; overflow: hidden;}
.z_index_about .z_play,.z_about_frwarp .z_play{ width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../img/zplay.png) no-repeat center; cursor: pointer;}
.z_index_about .z_play{background: url(../img/zplay.png) no-repeat center;}

.z_index_pro{ background:#F2F2F2; /*background: url(../img/1829292593.jpg) no-repeat center;*/ background-size: cover; background-attachment: fixed; padding-bottom: 6.4vw}
.z_index_prohead{ padding:5.2vw 10.4vw; box-sizing:border-box}
.z_pro_tabcon{ padding:0 10.4vw}
.z_index_tit h3{/*font-size: 1.5625vw;line-height: 1.875vw;*/font-size: 30px;line-height: 35px;font-weight: 500;}
.z_index_tit h4{font-size: 14px;font-weight: 400; margin-top:10px}
.z_index_pronav{ float:right; margin-top: 1vw;}
.z_index_pronav a{ display: inline-block; height: 48px; line-height: 48px; border-radius: 24px; padding: 0 20px; position: relative;/* color: #fff;*/}
.z_index_pronav a::before{ content:"";z-index: 1; display: block; width: 1px; height: 14px; background: #9f9c9c; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.z_index_pronav a:last-child::before{ display: none;}
.z_index_pronav a.active,.z_index_pronav a:hover{ background: #06a4eb; color: #fff;}

/*.z_index_pro .z_index_tit h3{color: #fff;}
.z_index_pro .z_index_tit h4{color: #fff;}*/


.probody_pronav{ width: 100%; margin: 0 auto; margin-bottom: 2.5vw;}
.probody_pronav a{ font-size: 15px;display: block; height: 48px; line-height: 48px; /*border-radius: 24px;*/ padding: 0 22px;/* width: 15.66%;*/position: relative; text-align: center; float: left; margin-right: 1.5%; margin-bottom: 15px; background: #ececec;}
/*.probody_pronav a:nth-child(6n){ margin-right: 0;}*/

/*.probody_pronav a::before{ content:"";z-index: 1; display: block; width: 1px; height: 14px; background: #9f9c9c; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}*/
.probody_pronav a:last-child::before{ display: none;}
.probody_pronav a.active,.probody_pronav a:hover{ background: #06a4eb; color: #fff;}




.z_pro_swiper{ overflow: hidden; display: none;}
.z_pro_swiper.on{ display: block;}
.z_pro_list li{ position: relative;/* height: 510px;*/ height: 420px; overflow: hidden; /* background: url(../img/bg2.jpg) no-repeat center; */ background-size: cover;}
.z_pro_list li a{ display: block; width: 100%; height: 100%;}
.z_pro_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_pro_list li .imgbg{ display: flex; align-items: center; justify-content: center;}
.z_pro_list li img{ display: block; margin: 0 auto; transition: ease 1s; max-width: 100%; max-height: 100%;}
.z_pro_list li .infobox{ width: 100%; position: absolute; left: 0; bottom: 0;/* padding: 2vw;*/ padding: 12px 2vw; box-sizing: border-box; background: #fff;}
.z_pro_list li .tit{ display: inline-block; float: left; width: 80%; line-height: 2.5vw; height: 2.5vw; font-size: 18px; color: #000;}
.z_pro_list li .arr{ display: inline-block; overflow: hidden;  z-index: 1; position: relative; transition: ease .6s; width: 2.5vw; line-height: 2.5vw; text-align: center;height:2.5vw;background: #eee;border-radius: 50%; float: right;}
.z_pro_list li:hover .arr{  color: #fff;}
.z_pro_list li .arr::after{content:''; display:block; width:100%; height:100%; background:#06a4eb; transition:cubic-bezier(0.215,.61,.355,1) 1s; transform:translateY(100%); position:absolute; left:0; top:0;}
.z_pro_list li :hover .arr::after{ transform:translateY(0);}
.z_solve_flwarp,.z_solve_frwarp{ flex: 1; float: left;/* height: 42.70833vw;*/ height: 37.70833vw;}
.z_solve_fcwarp{width: 32.8vw; flex-shrink: 0;}
.z_index_solve{ display: flex;/*margin-top:100px;*/} 

.z_solve_flwarp{ display: flex;/* align-items: center;*/ position: relative; justify-content: center; background: url(../img/bg3.png) no-repeat left bottom; background-size: 100% auto; overflow: hidden; }
 @-webkit-keyframes flymoveX{
            0%{background-position:0px 0px;}
            100%{background-position:200vw 0px;}
 }
.z_solve_flwarp::before{ content: ""; display: block; width: 100%; height: 100%; background:url(../img/bg4.jpg) no-repeat center; background-size: cover; position: absolute;left: 0; top: 0;
 z-index: 1; transition: ease 1s;}
.z_solve_frwarp::before{ content: ""; display: block; width: 100%; height: 100%; background:url(../img/bg4.jpg) no-repeat center; background-size: cover; position: absolute;left: 0;bottom: 0;
 z-index: 1; transition: ease 1s; z-index: 3;}
 .z_solve_frwarp{ position: relative;}
 .z_solve_flwarp.animated::before{ height: 0%;}
.z_solve_frwarp.animated::before{ width: 0;}

.z_solve_flwarp .warp{margin-top: 6.5vw}

.z_solve_tab{ margin-top: 1vw;}
.z_solve_tab a{ font-size: 16px; display: inline-block; position: relative; line-height: 30px;}
.z_solve_tab a::before{ content:""; display: block; width: 0; height: 1px; background: #333; transition: ease 1s; position: absolute; left: 0; bottom: 0;}
.z_solve_tab li{ transition: ease .6s;}
.z_solve_tab li.active a::before{ width: 100%;}
.z_solve_tab li.active a{ color: #333;}
.z_solve_tab li em{ display: inline-block; margin-right: 10px;}
.z_solve_tab li .icon-arr_r{ color: #333; margin-left: 4vw; display: inline-block; transform: translateX(100px);transition: ease .5s; opacity: 0; }
.z_solve_tab li.active .icon-arr_r{ transform: translateX(0); opacity: 1;}
.z_solve_tab li.active{ padding: 20px 0;}
 
.z_solve_con{ background: url(../img/bg4.jpg) no-repeat center; background-size: cover; height: 100%; color:#fff; }
.z_solve_con li a{display: block; width: 100%; height: 100%; color: #fff;/* padding: 7.2vw;*/ padding: 6.2vw; box-sizing: border-box;}
.z_solve_con .icon img{ display: block; height: 6.04166vw; margin-bottom: 2vw;}
.z_solve_con .tit{font-size: 1.5625vw;font-weight: 400;color: #FFFEFE;}
.z_solve_con .desc{margin: 2vw 0; line-height: 24px;}

.z_more_btn3{ border:1px solid #fff; color: #fff; background: none;}
.z_solve_img{ overflow: hidden;}
.z_solve_swiper{ overflow: hidden; position: relative;}
.z_solve_num{ position: absolute; left: 30px; bottom: 30px; z-index: 3; color: #fff; font-size: 1.5625vw;font-weight: bold;}
.z_solve_num .swiper-pagination-current{font-size: 3.125vw; }
/* .z_solve_num span{ position: relative;}
.z_solve_num span::before{content: "0"; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} */
.z_index_news{background: #F2F2F2; padding: 7.2vw 10.4vw; box-sizing: border-box;}
.z_news_head{ position: relative; margin-bottom: 2.04vw;}
.z_news_head .z_more_btn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.z_news_first{ width: 42.7%; height: 26.25vw; position: relative; overflow: hidden; float: left;}
.z_news_first a{ display: block; width: 100%; height: 100%; }
.z_news_first::before{ content: ""; z-index: 1; pointer-events: none;position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: url(../img/bg5.png) no-repeat bottom center; background-size: cover;}
.z_news_first .infobox{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; padding: 1.5625vw; color: #fff; line-height: 30px; font-size: 18px;}
.z_news_first:hover .imgbg{ transform: scale(1.1,1.1);}
.z_index_news .time em{ display:block;margin-top: 5px; font-weight: bold; font-size: 1.97916vw; line-height: 1.9vw; }
.z_index_news .time{ text-align: center; font-size: 12px;}
.z_news_first .time{ color: #fff; position: absolute; right: 1.5625vw; top: 1.875vw;}
.z_news_first:hover .time{ color: #086ED2;}
.z_news_box{ width: 26.5%; float: left; background: #fff; height: 26.25vw; margin-left: 2.15%; position: relative;z-index: 1; }
.z_news_box::before{ content: ""; display: block; width: 100%; height: 0%; position: absolute; left: 0; top: 0; background: url(../img/bg4.jpg) no-repeat center; background-size: cover; transition: ease 1s; }
.z_news_box a{ display: block; width: 100%; height: 100%; padding: 2vw; box-sizing: border-box;}
.z_news_box:hover::before{ height: 100%;}
.z_news_box .slg{ color: #d82820;}
.z_news_box .tit{ font-size: 18px; line-height: 30px; height: 60px; margin: 15px 0; margin-top: 25px;}
.z_news_box .desc{ border-top: 1px solid #333; padding: 15px 0; line-height: 24px;color: #888888;}
.z_news_box .btmbox{ padding: 2vw; color: #888888; position: absolute;  width: 100%; left: 0; bottom: 0; display: flex; align-items: flex-end;}
.z_news_box .btmbox .icon-arr_r{ margin-left: auto; float: right;color: #888;}
.z_news_box:hover .tit,.z_news_box:hover .desc,.z_news_box:hover .btmbox,.z_news_box:hover .icon-arr_r{ color: #fff;}
.z_news_box:hover .desc{ border-color: #fff;}
.z_news_box:hover .slg{ color: #9DBDE5;}

.z_index_hz,.z_index_case{ padding: 5.72916vw 10.4vw;}
.z_index_case{ background: url(../img/fac_bj.jpg) no-repeat center; background-size: cover;}
.z_index_hz .z_index_tit,.z_index_case .z_index_tit{ text-align: center; margin-bottom: 4vw;}
.z_index_case .z_index_tit{ color: #fff;}
.z_hz_swiper,.z_indexcase_swiper{ width: 86%; margin: 0 auto; overflow: hidden; }
.z_hz_swiper ul li{ width: 20%; float: left; text-align: center; }
.z_hz_swiper ul  li a{ display: flex; width: 100%; height: 100px; align-items: center; justify-content: center;}
.z_hz_swiper ul  li img{ max-height: 70px; max-width: 90%; transition: ease 1s;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.z_hz_swiper ul  li:hover img{-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;}
.swiper_btn_warp{ position: relative;}
.swiper_btn_warp .iconfont{ display: block;/* color: #868686;*/ color: #fff; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); transition: ease 1s; outline: none; width:  50px; line-height: 50px; text-align: center;height:  50px;background: rgba(241, 241, 241, 0);/*border: 1px solid #8C8C8C;*/border: 1px solid #fff;border-radius: 50%;}
.swiper_btn_warp .iconfont:hover{ border-color: #06a4eb; background: #06a4eb; color: #fff;}
.swiper_btn_warp .prev{ left: 0;}
.swiper_btn_warp .next{ right: 0;}
.z_hz_hd{ text-align: center; width: 100%; margin-top: 4vw; } 
.z_hz_hd li{ display: inline-block; outline: none; cursor: pointer; width: 12px; margin: 0 5px;height: 12px;/*background: #A1A4AD;*/background: #fff;border-radius: 50%; opacity: 1;}
.z_hz_hd li.on{background: #086ED2;}
/* .swiper_btn_warp .iconfont{ top: calc(75px); transform: translateY(0);} */
.z_indexcase_swiper .swiper-slide .imgbox{ height:16vw; background: #ddd; overflow: hidden;}
.z_indexcase_swiper .swiper-slide .titbox{ height: 50px; line-height: 50px; transition: ease 1s; padding: 0 10px; text-align: center; background: #eee;}
.z_indexcase_swiper .swiper-slide .imgbg{ transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_indexcase_swiper .swiper-slide:hover .imgbg{ transform: scale(1.1,1.1);}
.z_indexcase_swiper .swiper-slide:hover .titbox{ background: #086ED2; color: #fff;}
.z_footer{ width: 100%; padding: 0 17.2vw; box-sizing: border-box; margin-top: 4vw;}
.z_footer_top{height: 7.8125vw; border-bottom: 1px solid #5C5C5C; display: flex; align-items: center;}
.z_footer_top .z_footer_share{ margin-left: auto;}
.z_footer_share a{ background: #3d3d3d!important; border: none!important; color: #808080;}
.z_footer_center{ padding:  0 0 2.5vw;}
.z_footer_center .z_logo img{ width: auto; margin-bottom: 30px;}

.z_footer_nav{ float: left;}
.z_footer_nav dl{ display: inline-block; margin-right: 1.86666vw; vertical-align: top;}
.z_footer_nav dl:last-child{ margin-right: 0;}
.z_footer_nav dl a{ color: #999999; display: block;transition: all 0.5s;}
.z_footer_nav a:hover{ color: #2da0a1;transition: all 0.5s;}
.z_footer_nav dt{ margin-bottom: 10px;}
.z_footer_nav dt a{ color: #666;font-size: 16px;}
.z_footer_nav dd a{ line-height: 30px;}

.z_footer_addre{ float: right; display: flex; align-items: center;}
.z_footer_addre .info{ float: left; text-align: right; color: #666; line-height: 24px; float: left;}
.z_footer_addre .info h3{ color: #333; font-size: 20px;margin-bottom: 2.3vw;}
.z_footer_addre .info p{ font-size: 16px; color: #666; line-height: 34px;}



.z_footer_addre .info .tel{ color: #2da0a1; font-size: 16px;}
.z_footer_addre .code{ float: right; margin-left: 1.5625vw; text-align: center;}
.z_footer_addre .code h3{ color: #999999; margin-top: 5px;}
.z_footer_addre .code .img{ width: 98px;height: 98px;}
.z_footer_btm{ color: #999999; padding-bottom: 2vw; font-size: 14px;}
.z_foot_copy { width: 72%;}
.z_footer_btm .z_foot_copy span{ margin-right: 5%;float: left;}
.z_footer_btm .z_foot_copy a{ display: block;}
.z_footer_btm a{ color: #999999;}


@media only screen and (max-width: 1680px){
  .z_footer{ margin-top: 6vw;}
}

@media only screen and (max-width: 1600px){
  .z_footer_center {
    padding: 0 0 2.5vw;}
}


@media only screen and (max-width: 1440px){
  .z_footer_center .z_logo img{ height: 38px;}
  .z_footer_addre .info h3 { font-size: 18px;}
  .z_footer_nav dt a{ font-size: 15px;}
  .z_footer_addre .info p{ font-size: 15px;}
  .z_footer_btm { font-size: 13px;}
}


@media only screen and (max-width: 1200px){
  .z_footer_center .z_logo img{ margin-bottom: 17px;}
  .z_footer_addre .info h3{ margin-bottom: 1.3vw;}
}



@media only screen and (max-width: 768px){
  .z_banner{ height: 120vh;}
  .z_footer{ margin-top: 10vw !important;}
  .z_footer_center .z_logo img{ height: 30px;}
  .z_footer{ width: 90%; padding: 0 !important; margin: 0 auto; margin-top: 15%;}
  .z_foot_copy{ width: 100%; overflow: hidden;}
  .z_footer_btm .z_foot_copy span{ margin-right: 0; float: none;}
  .z_footer_addre .info h3{ font-size: 16px;}
  .z_footer_addre .info p{ font-size: 14px; line-height: 28px;}
}

.z_other_banner{ width: 100%; height: 680px; position: relative; overflow: hidden; z-index: 1;}
/* .z_other_banner::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,6,45,.3); z-index: 1; pointer-events: none;}
 *//* .z_other_banner .imgbg{ background-attachment: fixed;} */
.z_other_text{ position: absolute; left: 0;  z-index: 2; top: 15vw; color: #fff; padding: 0 10.4vw; box-sizing: border-box;}
.z_other_text h3{font-size:2.8125vw;font-weight: normal;color: #FFFFFF;line-height:2.8125vw; margin-bottom: 1.5vw;}
.z_other_text h4{ font-size: 16px;}
.z_other_text .warp{ padding-left: 2vw; border-left: 5px solid #0961cd;}
.z_other_banner .z_sb{ right: auto; left: 50%; margin-left: -11px; bottom: 7.25vw;}
.z_common_page{ background: #F2F2F2; padding-left: 10.4vw; box-sizing: border-box;}
.z_common_con{ background: #fff;}
.z_common_nav{ width: calc(100% - 10.4vw); z-index: 2; padding-right: 10.4vw; box-sizing: border-box; height: 70px; line-height: 70px; position: absolute; right: 0; bottom: 0; background: #0961CD;}
.z_page_nav{ float: left;}
.z_page_nav li{ float: left; border-right: 1px solid rgba(255,255,255,.2);}
.z_page_nav li a{ display: block; position: relative; padding: 0 1.5vw; font-size: 16px; color: #fff;}
.z_page_wz{ float: right; color: #fff; font-size: 14px; background: url(../img/wz.png) no-repeat left center; padding-left: 20px;}
.pro_body .z_page_wz{ float: left; margin-left: 30px;}

.z_page_wz a{ color: #fff;font-size: 14px;}
.z_page_nav li a::before{ content:""; display: block; width: 100%; position: absolute; left: 0; top: 0px; height: 3px; background: #fff; z-index: 1; transition: ease .6s; width: 0; left: 50%;}
.z_page_nav li.cur a{ font-weight: bold;}
.z_page_nav li.cur a::before,.z_page_nav li:hover a::before{ width: 100%; left: 0;}
.z_page_wz a:hover{ color: rgba(255,255,255,0.5) !important;}
.z_pro_page{ background: #fff; padding: 3.64583vw 10.4vw 3.64583vw 4.6875vw; box-sizing: border-box;}
.z_pro_box { margin-bottom: 5.2vw;}
.z_pro_box .imgbox{ width:25.52083vw; height: 23.95833vw; float: left;}
.z_pro_box .infobox{ float: right; width: 44.27083vw; padding-left: 1.7vw; box-sizing: border-box;}
.z_pro_box:nth-child(even) .imgbox{ float: right;}
.z_pro_box:nth-child(even) .infobox{ float: left; }
.z_pro_desc{position: relative;} 
.z_pro_desc h3{font-size: 1.875vw;font-weight: 400;color: #000000;line-height:1.875vw;}
.z_pro_desc h4{font-size: 15px; font-weight: 400;color: #666666;line-height: 24px; height: 48px; margin: 2vw 0;}
.z_pro_desc::before{ content: ""; display: block; width: 5px; height: 95%; background: #0961CD; position: absolute; left: -1.7vw; top: 0; z-index: 1;}
.z_pro_a a{ display:block; height: 4.6875vw; line-height: 4.6875vw; border-bottom: 1px solid #CCCCCC; display: flex;}
.z_pro_a a:first-child{border-top: 1px solid #CCCCCC;}
.z_pro_a a .tit{ display: inline-block; width: 80%;font-size: 18px;color: #666666; transition: ease .6s;}
.z_pro_a a .iconfont{ float: right; margin-left: auto;}
.z_pro_a a:hover{ color: #0961CD;}
.z_pro_a a:hover .tit{ transform: translateX(10px);color: #0961CD;}

.z_prolist_page{ padding: 80px 10.4vw; box-sizing: border-box;}
.z_pro_list2 li{ width: 32.5%; float: left; height: auto; margin-right: 1.2%; margin-bottom: 20px;}
.z_pro_list2 li .imgbox{ height: 23.95833vw;}
.pro_body .z_pro_list2 li .imgbox{ height: 16.45833vw;}
.z_pro_list2 li:nth-child(3n){ margin-right: 0;}
.z_pro_list2 li .infobox{ position: relative; height: 5.2vw; display: flex; align-items: center; line-height: 5.2vw; background: #fff; padding: 0 1.5vw;}
.z_pro_list2 li .iconfont{ margin-left: auto; border: 1px solid #e2e2e2;}

.z_detail_page{ padding: 90px 10.4vw; box-sizing: border-box;}
.z_detail_header{ padding: 3.125vw 0 0 0; margin-bottom: 30px; border-bottom: 1px solid #D8D8D8;}
.z_detail_header .z_page_wz{ float: left; color: #666666; background-image: url(../img/wz2.png);}
.z_detail_header .z_page_wz a{ color:#666666 ;}

.z_sub_nav{ float: right; }
.z_sub_nav a{ font-size: 16px; display: inline-block; margin-left: 3vw; padding-bottom: 20px; position: relative;}
.z_sub_nav a::before{ content: ""; z-index: 1; display: block; width: 0%; height: 3px; background:#086ED2; position: absolute; left: 50%; bottom: 0; transition: ease 1s;}
.z_sub_nav a.active::before,.z_sub_nav a:hover::before{ width: 100%; left: 0;}
.z_sub_nav a.active,.z_sub_nav a:hover{ color: #086ED2;}

.z_detail_con{ background: #fff; padding: 0 3.59374vw; box-sizing: border-box;}
.z_pro_head{padding: 3.64583vw 0;}
.z_pro_imgwarp{ float: left; }
.z_prosmall_swiper{ width: 8.17708vw; float: left; height:23.9vw ; overflow: hidden; }
.z_prosmall_swiper .bd li{position: relative; cursor: pointer;background: #eee; display: flex; align-items: center; justify-content: center;  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; } 
.z_prosmall_swiper .bd li::before{ content: ""; z-index: 1; display: block; width: 100%; height: 100%; position: absolute; left: 0; border: 1px solid #086ED2; position: absolute; left: 0; top: 0; transition: ease 1s; opacity: 0; pointer-events: none;}
.z_prosmall_swiper .bd li.active::before{opacity: 1;}
.z_probig_img{ width: 25.62083vw; display: flex; align-items: center; justify-content: center; height:23.9vw ; float: left; margin-left: 1.56vw;background: #eee; }
.z_probig_img img{ display: block; width: 100%; max-height: 100%; }
.z_prosmall_swiper .bd li img{ width: 100%; max-height: 100%;}
.z_pro_info{ width: 33.33333vw; min-height: 23.9vw; float: right; position: relative;}
.z_pro_info .tit{font-size:1.5625vw; line-height: 36px; font-weight: 400;color: #343434;}
.z_pro_info .desc{font-size: 14px;font-weight: 400;color: #666666;line-height: 24px; margin: 1.5vw 0; height: 216px; overflow-y: auto;}
.z_pro_btn{ width: 100%; position: absolute; left: 0; bottom: 0;}
.z_pro_btn a{ width: 33.3%; float: left; text-align: center; height: 48px; line-height: 48px; color: #fff;}
.z_pro_btn a:nth-child(1){ background:#888888 ;}
.z_pro_btn a:nth-child(2){ background:#0A66CE ;}
.z_pro_btn a:nth-child(3){ background:#3A3A3A ;}
.z_pro_btn a:hover{ background:#086ED2 ;}
.z_procon_box{ padding: 3.125vw 0; border-top: 1px solid #c3c3c3;}
.z_procon_box .fl_warp{ width: 35%; float: left; font-size:1.5625vw; line-height: 1.5625vw;font-weight: 400;color: #343434;padding-right: 20px; box-sizing: border-box;}
.z_procon_box .fr_warp{ width: 65%; float: left;font-size: 14px;font-weight: 400;color: #666666;line-height: 24px;}
.z_procon_box .fr_warp img{ max-width: 100%!important;height: auto!important;}
.z_procon_box .fr_warp table{ max-width: 100!important;}
.z_pro_tjwarp{ margin-top: 3.64583vw;}
.z_pro_tjwarp .title{font-size: 24px;font-weight: 400;color: #343434;line-height: 24px; margin-bottom: 2vw;}
.z_protj_swiper{ overflow:hidden}
.z_protj_swiper li a{ display: block; width: 100%; height: 100%;}
.z_protj_swiper li .imgbox{ width: 37%; height: 13.33333vw; float: left;}
.z_protj_swiper li{ background: #fff; }
.z_protj_swiper li .infobox{ padding: 0 2.6vw; width: 63%; height: 13.33333vw; float: left; display: flex; align-items: center; box-sizing: border-box;}
.z_protj_swiper li .infobox .warp{ width: 100%;}
.z_protj_swiper li h3{ font-size: 1.25vw;color: #000000; }
.z_protj_swiper li .iconfont{ display: block;width: 48px; overflow: hidden; height: 48px; z-index: 1; position: relative;  margin-top: 3vw; text-align: center; line-height: 46px; color: #888888; background: #FFFFFF;border: 1px solid #E1E1E1;border-radius: 50%;}
.z_protj_swiper li .iconfont::after{content:''; display:block; width:100%; height:100%; background:#0961CD; transition:cubic-bezier(0.215,.61,.355,1) .45s; transform:translateY(100%); position:absolute; left:0; top:0;}
.z_protj_swiper li:hover .iconfont::after{ transform:translateY(0);}
.z_protj_swiper li:hover .iconfont{ color: #fff;}
.z_protj_swiper li:hover h3{ color: #0965CE;}
.z_protj_swiper li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_case_list{ background: #fff;}
.z_case_list li { margin-bottom: 20px;}
.z_case_list li .imgbox{ width: 35%; float: left;height:20.3125vw ;  overflow: hidden;}
.z_case_list li .infobox{ width: 65%; float:right; height: 20.3125vw; background: #F4F4F4; padding: 3.64583vw; box-sizing: border-box; }
.z_case_list li .tit{font-size:24px;font-weight: 400;color: #343434;line-height: 30px;}
.z_case_list li .desc{font-size: 14px;font-weight: 400;color: #888888;line-height: 24px; height: 72px; margin: 1.5vw 0; margin-bottom: 2vw;}
.z_case_list li:hover .tit{ color: #0961CD;} 
.z_case_list li:hover .imgbg{ transform: scale(1.1,1.1) rotate(5deg);}
.z_case_list li:last-child{ margin-bottom: 0;}

.z_detail_header { padding-bottom: 20px;}
.z_detail_header .z_back{ margin-left: auto; display: inline-block; float: right;}
.z_detail_header .z_back:hover{ color: #0961CD;}
.z_back .iconfont{ display: inline-block; margin-left: 10px;}
.z_case_xq{ position: relative; border-bottom: 1px solid #d8d8d8;}
.z_case_xq::before{ content: ""; display: block; width: 1px; height: 100%; background: #d8d8d8; position: absolute; left: 42.7%; top: 0; z-index: 1;}
.z_case_xq .fl_warp.on{ position: fixed; left: 10.4vw; top: 90px; width: 33.85416vw;}
.z_case_xq .fl_warp{ width: 42.7%; float: left; padding: 3.125vw 3.64583vw; box-sizing: border-box; padding-left: 0;}
.z_case_xq .fr_warp{ width: 57.3%; float: right; padding: 3.125vw 3.64583vw; box-sizing: border-box; padding-right: 0;}
.z_case_xq .fl_warp .tit{ font-size: 1.5vw;}
.z_case_xq .fl_warp  .desc{ line-height: 24px; color: #666666; margin-top: 3vw;  max-height: 30vw; overflow-y: auto;}
.z_case_xq .fr_warp li img{ display: block; width: 100%;}
.z_case_xq .fr_warp li{ margin-bottom: 2.6vw;}
.z_case_xq .fr_warp li:last-child{ margin-bottom: 0;}

.z_case_tj{ margin-top: 3.5vw;}
.z_case_tj .title{ font-size: 24px; margin-bottom: 40px;}
.z_case_swiper{ overflow: hidden; }
.z_case_swiper li{ width: 23.6%; float: left; margin-right: 1.4%;}
.z_case_swiper li .imgbox{ width: 100%; height: 14.58333vw; overflow: hidden;}
.z_case_swiper li .infobox{ background: #fff;}
.z_case_swiper li .tit{ padding:1vw 1.5vw; box-sizing: border-box; border-bottom: 1px solid #e2e2e2; font-size: 16px; line-height: 24px;}
.z_case_swiper li .btmbar{ padding: 0 1.5vw; height: 3.33333vw; line-height: 3.33333vw; box-sizing: border-box; color: #bcbcbc;}
.z_case_swiper li .iconfont{ float: right; }
.z_case_swiper li:hover .imgbg{ transform: scale(1.1,1.1) rotate(5deg);}
.z_case_swiper li:hover .btmbar{ color: #0961CD;}


.z_case_list01 li{ width: 23.6%; float: left; margin-right: 1.4%; margin-bottom: 25px;}
.z_case_list01 li:nth-child(4n){ margin-right: 0;}

.z_case_list01 li .imgbox{ width: 100%; height: 14.58333vw; overflow: hidden;}
.z_case_list01 li .infobox{ background: #fff;}
.z_case_list01 li .tit{ padding:1vw 1.5vw; box-sizing: border-box; border-bottom: 1px solid #e2e2e2; font-size: 16px; line-height: 24px;}
.z_case_list01 li .btmbar{ padding: 0 1.5vw; height: 3.33333vw; line-height: 3.33333vw; box-sizing: border-box; color: #bcbcbc;}
.z_case_list01 li .iconfont{ float: right; }
.z_case_list01 li:hover .imgbg{ transform: scale(1.1,1.1) rotate(5deg);}
.z_case_list01 li:hover .btmbar{ color: #0961CD;}


.z_about_page{ padding-right: 0;}
.z_about_flwarp{ width:32.29166vw ;height: 31.25vw; border-bottom: 2px solid #888888; overflow: hidden; position: relative; float: left;}
.z_about_frwarp{ width: 44.79166vw; height: 31.25vw; float: right; position: relative;}
.z_about_flwarp .tit{ font-size: 1.875vw;}
.z_about_flwarp .desc{font-size: 16px;font-weight: 400;color: #888888;line-height: 28px; margin: 2.2vw 0;max-height: 16vw; overflow-y: auto; padding-right: 15px;}
.z_about_num { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 2.34583vw;}
.z_about_num ul {display: flex; justify-content: space-between;}
.z_about_num ul li{ width: 25%; float: left; text-align: center;}
.z_about_num ul li .timer{font-size:2.5vw;font-weight: bold;/*color: #333333;*/background-image:-webkit-linear-gradient(bottom,#0692dd,#0877d3,#0a65ce);
-webkit-background-clip:text;
 -webkit-text-fill-color:transparent;}
.z_about_num ul li h4{ color:#888888 ;}

.z_about_culture{ width: 100%; color: #fff; background-attachment: fixed; text-align: center;}
.z_culture_tit{padding: 4.6875vw 0;}
.z_culture_tit h3{font-size: 36px; margin-bottom: 10px;}
.z_culture_list{ border-top: 1px solid rgba(255,255,255,.35); overflow: hidden;}
.z_culture_list li{ width: 25%; float: left;border-right: 1px solid rgba(255,255,255,.35); padding:6.25vw 10px; box-sizing: border-box;}
.z_culture_list li:last-child{ border-right: none;}
.z_culture_list li h3{ margin: 1.5vw 0; font-size: 18px;}
.z_fan_box{ margin-bottom: 30px;}
.z_fan_box .imgbox{ width: 36.6%; float: left; height: 21.14583vw; overflow: hidden;}
.z_fan_box .infobox{ width: 63.4%; float: right; background: #F2F2F2;height: 21.14583vw;  position: relative; padding: 3.90625vw; box-sizing: border-box;}
.z_fan_box .infobox .tit{font-size:1.25vw;font-weight: 400;color: #333333;line-height: 30px; }
.z_fan_box .infobox .line{ display: block; width: 48px; transition: ease 1s;height: 3px;background: #0965CE; transition: ease 1s; margin: 25px 0;}
.z_fan_box .infobox .desc{font-size: 14px;font-weight: 400;color: #888888;line-height: 24px; height: 48px;}
.z_fan_box .infobox .z_more_btn{ position: absolute; left:3.90625vw; bottom: 3.90625vw ;}
.z_fan_box a{ display: block; width: 100%;}
.z_fan_box:hover .imgbg{ transform: scale(1.1,1.1) rotate(5deg);}
.z_fan_box:hover .line{ width: 100%;}
.z_fan_box .warp{ width: 32.08333vw;}
.z_fan_box:nth-child(even) .imgbox{ float: right;}
.z_fan_box:nth-child(even) .infobox{ float: left;}
.z_fan_box:last-child{ border-bottom: none;}
.z_fan_xq .fl_warp{ width: 32.8%; padding-right: 0;}
.z_fan_xq .fr_warp{ width: 67.2%;}
.z_fan_xq::before{ left: 32.8%;}
.z_fantit{ width: 21.35416vw; background:#086dd2; color: #fff; padding: 1.875vw; box-sizing: border-box;}
.z_fantit h3{ font-size: 1.5625vw; line-height: 2vw; padding: 14px 0; border-top: 2px solid #fff;}
.z_fantit h4{ color: rgba(255,255,255,.5);}
.z_faxq_box{ padding: 2.08vw 0;}
.z_faxq_box:first-child{ padding-top: 0;}
.z_faxq_box .tit{ font-size: 18px; margin-bottom: 1vw;}
.z_faxq_box .desc{ line-height: 24px; color: #666666;}
.z_faxq_box img,.z_faxq_box .desc img{ max-width: 100%!important; height: auto!important;}

.z_contact_hz{ background: #fff; padding: 5vw 10.4vw 5vw 3.125vw; overflow: hidden;}
.z_contact_map,.z_contact_info{ width: 50%; height: 40vw; float: left; background: #f6f7f7;}
.z_contact_map{ float: right}
.z_contact_info{/*padding: 7.29166vw;*/padding: 5.29166vw 5.29166vw 5.29166vw 10.4vw; box-sizing: border-box; float: left;}
.z_contact_info .title1{font-size: 30px; }
.z_contact_info .title2{ display: inline-block; border-bottom: 2px solid #0961cd; margin-top: 2.5vw; color: #0961cd; padding-bottom: 6px; font-size: 24px;}
.z_contact_info .pcon{ line-height: 24px; color: #666666; margin-top: 20px;}
.z_contact_info .c_code{ text-align: center; display: inline-block; margin-top: 7.2vw;}
.z_contact_info .c_code .img{ width:104px; height: 104px; padding: 5px; border: 1px solid #dbdbdb;}
.z_contact_info .c_code h3{ color: #9f9f9f; margin-top: 10px;}

.z_message_warp{ padding: 6.77083vw; box-sizing: border-box; background-attachment: fixed;}
.z_message_warp.animated .z_message_con::before{ width: 100%; left: 0;}
.z_message_con{ width: 1400px; position: relative; margin: 0 auto; background: #fff; padding: 4.6875vw 0;}
.z_message_con::before{ content: ""; display: block; width: 0; height: 5px; background: #0961cd; position: absolute; left: 50%; top: 0; transition: ease 1s; z-index: 1;}
.z_message_con .flwarp{ width: 31%; float: left; padding-left: 5.2vw; padding-right: 2vw; box-sizing: border-box;}
.z_message_con .frwarp{ width: 69%; float: right;}
.z_message_tit{ font-size: 30px; position: relative; padding-bottom: 20px; margin-bottom: 20px;}
.z_message_tit::before{ content: ""; display: block; width: 17px; height: 2px; background: #0961cd; position: absolute; left: 0; bottom: 0; z-index: 1;}
.z_message_desc{ line-height: 24px; color: #878787; margin: 30px 0;}

.z_message_tel{ color: #878787;}
.z_message_tel .num{ font-size: 30px; font-weight: bold; /*color: #000;*/background-image:-webkit-linear-gradient(bottom,#0692dd,#0877d3,#0a65ce);
-webkit-background-clip:text;
 -webkit-text-fill-color:transparent;}
.z_message_form{ border-left: 1px solid #e8e8e8; box-sizing: border-box; padding: 0 7.8125vw; box-sizing: border-box;}
.z_message_form li{ margin-bottom: 25px;}
.z_message_form .text{ border-bottom: 1px solid #eaeaea; height: 36px; line-height: 36px;}
.z_message_form label{ display: block; margin-bottom: 25px;}
.z_message_form label em{ color:#ed6d46 ;}
.z_submit{ width: 100%; display: block; cursor: pointer;-webkit-appearance: none; margin-top: 60px; outline: none; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #0961cd; border: none; font-size: 18px;}
.z_message_form .texta{ background: #fafafa; height: 130px; padding: 15px; box-sizing: border-box;}
.z_news_page{ background: #f2f2f2; padding: 4.16666vw 0; padding-right: 10.4vw; box-sizing: border-box;}
.z_news_swiper{ overflow: hidden; position: relative; margin-bottom: 26px;}
.z_news_swiper .imgbox{ width: 42.7%; float: left; height: 26.25vw; overflow: hidden;}
.z_news_swiper .infobox{ width: 57.3%; float: right; height: 26.25vw; background: #fff;padding: 4.16666vw;box-sizing: border-box;}
.z_news_swiper .infobox .z_row{ width: 26.04166vw;}
.z_news_swiper .time{ position: absolute; right: 4.16vw; top: 4.16vw; text-align: center;}
.z_news_swiper .time .num{ display: block; font-size: 1.97916vw; font-weight: bold; }
.z_news_swiper .time .icon{ display: block; width: 30px; height: 30px; background: url(../img/icon2.png) no-repeat center; margin: 0 auto; margin-bottom: 6px;}
.z_news_swiper .tit{ font-size: 24px; line-height: 30px; height: 60px;}
.z_news_swiper .desc{ line-height: 24px; height: 48px; color: #888888; margin: 30px 0;}
.z_news_swiper .z_more_btn{ margin-top: 4vw;}
.z_news_swiper li:hover .tit{ color: #007EFF;}
.z_news_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}

.z_news_hd{ width: 42.7%; position: absolute;  z-index: 3; left: 0; bottom: 30px; text-align: center;}
.z_news_hd li{ display: inline-block; width: 12px; cursor: pointer; outline: none; height: 12px; background:#74777b; border-radius: 50%;margin: 0 6px ;}
.z_news_hd li.on{ background: #0961cd;}
.z_news_list{}
.z_news_list .z_news_box{ width: 23.6%; margin-left: auto; margin-right: 1.85%; margin-bottom: 30px; }
.z_news_list .z_news_box:nth-child(4n){ margin-right: 0;}
.z_load_more{ display: block;  width: 100%; text-align: center; cursor: pointer; color: #888888; margin-top: 40px;}
.z_load_more .iconfont{ display: block;position: relative; width: 3.75vw; height: 3.75vw; border: 1px solid #cacaca; z-index: 1;text-align: center; line-height: 3.75vw; border-radius: 50%; margin: 0 auto; margin-bottom: 10px;}
.z_load_more .iconfont::after{ content: ""; display: block; width: 0; height: 0; border-radius: 50%; position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%); background:#0965CE; transition: ease .5s;}
.z_load_more:hover .iconfont::after{ width: 100%; height: 100%;}
.z_load_more:hover .iconfont{ color: #fff;}

.z_newsxq_page{ padding-right: 10.4vw; padding-top: 70px; padding-bottom: 70px;}
.z_newsxq_flwarp{/* width: 70%;*/ width: 100%; float: left;/* padding-left: 103px;*/ box-sizing: border-box; position: relative;}
.z_newsxq_flwarp .z_warp{ background: #fff; padding:0 5vw; box-sizing: border-box;}
.z_newsxq_box{ position: absolute; left:0px; top: 0;}
.z_newsxq_box .box{ width: 100px; display: block; background:#fff; margin-bottom: 3px; text-align: center; padding: 20px 0;}
.z_newsxq_box .box em{ display: block;}
.z_newsxq_box .time em{ font-size: 30px; color: #0961cd; font-weight: bold; }
.z_newsxq_box .box .iconfont{ font-size: 20px; color: #0961cd; margin-bottom: 10px;}
.z_newsxq_head h3{font-size: 30px; line-height: 40px; padding: 2.5vw 0; padding-bottom: 1vw; text-align: center;}
.news_bar{/* display: flex; align-items: center;*/ text-align: center;}
.news_bar span{ font-size: 14px; color: #999}
.z_newsxq_head { border-bottom: 1px solid #c6c6c6; padding-bottom: 2vw;}
.z_newsxq_con{ padding: 30px 0; line-height: 24px; color: #333333; padding-bottom: 50px; min-height: 25vw;}
.z_newsxq_con img{ max-width: 100%!important; max-height: 100!important;}

.z_newsxq_frwarp{ width: 28.5%; float: right; background: #fff; padding: 30px; box-sizing: border-box;}
.z_tjtit h3{ font-size: 18px; line-height: 18px; border-left: 2px solid #1b33b6; padding-left: 10px;}
.z_tjtit{ border-bottom: 1px solid #e2e2e2; padding-bottom: 15px;}
.z_tjfirst{border-bottom: 1px solid #e2e2e2;}
.z_tjfirst a{ display: block; padding: 30px 0;}
.z_tjfirst a span{ color: #0961cd;}
.z_tjfirst h3{ font-size: 24px; line-height: 30px; margin: 20px 0;}
.z_tjlist li{border-bottom: 1px solid #e2e2e2;}
.z_tjlist li a{ display: block; padding: 20px 0; line-height: 24px; font-size: 16px;}
.z_tjlist li:hover h3,.z_tjfirst:hover h3{ color: #086ED2;}

.z_other_banner2 .z_other_text{ padding: 0 5.2vw; top: 50%; transform: translateY(-50%);}
.z_other_banner2 .z_other_text .warp{ width: 31.6vw; padding-left: 0; border: none;}
.z_other_banner2 .z_other_text h3{ font-size: 2.5vw;}
.z_other_banner2 .z_other_text h4{ font-size: 1.14583vw;}
.z_other_banner2 .imgbg{ background-attachment: inherit;}
.z_guanli_warp{ padding: 6.25vw 0; padding-bottom: 10vw; background:#F2F2F2 url(../img/add5.jpg) no-repeat bottom center; background-size: 100% auto; text-align: center; }
.z_system_tit{ text-align: center; font-size: 2.5vw;}
.z_guanli{ width: 1040px;margin: 0 auto; overflow: hidden;  padding: 0 30px; padding-top: 60px; margin-top: 60px; }
.z_guanli_swiper{border-top: 1px solid #dbdbdb; position: relative; width: 100%;padding-bottom: 100px;}
.z_guanli_swiper::before{ content:""; display: block; width: 10px; height: 10px; border-radius: 50%; background: #dbdbdb; position: absolute; left: -5px; top: -5px; z-index: 2;}
.z_guanli_swiper::after{ content:""; display: block; width: 10px; height: 10px; border-radius: 50%; background: #dbdbdb; position: absolute; right: -5px; top: -5px; z-index: 2;}
.z_guanli_swiper .bd li{ }
.z_guanli_swiper{ width: 100%;}
.z_guanli_swiper .z_guanli_time{ position: absolute; left: 0; top: -60px; text-align: center; width: 100%; font-size: 24px; color: #0982e6;}
.z_guanli_box{ background: #fff; position: relative; margin-top: 40px; padding: 40px 20px; box-sizing: border-box;min-height: 362px;background: #FFFFFF;box-shadow: 0px 21px 35px 0px rgba(9, 97, 205, 0.1);border-radius: 3px;}
.z_guanli_box .icon img{ height:80px; margin: 0 auto;display: block ;}
.z_guanli_box h3{ font-size: 24px; margin: 20px 0;}
.z_guanli_box .h4{font-size: 18px;font-weight: normal;color: #666666;line-height: 30px;}
.z_guanli_box::before{ content:""; display: block; width: 10px; height: 10px; border-radius: 5px; background: #0982e6; position: absolute; left: 50%; transform: translateX(-50%); top: -45px; z-index: 2;}
.z_guanli_box::after{ content: ""; display: block; width: 1px; height: 40px; position: absolute; left: 50%; transform: translateX(-40%); top: -40px;ba;background:#dbdbdb; z-index: 1;}

.z_shuzi_warp{ background: url(../img/add6.jpg) no-repeat top center; background-size: 100% auto;background-size:cover; padding-bottom: 6vw;}
.z_system_desc{ width: 1300px; margin: 0 auto; text-align: center;font-size: 24px;font-weight: 400;color: #666666;line-height: 36px; margin: 30px auto; margin-bottom: 60px;}
.z_circle_warp{ overflow: hidden;}
.z_shuzi_circle{ position: relative; overflow: hidden; border-radius: 50%; flex-shrink: 0;    width: 33.33333vw;height: 33.33333vw;}
.z_shuzi_circle img{ display: block;}
.z_shuzi_circle .bg{ width: 100%; height: 100%;}
.circle_hover{ position: absolute; left: 0; top: 0;  transition: ease .6s; width: 100%; height: 100%;}
.circle_hover.on0{ transform: rotate(0);}
.circle_hover.on1{ transform: rotate(60deg);} 
.z_shuzi_circle .circle_icon{ width: 7.60416vw; height: 7.60416vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.z_shuzi_circle .circle_icon img{animation: rotate 5s linear infinite; display: block; width: 100%;height: 100%;}

.z_circle_warp{ width:68.22916vw; margin: 0 auto;}
.z_circle_li li{ position: relative; z-index: 3; cursor: pointer;}
.z_circle_li .line1{ position: absolute; top: 0; right: 0; width: 50%; height: 50%; transform: rotate(-30deg) skewY(-30deg); transform-origin: 0% 100%; }
.z_circle_li .line2{ position: absolute; top: 0; right: 0;  width: 50%; height: 50%; transform: rotate(30deg) skewY(-30deg); transform-origin: 0% 100%; }
.z_circle_li .line3{ position: absolute; top: 0; right: 0; width: 50%; height: 50%; transform: rotate(88deg) skewY(-30deg); transform-origin: 0% 100%; }
 .z_circle_li .line4{ position: absolute; top: 0; right: 0;width: 50%; height: 50%; transform: rotate(148deg) skewY(-27deg); transform-origin: 0% 100%; }
.z_circle_li .line5{ position: absolute; top: 0; right: 0;  width: 50%; height: 50%; transform: rotate(-149deg) skewY(-28deg); transform-origin: 0% 100%; }
.z_circle_li .line6{ position: absolute; top: 0; right: 0;  width: 50%; height: 50%; transform: rotate(-88deg) skewY(-30deg); transform-origin: 0% 100%; }

.z_circle_li li .con{ position: absolute; left: 0; }
.z_circle_con li{ height: 50%; width: 33.3%;   text-align: center;}
.z_circle_con li .icon{ display: block; margin: 0 auto; margin-bottom: 15px; }
.z_circle_con li  h3{font-size:1.25vw}
.z_circle_con .con1{ position: absolute; top: 0; left: 33.3%; padding-top: 12%; }
.z_circle_con .con2{ position: absolute;top: 0;right: 6%;padding-top: 26%; }
.z_circle_con .con3{ position: absolute;top: 27%;right: 6%;padding-top: 26%;}
.z_circle_con .con4{ position: absolute;bottom: 0%;right: 33.3%;padding-top: 18%;}
.z_circle_con .con5{ position: absolute;bottom: 0%;left:6%;padding-top: 8%;}
.z_circle_con .con6{ position: absolute;top: 0%;left:6%;padding-top: 25%;}

.z_circle_tab{width: 28.125vw; margin-left: auto; position: relative;}
.z_circle_tab .tabcon .tit{ font-size: 1.875vw; line-height: 1.7vw; padding-left: 15px; margin-bottom: 1.5vw; border-left: 4px solid #0961cd;}
.z_circle_tab .tabcon .desc{ line-height: 36px; font-size: 18px; color: #666;}
.z_circle_tab .tabcon{ display: none;}
.z_circle_tab .tabcon.on{ display: block;}
.z_system_iconlist{ background: #fff; padding: 10vw 0;width:73.95833vw; margin: 0 auto; padding-bottom: 5vw;}
.z_system_iconlist ul{ margin-left: -3.3%;}
.z_system_iconlist ul li{ width: 30%; float: left; margin-left: 3.3%; margin-bottom: 4vw; display: flex; align-items: center;}
.z_system_iconlist ul li .icon{ flex-shrink: 0; width: 100px;}
.z_system_iconlist ul li h3{ font-size:1.25vw; margin-bottom: 10px;}
.z_system_iconlist ul li h4{ font-size:18px; line-height: 30px; color: #666;}

.z_system_btm{ background: url(../img/add22.jpg) no-repeat bottom center; overflow: hidden; background-size: cover; background-attachment: fixed; padding:5vw 0 7.8125vw 0;}
.z_system_btm .z_system_desc{ font-size: 1.875vw; margin-top: 0; color: #333;}
.z_system_btm .warp{width:73.95833vw; margin: 0 auto; }
.z_jazhi_warp{position: relative;}
.z_system_btm .imgbox{ width: 50%; position: absolute; left: 0; top: 0; height: 100%;}
.z_system_btm .infobox{ width: 50%; float: right; background: #fff;padding: 3.64583vw; box-sizing: border-box;}
.z_system_btm .infobox li{ display: flex; align-items: center; font-size: 1.25vw; margin-bottom: 20px;}
.z_system_btm .infobox li:last-child{ margin-bottom: 0;}
.z_system_btm .infobox li img{ vertical-align: middle; margin-right: 15px;}

.z_about_honor{ text-align: center;  background: #F2F2F2; padding: 80px 0;}
.z_about_honor .z_culture_tit{ padding: 0; margin-bottom: 80px;}
.z_about_honor .z-container{width: 1200px; overflow: hidden; margin: 0 auto;}
.z_about_honor li .tit{ background: #fff; line-height: 50px; font-size: 16px;}
.z_about_honor li .icon img{ display: block;}
.z_honor_list{ position: relative;}
.z_honor_list .iconfont{ display: block; z-index: 2; outline: none;  color: #fff; cursor: pointer; text-align: center; line-height: 50px; width: 50px; height: 50px; border-radius: 50%; background: #086ED2; position: absolute; top: 50%; transform: translateY(-50%);}
.z_honor_list .prev{ left: 10px;}
.z_honor_list .next{ right: 10px;}

@media screen  and (max-width:1680px){
.z_pro_list li{ height: 365px;}
.pro_body .z_pro_list li{ height: auto;}
}

@media screen  and (max-width:1600px){


 .z_footer{ padding: 0 13.2vw; margin-top: 5vw;} 
.z_footer_nav dl{ margin-right: 1vw;}	
.z_message_con{ width: 84%;}
.z_message_warp{ padding-left: 0;padding-right: 0;}
.z_solve_flwarp .warp{margin-top: 5.5vw}
}

@media screen  and (max-width:1440px){
.z_menu_mask{ padding-top: 5.2vw; padding-bottom: 0;}
.z_munu_close{ right: 5.2vw; top: 2.6vw;}
.z_menu_frwarp{ width:48vw;}
.z_index_news{ padding-left: 6.25vw; padding-right: 6.25vw;}
.z_index_prohead{ padding: 5vw 6.25vw;}
.z_pro_tabcon{ padding: 0 6.25vw;}
.z_pro_list li{ height: 345px;}
.z_page_nav li a{ font-size: 14px; padding: 0 20px;}
.z_common_nav{ padding-right: 6.25vw; }
.z_contact_info{ padding: 6.25vw;}

.z_pro_info .desc{ height: 192px;}
.z_detail_page{ padding-left: 6.25vw; padding-right: 6.25vw;}
.z_pro_info{ width: 42vw;}
.z_other_text{ padding:0 6.25vw;}
.z_common_nav{width: calc(100% - 6.25vw);}
.z_common_page{ padding-left:6.25vw;}
.z_pro_page{ padding-right: 6.25vw;}
.z_more_btn2{ height: 40px; line-height: 38px; min-width: 150px;}
.z_case_xq .fl_warp.on{ position: fixed; left: 6.25vw; top: 90px; width: 37vw;}
.z_fan_xq .fl_warp.on{ width: 26.04166vw;}
.z_news_page{ padding-right: 6.25vw;}
.z_newsxq_page{ padding-right:6.25vw;}
.z_index_hz{ padding-left: 6.25vw; padding-right: 6.25vw;}
.z_pro_box .infobox{ width: 52vw;}
.z_about_num{ padding-bottom: 20px;}
.z_about_num ul li h4{ font-size: 12px;}
.z_fan_box .infobox{ padding: 2.6vw;}
.z_fan_box .infobox .z_more_btn{ left: 2.6vw; bottom: 2.6vw;}
.z_circle_tab .tabcon .desc{ font-size: 16px; line-height: 28px;}
.z_system_desc{ width: 80%;}
}
@media screen  and (max-width:1366px){
  .z_index_tit h3{font-size: 28px;line-height: 30px;}
.z_case_xq .fl_warp .desc{ max-height: 25vw;}	
.z_pro_list li{ height: 320px;}
.z_solve_flwarp .warp{margin-top: 5vw}

}

@media screen  and (max-width:1280px){
.z_solve_con li a{ padding: 5.2vw;}
}



@media screen  and (max-width:1200px){
.z_about_honor .z-container{ width: 94%;}	
}


@media screen and (max-width:980px){
.z_header{background: #0961CD; padding: 0;}
.z_header .z_row{ height: 44px;  padding: 0 10px; box-sizing: border-box; }
.z_header .z_row::before{ display: none;}
.z_header_nav{ width: 100%; height:calc(100vh - 44px); top: 44px; transition: ease .6s; opacity: 0; transform: translate(0,100%); visibility: hidden;  display: flex; align-items: center; justify-content: center; position: fixed; left: 0;background: #0961CD; width: 100%; }
.z_header_nav.on{  opacity: 1; visibility: visible;transform: translate(0,0);}
.z_header_nav li{ display: block; line-height: 50px;}
.z_logo .icon{ display: block; height: 30px; display: none;}
.z_logo .text{ height: 30px;} 
.z_menu_btn span{width: 18px;} 
.z_banner .bd li{/* height: 100vw;*/ height: 120vh; /*margin-top: 44px;*/}
.z_banner .picBox{ height: 120vh;}
.z_banner_num{ width: 100%; height: auto; padding: 10px 0; position: relative;bottom: auto;}
.z_banner_text .cn{ font-size: 18px;}
.z_banner_text .en{ font-size: 18px; line-height: 20px; display: none;}
.z_banner_text .z_more_btn{ margin-top: 20px;}
.z_more_btn{ height: 30px;  line-height: 27px; min-width: auto; padding: 0 15px; font-size: 12px;}
.z_more_btn .iconfont{ margin-left: 10px;}
.z_banner_btn .iconfont{ display: none;}
.z_banner_btn{ left: 0; width: 100%; text-align: center; /*top: 50vw;*/ bottom: 2vw; }
.z_banner_text .warp{ padding-left: 20px;}
.z_banner_num li h3{ font-size: 14px;line-height: normal; margin: 0;}
.z_banner_num li .timer{ font-size: 20px; line-height: normal; font-weight: normal;}
.z_banner_num li h4{ font-size: 12px;}
.z_banner_num li { padding: 0 15px; box-sizing: border-box;}
.z_sb{ display: none;}
.z_index_about .flwarp,.z_index_about .frwarp{ width: 100%;}
.z_index_about .frwarp{ position: relative; height: 50vw;}
.z_index_about .flwarp{ padding: 20px 10px;}
.z_index_about .tit{ font-size: 18px; line-height: normal; }
.z_index_about .desc{ margin: 15px 0; font-size: 13px;}
.z_index_about .z_play{ background-size: 60px auto;}
.z_index_tit h3{ font-size: 18px; line-height: normal; text-align: center;}
/* .z_solve_tab li{ text-align: center;}
.z_solve_swiper{ text-align: center;} */
.z_solve_tab li .icon-arr_r{ display:none;}
.z_mobile_xy{ display: flex;}
.z_index_prohead{ padding: 20px 10px;}
.z_index_pronav{ width: 100%; margin-top: 10px;}
.z_index_pronav a{ height: 30px; line-height: 30px; font-size: 12px; padding: 0 10px;}

.probody_pronav{ width: 100%; margin-top: 10px;}
.probody_pronav a{ height: 40px; line-height: 40px; font-size: 14px; padding: 0 10px; margin-right: 2.5%;}


.z_pro_list li{ height:50vw;}
.z_pro_list li .arr{ display: none;}
.z_pro_list li .infobox{ padding: 10px;}
.z_pro_list li .tit{ height: auto; line-height:30px; font-size: 16px; width: 100%; text-align: center;}
.z_solve_flwarp, .z_solve_fcwarp, .z_solve_frwarp{ width: 100%; height: auto;background: none;}
.z_solve_flwarp{ padding: 20px 25px; display: block}
.z_index_solve{ display: block;}
.z_solve_flwarp, .z_solve_frwarp{ flex: auto; float: none;}
.z_solve_con .icon img{ height: 50px; margin: 0 auto; margin-bottom: 10px;}
.z_page_nav li a::before{ height: 2px;}
.z_solve_tab{ margin-top: 20px;}
.z_solve_tab li.active{ padding: 0;}
.z_solve_con .tit{ font-size: 18px;}
.z_solve_con  li a{ padding: 20px 25px; display: block}
.z_solve_frwarp{ display: none;}
.z_index_news{ padding: 20px 10px;}
.z_news_head .z_more_btn{ top: 0; transform: translateY(0);}
.z_news_first{ width: 100%; height: 50vw;}
.z_news_first .tit{ font-size: 14px; line-height: 24px;}
.z_index_news .time em{ font-size: 18px; line-height: normal;}
.z_news_box{ width: 100%; margin-left: 0; margin-top: 10px; height: auto;}
.z_news_box .btmbox{ position: relative; padding: 0;}
.z_news_box .tit{ font-size: 14px; line-height: 24px; margin: 10px 0;  height: auto;}
.z_news_box .desc{ padding: 10px 0;}
.z_news_box a{ padding: 15px;}
.swiper_btn_warp .iconfont{ display: none;}
.z_index_hz{ padding: 20px 10px;}
.z_hz_swiper{ width: 100%; padding-bottom: 0;}
.z_hz_hd { margin-top: 10px;}
.z_hz_swiper ul li a{height: 80px;}
.z_hz_hd li{ width: 8px; height: 8px; height: 8px; margin: 0 2px;}
.z_hz_swiper ul li img{ max-height: 50px;}
.z_footer_nav{ display: none;}
.z_footer_top .z_footer_share{ display: none;}
.z_footer_top{ width: 100%; height:60px; display: flex; justify-content: center; align-items: center; border-bottom: none;}
.z_footer_addre { width: 100%;align-items: flex-start;}
.z_footer_addre .info{ text-align: left; font-size: 13px;}
.z_footer_addre .code{ flex-shrink: 0; margin-left:auto;}
.z_footer_addre .code .img{ width: 80px; height: 80px;}
.z_footer_btm{ text-align: center; padding-bottom: 10px; font-size: 12px; overflow: hidden; width: 100%;}
.z_footer_btm .fl{ float: none;}
.z_footer_btm a{ display: block; font-size: 12px;float: none;}
.z_footer_center{ margin: 0; margin-bottom: 10px; width: 100%; overflow: hidden;}

.z_other_banner{  margin-top: 44px;height: auto;}
.z_other_banner .imgbg{ background-attachment: inherit;height: 50vw;}
.z_other_text h4{ display:none;}
.z_other_text h3{ font-size: 20px; line-height: 20px; margin-bottom: 0;}
.z_other_text .warp{ border-width: 2px;}
.z_common_nav{ width: 100%; padding: 0; height: 40px; line-height: 40px;}
.pro_body .z_common_nav{ display: none;}

.z_other_text{ top: 30%; }
.z_page_wz{ display: none;}
.z_common_page{ padding: 0;}
.z_pro_page{padding: 15px;}
.z_pro_box{ margin-bottom: 15px;}
.z_pro_box .imgbox{ width: 100%; height: 70vw;}
.z_pro_box .infobox{ width: 100%; margin-top: 10px;}
.z_pro_desc{ padding-left: 10px;}
.z_pro_desc h3{ font-size: 16px; line-height: normal;}
.z_pro_desc h4{ font-size:14px;}
.z_pro_desc::before{ width: 2px;}
.z_pro_a a{ height: 40px; line-height: 40px;}
.z_pro_a a .tit{ font-size: 14px;}
.z_page_nav{ overflow: hidden;width: 100%;}
.z_prolist_page{ padding: 15px;}
.z_pro_list li{ width: 100%; margin-right: 0; margin-bottom: 10px; height: 40vw;}
.z_pro_list2 li .imgbox{ height: 80vw;}
.pro_body .z_pro_list2 li .imgbox{ height: 60.45833vw;}
.z_pro_list li .infobox{ height: 50px; padding: 0 10px;}

.z_detail_page{ padding: 12px; margin-top: 44px;}
.z_probig_img{ display: none;}
.z_prosmall_swiper{ width: 100%; float: none; height: auto; position: relative; }
.z_pro_hd{ width: 100%; position: absolute; left: 0; bottom: 10px; text-align: center; z-index: 3;}
.z_pro_hd li{ display: inline-block; width: 8px; height: 8px; border-radius:50%; background: #999; margin: 0 2px;}
.z_pro_hd li.on{ background: #0961CD;}
.z_detail_con{ padding: 0 10px;}
.z_pro_imgwarp{ float: none;} 
.z_prosmall_swiper .bd li::before{ display: none;}
.z_pro_info{ width: 100%; margin-top: 10px;}
.z_pro_info .tit{ font-size: 18px;}
.z_pro_info .desc{ height: auto;}
.z_pro_btn{ position: relative;display: flex;}
.z_pro_btn a{ line-height: normal; padding: 0; height: 40px; line-height: 40px; display: flex; align-items: center; justify-content: center; font-size: 12px;}
.z_procon_box .fl_warp,.z_procon_box .fr_warp{ width: 100%;}
.z_procon_box{ padding: 15px 0;}
.z_procon_box .fl_warp{ font-size: 18px; line-height: normal; margin-bottom: 10px;}
.z_pro_tjwarp .title{ font-size: 18px;}
.z_protj_swiper li .imgbox{ height: 30vw;}
.z_protj_swiper li .infobox{ height: 30vw; padding: 10px;}
.z_protj_swiper li h3{ font-size: 14px;}
.z_protj_swiper li .iconfont{ width: 36px; margin-top: 20px; height: 36px; line-height: 36px; font-size: 13px;}
.z_case_list li{ margin-bottom: 10px;}
.z_case_list li .imgbox{ width: 100%; height: 60vw;}
.z_case_list li .infobox{ width: 100%; height: auto; padding:15px 10px;}
.z_case_list li .tit{ font-size: 16px; line-height: 16px;}
.z_case_list li .desc{ margin: 15px 0;}
.z_detail_header{ padding: 10px 0; }
.z_case_xq .fl_warp,.z_case_xq .fr_warp{ width: 100%; padding: 0;}
.z_case_xq::before{ display: none;}
.z_case_xq .fl_warp{ padding: 20px 0;}
.z_case_xq .fl_warp .tit{ font-size: 16px;}
.z_case_xq .fl_warp .desc{ max-height: 240px;}
.z_case_xq .fr_warp li{ margin-bottom: 10px;}
.z_case_tj .title{ font-size: 18px; margin-bottom: 15px;}
.z_case_swiper li .imgbox{ height: 60vw;}
.z_case_swiper li .tit{ padding: 10px; font-size: 14px;}
.z_case_swiper li .btmbar{ height: auto; line-height:normal; padding:10px;}

.z_case_list01 li{ width: 100%;}
.z_case_list01 li .imgbox{ height: 60vw;}
.z_case_list01 li .tit{ padding: 10px; font-size: 14px;}
.z_case_list01 li .btmbar{ height: auto; line-height:normal; padding:10px;}



.z_about_flwarp{ width: 100%; height: auto;}
.z_about_flwarp .tit{ font-size: 18px;}
.z_about_flwarp .desc{ height: auto; margin: 15px 0; max-height: none; font-size: 14px;}
.z_about_num{ position: relative; padding-bottom: 10px;}

.z_about_num ul{display: initial;}
.z_about_num ul li{ width: 50%;}
.z_about_num ul li .timer{ font-size: 20px;}
.z_about_num ul li h4{ font-size: 12px;}
.z_about_frwarp{width: 100%; height: 60vw;} 
.z_index_about .z_play, .z_about_frwarp .z_play{ background-size: 50px auto;}
.z_culture_tit h3{ font-size: 18px;}
.z_culture_list li{ width: 100%; padding: 15px 0;}
.z_culture_list li .icon img{ height: 30px;}
.z_culture_list li h3{ font-size: 16px;}
.z_fan_box{ margin-bottom: 15px;}
.z_fan_box .imgbox{ width: 100%; height: 60vw;}
.z_fan_box .infobox{ width: 100%; height: auto; padding:15px 10px;}
.z_fan_box .warp{ width: 100%;}
.z_fan_box .infobox .z_more_btn{ position: relative; left: auto; bottom: auto; margin-top: 10px;}
.z_fan_box .infobox .tit{ line-height:normal; font-size: 16px; line-height: 16px;}
.z_fan_box .infobox .line{ margin: 10px 0; height: 2px;}
.z_fantit{ width: 100%; padding: 15px;}
.z_fantit h3{ font-size: 16px; line-height: 24px;}
.z_fantit h4{ font-size: 12px;}
.z_faxq_box{ padding: 15px 0;}
.z_faxq_box .tit{ font-size: 15px; margin-bottom: 10px;}
.z_contact_map, .z_contact_info{ width: 100%; height: auto;}
.z_contact_map{ height: 60vw;}
.z_contact_info{ padding: 20px;}
.z_contact_info .title1{ font-size: 18px; text-align: center;}
.z_contact_info .title2{ font-size: 16px; padding-bottom: 5px; border-width: 1px;}
.z_contact_info .pcon{ margin: 20px 0;}
.z_contact_info .title2{ margin-top: 20px;}
.z_contact_info .c_code{ display: none;}
.z_message_con .flwarp{ display:none}
.z_message_warp{ padding: 20px 0;}
.z_message_con .frwarp{ width: 100%; border-left: none; padding: 10px; padding-top: 20px;}
.z_message_con::before{ width: 100%; left: 0; height: 3px;}
.z_message_form label,.z_message_form li{ margin-bottom: 15px;}
.z_submit{ margin-top: 15px;}
.z_message_con{ padding: 0;}
.z_news_page{ padding: 20px 10px;}
.z_news_swiper .imgbox{ width: 100%; height: 60vw;}
.z_news_swiper .infobox{ width: 100%; height: auto; padding: 15px;}
.z_news_swiper .infobox .z_row{ width: 100%;}
.z_news_swiper .tit{ font-size: 16px; line-height: 24px; height: 48px;}
.z_news_swiper .desc{ margin: 15px 0;}
.z_news_hd{ width: 100%; top:50vw; bottom: auto;}
.z_news_hd li{ width: 6px; height: 6px; margin: 0 3px;}
.z_news_swiper .z_more_btn{ margin: 0;}
.z_news_swiper .time{ bottom: 15px; right: 15px; top: auto; display: none;}
.z_news_swiper .time .icon{ display: none;}
.z_news_swiper{ margin-bottom: 0px;}
.z_news_list .z_news_box{ margin-right: 0; width: 100%; margin-bottom: 0px;}
.z_load_more{ margin-top: 15px;}
.z_load_more .iconfont{ width: 40px; height: 40px; line-height: 40px;}
.z_newsxq_box{ position: relative; display: flex; align-items: center;}
.z_newsxq_flwarp{ width: 100%;padding: 0;}
.z_newsxq_frwarp{ display: none;}
.z_newsxq_head h3{ padding: 20px 0 10px;font-size: 16px; line-height: 24px;}
.z_newsxq_box{ background: #fff; display: flex; padding: 10px 0; border-bottom: 1px solid #c6c6c6 ;}
.z_newsxq_box .box{ padding: 0 10px; margin-right: 4px; flex: 1;}
.z_newsxq_box .time em{ font-size: 20px;}
.z_newsxq_box .box .iconfont{ margin-bottom: 0;}
.news_bar{ /*display: none;*/}

.z_newsxq_con{ padding: 20px 0;}
.z_newsxq_head{ padding-bottom: 15px;}
.z_newsxq_flwarp .z_warp{ padding: 0 12px;}
.z_header .z_logo,.z_menu_btnbox{ position: relative; top: auto; transform: translateY(0);}
.z_index_prohead .z_index_tit{ text-align: center; width: 100%;}
.z_index_pronav{ text-align: center;}
.z_solve_flwarp::before{ display: none;}
.z_news_head .z_index_tit h4{ margin-top: 20px;}
.z_prolist_page{ padding: 10px;}
.z_prolist_page .z_pro_list li{ height: auto;}
.z_sub_nav{ display: none;}
.z_detail_header{ margin-bottom: 0;}
.z_message_con{ width: 94%;}
.z_system_tit{ font-size: 20px;}
.z_guanli_warp{ padding: 15px 0;}
.z_guanli{ width: 100%;}
.z_guanli{ margin-top: 0px;}
.z_guanli_swiper .z_guanli_time{ font-size: 16px;}
.z_guanli_swiper .z_guanli_time{top: -40px;} 
.z_guanli_box{ padding: 20px 0;}
.z_guanli_box h3{ font-size: 16px; margin: 15px 0;}
.z_guanli_box .h4{ font-size: 12px; line-height: 24px;}
.z_guanli{padding-left: 0; padding-right: 0;}
.z_guanli_box .icon img{ height: 40px;}
.z_guanli_box{ min-height: 210px;}
.z_guanli_box::before{ width: 6px; height: 6px;}
.z_guanli_box::before{ top: -43px;}
.z_other_banner2 .z_other_text{ top: 40%; transform: translateY(-50%);}
.z_other_banner2 .z_other_text h3{ font-size: 16px; line-height: 24px;}
.z_guanli_swiper{ padding-bottom: 40px;}
.z_system_desc{ font-size: 15px; width: 100%; line-height: 24px; margin: 15px 0; padding: 0 10px; box-sizing: border-box;}
.z_circle_warp{ width: 100%; display: block;}
.z_shuzi_circle{ width: 90vw; height: 90vw; margin: 0 auto;}
.z_circle_con li .icon{ height: 30px; margin-bottom: 10px;}
.z_circle_con li h3{ font-size: 14px;}
.z_circle_tab{ width: 100%; padding: 0 10px; margin-top: 20px; box-sizing: border-box;}
.z_circle_tab .tabcon .tit{ font-size: 18px; line-height: 18px; margin-bottom: 15px;}
.z_circle_tab .tabcon .desc{ font-size: 14px; line-height: 24px;}
.z_shuzi_circle .circle_icon{ width: 40px; height: 40px;}
.z_system_iconlist{ width: 94%; padding: 20px 0; padding-bottom: 0;}
.z_system_iconlist ul{ margin: 0; display: block;}
.z_system_iconlist ul li{ width: 100%; margin-left: 0;    align-items: flex-start; margin-bottom: 20px;}
.z_system_iconlist ul li .icon{ width: 40px; margin-right: 10px;}
.z_system_iconlist ul li .icon img{ display: block; max-width: 100%;}
.z_system_iconlist ul li h3{ font-size: 16px; margin-bottom: 5px;}
.z_system_iconlist ul li h4{ font-size: 14px; line-height: 24px;}
.z_system_btm .warp{ width: 94%;}
.z_system_btm .z_system_desc{ font-size: 16px;}
.z_system_btm .imgbox{ width: 100%; position: relative; height: 60vw;}
.z_system_btm .infobox{ width: 100%;padding: 15px 10px;}
.z_system_btm .infobox li img{ width: 28px;}
.z_system_btm .infobox li{ font-size: 14px; margin-bottom: 10px;}
.z_system_btm{ padding: 20px 0;}
.z_about_honor{ padding: 20px 0;}
.z_about_honor .z_culture_tit{ margin-bottom: 20px;}
.z_honor_list .iconfont{ width: 40px; height: 40px; line-height: 40px;}
.z_solve_flwarp, .z_solve_frwarp{ overflow: hidden;}
.z_banner{ overflow: hidden;}
.z_index_case{ padding: 20px 10px;}
.z_hz_swiper, .z_indexcase_swiper{ width: 100%;}
.z_indexcase_swiper .swiper-slide .imgbox{ height: 30vw;}
.z_indexcase_swiper .swiper-slide .titbox{ height: 30px; line-height: 30px;}
.z_header_nav li .one{ line-height: 50px;}
.z_header_nav li .z_nav_down{display: none;} 
}


/*分页相关*/
.pagelist {padding-bottom: 40px;}
.pagelist ul{text-align:center;margin:20px 0 0 0;padding-bottom: 20px;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{
    display:inline-block;
    border:1px solid #ccdbe4;
    padding:6px 15px;
    border-radius: 3px;
    background: #fff;
    color: #000;
    transition: all .5s;
}
.pagelist li a:hover{border-color:#e16108;background:#e16108;color:#fff;}
.pagelist li.active a{border-color:#e16108;background:#e16108;color:#fff;}