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

:root{
	--bg:#014CFF;
	--color:#014CFF;
	--size16:16px;
	--size18:18px;
	--size20:20px;
	--size24:1.25vw;
    --radius: 1.04vw
}

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: "microsoft JhengHei";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family: "microsoft JhengHei!important"; 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: "microsoft JhengHei";-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;}

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

/*鍒嗕韩*/
#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;}
.z_banner .bd li{ width: 100%; height: 100vh; overflow: hidden;}
.z_banner .picBox{position:relative;overflow:hidden; width: 100%; 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-family: AngsanaUPC;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; left: 5.2vw; bottom: 3.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: #fff; background: rgba(241, 241, 241, 0);border: 2px solid #FFFFFF;border-radius: 50%;}
.z_banner_btn .iconfont:hover{ background: #0961CD; border-color: #0961CD;}
.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: #FFFFFF;opacity: 0.7;border-radius: 50%; margin: 0 2px;}
.z_banner_dot .swiper-pagination-bullet-active{ background: #0961CD; 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;font-family: Arial;}
.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: 22px; height: 48px; animation: remove 2s linear infinite; background: url(../img/sb.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);
	    }
	
}	
.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:50px; 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 .lx_aaaa::before{content: ""; width: 30px; z-index: 1; transition: ease 1s;  height: 15px; background: url(../img/hot.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 70%;  transform: translate(-50%,100%); opacity: 1;}

.z_header_nav li a{ color: #fff;font-size: 18px; }

.z_header_nav li.active .lx_aaaa::before{ transform: translate(-50%,0); opacity: 1;}


.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: left; position: absolute; transition: ease .6s; visibility: hidden;opacity: 0; padding: 10px; left: 50%; transform: translate(-50%,100%); top: 100%; 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: #fff; font-weight:bolder; font-size:16px;}
/* .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_logo{transform: translateY(0%); height: 90px; display: flex; align-items: center;}
.z_menu_logo{ align-items: center;left: 0; }

.z_menu_logo .text{ height:50px; display: block;}


.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
  }
  .swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
  }

.imgbg {
    width: 100%;
    height: 100%;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  .imgbgs {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }

  .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
  }
  .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1410px;
    perspective: 1410px
  }


.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: 120px; margin-bottom: 20px; margin-top: 3.64583vw; height: 120px; 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; font-family: '榛戜綋';}

.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: 3.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: 21px;margin: 2.15vw 0;max-height: 20vw;overflow-y: auto;}
.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{ color: #d82820;border:1px solid #d82820; }
.z_index_about .z_more_btn2:hover,.z_news_head .z_more_btn2:hover{background: #d82820;color: #fff;}
.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}
.z_index_prohead{ padding:5.2vw 10.4vw; box-sizing:border-box}
.z_index_tit h3{font-size: 1.5625vw;font-weight: 500;color: #333333;line-height: 1.875vw;}
.z_index_tit h4{font-size: 14px;font-weight: 400;color: #333333; 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; }
.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: #d82820; color: #fff;}

.z_pro_swiper{ overflow: hidden; display: none;}
.z_pro_swiper.on{ display: block;}
.z_pro_list li{ position: relative; height: 510px; 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; box-sizing: border-box;}
.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: #FFFFFF;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:#3B5CDC; 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;}
.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_tab{ margin-top: 1vw;}
.z_solve_tab a{ font-size: 20px; display: inline-block; position: relative; line-height: 35px;font-weight: bolder;}
.z_solve_tab a::before{ content:""; display: block; width: 0; height: 1px; background: #d82820; 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: #d82820;}
.z_solve_tab li em{ display: inline-block; margin-right: 10px;}
.z_solve_tab li .icon-arr_r{ color: #d82820; 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; 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-family: "en"; 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_index_story .z_more_btn{ position: absolute; right: 9vw; 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;font-family: Arial; 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: #d82820;}
.z_news_box:hover .tit,.z_news_box:hover .desc,.z_news_box:hover .btmbox{ color: #fff;}
.z_news_box:hover .desc{ border-color: #fff;}
.z_news_box:hover .slg{ color: #9DBDE5;}


.z_index_yy{position: relative; padding: 7vw 0; padding-bottom: 5vw;}
.z_index_yy .z-container{width: 1000px; padding-top: 1vw;}
.z_index_yy li{ width: 43%; float: left; display: flex;align-items: flex-start; margin-bottom: 60px;}
.z_index_yy li:nth-child(even){ float: right;}
.z_index_yy li .icon{ display: block; flex-shrink: 0; width: 80px; margin-right: 5px;}
.z_index_yy li h3{ font-size: 24px; font-weight: bold;}
.z_index_yy li .desc{font-size: 16px;color: #333333;line-height: 24px; margin-top: 10px;}


.z_index_cptd{position: relative; padding: 8vw 10vw; padding-bottom: 5vw;}
.z_index_cptd .z-container{width: 1000px; padding-top: 1vw;}
.z_index_cptd li{ width: 43%; float: left; display: flex;align-items: flex-start; margin-bottom: 60px;}
.z_index_cptd li:nth-child(even){ float: right;}
.z_index_cptd li .icon{ display: block; flex-shrink: 0; width: 80px; margin-right: 5px;}
.z_index_cptd li h3{ font-size: 24px; font-weight: bold;}
.z_index_cptd li .desc{font-size: 16px;color: #333333;line-height: 24px; margin-top: 10px;}

.z_index_yycj{ padding: 8vw 10vw;background: #F8F8F8;}
.z_index_yycj ul{ margin-left: -3%;}
.z_index_yycj li{ width: 30.3%; float: left;margin-left: 3%;box-shadow: 0px 20px 40px 0px rgba(0,18,60,0.1);
border-radius: 10px;background: #fff;overflow: hidden;}
.z_index_yycj .titbox{ display: flex; align-items: center;height: 6.77083vw;
background: #014DFF;color: #fff; padding: 0 2vw; font-size: var(--size24); position: relative; font-weight: bold;}
.z_index_yycj .titbox img{ position: absolute; right: 0; bottom: 0; max-height: 100%;}
.z_index_yycj .infobox{ padding: 2vw;}
.z_index_yycj .item{ display: flex; color: #666666;align-items: flex-start;
line-height: 24px; font-size: 16px; min-height: 72px; margin-bottom: 1vw;}
.z_index_yycj .item .icon{ display: block; flex-shrink: 0; width: 22px; margin-right: 10px;}
.z_index_yycj .item:last-child{ margin-bottom: 0;}

.z_index_al{ padding: 8vw 10vw;}
.z_al_swiper{ overflow: hidden;}
.z_al_swiper .imgbox{height: 16.875vw;border-radius: 10px; overflow: hidden;}
.z_al_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_al_swiper li .infobox{ text-align: center; margin-top:1vw; font-size: var(--size18);}
.z_al_swiper li:hover h3{ color: var(--color);}
.z_al_warp{ position: relative;}
.z_swiper_btn{ display: flex;align-items: center;e justify-content: center;width: 40px;
height: 40px; position: absolute; top: 45%; transform: translateY(-50%); cursor: pointer;outline: none; transition: ease 1s;z-index: 2;
background: #F2F2F2; justify-content: center; transition: ease 1s;
box-shadow: 0px 7px 18px 0px rgba(39,45,65,0.1);
border-radius: 50%; }
.z_swiper_btn:hover{background: var(--color);}
.z_swiper_btn:hover .iconfont{ color:#fff; font-weight: bold; }

.z_swiper_btn.prev{ left: -60px;}
.z_swiper_btn.next{ right: -60px;}


.z_index_tit{ margin-bottom:4vw;}
.z_index_tit .h3{font-size: 2.5vw;font-weight: bold;color: #333333;line-height: 2.5vw;}
.z_index_tit .h4{font-size: var(--size18);font-weight: 400;color: #666666;line-height: 24px; margin-top: 15px;}

.z_index_tit3{ margin-bottom:4vw;}
.z_index_tit3 .h3{font-size: 2.5vw;font-weight: bold;color: #333333;line-height: 2.5vw;}
@media screen and (max-width: 980px) 
{
    .z_index_tit3 .h3{font-size: 22px; text-align:center;}
   
}

.z_jianjie_warp{ background: #F4F6F9; padding: 8vw 10vw;}
.z_jianjie_warp .fl_warp{ width: 30.20833vw; padding-top: 2vw;}
.z_jianjie_warp .desc{font-size: 16px;font-weight: 400; margin-top: 3.5vw; color: #666666;line-height: 24px}
.z_jianjie_warp .fr_warp{ width: 37.5vw; height: 22.39583vw;box-shadow: 0px 10px 23px 0px rgba(0,0,0,0.25); overflow: hidden;
border-radius: 20px;}




.z_tuwen_warp{ position: relative; padding: 8vw 10vw; box-sizing: border-box;}
.z_tuwen_warp .imgwarp img{ display: block; margin: 0 auto;}

.z_case_ys{ position: relative; padding: 8vw 10vw;}
.z_case_ys .z_index_tit{ margin-bottom: 6vw;}
.z_case_ys ul{ margin-left: -1.5%; align-items: unset;}
.z_case_ys li{ width: 31.8%; float: left; margin-left: 1.5%;background: #FFFFFF;
border: 0px solid #050001; transition: ease .2s;
border-radius: 10px; padding: 1.5vw 2vw; box-sizing: border-box;}
.z_case_ys li .icon{ width: 80px; overflow: hidden;}
.z_case_ys li .icon img{ width: 160px; display: block; max-width: none; }
.z_case_ys li .tit{font-size: 1.1vw;font-weight: bold;line-height: 28px;}
.z_case_ys li .desc{font-size: 16px;font-weight: 400;line-height: 24px; text-align: justify; margin-top: 1.5vw;}
.z_case_ys li::before{ content: ""; display: block; width: 100%; height: 100%;  position: absolute; left: 0;top: 50%;transform: translateY(-50%); background: url(../../images/zbg6.jpg) no-repeat center; background-size: cover;box-shadow: 0px 10px 43px 0px rgba(0,0,0,0.25);transition: ease .5s;
border-radius: 10px;  opacity: 0; transition-delay: 0.1s;}
.z_case_ys li.active::before{ opacity: 1;}
.z_case_ys li.active{ background: none; color: #fff;}
.z_case_ys li.active img{ transform: translateX(-80px);}





.z_container {
    
    margin: 0 auto
}

.z_down_list li {
    background: #fff;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(41.6px, 4.1666666667vw, 80px);
    padding: 0 clamp(13px, 1.3020833333vw, 25px)
}

    .z_down_list li:hover .tt {
        color: #005980
    }

.z_down_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

.z_down_list .tt {
    font-size: clamp(16px, .9375vw, 18px);
    position: relative;
    padding-left: 18px
}

    .z_down_list .tt::before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background: url(../img/dot.png) no-repeat center;
        background-size: 100% auto;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0
    }

.z_down_list .down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 clamp(10.4px, 1.0416666667vw, 20px);
    height: 40px;
    background: linear-gradient(91deg, #0f81f1, #1e579c);
    border-radius: 3px;
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px
}

    .z_down_list .down img {
        display: block;
        margin-right: 6px
    }

@media screen and (max-width: 980px) {
    .z_down_list li {
        height: auto;
        padding: 15px 12px
    }

    .z_down_list li {
        height: auto
    }
}

.z_down_list .z_index_tit  {
  margin-bottom:2vw;
}

.z_down_list .z_index_tit .text {
    font-size: 1.8vw;
    font-weight: 400;
    line-height: 3.2291666667vw;
    text-align:center;
    color: #797979;
}

@media screen and (max-width: 980px) {
    .z_down_list .z_index_tit .text {
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_down_list .z_index_tit .text {
        line-height: 26px
    }
}


.z_ques_warp {
    padding-bottom: 7.2916666667vw; background: #fff;
}

@media screen and (max-width: 980px) {
    .z_ques_warp {
        padding-bottom: 30px
    }
}

.z_ques_warp ul {
   
    margin-left: 2vw;
    margin-right: 2vw;
}

@media screen and (max-width: 980px) {
    .z_ques_warp ul {
        margin-top: 0px;
    }
}

.z_ques_warp li.on .icon-jiahao {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.z_ques_warp .titbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: .9375vw;
    line-height: 1.5625vw;
    border-bottom: 1px solid #e4e4e4;
    padding: 14px 0;
    cursor: pointer
}

@media screen and (max-width: 1680px) {
    .z_ques_warp .titbar {
        font-size: 1.134375vw
    }
}

@media screen and (max-width: 980px) {
    .z_ques_warp .titbar {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_ques_warp .titbar {
        line-height: 1.8125vw
    }
}

@media screen and (max-width: 980px) {
    .z_ques_warp .titbar {
        line-height: 24px
    }
}

.z_ques_warp .icon-jiahao {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    display: inline-block;
    -webkit-transition: ease .5s;
    transition: ease .5s
}

.z_ques_warp .con {
    background: #f5f5f5;
    padding: 2.0833333333vw;
    font-size: .8333333333vw;
    line-height: 1.25vw;
    color: #666;
    display: none
}

@media screen and (max-width: 980px) {
    .z_ques_warp .con {
        padding: 15px
    }
}

@media screen and (max-width: 1680px) {
    .z_ques_warp .con {
        font-size: 1.0083333333vw;
        font-size: 1.0666666667vw
    }
}

@media screen and (max-width: 980px) {
    .z_ques_warp .con {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_ques_warp .con {
        line-height: 1.45vw
    }
}

@media screen and (max-width: 980px) {
    .z_ques_warp .con {
        line-height: 22px
    }
}

.z_ques_warp .z_index_tit .slg {
    font-size: 1.9375vw;
    font-weight: bold;
  
    text-align:center;
}

@media screen and (max-width: 1680px) {
   .z_ques_warp .z_index_tit .slg {
        font-size: 1.134375vw
    }
}

@media screen and (max-width: 980px) {
 .z_ques_warp   .z_index_tit .slg {
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
   .z_ques_warp .z_index_tit .slg {
        margin-bottom: 10px
    }
}



.z_ques_warp .z_index_tit .text {
    font-size: 1.8vw;
    font-weight: 400;
    line-height: 3.2291666667vw;
    text-align:center;
    color: #797979;
}

@media screen and (max-width: 980px) {
    .z_ques_warp .z_index_tit .text {
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_ques_warp .z_index_tit .text {
        line-height: 26px
    }
}

.z_ques_warp .z_index_tit .text div {
    overflow: hidden
}

.z_ques_warp .z_index_tit .tt {
    overflow: hidden
}
.z_ques_warp .z_index_tit 
{
   padding-top:1vw;
    margin-bottom:1vw;
}

.z_index_tit .slg {
    font-size: .9375vw;
    font-weight: bold;
    position: relative;
    vertical-align: middle;
    margin-bottom: .78125vw;
    display: inline-block;
    padding-left: 12px
}

@media screen and (max-width: 1680px) {
    .z_index_tit .slg {
        font-size: 1.134375vw
    }
}

@media screen and (max-width: 980px) {
    .z_index_tit .slg {
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .z_index_tit .slg {
        margin-bottom: 10px
    }
}

.z_index_tit .slg::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px
}

.z_index_tit .slg .tt {
    display: inline-block
}

    .z_index_tit .slg .tt div {
        padding-left: 16px
    }

.z_index_tit .slg em {
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    vertical-align: 2px
}

.z_index_tit .text {
    font-size: 2.5vw;
    font-weight: bold;
    line-height: 3.2291666667vw
}

@media screen and (max-width: 980px) {
    .z_index_tit .text {
        font-size: 22px
    }
}

@media screen and (max-width: 980px) {
    .z_index_tit .text {
        line-height: 26px
    }
}

.z_index_tit .text div {
    overflow: hidden
}

.z_index_tit .tt {
    overflow: hidden
}



.z2_container {
  width: 78.9166666667vw;
  margin: 0 auto
}
@media screen and (max-width: 980px) {
  .z2_container {
    width: 94%
  }
}


.z_desc {
  text-align: justify
}
@media(min-width: 1920px) {
  .z_desc {
    font-size: 18px
  }
}
@media(max-width: 1920px) {
  .z_desc {
    font-size: .9375vw
  }
}
@media(max-width: 1440px) {
  .z_desc {
    font-size: .9375vw
  }
}
@media(max-width: 1000px) {
  .z_desc {
    font-size: 14px;
  }
}
@media(min-width: 1920px) {
  .z_desc {
    line-height: 28px
  }
}
@media(max-width: 1920px) {
  .z_desc {
    line-height: 1.4583333333vw
  }
}
@media(max-width: 1440px) {
  .z_desc {
    line-height: 1.4583333333vw
  }
}
@media(max-width: 1000px) {
  .z_desc {
    line-height: 1.4583333333vw;
    line-height: 22px
  }
}



.z_pro_head {
  margin-top: 0.90625vw;
  position: relative;
  padding-top: 0vw
}
@media screen and (max-width: 980px) {
  .z_pro_head {
    margin-top: 10px
  }
}
@media screen and (max-width: 980px) {
  .z_pro_head {
    padding-top: 35px
  }
}
.z_pro_head .z_index_tit .tt {
  white-space: nowrap
}
@media(min-width: 1920px) {
  .z_pro_head .z_index_tit .tt {
    font-size: 30px
  }
}
@media(max-width: 1920px) {
  .z_pro_head .z_index_tit .tt {
    font-size: 1.5625vw
  }
}
@media(max-width: 1440px) {
  .z_pro_head .z_index_tit .tt {
    font-size: 1.5625vw
  }
}
@media(max-width: 1000px) {
  .z_pro_head .z_index_tit .tt {
    font-size: 1.5625vw
  }
}
@media(min-width: 1920px) {
  .z_pro_head .z_index_tit .tt {
    line-height: 38px
  }
}
@media(max-width: 1920px) {
  .z_pro_head .z_index_tit .tt {
    line-height: 1.9791666667vw
  }
}
@media(max-width: 1440px) {
  .z_pro_head .z_index_tit .tt {
    line-height: 1.9791666667vw
  }
}
@media(max-width: 1000px) {
  .z_pro_head .z_index_tit .tt {
    line-height: 1.9791666667vw;
    line-height: 28px
  }
}
.z_pro_head.z_pro_head1 {
  padding-top: 4.6875vw
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head1 {
    padding-top: 30px
  }
}
.z_pro_head.z_pro_head2 {
  padding-bottom: 5.2083333333vw
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head2 {
    padding-bottom: 30px
  }
}
.z_pro_head.z_pro_head3 {
  padding-top: 6.25vw;
  padding-bottom: 5.7291666667vw
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head3 {
    padding-top: 30px
  }
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head3 {
    padding-bottom: 30px
  }
}
.z_pro_head.z_pro_head3 .z_desc {
  margin-top: 1.0416666667vw;
  margin-bottom: 4.1666666667vw
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head3 .z_desc {
    margin-top: 20px
  }
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head3 .z_desc {
    margin-bottom: 20px
  }
}
.z_pro_head.z_pro_head4 {
  padding-top: 6.7708333333vw;
  padding-bottom: 6.7708333333vw
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head4 {
    padding-top: 30px;
    padding-bottom: 30px
  }
}
.z_pro_head.z_pro_head4 .z_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.z_pro_head.z_pro_head4 .flwarp {
  width: 22.65625vw;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head4 .flwarp {
    width: 100%
  }
}
.z_pro_head.z_pro_head4 .imgbox {
  margin-right: -5.2083333333vw
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head4 .imgbox {
    margin-right: 0
  }
}
.z_pro_head.z_pro_head4 .z_desc {
  color: #666
}
.z_pro_head.z_pro_head5 {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head5 {
    padding-top: 30px;
    padding-bottom: 30px
  }
}
.z_pro_head.z_pro_head5 .slgbar {
  margin-top: 1.5625vw
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head5 .slgbar {
    margin-top: 20px
  }
}
.z_pro_head.z_pro_head5 .z_desc {
  margin-top: 1.5625vw;
  margin-bottom: 3.6458333333vw
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head5 .z_desc {
    margin-top: 20px
  }
}
@media screen and (max-width: 980px) {
  .z_pro_head.z_pro_head5 .z_desc {
    margin-bottom: 20px
  }
}
.z_pro_head .imgwarp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.z_pro_head .imgwarp img {
  display: block
}
.z_pro_head .flwarp {
  width: 27.0833333333vw
}
@media screen and (max-width: 980px) {
  .z_pro_head .flwarp {
    width: 100%
  }
}
.z_pro_head .z_desc {
  text-align: justify;
  margin-top: 2.0833333333vw;
  margin-bottom: 2.0833333333vw
}
@media screen and (max-width: 980px) {
  .z_pro_head .z_desc {
    margin-top: 20px;
    margin-bottom: 20px
  }
}
.z_pro_head .slgbar .item {
  display: inline-block;
  padding-left: 1.09375vw;
  padding-right: 1.09375vw;
  background: #e2edff;
  -webkit-mask: linear-gradient(135deg, transparent 4px, #000 0) top left, linear-gradient(-135deg, transparent 0px, #000 0) top right, linear-gradient(-45deg, transparent 4px, #000 0) bottom right, linear-gradient(45deg, transparent 0px, #000 0) bottom left;
  mask: linear-gradient(135deg, transparent 4px, #000 0) top left, linear-gradient(-135deg, transparent 0px, #000 0) top right, linear-gradient(-45deg, transparent 4px, #000 0) bottom right, linear-gradient(45deg, transparent 0px, #000 0) bottom left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 51% 51%;
  mask-size: 51% 51%;
  margin-bottom: 6px
}
@media(min-width: 1920px) {
  .z_pro_head .slgbar .item {
    line-height: 40px
  }
}
@media(max-width: 1920px) {
  .z_pro_head .slgbar .item {
    line-height: 2.0833333333vw
  }
}
@media(max-width: 1440px) {
  .z_pro_head .slgbar .item {
    line-height: 2.0833333333vw
  }
}
@media(max-width: 1000px) {
  .z_pro_head .slgbar .item {
    line-height: 2.0833333333vw;
    line-height: 36px
  }
}
@media screen and (max-width: 980px) {
  .z_pro_head .slgbar .item {
    padding-left: 12px;
    padding-right: 12px
  }
}
@media(min-width: 1920px) {
  .z_pro_head .slgbar .item {
    font-size: 16px
  }
}
@media(max-width: 1920px) {
  .z_pro_head .slgbar .item {
    font-size: .8333333333vw
  }
}
@media(max-width: 1440px) {
  .z_pro_head .slgbar .item {
    font-size: .8333333333vw
  }
}
@media(max-width: 1000px) {
  .z_pro_head .slgbar .item {
    font-size: .8333333333vw
  }
}
.z_pro_head .imgbox {
  width: 55.8541666667vw;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 980px) {
  .z_pro_head .imgbox {
    width: 100%
  }
}
.z_pro_head .infobox {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%
}
@media screen and (max-width: 980px) {
  .z_pro_head .infobox {
    position: relative;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  .z_pro_head .z_container {
    display: block !important
  }
  .z_pro_head .slgbar .item {
    width: 48%
  }
}


.z_lingyu {
  position: relative;
  overflow: hidden;
  padding-top: 7.2916666667vw;
  padding-bottom: 7.2916666667vw
}
@media screen and (max-width: 980px) {
  .z_lingyu {
    padding-top: 35px;
    padding-bottom: 35px
  }
}
.z_lingyu .infobox {
  width: 100%;
  margin-bottom: 2.6041666667vw
}
@media screen and (max-width: 980px) {
  .z_lingyu .infobox {
    margin-bottom: 20px
  }
}
.z_lingyu .imgbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.z_lingyu .imgbox img {
  display: block;
  width: 72.9166666667vw;
  display: none
}
@media screen and (max-width: 980px) {
  .z_lingyu .imgbox img {
    width: 100%
  }
}
.z_lingyu .imgbox .img img {
  display: block;
  width: 100%
}
@media screen and (max-width: 980px) {
  .z_lingyu {
    padding: 40px 0
  }
  .z_lingyu .infobox {
    position: relative;
    top: auto
  }
}

.z_zz_scene {
  background: #f9f9f9
}
.z_scene_swiper {
  margin-top: 2.6041666667vw
}
@media screen and (max-width: 980px) {
  .z_scene_swiper {
    margin-top: 30px
  }
}
.z_scene_swiper li:hover .imgbg {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}
.z_scene_swiper li:hover .tt, .z_scene_swiper li:hover .more {
  color: #0b55ce
}
.z_scene_swiper .imgbox {
  -webkit-clip-path: polygon(95% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(95% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
  height: 14.1666666667vw
}
@media screen and (max-width: 980px) {
  .z_scene_swiper .imgbox {
    height: 50vw
  }
}
.z_scene_swiper .infobox {
  background: #fff;
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
  padding-top: 1.0416666667vw;
  padding-bottom: 1.0416666667vw
}
@media screen and (max-width: 980px) {
  .z_scene_swiper .infobox {
    padding-left: 12px;
    padding-right: 12px
  }
}
@media screen and (max-width: 980px) {
  .z_scene_swiper .infobox {
    padding-top: 15px;
    padding-bottom: 15px
  }
}
.z_scene_swiper .tt {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}
@media(min-width: 1920px) {
  .z_scene_swiper .tt {
    font-size: 24px
  }
}
@media(max-width: 1920px) {
  .z_scene_swiper .tt {
    font-size: 1.25vw
  }
}
@media(max-width: 1440px) {
  .z_scene_swiper .tt {
    font-size: 14px;
  }
}
@media(max-width: 1000px) {
  .z_scene_swiper .tt {
    font-size: 14px;
  }
}
.z_scene_swiper .slgbar {
  margin-top: .5208333333vw;
  min-height: 3.6458333333vw;
  margin-bottom: 1.0416666667vw
}
@media screen and (max-width: 980px) {
  .z_scene_swiper .slgbar {
    margin-top: 15px
  }
}
@media screen and (max-width: 980px) {
  .z_scene_swiper .slgbar {
    margin-bottom: 15px
  }
}
.z_scene_swiper .slgbar .item {
  display: inline-block;
  padding-left: .78125vw;
  padding-right: .78125vw;
  background: #e2edff;
  margin-bottom: 6px;
  -webkit-mask: linear-gradient(135deg, transparent 3px, #000 0) top left, linear-gradient(-135deg, transparent 0px, #000 0) top right, linear-gradient(-45deg, transparent 3px, #000 0) bottom right, linear-gradient(45deg, transparent 0px, #000 0) bottom left;
  mask: linear-gradient(135deg, transparent 3px, #000 0) top left, linear-gradient(-135deg, transparent 0px, #000 0) top right, linear-gradient(-45deg, transparent 3px, #000 0) bottom right, linear-gradient(45deg, transparent 0px, #000 0) bottom left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 51% 51%;
  mask-size: 51% 51%;
  margin-bottom: 6px
}
@media(min-width: 1920px) {
  .z_scene_swiper .slgbar .item {
    line-height: 30px
  }
}
@media(max-width: 1920px) {
  .z_scene_swiper .slgbar .item {
    line-height: 1.5625vw
  }
}
@media(max-width: 1440px) {
  .z_scene_swiper .slgbar .item {
    line-height: 1.5625vw
  }
}
@media(max-width: 1000px) {
  .z_scene_swiper .slgbar .item {
    line-height: 1.5625vw;
    line-height: 26px
  }
}
@media screen and (max-width: 980px) {
  .z_scene_swiper .slgbar .item {
    padding-left: 12px;
    padding-right: 12px
  }
}
@media(min-width: 1920px) {
  .z_scene_swiper .slgbar .item {
    font-size: 16px
  }
}
@media(max-width: 1920px) {
  .z_scene_swiper .slgbar .item {
    font-size: .8333333333vw
  }
}
@media(max-width: 1440px) {
  .z_scene_swiper .slgbar .item {
    font-size: 14px;
  }
}
@media(max-width: 1000px) {
  .z_scene_swiper .slgbar .item {
    font-size: 14px;
  }
}
.z_swiper .z_swiper_dot {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.125vw
}
@media screen and (max-width: 980px) {
  .z_swiper .z_swiper_dot {
    margin-top: 20px
  }
}
.z_swiper .z_swiper_dot span {
  background: #f6f6f6;
  border-radius: 50%;
  border: 2px solid #0b55ce;
  opacity: 1;
  width: 14px;
  height: 14px
}
@media screen and (max-width: 980px) {
  .z_swiper .z_swiper_dot span {
    width: 8px;
    height: 8px
  }
}
.z_swiper .z_swiper_dot span.on {
  background: #0b55ce;
  cursor: pointer
}

.z_zz_case .z_tab_nav {
  margin-top: 3.6458333333vw
}
@media screen and (max-width: 980px) {
  .z_zz_case .z_tab_nav {
    margin-top: 30px
  }
}
.z_zztab_con {
  margin-top: 1.5625vw
}
@media screen and (max-width: 980px) {
  .z_zztab_con {
    margin-top: 30px
  }
}
.z_zztab_con .z_case_swiper11 {
  margin-top: 2.6041666667vw
}
@media screen and (max-width: 980px) {
  .z_zztab_con .z_case_swiper11 {
    margin-top: 20px
  }
}
.z_zztab_con .childbox {
  display: none
}
.z_zztab_con .childbox.active {
  display: block
}



.z_index_zixun {
  padding-top: 4.6875vw;
  padding-bottom: 4.6875vw
}
@media screen and (max-width: 980px) {
  .z_index_zixun {
    padding-top: 35px;
    padding-bottom: 35px
  }
}
.z_index_zixun .tt {
  font-weight: bold
}
@media(min-width: 1920px) {
  .z_index_zixun .tt {
    font-size: 36px
  }
}
@media(max-width: 1920px) {
  .z_index_zixun .tt {
    font-size: 1.875vw
  }
}
@media(max-width: 1440px) {
  .z_index_zixun .tt {
    font-size: 16px;
  }
}
@media(max-width: 1000px) {
  .z_index_zixun .tt {
    font-size: 16px;
  }
}
.z_index_zixun .desc {
  margin-top: 1.0416666667vw
}
@media screen and (max-width: 980px) {
  .z_index_zixun .desc {
    margin-top: 15px
  }
}
.z_index_zixun .desc em {
  display: inline-block;
  border-left: 1px solid #d2d2d2;
  padding: 0 5px;
  line-height: 16px
}
.z_index_zixun .desc em:first-child {
  border-left: none
}
.z_index_zixun .z_more11 {
  margin-top: 1.0416666667vw
}
@media screen and (max-width: 980px) {
  .z_index_zixun .z_more11 {
    margin-top: 15px
  }
}
.z_index_zixun .slgbar {
  margin-top: .5208333333vw
}
@media screen and (max-width: 980px) {
  .z_index_zixun .slgbar {
    margin-top: 15px
  }
}
.z_index_zixun .slgbar span {
  display: inline-block;
  background: #e2edff;
  color: #0b55ce;
  line-height: 30px;
  margin-right: 10px;
  border-radius: 3px;
  padding: 0 12px
}

.z_index_tit {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
@media(min-width: 1920px) {
  .z_index_tit .tt {
    font-size: 60px
  }
}
@media(max-width: 1920px) {
  .z_index_tit .tt {
    font-size: 3.125vw
  }
}
@media(max-width: 1440px) {
  .z_index_tit .tt {
    font-size: 3.125vw
  }
}
@media(max-width: 1000px) {
  .z_index_tit .tt {
    font-size: 3.125vw
  }
}
@media(min-width: 1920px) {
  .z_index_tit .tt {
    line-height: 68px
  }
}
@media(max-width: 1920px) {
  .z_index_tit .tt {
    line-height: 3.5416666667vw
  }
}
@media(max-width: 1440px) {
  .z_index_tit .tt {
    line-height: 3.5416666667vw
  }
}
@media(max-width: 1000px) {
  .z_index_tit .tt {
    line-height: 3.5416666667vw;
    line-height: 28px
  }
}
.z_index_tit.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.z_index_tit .z_desc {
  margin-top: 1.0416666667vw
}
@media screen and (max-width: 980px) {
  .z_index_tit .z_desc {
    margin-top: 10px
  }
}
@media(min-width: 1920px) {
  .z_index_tit.z_index_tit2 .tt {
    font-size: 36px
  }
}
@media(max-width: 1920px) {
  .z_index_tit.z_index_tit2 .tt {
    font-size: 1.875vw
  }
}
@media(max-width: 1440px) {
  .z_index_tit.z_index_tit2 .tt {
    font-size: 1.875vw
  }
}
@media(max-width: 1000px) {
  .z_index_tit.z_index_tit2 .tt {
    font-size: 3.875vw
  }
}
@media(min-width: 1920px) {
  .z_index_tit.z_index_tit2 .tt {
    line-height: 42px
  }
}
@media(max-width: 1920px) {
  .z_index_tit.z_index_tit2 .tt {
    line-height: 2.1875vw
  }
}
@media(max-width: 1440px) {
  .z_index_tit.z_index_tit2 .tt {
    line-height: 2.1875vw
  }
}
@media(max-width: 1000px) {
  .z_index_tit.z_index_tit2 .tt {
    line-height: 2.1875vw;
    line-height: 28px
  }
}
.z_index_tit.z_index_tit2 .z_sj_box {
  width: 2.5vw;
  height: 1.875vw;
  margin-top: 0vw
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_sj_box {
    width: 24px;
    height: 20px
  }
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_sj_box {
    margin-top: 4px
  }
}
.z_index_tit.z_index_tit2 .z_sj_box img {
  display: block;
  width: 1.3541666667vw
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_sj_box img {
    width: 16px
  }
}
.z_index_tit.z_index_tit2 .z_desc {
  margin-left: -2.5vw;
  margin-top: 1.5625vw
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_desc {
    margin-left: -20px
  }
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_desc {
    margin-top: 10px
  }
}
.z_index_tit .font24 {
  margin-top: .5208333333vw
}
@media screen and (max-width: 980px) {
  .z_index_tit .font24 {
    margin-top: 10px
  }
}
@media screen and (max-width: 980px) {
  .z_index_tit .tt {
    font-weight: bold
  }
}

.z_index_tit.z_index_tit2 .z_sj_box {
  width: 2.5vw;
  height: 1.875vw;
  margin-top: 0vw
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_sj_box {
    width: 24px;
    height: 20px
  }
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_sj_box {
    margin-top: 4px
  }
}
.z_index_tit.z_index_tit2 .z_sj_box img {
  display: block;
  width: 1.3541666667vw
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_sj_box img {
    width: 16px
  }
}
.z_index_tit.z_index_tit2 .z_desc {
  margin-left: -2.5vw;
  margin-top: 1.5625vw
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_desc {
    margin-left: -20px
  }
}
@media screen and (max-width: 980px) {
  .z_index_tit.z_index_tit2 .z_desc {
    margin-top: 10px
  }
}
.z_index_tit .font24 {
  margin-top: .5208333333vw
}
@media screen and (max-width: 980px) {
  .z_index_tit .font24 {
    margin-top: 10px
  }
}
@media screen and (max-width: 980px) {
  .z_index_tit .tt {
    font-weight: bold
  }
}
.z_sj_box {
  width: 2.9166666667vw;
  height: 2.1875vw;
  position: relative;
  margin-top: .6770833333vw;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width: 980px) {
  .z_sj_box {
    width: 24px;
    height: 20px
  }
}
@media screen and (max-width: 980px) {
  .z_sj_box {
    margin-top: 4px
  }
}
.z_sj_box img {
  display: block;
  width: 1.9791666667vw;
  -webkit-transform-origin: center;
  transform-origin: center
}
@media screen and (max-width: 980px) {
  .z_sj_box img {
    width: 16px
  }
}
.z_sj_box .j1 {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: roate1 5s infinite linear;
  animation: roate1 5s infinite linear
}
.z_sj_box .j2 {
  position: absolute;
  right: 0;
  bottom: 0;
  animation: roate1 5s infinite linear reverse
}
@-webkit-keyframes roate1 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(260deg);
    transform: rotate(260deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
@keyframes roate1 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(260deg);
    transform: rotate(260deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

.z_padd_topbtm_140 {
  padding-top: 4.1666666667vw;
  padding-bottom: 4.1666666667vw;
  overflow: hidden
}
@media screen and (max-width: 980px) {
  .z_padd_topbtm_140 {
    padding-top: 35px;
    padding-bottom: 35px
  }
}
.z_swiper {
  overflow: hidden
}


.z_tab_nav {
  position: relative;
  margin-top: 1.5625vw
}
.z_tab_nav::before {
  content: "";
  display: block;
  height: 1px;
  background: #dcdcdc;
  position: absolute;
  left: 0%;
  bottom: 1px;
  width: 100%
}
.z_tab_nav li {
  text-align: center;
  padding-top: 1.1458333333vw;
  padding-bottom: 1.1458333333vw;
  cursor: pointer
}
@media screen and (max-width: 980px) {
  .z_tab_nav li {
    padding-top: 12px;
    padding-bottom: 12px
  }
}
.z_tab_nav li.active::before {
  width: 100%;
  left: 0
}
.z_tab_nav li::before {
  content: "";
  display: block;
  height: 3px;
  background: #e62131;
  -webkit-transition: ease 1s;
  transition: ease 1s;
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 0
}
.z_tab_nav .iconbox {
  height: 4.1666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px
}
@media screen and (max-width: 980px) {
  .z_tab_nav .iconbox {
    height: 50px
  }
}
.z_tab_nav .iconbox img {
  display: block;
  max-height: 100%
}
@media(min-width: 1920px) {
  .z_tab_nav .tt {
    font-size: 18px
  }
}
@media(max-width: 1920px) {
  .z_tab_nav .tt {
    font-size: 14px
  }
}
@media(max-width: 1440px) {
  .z_tab_nav .tt {
    font-size: 14px
  }
}
@media(max-width: 1000px) {
  .z_tab_nav .tt {
    font-size: 14px
  }
}
@media screen and (max-width: 980px) {
  .z_tab_nav {
    margin-top: 20px
  }
}
.color66 {
  color: #666
}


.z_case_swiper11 {
  margin-top: 3.125vw
}
@media screen and (max-width: 980px) {
  .z_case_swiper11 {
    margin-top: 30px
  }
}
.z_case_swiper11 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse
}
.z_case_swiper11 li:hover .imgbg {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}
.z_case_swiper11 li:hover .tt, .z_case_swiper11 li:hover .more {
  color: #0b55ce
}
.z_case_swiper11 .imgbox {
  width: 45.3125vw;
  height: 23.9583333333vw;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-clip-path: polygon(95% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(95% 0, 100% 10%, 100% 100%, 0 100%, 0 0)
}
@media screen and (max-width: 980px) {
  .z_case_swiper11 .imgbox {
    width: 100%;
    height: 50vw
  }
}
.z_case_swiper11 .infobox {
  background: #f4f4f4;
  padding: 2.0833333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 980px) {
  .z_case_swiper11 .infobox {
    padding: 15px
  }
}
.z_case_swiper11 .infobox .z_desc {
  color: #686868;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  margin-top: 1.0416666667vw
}
@media screen and (max-width: 980px) {
  .z_case_swiper11 .infobox .z_desc {
    margin-top: 10px
  }
}
.z_case_swiper11 .tt {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
@media(min-width: 1920px) {
  .z_case_swiper11 .tt {
    font-size: 22px
  }
}
@media(max-width: 1920px) {
  .z_case_swiper11 .tt {
    font-size: 1.1458333333vw
  }
}
@media(max-width: 1440px) {
  .z_case_swiper11 .tt {
    font-size: 14px;
  }
}
@media(max-width: 1000px) {
  .z_case_swiper11 .tt {
    font-size: 14px;
  }
}
.z_case_swiper11 .swiper_dot {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  margin-top: 2.6041666667vw
}
@media screen and (max-width: 980px) {
  .z_case_swiper11 .swiper_dot {
    margin-top: 20px
  }
}
.z_case_swiper11 .swiper_dot span {
  background: #f6f6f6;
  border-radius: 50%;
  border: 2px solid #0b55ce;
  opacity: 1;
  width: 14px;
  height: 14px
}
@media screen and (max-width: 980px) {
  .z_case_swiper11 .swiper_dot span {
    width: 8px;
    height: 8px
  }
}
.z_case_swiper11 .swiper_dot span.on {
  background: #0b55ce;
  cursor: pointer
}
@media screen and (max-width: 980px) {
  .z_case_swiper11 a {
    display: block
  }
  .z_case_swiper11 .more {
    margin-top: 15px
  }
}

.more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media(min-width: 1920px) {
  .more {
    font-size: 16px
  }
}
@media(max-width: 1920px) {
  .more {
    font-size: .8333333333vw
  }
}
@media(max-width: 1440px) {
  .more {
    font-size: .8333333333vw
  }
}
@media(max-width: 1000px) {
  .more {
    font-size: .8333333333vw
  }
}
.more .iconfont {
  color: #0b55ce;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: 5px
}


.z_more11 {
  width: 7.1875vw;
  height: 2.1875vw;
  background: #e62131;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 1.0416666667vw;
  padding-right: 1.0416666667vw;
  color: #fff;
  -webkit-transition: ease 1s;
  transition: ease 1s;
  -webkit-mask: linear-gradient(135deg, transparent 4px, #000 0) top left, linear-gradient(-135deg, transparent 0px, #000 0) top right, linear-gradient(-45deg, transparent 4px, #000 0) bottom right, linear-gradient(45deg, transparent 0px, #000 0) bottom left;
  mask: linear-gradient(135deg, transparent 4px, #000 0) top left, linear-gradient(-135deg, transparent 0px, #000 0) top right, linear-gradient(-45deg, transparent 4px, #000 0) bottom right, linear-gradient(45deg, transparent 0px, #000 0) bottom left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 51% 51%;
  mask-size: 51% 51%
}
@media screen and (max-width: 980px) {
  .z_more11 {
    width: 120px;
    height: 38px
  }
}
@media screen and (max-width: 980px) {
  .z_more11 {
    padding-left: 12px;
    padding-right: 12px
  }
}
@media(min-width: 1920px) {
  .z_more11 {
    font-size: 16px
  }
}
@media(max-width: 1920px) {
  .z_more11 {
    font-size: .8333333333vw
  }
}
@media(max-width: 1440px) {
  .z_more11 {
    font-size: 14px;
  }
}
@media(max-width: 1000px) {
  .z_more11 {
    font-size: 14px;
  }
}
.z_more11 .iconfont {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: ease 1s;
  transition: ease 1s
}
.z_more11:hover {
  border-radius: 0;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0, 0 0);
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0, 0 0)
}
.z_more11:hover .iconfont {
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
.z_pro_td .warps{ position: relative; margin-top: 7vw; }
.z_pro_img .tit{ font-size: var(--size24); margin-bottom: 2vw;}
.z_pro_img .imgbox img{ display: block; margin: 0 auto; max-width: 100%!important; height: auto!important;}

.z_pro_td{ padding: 7vw 10vw; padding-bottom: 4vw; box-sizing: border-box;}

.z_pro_td li{ width:21.875vw; margin-bottom: 5vw;}
.z_pro_td .rw{ display: block; width: 30vw;  position: absolute; left: 50%; bottom: 0%; transform: translate(-50%,0%);}
.z_pro_td li h3{ font-size: 1.25vw;}
.z_pro_td li:nth-child(even){ margin-left: auto; float: none;}




.lh-area{background:#eeeef2; padding: 7.2vw 10.4vw;}
.lh-area .lh-pro-h{text-align:center;}
.lh-area .lh-pro-h>div{float:none;}
.lh-area .lh-pro-h>div h3{display:inline-block;}
.lh-area-item{position:relative;}
.lh-area-item li{width:426px; margin-top:34px; height:299px; position:relative; overflow:hidden;}
.lh-area-item li .img{width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;transition:ease .65s;}
.lh-area-item li .text{position:absolute; left:0; top:0; width:100%; padding:57px 37px; color:#fff; height:100%; z-index:2;}
.lh-area-item li .text h2{font-size:18px; font-weight:bold; position:relative;}
.lh-area-item li .text h2:before{content:''; display:block; width:14px; height:2px; background:#fff; position:absolute; left:0; top:-15px;}
.lh-area-item li .text h3{line-height:24px; font-size:12px; margin-top:10px; max-height:72px; overflow:hidden;}
.lh-area-item li .text h4{position:absolute; left:37px; bottom:72px; border-color:#fff; transition:ease .65s; opacity:0; transform:translateY(100%);}
.lh-area-item li .text h4:before,.lh-area-item li .text h4:after{background:#fff;}
.lh-area-item li:before{content:''; display:block; width:100%; height:100%; background:#0F90D1; position:absolute; left:0; bottom:0; transform:translateY(100%); transition:ease .65s; z-index:1;}
.lh-area-item li:after{content:''; display:block; width:0; height:0; border:40px solid transparent; border-top:50px solid #EEEEF2; position:absolute; left:50%; top:0; margin-left:-40px; transform:translateY(-300%); transition:ease .65s; z-index:1;}
.lh-area-item li:hover:before,.lh-area-item li:hover:after{transform:translateY(0);}
.lh-area-item li:hover .text h4{opacity:1;transform:translateY(0);}
.lh-area-item li:hover .img{transform:scale(1.1);}
.lh-area-item li:nth-child(3){width:556px; height:634px; position:absolute; left:460px; top:0; margin-top:0;}
.lh-area-item li:nth-child(4){right:0; top:0; margin:0; position:absolute;}
.lh-area-item li:nth-child(5){right:0; bottom:0; position:absolute;}


 .z_index_story_div{ width:100%;}
 .z_index_story {
       padding: 5.2083333333vw 0;
    padding-bottom: 7.2916666667vw;
    overflow: hidden;
    position: relative;
    z-index: 1
  }
.z_index_story .z_index_tit {
    margin-bottom: 4.1666666667vw;
    padding: 0 10.4166666667vw
}
  @media screen and (max-width: 980px) {
    .z_index_story .z_index_tit {
      margin-bottom: 30px
    }
    .z_index_story .z_more_btn{ position: absolute;right:0vw;}
  }
  .z_index_story .z_story_swiper {
    padding: 2.0833333333vw 0;
    overflow: hidden
  }
  .z_index_story .swiper_btn_warp .iconfont{
    border: none; 
  }
  .z_index_story .swiper_btn_warp .next{
    
  }
 .z_index_story .swiper_btn_warp .icon-arr_r{
    margin-left:10px;
  }
  .z_index_story .z_story_swiper li {
    position: relative;
    height: 14.0625vw
  }
  @media screen and (max-width: 980px) {
    .z_index_story .z_story_swiper li {
      height: 50vw
    }
  }
  .z_index_story .z_story_swiper .swiper-wrapper li::before {
    background: #c70026;
    border-radius: var(--radius);
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s
  }
  .z_index_story .z_story_swiper li .imgbox {
    background: #4e5057;
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    overflow: hidden
  }
  .z_index_story .z_story_swiper li .imgbox .imgbg {
    opacity: .8
  }
  .z_index_story .z_story_swiper li .slg {
    position: absolute;
    left: 1.3020833333vw;
    top: 1.3020833333vw;
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 16px;
    z-index: 2;
    color: #fff
  }
  .z_index_story .z_story_swiper li .infobox {
    border-radius: var(--radius);
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0F90D1;
    padding: 1.5625vw;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s
  }
  .z_index_story .z_story_swiper li .infobox .desc {
    padding: 0 1.5625vw;
    font-size: 1.3020833333vw;
    line-height: 1.5625vw
  }
  @media screen and (max-width: 980px) {
    .z_index_story .z_story_swiper li .infobox .desc {
      font-size: 15px
    }
  }
  @media screen and (max-width: 1680px) {
    .z_index_story .z_story_swiper li .infobox .desc {
      line-height: 1.8125vw
    }
  }
  @media screen and (max-width: 980px) {
    .z_index_story .z_story_swiper li .infobox .desc {
      line-height: 24px
    }
  }
  .z_index_story .z_story_swiper li:hover .infobox {
    opacity: 1
  }
  .z_index_story .z_story_swiper li:hover::before {
    -webkit-transform: translateY(-1.0416666667vw);
    transform: translateY(-1.0416666667vw)
  }
  .z_index_story .zwaves {
    width: 100%;
    height: 15vh;
    min-height: 250px;
    max-height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
  }
  .z_index_story .zwaves .parallax > use {
    -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite
  }
  .z_index_story .zwaves .parallax > use:nth-child(1) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 7s;
    animation-duration: 7s
  }
  .z_index_story .zwaves .parallax > use:nth-child(2) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s
  }
  .z_index_story .zwaves .parallax > use:nth-child(3) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 13s;
    animation-duration: 13s
  }
  .z_index_story .zwaves .parallax > use:nth-child(4) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 20s;
    animation-duration: 20s
  }
  @-webkit-keyframes move-forever {
    0% {
      -webkit-transform: translate3d(-90px, 0, 0);
      transform: translate3d(-90px, 0, 0)
    }
    100% {
      -webkit-transform: translate3d(85px, 0, 0);
      transform: translate3d(85px, 0, 0)
    }
  }
  @keyframes move-forever {
    0% {
      -webkit-transform: translate3d(-90px, 0, 0);
      transform: translate3d(-90px, 0, 0)
    }
    100% {
      -webkit-transform: translate3d(85px, 0, 0);
      transform: translate3d(85px, 0, 0)
    }
  }
  @media screen and (max-width: 980px) {
    .z_index_story {
      padding: 35px 12px
    }
    .z_index_story .z_index_tit {
      padding: 0
    }
  }
  .z_story_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4.1666666667vw
  }
  @media screen and (max-width: 980px) {
    .z_story_btn {
      margin-top: 30px
    }
  }
  .z_story_btn .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    outline: none
  }
  .z_story_btn .btn .ico {
    display: block
  }
  .z_story_btn .btn .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 40%;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    -webkit-transition: background .7s;
    transition: background .7s
  }
  .z_story_btn .btn.next .iconfont {
    left: 60%
  }
  .z_story_btn .btn:hover .iconfont {
    background: #c70026
  }



.z_index_hz,.z_index_case{ padding: 5.72916vw 10.4vw;}
.z_index_hz .z_index_tit,.z_index_case .z_index_tit{ margin-bottom: 4vw;}
.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; 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-radius: 50%;}
.swiper_btn_warp .iconfont:hover{ border-color: #d82820; background: #d82820; 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;border-radius: 50%; opacity: 1;}
.z_hz_hd li.on{background: #d82820;}
/* .swiper_btn_warp .iconfont{ top: calc(75px); transform: translateY(0);} */
.z_indexcase_swiper .swiper-slide .imgbox{ height:12vw; 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%; background: #222222; padding: 0 5.2vw; box-sizing: border-box;}
.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: 2.6vw 0;}
.z_footer_nav{ float: left;}
.z_footer_nav dl{ display: inline-block; margin-right: 4.16666vw; vertical-align: top;}
.z_footer_nav dl:last-child{ margin-right: 0;}
.z_footer_nav dl a{ color: #999999; display: block;}
.z_footer_nav a:hover{ color: #fff;}
.z_footer_nav dt{ margin-bottom: 10px;}
.z_footer_nav dt a{ color: #fff;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: #999999; line-height: 24px; float: left;}
.z_footer_addre .info .tel{ color: #007EFF; 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;}
.z_footer_btm a{ color: #999999;}

.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 .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.3vw; 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;}
.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: #fff!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;}
.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: 30px 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_detail_con .tit{font-size:1.5625vw; line-height: 36px; font-weight: 400;color: #343434; }
.z_detail_con .tit8{font-size:1.5625vw; line-height: 36px; font-weight: 400;color: #343434;padding-top: 1.2vw }
.z_pro_head{padding: 0.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: 30.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: 28.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: 0.1vw 0; height: 450px; 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;}

.slide-tit{ border-bottom:1px solid #f0f0f0; color:#086dd2; line-height:1em; font-size:16px; font-weight:bolder; }
    .slide-tit strong{ padding:10px 0; float:right; color:#999; font-size:12px; font-weight:normal; }
	.slide-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #086dd2; }
/*附件下载样式*/
.attach-list{ margin:10px 0px 15px; color:#757575; }
    .attach-list ul li{ margin-top:15px; padding:15px; border:1px solid #ebebeb; }
    .attach-list ul li .link-btn{ display:block; float:right; margin-top:7px; padding:5px 15px; border:1px solid #e0e0e0; line-height:20px; font-size:14px; cursor:pointer; }
    .attach-list ul li .link-btn i{ font-size:14px; }
    .attach-list ul li .icon-box{ display:inline-block; margin-right:5px; line-height:38px; color:#ccc; }
    .attach-list ul li .icon-box i{ font-size:38px; }
    .attach-list ul li .info{ display:inline-block; }
    .attach-list ul li .info h3{ line-height:20px; color:#333; font-size:14px; font-weight:normal; }
    .attach-list ul li .info span{ margin-right:5px; line-height:18px; color:#999; font-size:12px; }
    
    
.z_detail_header { padding-bottom: 20px;}
.z_detail_header .z_back{ margin-left: 20px; 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_about_page{ background: #fff; padding: 3.64583vw 11vw 3.64583vw 10vw; box-sizing: border-box; }
.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: 14px;font-weight: 400;color: #888888;line-height: 24px; margin: 2.2vw 0;max-height: 16vw; overflow-y: auto;}
.z_about_num { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 3.64583vw;}
.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-family: Arial;font-weight: bold;color: #333333;}
.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{ padding: 6.77083vw; box-sizing: border-box; background-attachment: fixed; background: #f6f7f7;}
.z_contact_hz{  background: #fff; padding: 5vw 10.4vw 5vw 3.125vw; overflow: hidden;}
.z_contact_map,.z_contact_info{ width: 50%; height: 50vw; float: left; background: #f6f7f7;}
.z_contact_map{ float: left}
.z_contact_info{padding: 7.29166vw; box-sizing: border-box; float: right;}
.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: 20px; font-size: 24px;}
.z_contact_info .pcon{ font-size: 24px;line-height: 24px; color: #292929;}
.z_contact_info .pcon a{ font-size: 24px;line-height: 24px; color: #292929;}
.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: 24px; font-weight: bold; color: #000;}
.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; font-family: arial;}
.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%; 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; font-family: arial;}
.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: 2vw;}
.news_bar{ display: flex; align-items: center;}
.z_newsxq_head { border-bottom: 1px solid #c6c6c6; }
.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: 1340px;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; font-family: arial;}
.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 .h4 p{ text-align:left;}
.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: 5.5vw 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;}

.lh-web-footer{display:none; position:fixed; left:0; bottom:0; right:0;  background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2); z-index:100; padding:0 6vw;}
.lh-web-footer li{flex:1; padding:10px 3vw;}
.lh-web-footer li a{display:block; width:100%; height:36px; line-height:36px; background:#1c8bd5; color:#fff; text-align:center; border-radius:3px;}
.lh-web-footer li a i{float:left; position:relative; left:20px; font-size:22px;}
.lh-web-footer li:last-child a{background:#16A06A;}

@media screen and (max-width: 1800px){
		.lh-area-item li{width:406px; }
	.lh-area-item li:nth-child(3){width:550px; height:634x;  left:410px; }
}

@media screen  and (max-width:1600px){
.z_footer_nav dl{ margin-right: 2vw;}	
.z_message_con{ width: 84%;}
.z_message_warp{ padding-left: 0;padding-right: 0;}
		.lh-area-item li{width:350px; }
	.lh-area-item li:nth-child(3){width:506px; height:634x;  left:380px; }
}

@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:55vw;}
.z_index_news{ padding-left: 6.25vw; padding-right: 6.25vw;}
.z_page_nav li a{ font-size: 14px; padding: 0 20px;}
.z_common_nav{ padding-right: 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%;}
	.lh-area-item li{width:320px; }
	.lh-area-item li:nth-child(3){width:456px; height:634x;  left:343px; }
	
		.z_index_cptd li h3{ font-size: 18px;}
}
@media screen and (max-width: 1230px){
	.lh-area-item li:nth-child(3){left:calc(326px + 2vw);}
}

@media screen  and (max-width:1200px){
.z_about_honor .z-container{ width: 94%;}	
	.lh-area-item li:nth-child(3){width:39vw;}
	
	
}

@media screen and (max-width: 1024px){
	
	.lh-area-item li{width:290px;}
	.lh-area-item li:nth-child(3){left:calc(290px + 2vw); width:37.4vw;}
}


@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_header_nav li .lx_aaaa::before{content: ""; width: 30px; z-index: 1; transition: ease 1s;  height: 15px;  background-size: 100% 100%; position: absolute; left:100%;  transform: translate(-50%,100%); opacity: 1;}

.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: 50vw; margin-top: 44px;}
.z_banner .picBox{ height: 100%;}
.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: auto; }
.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: 80vw;}
.z_index_about .flwarp{ padding: 20px 10px;height: 80vw;}
.z_index_about .tit{ font-size: 18px; line-height: normal; }
.z_index_about .desc{ margin: 15px 0; font-size: 18px;max-height: 58vw;}
.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;}
.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:normal; font-size: 14px; width: 100%;}
.z_solve_flwarp, .z_solve_fcwarp, .z_solve_frwarp{ width: 100%; height: auto;}
.z_solve_flwarp{ padding: 20px 25px; display: block}
.z_index_solve{ display: block;margin-top:5px;}
.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;}
.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;}

	
	.z_pro_td .warps{ display: block;}
.z_pro_td ul{ width: 100%;}
.z_pro_td .rw{ display: none;}
	
.z_jianjie_warp .fl_warp,.z_jianjie_warp .fr_warp{ width: 100%;}
.z_jianjie_warp .desc{ font-size: 14px;}
.z_jianjie_warp .fr_warp{ border-radius: 10px; height: 50vw; margin-top: 30px;}
	
.z_case_ys ul{margin-left: 0; display: block;}
.z_case_ys li{ width: 100%; margin-left: 0; padding: 15px; margin-bottom: 20px;}
.z_case_ys li .tit{ font-size: 16px;}
.z_case_ys li .desc{ font-size: 14px; line-height: 24px; margin-top: 20px;}

	.z_index_yy .z-container{ width: 100%;}
.z_index_yy li,.z_index_jy li{ width: 100%; margin-bottom: 20px;}
.z_index_yy li h3{ font-size: 16px;}
.z_index_yy li .desc{ font-size: 14px;}
.z_index_yy li .icon{ width: 50px;}

.lh-area{padding:30px 0;}
	.lh-area-item li{width:50%; height:130px; margin-top:10px; padding-left:10px; float:left;}
	.lh-area-item{margin-left:-10px; padding-bottom:438px;}
	.lh-area-item li a{display:block; position:relative; width:100%; height:100%;}
	.lh-area-item li .text{padding:20px 10px;}
	.lh-area-item li:before,.lh-area-item li:hover .text h4{display:none;}
	.lh-area-item li:nth-child(3){width:100%; height:429px; left:0; top:inherit; bottom:0;}
	.lh-area-item li .text h2{font-size:16px; text-align:center;}
	.lh-area-item li .text h2:before{display:none;}
	.lh-area-item li:nth-child(4),.lh-area-item li:nth-child(5){position:relative; margin-top:10px;}
	
.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;}
.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: 50vw;}
.z_pro_list2 li .imgbox{ height: 80vw;}
.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_detail_con .tit8{ 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_about_flwarp{ width: 100%; height: auto;}
.z_about_flwarp .tit{ font-size: 18px;}
.z_about_flwarp .desc{ height: auto; margin: 15px 0; max-height: 48vw;}
.z_about_num{ position: relative; padding-bottom: 10px;}
.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; font-size:16px;}
.z_contact_info .pcon a{ margin: 20px 0; font-size:16px;}
.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;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: 0;}
.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;} 
	.lh-web-footer{display:flex;}
	.lh-fixed{display:none;}
	
	.z_index_cptd .z-container{ width: 100%;}
	
.z_index_cptd li,.z_index_yycj li{ width: 100%; margin-bottom: 20px;}
.z_index_cptd li h3{ font-size: 16px;}
.z_index_cptd li .desc{ font-size: 14px;}
.z_index_cptd li .icon{ width: 50px;}
.z_index_yycj ul{ margin-left: 0;}
.z_index_yycj li{ margin-left: 0;}
.z_index_yycj .titbox{ height: 80px; padding: 0 15px; font-size:16px;}
.z_index_yycj .infobox{ padding: 15px;}
.z_index_yycj .item{ margin-bottom: 15px; min-height: auto; font-size: 14px;}
	
	.z_al_swiper .imgbox{ height: 55vw;}
.z_al_swiper li .infobox{ margin-top: 10px;}
}