/* 思源黑体 */
@font-face {
	font-family: "NotoSansHans";
	src: url("../fonts/NotoSansHans-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: Square721BT;
	src: url("../fonts/Square721BT-RomanCondensed.otf");
	font-weight: normal;
	font-style: normal;
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font-family:"NotoSansHans","microsoft JhengHei";font-size:14px; color:#000;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#fff;}
pre{ font-family:"NotoSansHans","microsoft JhengHei"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#000; 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"],input[type="number"],textarea,select{outline: none;font-family:"NotoSansHans","microsoft JhengHei";-webkit-appearance: none;border-radius: 0;  border:none; background:none; transition:ease .45s;}
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;}

.ellipsis{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.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;}
.ellipsis7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; 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;}
.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;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}

/* 鼠标追随 */
.cursor{width: 2.6vw; height: 2.6vw;position: absolute;left: 0;top: 0; pointer-events: none;margin: -1.3vw 0 0 -1.3vw;z-index: 120;visibility: hidden;}
.cursor:before{content: '';display: block;width: 100%;height:100%;background:#fff;border-radius: 50%; box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.4);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}
.cursor{user-select: none;pointer-events: none;mix-blend-mode:difference;}
.cursor.nav::before{transform: translate(-50%,-50%) scale(1); }
/*浏览器滚动条*/
::-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}
::-webkit-scrollbar-track-piece{background:#eeeeee}
::-webkit-scrollbar-thumb:vertical{background-color:#0091F6;}


/* swiper */
.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-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-fade .swiper-slide{opacity:0!important;}
.swiper-fade .swiper-slide-active{opacity:1!important;}
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}
.swiper-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;}
.video_pop .close_btn{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; right: 0; top: 0; background: url(../img/close2.png) no-repeat center; z-index: 100; cursor: pointer;}
.video_pop .close_btn .iconfont{ font-size: 18px;}
#video{width:100%; max-height: 100%;}
.video_pop .warp{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;}

/*分享二维码*/
#zCode{display: block;left: 50%;top: 50%;margin-left: -110px;margin-top: -122.5px;position: fixed; background: #fff;height: 245px;width: 220px; z-index:3000;border-radius: 5px; border: 6px solid #7f7f7f; box-sizing: border-box;}
#zCode>h2{     color: #666;background: #f2f2f2;height: 24px;line-height: 24px;border-bottom: 1px solid #e8e8e8; font-size: 14px; padding: 0 10px; box-sizing: border-box;}
#zCode>h2>i{cursor:pointer; float:right; width:24px; height:24px; text-align:center;}
#zCode>.ewm{width:100%; height:208px;padding: 20px; box-sizing: border-box; }
#zCode>.ewm canvas{width:100%; height:100%;}
/* 点击看大图 */

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

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

.z_banner{  height: 100vh; position: relative; background: #1a2ead;}
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_banner .bd li .img{ background-position:  top center; background-repeat:no-repeat; background-size:cover;}
.z_banner .bd li .show{transform:scale(1.1); transition:ease 2s; opacity:.8;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_swiper_hd li{ display: inline-block;margin:0 5px; width: 10px; height: 10px; border-radius: 50%; background: #fff;}
.z_banner_hd{ width: 100%; padding: 0 5%; box-sizing: border-box; position: absolute; left: 0; bottom: 50px; z-index: 2;}
.z_banner_hd li{ margin-right: 10px;}
.z_swiper_hd li.on{ background: #0072bc; }
.z_banner_text{ position: absolute; left: 0; top: 50%; transform: translate(0%,-50%); color: #fff; width: 100%;padding: 0 5.2vw; box-sizing: border-box; transition: ease 2.5s;}
.z_banner .z_banner_text{top: 65%;}
 .z_banner_text .cn{font-size: 2.5vw;font-weight: 500;line-height: 3.125vw;}
/* .z_banner .bd li.swiper-slide-active .z_banner_text{transform: translate(0%,-50%);} */
.z_banner_text  h4{font-size: 18px; margin: 2vw 0;}

.z_more{ display: flex;width: 174px; align-items: center; justify-content: center; color: #fff;
height: 48px; position: relative;font-size: 18px; border-radius: 8px;
border: 0px solid #050001;background: #0091F6;} 
.z_banner .z_more{ margin: 0 auto;}
/* .z_more::before{ content: ""; display: block; width: 0%; height:0%; transition: ease 1s;
 position: absolute;left: 0; top: 0; border-top: 2px solid #fff; border-left: 2px solid #fff; z-index: 1; pointer-events: none;}
.z_more::after{content: ""; display: block; width: 0%; height: 0%;transition: ease 1s;
 position: absolute;bottom: 0; right: 0; border-bottom: 2px solid #fff; border-right: 2px solid #fff; z-index: 1; pointer-events: none;} */
.z_more .iconfont{ margin-left: 10px;}
.z_more:hover::before,.z_more:hover::after{ width: 100%; height: 100%;}

.z_header{ position: fixed; left: 0; top: 0; width: 100%; padding: 0 5.2vw; box-sizing: border-box; height: 90px; display: flex; align-items: center; z-index: 99; background: #fff;transition: ease 1s;}
.z_header.on{box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
.z_index_header{ background: none; transition: ease 1s;}
.z_logo{ position: relative;}
.z_logo img{ display: block; height: 46px; transition: ease 1s;}
.z_logo .img1{opacity: 0;}
.z_logo .img2{ position: absolute; left: 0; top: 0; opacity: 1;}
.z_index_header .img1{ opacity: 1;}
.z_index_header .img2{ opacity: 0;}
.z_header_nav{  position: absolute; left: 0; top: 0; text-align: center; line-height: 90px; width: 100%; z-index: -1;}
.z_header_nav li{ display: inline-block; margin: 0 1.25vw; position: relative;}
.z_header_nav li::before{ content: ""; display: block; width: 0; height: 2px; background: #0091F6; position: absolute; left: 50%; bottom: 0; transition: ease 1s;}
.z_header_nav li:hover::before{ width: 100%; left: 0;}
.z_header_nav li a{ font-size: 18px; display: block;}
.z_header_nav li:hover a{ color: #0091F6;}
.z_index_header .z_header_nav li a{ color: #fff;}
.z_header_search{ margin-left: auto;}
.z_header_search .sou{color:#0091F6; font-weight: bold; }
.z_index_header .sou{ color: #fff;}
.z_header_search .text{ width: 36px; transition: ease .8s; z-index: -1; opacity: 0; transform: translateX(36px); height: 36px;background: #fff; border-radius: 18px; margin-right: 10px;}
.z_header_search:hover .text{padding: 0 10px; z-index: 1; box-sizing: border-box; width: 160px;transform: translateX(0px); opacity: 1;}

.z_index_zl{background: #f4f4f4; display: flex; align-items: center; justify-content: center; padding: 8.85416vw 0; position: relative;}
.z_zl_warp{ width: 41.97916vw; height: 38.75vw; display: flex; align-items: center; justify-content: center; background: url(../img/box.png) no-repeat center; background-size: 100% 100%;}
.z_zl_box{  position: relative; animation: move 3s infinite;}
@keyframes move{
    0%{
        transform: translateY(0);
    }
		50%{
			transform: translateY(-10%);
		}
    100% {
     transform: translateY(0);
    }
}
.z_zl_box img{ display: block; width:35.41666vw ;}
.z_zl_box .dot{border: 0px solid #050001;border-radius: 50%; cursor: pointer; position:absolute;z-index: 1;}
.z_zl_box .dot em{ width: 24px;height: 24px;background: #0091F6 url(../img/jia.png) no-repeat center; display: block; border-radius: 50%;}
.z_zl_box .dot::before{ content: ""; display: block; width: 100%;height: 100%; border-radius: 50%; background: #0091F6; position: absolute;animation: circle-opacity 2s infinite; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.2,1.2); z-index: -1;}
 .z_zl_box .dot.active em{ background: #0091F6 url(../img/jian.png) no-repeat center;}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0.5;
        transform:translate(-50%,-50%) scale(2);
    }
}
.z_zl_box .dot1{ left:14.84375vw;bottom: 16.5vw; }
.z_zl_box .dot2{ right:12vw;top: 8.2vw;}
.z_zl_box .dot3{ left: 15vw;top:4.8vw;}

.z_zl_li .item{width: 486px; color: #fff;
background:url(../img/bg.jpg) no-repeat center; background-size: cover;
border: 0px solid #050001; z-index: 1;transform: translateY(10%); visibility: hidden; opacity: 0;
border-radius: 5px; padding: 15px;transition: ease 1s; }
.z_zl_li .item h3{font-size: 18px;font-weight: bold;color: #FFFFFF; padding-bottom: 10px; position: relative; display: inline-block; margin-bottom: 10px; }
.z_zl_li .item h3::before{ content: ""; display: block; width: 120%; height: 1px; background: #fff;position: absolute; left: -15px; bottom: 0; z-index: 1;}
.z_zl_li .item p{ background: url(../img/slg.png) no-repeat left center; padding-left: 25px; line-height: 24px;font-size: 16px;}
.z_zl_li .item1{ position: absolute; right: 70%; bottom: 45%;}
.z_zl_li .item2{position: absolute;left: 80%;bottom:60%;}
.z_zl_li .item3{position: absolute;right: 70%;top:5%;}
.z_zl_li .item.active{ transform: translateY(0); opacity: 1; visibility: visible;}

.z_index_zl .z_info_box{ position: absolute; left: 5.2vw; bottom: 5vw; width: 32vw;}
.z_index_tit{font-size: 1.5625vw;line-height: 1.875vw; font-weight: bold;}
.z_index_zl .z_index_tit{ margin-bottom: 2vw;}
.z_index_zl .desc{font-size:1.25vw;font-weight: 400;color: #666666;line-height: 1.875vw;}
.z_index_zl .z_big_more{width:29.01041vw;height:5.625vw;background: #0091F6;border: 0px solid #050001; position: absolute; right: 0; bottom: 0;}
.z_index_zl .z_big_more .iconfont{ margin-left: 2vw;}
.z_index_kj{position: relative;min-height: 50vw; padding:5.2vw;box-sizing: border-box;}
.lazy{background-size: cover; background-repeat: no-repeat; width: 100%;height: 100%; background-position: bottom center;position: absolute;z-index:-1;left: 0;top: 0; background-attachment: fixed;}
.z_index_kj .warps{ width: 576px;}
.z_index_kj .desc{font-size: 16px;font-weight: 400;color: #888888;line-height: 24px; margin-top: 2vw;}
.z_about_num{ margin-top: 5.2vw;}
.z_about_num li{ border-top: 1px solid #E2E2E2; height: 4.375vw; display: flex; align-items: flex-start; padding-top: 10px;}
.z_about_num li .tit{color: #888888; font-size: 16px;}
.z_about_num li .num{ margin-left: auto;font-size: 16px;
font-weight: bold;
color: #0091F6;}
.z_about_num li .timer{ font-size: 1.875vw; line-height: 1.875vw; font-family: Square721BT; } 
.z_about_num li:last-child{border-bottom: 1px solid #E2E2E2;}

.z_index_fx{ position: relative;}
.z_index_fx .topbox .titbox,.z_index_fx .topbox .imgbox{ width: 50%; float: left;height: 20.10416vw; z-index: 1; position: relative;}
.z_index_fx .topbox .titbox{ display: flex; align-items: center; padding: 0 5.2vw;box-sizing: border-box;}
.z_index_fx .imgbox{ padding:4vw 5.2vw;box-sizing: border-box;  position: relative;overflow: hidden;z-index: 1; }
.z_index_fx .imgbox::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0; pointer-events: none;}
.z_index_fx .imgbox::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0;top: 0; background: #0091F6;z-index: 1; transition: ease-in 1.5s;}
.z_index_fx.animated .imgbox::after{ transform: translateX(100%);}
.z_index_fx .imgbox a{ position: relative;z-index: 1;color: #fff; display: block; width: 100%; height: 100%;}
.z_index_fx .imgbox h3{ font-size: 1.25vw;}
.z_index_fx .imgbox .desc{ margin: 1vw 0;}
.z_index_fx .imgbox .more{ position: absolute; left: 0vw; display: inline-block;padding: 10px 0; bottom: 0vw; border-bottom: 1px solid #fff;}
.z_index_fx .imgbox .imgbg{ position: absolute;left: 0; top: 0;z-index: -2;}
.z_index_fx .imgbox .more .iconfont{ display: inline-block; margin-left: 3.5vw;}
.z_index_fx .imgbox:hover .imgbg{ transform: scale(1.05,1.05); }
.z_index_fx .btmbox{ display: flex; align-items: flex-end;}
.z_index_fx .btmbox .imgbox{ width: 50%;}
.z_index_fx .btmbox .imgbox:nth-child(1){ height: 40.10416vw;}
.z_index_fx .btmbox .imgbox:nth-child(2){ height: 20.10416vw;}
.z_index_fx.animated .imgbox:nth-child(1)::after{ transform: translateX(-100%);}
.z_index_news{ padding: 11.97916vw 5.2vw; display: flex;  box-sizing: border-box; position: relative;}
.z_index_news::before{ content: ""; display: block;width:39.89583vw;height:39.89583vw;background: rgba(255,255,255,0);border: 46px solid #F5F5F5; position: absolute; left:9.89583vw;top: 50%; transform: translateY(-50%) ;}
.z_index_news .fr_warp{ width: 68.33333vw; margin-left: auto; overflow: hidden; }
.z_index_news .imgbox{ width: 100%; height: 14.58333vw; overflow: hidden;}
.z_index_news .infobox{ background: #fff; padding: 1.5vw;background: #F6F6F6;}
.z_index_news .infobox h3{font-size: 18px;color: #242424; line-height: 24px; height: 48px;}
.z_index_news .infobox h4{font-size: 16px;font-weight: 400;color: #666666;line-height: 24px; height: 48px; margin: 2vw 0;}
.z_index_news .infobox .more{ color:#666666;}
.z_index_news .infobox .more .iconfont{ display: inline-block; margin-left: 10px;}
.z_index_news li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_index_news li:hover h3{ color: #0091F6;}
.z_index_news li:hover .more{ color: #0091F6;}
.z_index_more{width: 152px; color: #666666; z-index: 1;
height: 1px; display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #666666;}
.z_index_more::before{ content: ""; display: block; width: 0; height: 2px; background: #0091f6; position: absolute; left: 0; bottom: -1px; z-index: 1; transition: ease .8s;}
.z_index_more:hover::before{ width: 100%;}
.z_index_more:hover{ color: #0091F6;}
.z_index_more .iconfont{ margin-left: auto;}
.z_index_news .fl_warp{ position: relative; flex-shrink: 0;}
.z_index_news .z_index_more{ position: absolute; left: 0; bottom: 0;}

.z_index_hz{ background: #161616; display: flex; padding-right: 10vw; position: relative; }
.z_index_hz .fl_warp{ width: 41.92708vw; flex-shrink: 0; margin-left: 11vw;box-sizing: border-box; position: relative;}
.z_index_hz .fl_warp .imgbg{ width: 100%; height: 46.35416vw;}
.z_index_hz .fl_warp .morebox{ position: absolute; right: 0;bottom: 0;width: 368px;
 padding: 1.5vw; box-sizing: border-box; color: #fff;
background: #0091F6;
border: 0px solid #050001;}
.z_index_hz .fl_warp .morebox .iconfont{ margin-top: 1vw; display: inline-block; margin-left: auto;}
.z_index_hz .fl_warp .tit{font-size: 18px;}
.z_index_hz .z_index_tit{ position: absolute; left: 5.2vw;top: 5.2vw; z-index: 1; color: #fff;}
.z_index_hz .fr_warp{ width: 100%; float: right; padding-left: 2vw; box-sizing: border-box; overflow: hidden; display: flex; align-items: center;  }

.z_hz_swiper{ position: relative; overflow: hidden;width: 100%;}
.z_hz_swiper li{  width: 50%; float: left;  margin-bottom: 10px;}
.z_hz_swiper li a{height: 6vw; width: 95%; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding: 5px; box-sizing: border-box; background: #fff;}
.z_hz_swiper li img{ max-height: 100%;}


.z_other_banner{ width: 100%; margin-top: 90px;position: relative;}
.z_other_banner img{ display: block; width: 100%;}
.z_other_banner .z_banner_text{ transform: translate(0,-50%);}
.z_cp_warp{ padding: 6vw 5.2vw; box-sizing: border-box;}
.z_other_tit{ text-align: center; font-size: 1.875vw;}
.z_cp_warp .desc{width: 671px;font-size: 16px;font-weight: 400;color: #666666;line-height: 24px; margin: 0 auto; margin-top: 1.5vw; margin-bottom: 4vw;text-align: center;}
.z_pro_icon ul{ display: flex; margin-left: -1.2%;}
.z_pro_icon li{ width: 23.8%; float: left; margin-left: 1.2%;background: #F8F8F8; padding: 2.5vw;box-sizing: border-box;}
.z_pro_icon li .icon{ display: block;animation:rog 10s infinite linear; height: 4.58333vw; margin-bottom: 4vw;}
.z_other_banner .z_btn_warp img{
    width: auto;
    margin-right: 10px;
    height: 20px;
}
.z_other_banner .z_btn_warp{ display: flex;}
.z_other_banner .z_btn_warp a{background: #0091F6;margin-right: 10px; width: auto;padding: 0 20px; min-width: 170px; justify-content: center;
    border-radius: 5px; font-size: 16px;}

@keyframes rog{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.z_pro_icon li h3{font-size: 1.25vw; margin-bottom: 1vw;}
.z_pro_icon li h4{ font-size: 15px;color: #666666;line-height: 24px;}

img{ display: block;}
.z_tw_warp{background:#EAF6FF url(../img/bg4.png) no-repeat center; background-size: cover; padding: 6.77083vw; box-sizing: border-box; margin-bottom: 7.5vw;}
.z_pro_page{ padding: 0 5.2vw;box-sizing: border-box;}
.z_twbox{ position: relative; z-index: 1;}
.z_twbox span{ display: block;width: 11.82291vw; height: 11.82291vw; display: flex; align-items: center;background: #0091F6; border-radius: 50%; color: #fff;text-align: center; justify-content: center;font-weight: bold;color: #408AE8; font-size: 1.25vw;position: relative; 
 z-index: 1;}
.z_twbox span::before{ content: ""; display: block; width: 7.5vw; height: 7.5vw; position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 50%;z-index: -1;}
.z_twbox .cir{width: 16.25vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
height: 16.25vw;
background: #97C6FF;animation: circle-opacity1 8s infinite;
border: 0px solid #050001;
border-radius: 50%;z-index: -1;}
.z_twbox .cir1{width:20.3125vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
height:20.3125vw;background: #DFEDFF;
opacity: 0.7;
border: 0px solid #050001;
border-radius: 50%;z-index: -2;animation: circle-opacity1 10s infinite; animation-delay: .5s; }
@keyframes circle-opacity1{
   0% {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    50% {
        opacity: 0.7;
        transform:translate(-50%,-50%) scale(1.1);
    }
		100%{
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
}
.z_tw_warp .img1{ width:9.79166vw ; margin-right: 1vw;}
.z_tw_warp .img2{ width:11.875vw;}
.z_tw_warp .img3{ width:15.05208vw; margin-left: -2.5vw;}
.z_tw_warp .box{ width: 27.39583vw; margin-left: 1vw;}
.z_tw_warp .img4{ margin-bottom:2.6vw;}

.z_pro_nav{ text-align: center; border-bottom: 1px solid #A9AAAA; margin-top: 4vw;}
.z_pro_nav li{ display: inline-block; padding-bottom: 2vw; margin: 0 3vw; position: relative; cursor: pointer;}
.z_pro_nav li .icon img{ display: block; margin: 0 auto; height: 4.27083vw;}
.z_pro_nav li h3{color: #333333; font-size: 18px; margin-top: 1vw;}
.z_pro_nav li::before{ content: ""; display: block; width: 0; position: absolute; left: 50%; bottom: 0; height: 4px; background: #0091F6; transition: ease 1s;}
.z_pro_nav li.active::before{ width: 100%; left: 0;}

.z_rj_warp{ background: url(../img/bg5.jpg) no-repeat center; background-size: cover; padding: 5.2vw 6vw;box-sizing: border-box;margin-bottom: 7.5vw;}
.z_rj_warp .fl_warp{ width: 490px;}
.z_rj_warp .fr_warp{ width: 36.35416vw; margin-left: auto;}
.z_rj_warp .tit{color: #333333; font-size: 1.25vw;}
.z_rj_warp .desc{font-size: 16px;color: #666666;line-height: 24px; margin-top: 1vw; margin-bottom: 3vw;}
.z_rj_list li{ border-bottom: 1px solid #A9AAAA; padding: 15px 0; cursor: pointer;}
.z_rj_list li:first-child{border-top: 1px solid #A9AAAA; }
.z_rj_list li h3{font-size: 18px; display: flex; align-items: center}
.z_rj_list li .down{color: #666666; display: none;
line-height: 24px; margin-top: 15px;}
.z_rj_list li .iconfont{ display: inline-block; font-size: 18px; transform: rotate(45deg); transition: ease 1s; margin-left: auto; flex-shrink: 0;}
.z_rj_list li:hover .iconfont{ transform: rotate(-45deg); color: #0091F6;}
.z_rj_list li:hover h3{color: #0091F6;}

.z_tab_child{ display: none;}
.z_tab_child.active{ display: block;}
.z_rjbox{ display: flex; align-items: center; width: 100%;}

.z_xqbox .imgbox{ width: 53%; float: left;}
.z_kf_warp{ width:70.52083vw; margin: 0 auto;}
.z_kf_warp img{ display: block; margin: 0 auto;}
.z_xqbox{ padding: 5vw 0; }
.z_xqbox .conbox{ width: 40%; float: left; margin-left: auto;}
.z_xqbox li{ width: 44%; float: left; min-height: 8vw; margin-bottom: 10px;}
.z_xqbox li:nth-child(even){ float: right;}
.z_xqbox li h3,.z_xqbox2 h3{font-size: 1.25vw; margin-bottom: 10px;}
.z_xqbox li h4,.z_xqbox2 h4{color: #666666;line-height: 24px;}
.z_kf_warp{ margin-bottom: 4vw;}
.z_xqbox2{padding: 5vw 0;}
.z_xqbox2 h3{text-align: center;}
.z_xqbox2 h4{ width: 420px; margin: 0 auto; margin-bottom: 60px;}

.z_pro_hz{ width: 72.91666vw; margin: 0 auto; margin-bottom: 8vw;}
.z_hz_list{ margin-top: 4vw; text-align: center;}
.z_hz_list ul{ margin-left: -0.6%;}
.z_hz_list li{ width: 15.7%; display: inline-block; margin-left: 0.6%;
background: #FFFFFF;
border: 0px solid #050001; 
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1000); margin-bottom: 16px;}
.z_hz_list li div{display: flex; align-items: center; justify-content: center;height: 4.89583vw; padding: 5px; box-sizing: border-box;}
.z_hz_list li img{ max-height: 100%; transition: ease 1s;}
.z_hz_list li:hover img{ transform: scale(1.05,1.05);}

.z_adv{ position: relative;}
.z_adv img{ display: block; width: 100%;}
.z_adv .infobox{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);color: #333; text-align: center;}
.z_adv h3{font-size: 2.5vw;}
.z_adv .z_more{ margin: 0 auto; margin-top: 2vw; width: 238px; height: 58px;}
.z_adv .z_more .iconfont{ margin-left: 1.5vw;}

.z_footer{ display: flex;}
.z_footer .fl_warp{width: 32%;border-right: 1px solid #DFDFDF; padding: 5.2vw;box-sizing: border-box;}
.z_footer_logo img{ display: block; height: 46px;}
.z_footer_logo{ margin-bottom: 7vw; display: block;}
.z_addre_li li{font-size: 16px;color: #666666;line-height: 30px; margin-bottom: 2vw;width: 280px;}
.z_footer_share a{ display: inline-block;color: #979797; margin-right: 10px; cursor: pointer;}
.z_footer_share a.iconfont{ font-size: 20px;}
.z_footer_share a:hover,.z_footer_nav a:hover{ color: #0091F6;}
.z_footer .fr_warp{ margin-left: auto; width:68%; padding: 5.2vw; padding-left: 10vw; box-sizing: border-box; position: relative;}
.z_footer_nav ul{ display: flex; justify-content: space-between; width: 100%;}
.z_footer_nav h3{ margin-bottom: 10px;}
.z_footer_nav h3 a{font-size: 18px; color: #333;}
.z_footer_nav li{  }
.z_footer_nav a{color: #666666; display: block;line-height: 30px; font-size: 16px;}
.z_footer_nav li:first-child{ margin-left: 0;}
.z_footer_btm{ position: absolute; right: 0vw; width: 100%; bottom: 5.2vw; padding: 0 5.2vw; padding-left: 10vw;box-sizing: border-box; display: flex; align-items: flex-end;}
.z_footer_copy{ margin-left: auto; text-align: right; color: #666666;}
.z_footer_copy a{color: #666666;}
.z_footer_code .img{width: 99px;
height: 99px; margin-bottom: 10px;}
.z_footer_code{ text-align: center; color: #666;}


.z_about_banner{ margin-top: 90px; height: calc(100vh - 90px);}
.z_about_banner .imgbox,.z_about_banner .infobox{ width: 50%; height: 100%; position: relative; overflow: hidden;}
.z_about_banner .infobox{ background: url(../img/bg7.jpg) no-repeat center; background-size: cover; display: flex;align-items: center; padding: 0 6.25vw;box-sizing: border-box;}
.z_about_banner .slg{ display: block; height: 6.61458vw;}
.z_about_banner .tit{font-size:1.875vw;font-weight: 500;color: #FFFFFF;line-height: 2.5vw; margin-top:1vw;}
.z_about_banner .imgbox::before{ content: ""; display: block; width: 100%;height: 100%; background:#006dd3;position: absolute; left: 0; top: 0; z-index: 1; transition:ease-in 1.5s; }
.z_about_banner.animated .imgbox::before{ transform: translateX(-100%);}

.z_about_warp{ width: 100%; padding: 7vw 0; box-sizing: border-box; background: url(../img/bg8.png) no-repeat center; background-size: cover; position: relative; min-height: 44.79166vw;}
.z_about_warp .imgbox{ position: absolute; left: 0; top: 0; height: 100%; width: 40.625vw;z-index: -1; overflow: hidden;}
.z_about_warp .conwarp{ width: 618px; margin-left: 54.16666vw;}
.z_about_tit{ font-size: 1.8vw;line-height: 1.875vw;}
.z_about_warp .desc{font-size: 16px;font-weight: 400;color: #888888;line-height: 30px; margin-top: 1.8vw; margin-bottom: 4vw;}
.z_about_num2 li{ width: 33.3%; float: left; min-height: 6.25vw;}
.z_about_num2 li h3{font-size: 16px;color: #0091F6; font-weight: bold;}
.z_about_num2 li .timer{font-size: 1.875vw;font-family: Square721BT;font-weight: normal; font-weight: bold;}
.z_about_num2 li h4{ color: #888888;}

.z_about_process{ padding: 12vw 13.54166vw;box-sizing: border-box; min-height: 55.3125vw; position: relative; overflow: hidden; width: 100%;}
.z_about_process .z_about_tit{ margin-bottom: 9vw;}
.z_process_swiper .year{font-size: 30px;font-family: Arial; display: inline-block; position: relative;}
.z_process_swiper .year .dot{width: 22px;height: 22px; display: block;background: #FFFFFF;border: 1px solid #C4C4C4;border-radius: 50%; margin: 0 auto; margin-top: 30px; position: relative;}
.z_process_swiper .year .dot::before{ content: ""; display: block;width: 8px;
height: 8px;z-index: 1;
background: #C1C1C1;
border: 0px solid #050001;
border-radius: 50%; position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);}
.z_process_swiper{ overflow: hidden;}
.z_process_swiper .infobox{ margin-top: 40px;}
.z_process_swiper h3{font-size: 24px;font-weight: bold;color: #333333;line-height: 30px;opacity: 0.93;}
.z_process_swiper .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 30px; margin-top: 10px; transition: ease 1s;/* opacity: 0; transform: translateY(20%); */ width: 90%;}
.z_process_warp{ position: relative;}
.z_process_warp::before{ content: ""; display: block; width: 110vw; height: 1px; background: #D6D6D6;position: absolute; left: -14vw; top: 75px; z-index: 1;}
.z_process_swiper li:hover .desc{ transform: translateY(0); opacity: 1;}
.z_process_swiper li:hover .dot{border-color: #0091F6;}
.z_process_swiper li:hover .dot::before{ background: #0091F6;}
.z_process_swiper li:hover .year{ color: #0091F6;}
.z_process_cir{ position: absolute;  right: -22vw; width: 40vw; height:40vw ; top: 15%;z-index: 2;}
.z_process_cir img{ display: block; width: 100%;animation:rog 30s infinite linear; }

.z_about_honor{ background: url(../img/bg10.jpg) no-repeat center; background-size: cover; padding: 8.85416vw 13.54166vw; box-sizing: border-box;}
.z_about_honor .bgimg{}
.z_about_honor .topwarp{ display: flex;align-items: flex-start; margin-bottom: 8vw;}
.honor_con{ margin-left: auto; width: 42.1875vw;}
.honor_con li{ width: 50%; float: left; padding:0 20px; box-sizing: border-box; position: relative;font-size: 16px;
color: #666666; margin-bottom: 10px;
line-height:20px;}
.honor_con li::before{ content: ""; display:block;width: 6px;
height: 6px;
background: #067DD0;z-index: 1;
border: 0px solid #050001;
border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_honor_swiper{ overflow:hidden;}
.z_honor_swiper li{ height: 11.45833vw;}

.z_about_hz{ padding: 7vw 25px; box-sizing: border-box; background: url(../img/bg11.jpg) no-repeat center; background-position: bottom center;}
.z_about_hz .z_about_tit{ text-align: center; margin-bottom: 4vw;}
.z_hz_swiper2{ position: relative; overflow: hidden;}
.z_about_hz2 .z_about_tit{ margin-bottom: 1vw;}
.z_about_hz2 .slg_text{color: #666666; font-size: 16px;margin-bottom: 4vw;}

.z_hz_swiper2 li{ box-sizing: border-box;
background: #FDFDFD; position: relative; 
border: 1px solid #ECECEC;}
.z_hz_swiper2 li  a{ display: flex; align-items: center; justify-content: center;height:6.5625vw; padding: 10px; box-sizing: border-box;}
.z_hz_swiper2 li img{ display: block;max-width: 100%;max-height: 100%; transition: ease 1s;}
.z_hz_swiper2 li:hover img{ transform: scale(1.05,1.05);}
.z_hz_swiper2::before{ content:""; display: block; width: 100%; height: 100%; background: url(../img/bg12.png) no-repeat; background-size: 100% auto; z-index: 1; height: 100%; position: absolute; left: 0;top: 0;}
.z_hz_swiper2 .swiper-pagination{ position: relative; margin-top: 5vw;}



.z_contact_banner{ width: 100%;display: flex; margin-top: 90px; background: url(../img/bg13.jpg) no-repeat center; background-size: cover;}
.z_contact_banner .fl_warp{ width: 25%; color: #fff; position: relative; padding: 6vw 5.2vw; box-sizing: border-box; padding-right: 2.6vw; }
.z_contact_banner .z_swiper_btn,.z_contact_news .z_swiper_btn{ position: absolute; left: 5.2vw;bottom: 4vw;}
.z_contact_banner .fr_warp{ height: 39.58333vw;}
.z_swiper_btn .iconfont{ display: inline-block;width: 48px;height: 48px; line-height: 48px;background: #fff; color: #333;border: 0px solid #050001;border-radius: 50%; text-align: center;  transition: ease 1s; cursor: pointer; margin-right: 10px; }
.z_swiper_btn .iconfont:hover{ background: #0577c6!important;color: #fff;}
.z_contact_banner .fr_warp{ width: 75%; overflow: hidden; position: relative;}

.z_contact_swiper{ width: 50.52083vw; height: 100%;}
.z_contact_swiper li{ width: auto; position: relative; overflow: hidden;}
.z_contact_swiper li img{ display: block; height: 100%;}
.z_contact_banner .fr_warp::before{ content: ""; display: block; width:24.47916vw; height: 100%;
background: #067DD0; position: absolute;right: 0; z-index: 2; opacity: .8; transition: ease 1s; }
.z_contact_swiper li.swiper-slide-active::before{ transform: translateX(100%);}

.z_contact_news::before{ position: relative; display: none; }
.z_contact_news .z_swiper_btn{ left: 0; bottom: 0;}
.z_contact_news .z_swiper_btn .iconfont{background: #F6F6F6;}

.z_zp_warp{padding:6vw 5.2vw; box-sizing: border-box; display: flex;}
.z_zp_warp .fl_warp,.z_contact_warp .fl_warp{ width: 19.79166vw; flex-shrink: 0;}
.z_zp_warp .fr_warp{ width: 100%;border-top: 8px solid #252525; }
.sideMenu{ line-height: 66px;}

.sideMenu{  margin: 0 auto;}
/* { display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left;} */
.rc_box .tit{ 
color: #444444;  cursor: pointer; position: relative; }
.zp_tit,.rc_box .tit{  cursor: pointer; box-sizing: border-box; transition: all .6s;padding: 0 2vw; box-sizing: border-box; z-index: 1;  box-sizing: border-box;}
.rc_box .tit{ display: flex; }
.rc_box:nth-child(odd) .tit{ }
.rc_box .tit span,.zp_tit span{display: block; font-size: 16px;  box-sizing: border-box; width:22%; float: left;}
.rc_box .tit span:nth-child(3),.zp_tit span:nth-child(3){ width: 12%;}
.zp_tit{border-bottom:1px solid #ccc ;}
.rc_box .rc_con{ width: 100%;  box-sizing: border-box; padding: 2vw; box-sizing: border-box; display: none; border-top: none;}
.rc_box .tit.on{
background: #F8F8F8; }
.rc_box .tit.on::before{ background-image: url(../img/jian2.png);}
.rc_box .rc_con h4{ font-weight: bold;font-size: 18px; margin-bottom: 40px; color: #000;}
.rc_box .rc_con .boxcon{color: #7F7F7F;
line-height: 30px; box-sizing: border-box; color: #7f7f7f;}
.rc_box .tit::before{ content: ""; display: block; width: 66px; height: 66px;  background: url(../img/jia2.png) no-repeat center; position: absolute; right: 0; top: 0;}

.aply_btn{ width: 120px;
height: 44px; display: flex; align-items: center; justify-content: center; background: #067DD0; margin-top: 2vw; font-size: 16px; line-height: 48px;  color: #fff; text-align: center; cursor: pointer;}
.aply_btn img{ margin-left: 10px;}
.rc_box{ border-bottom:1px solid #ccc ;}

.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;z-index:999;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px; font-size: 24px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background: #067DD0; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:10px; margin-bottom: 40px;}
.aply_pop .btn_group span{ display: inline-block; cursor: pointer; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px;line-height:33px;}
.aply_pop .btn_group .surebtn{ background: #067DD0;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(../img/close.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}


.z_contact_warp{ background: url(../img/bg14.jpg) no-repeat bottom center; background-size: cover;padding: 8vw 5.2vw;box-sizing: border-box; display: flex;}
.z_contact_warp .fr_warp{ width: 100%;}
.z_contact_warp ul{ display: flex; justify-content: space-between;}
.z_contact_warp li{ width: 16.25vw;background: #FFFFFF; padding: 1.6vw; box-sizing: border-box;}
.z_contact_warp li img { margin-bottom: 3vw;}
.z_contact_warp li h3{font-size: 20px;font-weight: bold;color: #282828; margin-bottom: 10px;}
.z_contact_warp li h4{font-size: 16px;font-weight: bold;color: #282828;word-wrap : break-word ;}


.z_yy_head{ margin-top: 90px; padding: 4vw  0; text-align: center;}
.z_yy_head .slg{ display: block; margin: 0 auto; height: 4.01041vw; margin-bottom: 1vw;}
.z_yy_first{ display: flex; align-items: center; width: 100%; position: relative; }
.z_yy_first .imgbox{width: 41.92708vw; height: 41.14583vw; margin-left: 8vw; flex-shrink: 0;overflow: hidden;}
.z_yy_first .infobox{ width: 50vw; display: flex; align-items: center; justify-content: center; color: #fff;}
.z_yy_first .infobox .warps,.z_yy_list .itembox .warps{ width: 462px;}
.z_yy_first .infobox .desc,.z_yy_list .itembox .desc{ margin-top: 2vw;font-size: 18px;line-height: 30px;}
.z_yy_first .icon,.z_yy_list .itembox .icon{width: 3.85416vw;
height: 3.85416vw;
background: #FFFFFF;
border: 0px solid #050001;
border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 48vw; top: 8.85416vw;}

.z_yy_list .itembox{ padding: 10vw 0; min-height: 50vw; position: relative;}
.z_yy_list .itembox .infobox,.z_yy_list .itembox .imgbox{ width: 50%; height: 28.4375vw; float: right;}
.z_yy_list .itembox .infobox{display: flex; align-items:center; justify-content: center;}
.z_yy_list .itembox .desc span{ color: #0091F6;}
.z_yy_list .itembox .icon{ left: 50%; transform: translateX(-50%); top: 15.10416vw; background: #0091F6;}
.z_yy_list .itembox:nth-child(even) .infobox,.z_yy_list .itembox:nth-child(even) .imgbox{ float: left;}

.center{text-align: center;}
.z_news_page{ background: #F9F9F9; margin-top: 90px; padding: 6vw 5.2vw;box-sizing: border-box;}
.z_news_head{ margin-top: 3vw; border-bottom: 1px solid #D3D3D3;box-sizing: border-box; padding-bottom: 18px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2vw;}
.z_news_head a{font-size: 18px;} 
.z_news_nav a{ display: inline-block; min-width: 124px;
height: 38px; text-align: center; line-height: 38px;}
.z_news_nav a.active,.z_news_nav a:hover{background: #0091F6; color: #fff;}
.z_news_head .mr .iconfont{font-size: 12px; font-weight: bold; margin-left: 5px;}
.z_news_head .mr:hover{ color: #0091F6;}
.z_news_hot{ margin-bottom: 4vw;}
.z_news_hot li{ width: 49.4%; float: left; height: 32.55813vw; position: relative; overflow: hidden;}
.z_news_hot li:nth-child(even){ float: right; }
.z_news_hot li .infobox{ position: absolute; left: 0; bottom: 0; width: 100%; color: #fff;padding: 1.5vw;}
.z_news_hot li h3{ width: 80%;font-size: 18px;color: #FFFFFF;line-height: 24px; margin-bottom: 1vw;}
.z_news_hot li:hover .imgbg,.z_news_list li:hover .imgbg{ transform: scale(1.05,1.05);} 

.z_news_list{ width: 52.08333vw; margin: 0 auto; margin-bottom: 2vw;}
.z_news_list li{ width:49%; float: left; margin-bottom: 2vw; position: relative;}
.z_news_list li:nth-child(even){ float: right;}
.z_news_list li .imgbox{ height: 16.875vw; overflow: hidden;}
.z_news_list li h3{font-size: 18px;line-height: 24px; height: 48px; margin-bottom: 25px;}
.z_news_list .infobox{ padding: 25px 0;}
.z_news_list li:hover h3{ color: #0091F6;}
.z_news_list li::before{ content: ""; display: block; width: 0; height: 2px; background: #0091F6; position: absolute; left: 0; bottom: 0; transition: ease 1s; z-index: 1;}
.z_news_list li:hover::before{ width: 100%;}

.pagination{ text-align: center;}
.pagination li{ display: inline-block;width: 38px;
height: 38px;text-align: center; line-height: 38px;  margin: 0 5px; background-color: #fff; border-radius: 5px;}
.pagination li a{ display: block; width: 100%; height: 100%; font-weight: bold; font-size: 16px; font-family: arial;color: #787878;}
.pagination li .sr-only{ display: none;}
.pagination li.active,.pagination li:hover{ background: #0091F6; color: #fff!important;}
.pagination li:hover a{color: #fff!important;}
.z_xq_bq {
    text-align: center;
    font-size: 14px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}
.z_xq_head,.z_xg_news{width: 840px; margin: 0 auto; }
.z_xq_head .tit{font-size: 42px;font-family: NotoSansHans;font-weight: bold;color: #1D1D1F;line-height: 48px; text-align: center; margin: 50px 0;}
.z_xq_head .desc{font-size: 16px;font-weight: 500;color: #666666;line-height: 24px; margin-bottom: 40px; text-align: center;}
.z_xq_share{ text-align: center;}
.z_xq_share a{ color: #6E6E73; font-size: 20px; margin: 0 10px; cursor: pointer;}
.z_xq_share a:hover{background: linear-gradient(45deg, #8D52F0 50%, #BC85E3 49.12109375%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.z_xq_imgbox{ margin: 50px auto;width: 1185px; text-align: center;}
.z_xq_imgbox img{ display: block; margin: 0 auto;}
.z_xq_imgbox h3{font-size: 12px;font-family: NotoSansHans;font-weight: 500;color: #888888; margin-top: 10px;}
.z_xq_con{width: 840px; margin: 0 auto;font-size: 16px;font-weight: 400;color: #666666;line-height: 24px;}
.z_xq_con img{ max-width: 100!important; height: auto!important; display: inline-block;}

.z_xg_news{ margin-top: 100px; border-top: 1px solid #D5D5D5; padding-top: 40px; margin-bottom: 5vw;} 
.z_xg_tit{font-size: 24px;font-weight: 500;color: #1E1E1E; font-weight: bold;}
.z_xg_news li{ padding: 40px 0; border-bottom: 1px solid #D5D5D5;}
.z_xg_news li a{ display: flex; align-items: center; }
.z_xg_news li .imgbox{width: 221px;height: 128px; flex-shrink: 0; overflow: hidden; margin-right: 30px;}
.z_xg_news li h3{font-size: 20px;font-weight: bold;color: #333333;line-height: 26px; height: 52px; margin-bottom: 15px;}
.z_xg_news li .bq{ font-size: 12px;color: #666666;}
.z_xg_news li .time{font-size: 14px;font-family: Arial; color: #666666 ;}
.z_xg_news li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_xg_news li:hover h3{ color: #0091F6;}
.z_news_big{ width: 1200px; margin: 3vw auto;}
.z_load_more {width: 128px;height: 40px;background: rgba(0, 113, 227, 0);border: 1px solid #1E1E1E;display: flex;align-items: center;justify-content: center;color: #1E1E1E;margin: 0 auto;}
.z_load_more .iconfont{ font-size: 12px; margin-left: 10px;}
.z_load_more:hover{ background: #0091F6;border-color: #0091F6; color: #fff;}


.z_fixed_warp{
    position: fixed;
    left: 15%;
    bottom: 0;
    width: 70%;
    z-index: 99;
    padding: 2vw 0;
    text-align: center;
    height: auto;
    display: none;

}

.z_fixed_warp .slg img{ display: block; margin: 0 auto; height: 2.8vw;}
.z_fixed_warp .z_more{ margin: 0 auto; margin-top: 1vw;}
.z_close_fixed{ width: 30px; height: 30px; cursor: pointer; border-radius: 50%; background: #0091F6; position: absolute; right: 10px; top: 10px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold;}

.z_mask{position: fixed;left: 0; top: 0; opacity: 0; transition: ease 1s; visibility: hidden; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 999;    background: rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);}
.z_aplay_pop,.z_pops{  border-radius: 20px; position: fixed;box-shadow: 0px 20px 30px 0px rgba(0,7,22,0.1); left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 1000; background: #f8f8f8; padding:3vw 4vw; box-sizing: border-box;opacity: 0; transition: ease 1s; visibility: hidden;}
.z_mask.on,.z_aplay_pop.on,.z_pops.on{ opacity: 1; visibility: visible;}
.z_aplay_pop .tit,.z_pops .tit{ font-size: 1.875vw; line-height: 1.875vw; font-weight: bold; text-align: center; margin-bottom: 2.6vw;}
.z_aplay_form .text,.z_subbtn{ width: 410px; height: 52px; padding: 0 20px; box-sizing: border-box; background: #fff; border-radius: 2px; font-size: 16px;}
.z_aplay_form li{ margin-bottom: 16px;}
.z_subbtn{ background: #0091f6; color: #fff; text-align: center; line-height: 52px; cursor: pointer;}
.z_close_pop{ width: 50px; height: 50px; cursor: pointer; text-align: center; line-height: 50px; position: absolute; right: 0; top: 0;}
.z_close_pop .iconfont{ font-size: 20px;}
.z_aplay_form .texta{ width: 100%; background: #fff; height: 100px; border-radius: 2px; padding: 12px 20px; font-size: 16px;}
.z_add_page{background: #f9f9f9;}
.z_subs_nav{ text-align: center; padding: 4vw 0;}
.z_subs_nav a{ display: inline-block; height: 50px; line-height: 50px; padding: 0 2vw; background: #fff; border-radius: 5px; font-size: 16px; margin: 0 5px;}
.z_subs_nav a.active,.z_subs_nav a:hover{background: #006dd3;; color: #fff;}

.z_video_page{ width: 1230px; padding-bottom: 5vw;}
.z_video_page li{ background: #fff; width: 48%; float: left; cursor: pointer; margin-bottom: 40px; padding: 2vw; border-radius: 20px;box-shadow: 0px 23px 54px 0px rgba(157,157,157,0.1);}
.z_video_page li:nth-child(even){ margin-left: auto;}
.z_video_page li .imgbox{ height:300px; border-radius: 20px; position: relative;overflow: hidden;}
.z_video_page li .ico{ width: 40px; height: 40px; background: url(../img/zzi8.png) no-repeat center; background-size: 100% auto; position: absolute; right: 20px; bottom:20px}
.z_video_page li .tit{
    font-size: 24px;
    margin-top: 2vw;
}


/* 视频弹框 */
.z_video_pop {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999 !important;




}

.z_video_pop .warp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;




}   
.z_video_pop .close_btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    cursor: pointer;

}

.z_video_pop .iconfont {
    font-size: 18px;
}
.z_video_pop #videopop {
    width: 100%;
    max-height: 100%;
}
.z_down_list{ padding-bottom: 8vw;  width: 73%; }
.z_down_list li{
    background: #FFFFFF;
border-radius: 20px;
padding: 2.6vw; margin-bottom: 15px;
transition: ease .5s;
}

.z_down_list li a{ display: flex; align-items: flex-start;}
.z_down_list li .ico{ flex-shrink: 0; margin-right: 14px;}
.z_down_list li .tit{ font-size: 1.25vw; margin-bottom: 1vw;}
.z_down_list li .desc{color: #666666;
    line-height: 24px; font-size: 16px;}
.z_down_list li .down .iconfont { width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; display: inline-block; background: #E5E5E5; color: #fff; margin-bottom: 5px;}
.z_down_list li .down {text-align: center; margin-left: auto; flex-shrink: 0; transition: ease .5s;}
.z_down_list li .infobox{ width: 70%;}
.z_down_list li:hover .tit{ color: #006dd3;}
.z_down_list li:hover .iconfont{ background: #006dd3;}
.z_down_list li:hover{box-shadow: 0px 23px 54px 0px rgba(0,81,246,0.1);}



.z_dowm_box{ position: relative; display: flex; align-items: flex-start; justify-content: center; padding: 10vw 5vw;}
.z_dowm_box .warps{ width: 100%;}
.z_dowm_box .ico{ width: auto; height: 4vw; display: block; margin: 0 auto;} 
.z_dowm_box .tits{ font-size: 1.8vw; font-weight: bold; text-align: center; margin-bottom: 1.2vw;}
.z_dowm_box .zzbox{ flex: 1;}
.z_dowm_box .warps{ display: flex; margin-top: 3vw;}
.z_dowm_box .itembox{
    background: #FFFFFF;
    box-shadow: 0px 15px 30px 0px rgba(0,47,86,0.05); min-width: 200px;
    border-radius: 10px; text-align: center; margin: 0 9px; padding: 10px; padding-top: 30px;
}
.z_dowm_box .tt{font-weight: bold; font-size: 24px; margin-top: 10px;}
.z_dowm_box .btn{ white-space: nowrap;background: #008AFF; display: block; color: #fff; padding:10px; margin-top: 20px;
    border: 0px solid #050001; font-size: 16px;
    box-shadow: 0px 15px 30px 0px rgba(0,47,86,0.05);
    border-radius: 8px;}
    .z_dowm_box .btnbox{ display: flex;}
    .z_dowm_box .btnbox .btn:last-child{ margin-left: 10px; background: #EFEFEF; color: #000;}
    .z_dowm_box .bb{ font-size: 18px;}
    .z_dowm_box .btn:hover{background: #008AFF!important;color: #fff!important; }
.zzbox{ padding: 0 4vw;}
.z_dowm_box .zzlist a{ display: flex; justify-content: space-between; align-items: center; background: #0091f6; border-radius: 10px; height: 3vw; color: #fff; padding: 0 1vw; margin-bottom: 8px; font-size: 1vw;}
.z_dowm_box .zzlist em{ display: inline-block;  width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 50%; background: #fff; color: #0091f6;}
.z_dowm_box .xzinfo a{ background: #0091f6; border-radius: 8px; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 8px;  height: 4vw; width: 49%; float: left;}
.z_dowm_box .xzinfo h3{font-size: 1vw;}
.z_dowm_box .xzinfo a:first-child{ height: 8vw; width: 100%; }
.z_dowm_box .xzinfo a:nth-child(odd){ float: right;}
.z_dowm_box .xzinfo a.no{ background: #a5a5a5;}
.z_dowm_box .ts{ text-align: center; margin-top: 10px; font-size: 16px;}
.z_dowm_box .wdbtn{ height: 4vw;color: #fff; display: flex; align-items: center; justify-content: center;border-radius: 10px;background: #0091f6; font-size: 1.25vw;}
.z_dowm_box .wdbtn .iconfont{font-size: 1.4vw; margin-right: 10px;}
.z_dowm_box .zzbox2{ border-left: 1px solid #a5a5a5;border-right: 1px solid #a5a5a5;}
.z_dowm_box .zzbox1,.z_dowm_box .zzbox2{ flex: 1.5;}






.zz_about_jj{
    margin-top: 90px; padding: 6.2vw 5.2vw;
}
.zz_about_jj .tit{ font-size: 36px; font-weight: bold;}
.zz_about_jj .con{ width: 48%;color: #666666;
    line-height: 28px; font-size: 16px; margin-top:1vw;}

.zz_about_jj ul{ display: flex;  margin-top: 5vw;}
.zz_about_jj li{ display:flex; align-items: flex-start; background: #fff; border-radius: 15px; padding: 20px; width: 15vw; margin-right: 12px;}
.zz_about_jj li .ico{flex-shrink: 0; margin-right: 12px;} 
.zz_about_jj li h3{font-size: 18px; margin-bottom: 5px;
    font-weight: bold;}
.zz_about_jj li .dd{ color: #666666; line-height: 24px;}
   
.zz_honor{padding: 6.2vw 5.2vw;}

.zz_honor ul{ width: 73%; margin: 0 auto; margin-top: 4vw;}
.zz_honor li{ background: #fff;border-radius: 15px; padding:22px; width: 31.3%; margin: 0 1%; margin-bottom: 1.2vw;}
.zz_honor li .tt{font-size: 18px;
    font-weight: bold;}
.zz_honor li .imgbox{ margin: 20px 0; display: flex; align-items: center; justify-content: center;}
.zz_honor li img{ max-width: 100%; display: block;}
.zz_honor li p{color: #666666;  padding-left: 10px;
    line-height: 20px; position: relative;}
    .zz_honor li p::before{ content: ""; display: block; width: 5px;
        height: 5px;
        background: #000000; z-index: 1;
        border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.zz_honor li:nth-last-child(-n+2){ width: 48%;}
@media screen and (max-width:980px){
    .z_aplay_pop .tit,.z_pops .tit{ font-size: 20px; line-height: normal; margin-bottom: 20px;} 
    .z_aplay_pop,.z_pops{ padding: 30px 15px;}
    .z_aplay_pop li,.z_pops li{ margin-bottom: 10px;}
    .z_aplay_form .text,.z_subbtn{ width: 280px; padding: 0 10px; font-size: 14px; height: 40px; line-height: 40px;} 
    .z_aplay_form .texta{font-size: 14px; padding: 12px;}
}


@media screen and (max-width:1440px){
	.z_about_warp .conwarp{ width: 32vw;}
	.z_process_swiper .year{ font-size: 24px;}
	.z_process_swiper h3{ font-size: 18px;}
	.z_process_swiper .desc{ line-height: 24px; font-size: 16px;}
	.z_process_warp::before{ top: 69px;}
	.honor_con li{ font-size: 14px;}
    .z_video_page{ width: 80%;}
    .z_video_page li{ margin-bottom: 20px;}
    .z_video_page li .imgbox{ height: 22vw;}
    .z_video_page li .tit{ font-size: 18px;}
    .zz_about_jj li{ width: 18vw;}
   .zz_about_jj .con{ width: 58%;}
   .zz_honor ul{ width: 80%;}
  
}
@media screen and (max-width:1300px){
.z_zl_li .item{ width: 25vw;}

}
@media screen and (max-width:980px){
.z_header{ position: fixed; left: 0; top: 0; width: 100%;height: 50px; background: #fff; padding: 0 10px;}
.z_logo .img2{ opacity: 1;}
.z_logo .img1{ opacity: 0;}
.z_header_nav{ position: fixed; left: 0; top: 100%; background: #fff; height: calc(100vh - 50px); margin-left: auto; display: flex; align-items: center; justify-content: center; width: 100%; transition: ease .8s; opacity: 0; visibility: hidden;}
.z_header_nav.on{ opacity: 1; top: 50px; visibility: visible;}
.z_header_nav li{ display: block; line-height: 50px;}
.z_header_nav li a{ color: #000!important;}
.z_logo img{ height: 30px;}
.z_header_search { margin-right: 50px;}
.z_header_search .sou{color: #0091F6;}
.z_menu_btn{ display: flex; height: 50px;  align-items: center; overflow: hidden; justify-content: center; cursor: pointer; position: relative; margin-left: 2vw;  position: fixed; right: 10px; top: 0;  z-index: 11;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 28px; height:2px; background: #0091F6;}
.z_menu_btn .line2{ margin:4px 0;}
.z_menu_btn.on .line1{ transform:translateY(6px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-6px) rotate(-45deg); width: 28px; }
.z_menu_btn.on .line2{ opacity: 0;}
.z_zl_li .item2{ position: relative;}
.z_banner{ width: 100%; height:70vw; margin-top: 50px;}
.z_banner_text .cn{ font-size: 18px;line-height: 20px;}
.z_banner_text h4{ display: none;}
.z_more{ width: 110px; height: 40px; margin-top: 20px; font-size: 14px;}
.z_zl_warp{ width: 100%; height: 100vw; background-size: 100% auto;}
.z_zl_li .item{ position: relative; left: auto; top: auto; bottom: auto; right: auto; opacity: 1; visibility: visible; transform: translateY(0); width: 100%; display: none;}
.z_zl_box img{ width: 100%;}
.z_zl_box .dot1 {left: 43%;bottom: 51%;}
.z_zl_box .dot2{left: 36%;bottom: 66%; top: auto;right: auto;}
.z_zl_box .dot3 {left: 55%;top: 15%;}
.z_index_zl .z_info_box{ width: 100%; position: relative;left: auto; bottom: auto; padding: 0 10px; margin-bottom: 30px;}
.z_index_zl{ display: block; padding: 35px 0;}
.z_index_tit{ font-size: 20px; line-height: 28px;}
.z_index_zl .desc{ font-size: 16px; line-height: 24px; margin-top: 20px;}
.z_index_kj{ position: relative; padding: 35px 12px;}
.z_index_kj .warps{ width: 100%;}
.z_index_kj .desc{ margin-top: 20px;}
.z_about_num{ margin-top: 30px;}
.z_about_num li{ height: 50px;}
.z_about_num li .timer{ font-size: 24px;}
.lazy{ width: 100%;  background-attachment: inherit!important; top: auto; bottom: 0; background-position: right center;}
.z_index_kj .lazy{height: 100vw;}
.z_index_fx .topbox .titbox, .z_index_fx .topbox .imgbox{ width: 100%; height: auto;}
.z_index_fx .imgbox,.z_index_fx .topbox .titbox{ padding: 35px 12px;}
.z_index_fx .imgbox .more{ position: relative; left: auto; bottom: auto;}
.z_index_fx .imgbox h3{ font-size: 16px;}
.z_index_fx .imgbox .desc{ margin: 15px 0;}
.z_index_fx .btmbox .imgbox:nth-child(1),.z_index_fx .btmbox .imgbox:nth-child(2){height: auto; width: 100%;}
.z_index_fx .btmbox{ display: block;}
.z_index_news{ display: block; padding: 35px 12px;}
.z_index_news .fl_warp{ width: 100%; display: flex; align-items: flex-end; margin-bottom: 35px;}
.z_index_news .z_index_more{ position: relative; left: auto; bottom: auto;}
.z_index_more{ width: auto; margin-left: auto;}
.z_index_more .iconfont{ margin-left: 10px;}
.z_index_news .fr_warp{ width: 100%;}
.z_index_news .imgbox{ height: 55vw;}
.z_index_news .infobox{ padding: 15px;}
.z_index_news .infobox h3{ font-size: 16px;}
.z_index_news .infobox h4{ margin: 20px 0;}
.z_other_banner{ margin-top: 50px; height:60vw; display: flex;align-items: center; justify-content: center; overflow: hidden;}
.z_other_banner img{ width: auto; height: 100%; max-width: none;}
.z_cp_warp{ padding: 35px 12px;}
.z_cp_warp .desc{ width: 100%;}
.z_other_tit{ font-size: 22px;}
.z_cp_warp .desc{ margin: 20px 0; font-size: 14px;line-height: 24px; margin-bottom: 30px;} 
.z_pro_icon {  }
.z_pro_icon ul{ margin-left: 0;display: block}
.z_pro_icon li{ width: 100%; margin-left: 0; margin-bottom: 15px; padding:20px 10px; text-align: center;}
.z_pro_icon li .icon{ height: 50px; margin: 0 auto; margin-bottom: 20px;}
.z_pro_icon li h3{ font-size: 18px; margin-bottom: 10px;}
.z_pro_icon li h4{ font-size: 14px; line-height: 24px;}
.z_twbox span{ font-size: 12px; width: 20vw;height: 20vw; background: #fff;}
.z_pro_nav li .icon img{ height: 50px;}
.z_pro_nav ul{white-space: nowrap; text-align: left; overflow-x: auto;}
.z_pro_nav li{ padding-bottom: 15px;}
.z_pro_nav li h3{ font-size: 14px; margin-top: 10px;}
.z_pro_page{padding: 0;}
.z_pro_nav{ margin-top: 30px; overflow: hidden; width: 100%;}
.z_rjbox{ display: block;}
.z_rj_warp .fl_warp,.z_rj_warp .fr_warp{ width: 100%;}
.z_rj_warp{ padding: 30px 12px;}
.z_rj_warp .tit{ font-size: 18px;}
.z_rj_warp .desc{ font-size: 14px; line-height: 24px; margin: 20px 0;}
.z_rj_list li h3{ font-size: 16px;}
.z_rj_warp .fr_warp{ margin-top: 30px;}
.z_kf_warp{ width: 100%;}
.z_tw_warp{ margin-bottom: 35px;}
.z_xqbox,.z_xqbox2{ display: block; padding: 30px 12px;}
.z_xqbox .imgbox,.z_xqbox .infobox{ width: 100%;}
.z_xqbox .conbox{ width: 100%; margin-top: 30px;}
.z_xqbox li{ width: 100%; min-height: auto; margin-bottom: 15px;}
.z_xqbox li h3, .z_xqbox2 h3{ font-size: 16px;}
.z_xqbox2 h4{ width: 100%;}
.z_pro_hz{ width: 100%; margin-bottom: 30px; padding: 0px 12px;}
.z_hz_list li{ width: 32.7%;float: left; margin-bottom: 5px;}
.z_hz_list li div{height: 55px; padding: 10px;}
.z_hz_list{ margin-top: 30px;}
.z_adv h3{ font-size: 20px;}
.z_adv{ display: flex; align-items: center;overflow: hidden; justify-content: center;}
.z_adv img{ height: 50vw;max-width: none; width: auto;}
.z_adv .z_more{ width: 120px; height: 40px;}
.z_footer_nav{ display: none;}

.z_footer{ display: block;padding: 20px 12px; position: relative;}
.z_footer .fl_warp,.z_footer .fr_warp{ width: 100%;padding: 0; border: none;}
.z_footer_logo{ display: none;}
.z_addre_li li{ font-size: 14px; line-height: 22px; width: 100%; margin-bottom: 10px;}
.z_footer_copy{ font-size: 14px; width: 100%;text-align: center;}
.z_footer_btm{ position:unset; left: auto; bottom: auto;padding: 0; margin-top: 20px;  width: 100%;}
.z_footer .fr_warp{ padding: 0;}
.z_footer_code{ position: absolute; right: 0px; bottom: 110px;}
.z_footer_code .img{ width: 80px; height: 80px; margin: 0 auto; margin-bottom: 10px;}
.z_about_banner{ margin-top: 50px; height: auto; position: relative;}
.z_about_banner .infobox,.z_about_banner .imgbox{ width: 100%;}
.z_about_banner .imgbox::before{ display: none;}
.z_about_banner .imgbox{ height: 70vw;}
.z_about_banner .infobox{ height: auto; background: none; width: 100%; padding: 0 20px; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_about_banner .tit{ font-size: 20px; line-height: 28px;}
.z_about_banner .slg{ height: 10vw;}
.z_about_warp .conwarp{ width: 100%; margin-left: 0; padding: 0 12px;}
.z_about_warp .imgbox{ width: 100%; height: 60vw;position: relative; z-index: 1;}
.z_about_warp { background-position: right top;padding-bottom: 0;}
.z_about_warp .desc{ font-size: 14px; margin: 20px 0; line-height: 24px;}
.z_about_num2 li .timer{ font-size: 24px;}
.z_about_num2 li{ min-height: 100px;}
.z_about_process{ padding: 30px 12px;overflow: hidden;}
.z_process_swiper .year{ font-size: 18px;}
.z_process_swiper .year .dot{ margin-top: 20px;}
.z_process_warp::before{ top: 52px;}
.z_process_swiper .infobox{ margin-top: 20px;}
.z_process_swiper h3{ font-size: 16px;}
.z_process_swiper .desc{ transform: translateY(0); opacity: 1; font-size: 14px;}
.z_process_cir { top: 26%;}
.z_about_honor{ padding: 35px 12px;}
.z_about_honor .topwarp{ display: block;}
.honor_con{ width: 100%; margin: 30px 0;}
.honor_con li{ width: 100%;}
.z_honor_swiper li{ height: 60vw;}
.z_about_hz{ padding: 35px 0px;}
.z_about_hz .z_about_tit{ margin-bottom: 35px;}
.z_about_hz2 .z_about_tit{ margin-bottom: 15px;}
.z_about_hz2 .slg_text{ font-size: 14px; margin-bottom: 25px;}
.z_hz_swiper2 li a{ height: 50px; padding: 5px;}
.z_hz_swiper li a{ height: 50px;}
.z_hz_swiper li{ margin-bottom: 0;}
.z_hz_swiper2 .swiper-pagination{ margin-top: 30px;}
.z_contact_banner { position: relative; margin-top: 50px;}
.z_contact_banner .fr_warp{ width: 100%; height: 70vw;}
.z_contact_banner .fl_warp{ width: 100%; position: absolute; height: 100%; left: 0;top: 0;z-index: 2;}
.z_contact_swiper{ width: 100%;}
.z_contact_banner .fr_warp::before{ display: none;}
.z_swiper_btn .iconfont{ width: 40px; height: 40px; line-height: 40px;}
.z_contact_news .z_swiper_btn{ position: relative; margin-top: 30px; margin-left: auto;}

.z_zp_warp,.z_contact_warp{ display: block; padding: 35px 12px;}
.z_zp_warp .fl_warp, .z_contact_warp .fl_warp{ width: 100%;}
.z_zp_warp .fr_warp,.z_contact_warp .fr_warp{ margin-top: 30px; width: 100%;}
.z_zp_warp .fr_warp{ border-width: 4px;}
.rc_box .tit span, .zp_tit span{ display: none;}
.rc_box .tit span:nth-child(1), .zp_tit span:nth-child(1){ display: block; width: 100%;}
.sideMenu{ line-height: 50px;}
.rc_box .rc_con{ padding: 30px 0;}
.z_contact_warp ul{ display: block;}
.z_contact_warp li{ width: 100%; padding: 20px 15px; margin-bottom: 10px;}
.z_contact_warp li img{ margin-bottom: 20px;}
.z_contact_warp li h3{ font-size: 18px; margin-bottom: 5px;}
.z_contact_warp li h4{ font-size: 14px;}
.z_yy_head{ margin-top: 50px; padding: 30px 0;}
.z_yy_head .slg{ height:40px; margin-bottom: 10px;}
.z_yy_first{ display: block;}
.z_yy_first .imgbox{ width: 100%; margin-left: 0; height: 100vw;}
.z_yy_first .infobox,.z_yy_list .itembox .infobox{ width: 100%; padding: 35px 12px;}
.z_yy_first .infobox .desc, .z_yy_list .itembox .desc{ font-size: 14px; margin-top: 20px;line-height: 24px;}
.z_yy_list .itembox .infobox, .z_yy_list .itembox .imgbox{ width: 100%; height: auto; float: none;}
.z_yy_list .itembox .imgbox{ height: 50vw;}
.z_yy_list .itembox{padding: 0;}
.z_yy_list .itembox .icon{ position: relative; left: auto; transform: translate(0,0); top: auto;}
.z_yy_list .itembox .icon,.z_yy_first .icon{ width: 50px; height: 50px; margin: 0 auto; margin-top: 30px;}
.z_yy_first  .icon{ left: 50%; transform: translateX(-50%);}
.z_yy_list .itembox:nth-child(even) .infobox, .z_yy_list .itembox:nth-child(even) .imgbox{ float: none;}
.z_news_page{ margin-top: 50px; padding: 35px 12px;}
.z_news_head{ margin: 30px 0; padding-bottom: 10px;}
.z_news_nav a{ width: auto; padding: 0 10px; min-width: auto; }
.z_news_head a{ font-size: 14px;}
.z_news_hot li{ width: 100%; height: 60vw; margin-bottom: 10px;}
.z_news_hot li .infobox{ padding: 15px;}
.z_news_hot li h3{ width: 100%; font-size: 14px;line-height: 20px; margin-bottom: 10px;}
.z_news_list{ width: 100%;}
.z_news_list li .imgbox {height: 32vw;}
.z_news_list .infobox{ padding: 10px 0;}
.z_news_list li h3{ font-size: 14px; height: auto; margin-bottom: 10px;}
.z_news_list li{ margin-bottom: 10px;}
.z_xq_head, .z_xg_news{ width: 100%;}
.z_xq_head .tit{ font-size: 18px; margin: 30px 0; line-height: 28px;}
.z_xq_head .desc{ font-size: 14px; line-height: 24px;}
.z_xq_imgbox,.z_xq_con{ width: 94%; margin: 30px auto;}
.z_xq_con{ font-size: 14px;}
.z_xg_news{ margin-top: 40px; padding-top: 20px;}
.z_xg_tit{ font-size: 18px;}
.z_xg_news li{ padding: 20px 0;}
.z_xg_news li .imgbox{ width: 140px; height: 90px; margin-right: 10px;}
.z_xg_news li h3{ font-size: 15px;line-height: 20px; height: 40px; margin:5px 0;}
.z_news_big{ width: 100%;}
.z_index_zl .z_big_more{ display: block; width: 100%; height: 50px;line-height: 50px; text-align: center;}
.z_index_fx .imgbox::after{ display: none;}
.z_index_hz{ display: block; padding: 35px 0; padding-bottom: 0;}
.z_index_hz .z_index_tit{ position: relative;left: auto; top: auto; text-align: center;}
.z_index_hz .fl_warp{ width: 100%;margin: 0; margin-top: 30px;}
.z_index_hz .fl_warp .morebox{ width: auto; padding: 10px;}
.z_index_hz .fl_warp .imgbg{ height: 80vw; }
.z_index_hz .fl_warp .tit{ font-size: 16px;}
.z_hz_swiper li{ padding: 5px 0; box-sizing: border-box;}
.z_footer_share{ display: none;}
.rc_box .tit::before{ height: 50px;} 
.aply_pop{ width: 90%;}
.z_index_hz .fr_warp{ padding: 30px 10px;}
.z_other_banner .z_btn_warp{display: block; margin-top: 10px;}
.z_other_banner .z_btn_warp img{height: 16px;}
.z_other_banner .z_btn_warp a{ min-width: auto; font-size: 14px; padding: 0 10px;  width: 48%; margin-right: 2px; float: left;margin-top: 5px;}
.z_fixed_warp .slg img{ height: 35px; margin-bottom: 20px;}
.z_fixed_warp{ padding: 40px 0; padding-top: 50px;}
.z_video_page{ width: 94%;}
.z_subs_nav a{ height: 40px; line-height: 40px; font-size: 14px; margin: 0 2px; padding: 0 10px;}
.z_video_page li{
    width: 100%;
    border-radius: 10px; margin-bottom: 10px;
}
.z_video_page li .imgbox{ height: 50vw; border-radius: 10px;}
.z_video_page li .tit{ font-size: 14px;}
.z_video_page li .ico{ width: 30px; height: 30px; right: 10px; bottom: 10px;}
.z_down_list{ width: 94%;}
.z_down_list li{padding: 15px;}
.z_down_list li .tit{ font-size: 16px;}
.z_down_list li .desc{ font-size: 14px;}
.z_down_list li a{ display: block;}
.z_down_list li .infobox{ width: 100%;}
.z_down_list li .ico{ margin: 0 auto; width: 40px; margin-bottom: 10px;}
.z_down_list li .down .iconfont{ width: 30px; height: 30px; line-height: 30px; }
.z_dowm_box{ display: flex; align-items: center; justify-content: center; overflow: hidden; height: auto; }
.z_dowm_box img{ min-height: 100%; max-width: none; }
.z_dowm_box .btn{ white-space: unset; font-size: 14px; margin-top: 10px;}
.z_dowm_box .ico img{ height: 40px; width: auto; min-height: auto; min-width: auto;}
.z_dowm_box .warps{ display: block; width: 100%; margin-top: 20px;}
.z_dowm_box .tits{ font-size: 24px;}
.z_dowm_box .slgtext{ font-size: 14px; }
.z_dowm_box .itembox{ padding: 10px;  width: 80%; margin: 0 auto;margin-bottom: 12px;}
.z_dowm_box .infobox{ width: 100%;}
.z_dowm_box .tt{ font-size: 18px;}
.zz_about_jj{ margin-top: 50px; padding: 30px 12px;}
.zz_about_jj .tit{ font-size: 22px; text-align: center;}
.zz_about_jj .con{ width: 100%; font-size: 14px; line-height: 24px; margin-top: 20px;}
.zz_about_jj ul{ display: block; margin-top: 30px;}
.zz_about_jj li{ width: 100%; margin-bottom: 12px; margin-right: 0;border-radius: 10px;}
.zz_about_jj li h3{ font-size: 16px;}
.zz_honor{ padding: 30px 12px;}
.zz_honor ul{ width: 100%; margin-top: 30px; display: block;}
.zz_honor li{ width: 100%!important; margin: 0; margin-bottom: 12px; border-radius: 10px;}
.z_dowm_box{ display: block; padding: 30px 12px;}
.z_dowm_box .zzbox{ padding: 0; margin-bottom: 30px;}
.z_dowm_box .zzbox2{ border: 0;}
.z_dowm_box .zzlist a{ height: 50px; padding: 0 12px; border-radius: 5px; font-size: 16px;}
.z_dowm_box .tits{ margin-bottom: 15px;}
.z_dowm_box .xzinfo a:first-child{ height: 100px;}
.z_dowm_box .xzinfo a{ height: 70px;}
.z_dowm_box .ico{ height: 40px;}
.z_dowm_box .xzinfo h3{ font-size: 16px;}
.z_dowm_box .wdbtn{ height: 60px; border-radius: 5px; font-size: 18px;}
.z_dowm_box .wdbtn .iconfont{font-size: 18px; margin-right: 10px;}
}