@font-face {
  font-family: "NotoSansHans";
   src: url("../fonts/NotoSansHans-Regular.ttf");    
  font-weight: normal;
  font-style: normal;}
@font-face {
 font-family: DINPro;
   src: url("../fonts/DINPro-Regular.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;}
.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{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;}
.flwarp{ float: left;}
.frwarp{ float: right;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
.font32{ font-size: 1.66666vw;}


.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); }


/*分享*/
#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}
::-webkit-scrollbar-track-piece{background:#eeeeee}
::-webkit-scrollbar-thumb:vertical{background-color:#e60012;}
.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; transition: ease .5s; opacity: 0; visibility: hidden;}
.video_pop.on{ opacity: 1; visibility: visible;}
.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;}
.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: 100%; 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;
}
.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_banner{  height: 100vh; position: relative; background: #000;}
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_banner .bd li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_banner .bd li .show{transform:scale(1.05); transition:ease 3s; opacity:.8;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_swiper_hd li{ display: inline-block;margin:0 5px; width: 10px; height: 10px; border-radius: 50%; background: #fff;}
.z_banner_hd{ position: absolute; z-index: 2; right: 2.6vw; display: inline-block; top: 50%; transform: translateY(-50%);}
.z_banner_hd li{ display: block;width: 12px;height: 12px; transition: ease  1s;border: 2px solid #FFFFFF;border-radius: 50%; box-sizing: border-box; cursor: pointer; outline: none; margin: 15px 0;}
.z_banner_hd li.on{ background: #fff;}

.z_banner_text{ position: absolute; left: 0%; top: 50%; width: 100%; padding: 0 5.2vw; box-sizing: border-box; color: #fff; z-index: 2; transition: ease 1s; opacity: 0; transition-delay: .5s; } 
.z_banner_text h3{font-size: 3.125vw;font-weight: bold;color: #F5F5F7; line-height: 3.125vw; margin-bottom: 3vw;}
.z_banner_btn .btn{display: inline-block; min-width: 160px;height: 50px; text-align: center; line-height: 44px; font-size: 15px; color: #fff;background: #E60012;border: 3px solid #E60012; margin-right: 10px; box-sizing: border-box;}
.z_banner_btn .play{ background: none; border-color: #fff;}
.z_banner_btn .btn:hover{ background: #E60012;border: 3px solid #E60012;}
.z_banner .swiper-slide-active .z_banner_text{ opacity: 1; transform: translateY(-50%);}
.z_header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 999; height: 8vw;line-height: 8vw; display: flex; align-items: center; padding: 0 5.2vw; box-sizing: border-box; color: #fff; transition: ease .5s;} 
.z_header::before{ content: ""; display: block; z-index: 2; width: 0; height: 5px; background: #e60012; transition: ease 2s; position: absolute; left: 0; top: 0;}
.z_header.animated::before{ width: 100%;}
.z_logo{ position: relative;}
.z_logo img{ display: block; max-height: 4.16666vw; transition: ease 1s;}
.z_logo .logo2{ position: absolute; left: 0; top: 0; opacity: 0;}
.z_header_fr{ margin-left: auto;}
.z_header_nav li{float: left; position: relative; text-align: center; z-index: 1;} 
.z_header_nav li a{ color: #fff; font-size: 16px; display: block;}
.z_header_nav .down_nav{ width: 100%; position: absolute; left: 0; top: 100%; background: #fff; padding: 1vw 0; transition: ease 1s; transform: translateY(10%); opacity: 0; visibility: hidden; z-index: -1;}
.z_header_nav .down_nav a{color: #A8A8A8;line-height: 1.875vw; font-size: 14px; }
.z_header_nav .down_nav a:hover{ color: #CB0F19; font-weight: bold;}
.z_header_nav li .one{ display: block; padding: 0 2vw; position: relative;transition: unset;}
.z_header_nav li .one::before{ content: ""; display: block; width: 100%; height:100%;background:#fff url(../img/bg1.png) no-repeat top center; background-size: 100% auto; position: absolute; left: 0; top: 0; transition: ease 1s;opacity: 0;}
.z_header_nav li:hover .one::before{ height: 100%; opacity: 1;}
.z_header_nav li:hover .one{ color: #4A4A4A;}
.z_header_nav li::before{ content: ""; display: block; width: 0; height: 5px;
background: #E60012; position: absolute; left: 50%; top: 0; transition: ease .5s; z-index: 1;}
.z_header_nav li:hover::before{ width: 100%; left: 0;}
.z_header_nav li:hover .down_nav{ opacity: 1; transform: translateY(0); visibility: visible;}
.z_words{ border-left: 2px solid #C9C9C9; height: 20px; padding-left: 20px; margin-left: 1vw;}
.z_words a{ display: inline-block; color: #eee; margin-left: 15px;transition: unset; font-weight: bold;}
.z_words a:hover,.z_words a.active{ color: #E60012;}
.z_words .iconfont{font-size: 20px; display: inline-block; width: 30px;}
.z_sou{ width: 40px; height: 40px; text-align: center; line-height: 40px; margin-left: 2vw; cursor: pointer; outline: none;}
.z_sou .iconfont{font-size: 18px;font-weight: bold; }
.z_header.on{ background: #fff!important; height: 5.2vw; line-height: 5.2vw;color: #4A4A4A;}
.z_header.on2{background: #fff!important;}
.z_header.on::before,.z_header.on2::before{ width: 0;} 
.z_header.on .z_logo .logo2,.z_header.on2 .z_logo .logo2{ opacity: 1;}
.z_header.on .z_logo .logo1,.z_header.on2 .z_logo .logo1{ opacity: 0;}
.z_header.on .z_header_nav .one,.z_header.on2 .z_header_nav .one{color: #4A4A4A;}
.z_header.on .z_words,.z_header.on .z_words a.active,.z_header.on .z_words a:hover,.z_header.on2 .z_words,.z_header.on2 .z_words a.active,.z_header.on2 .z_words a:hover{ color: #E60012;}
.z_header.on .z_words a,.z_header.on2 .z_words a{color: #A8A8A8;}
.z_search_pop{ position: fixed;  left: 0; top: 0; opacity: 0;visibility: hidden; transition: ease .6s;  width: 100%; height: 100%; background: #fff; z-index:999; display: flex; align-items: center; justify-content: center;}
.z_search_box{ display: flex;align-items: center; background: #eee;}
.z_search_box .text{ width: 400px; font-size: 16px; border: none; height: 50px; padding: 0 20px; box-sizing: border-box; border-radius: 5px 0 0 5px;}
.z_search_box .z_sou{ width:100px;border-radius: 0px 5px 5px 0; font-size: 16px; display: block; height: 50px; line-height: 50px; text-align: center; color: #fff; background:#E60012;}
.z_search_close{ position: absolute; right: 20px; top: 20px; font-size:30px!important; font-weight: bold; color: #E60012; cursor: pointer; transition: ease 1s;}
.z_search_close:hover{ transform: rotate(180deg);}
.z_search_pop.on{ opacity: 1; visibility: visible; }
.z_swiper_btn{ position: absolute; right: 4vw; bottom: 3vw; z-index: 2;}
.z_swiper_btn .btn{width: 46px;height: 46px;border-radius: 50%; display: inline-block; transition: ease 1s; color: #fff; line-height: 46px; text-align: center; cursor: pointer; outline: none; margin-left: 10px; position: relative; z-index: 1;}
.z_swiper_btn .btn::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/c.png) no-repeat center; background-size: 100% 100%;animation: gorotate 4s infinite linear ;}
.z_swiper_btn .btn.next::before{ animation: gorotate2 4s infinite linear ;}
.z_swiper_btn .btn:hover{background: #E60012;}
.z_swiper_btn .btn:hover::before{ opacity: 0;}
@keyframes gorotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes gorotate2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
.z_index_yw .flwarp{ width: 75%;}
.z_yw_warp ul{ display: flex;}
.z_yw_warp li{ flex: 1; height: 50vw; position: relative; cursor: pointer;transition: ease 1s;}
.z_yw_warp li.on{ flex: 4;}
.z_yw_warp li a{color: #F5F5F7;}
.z_yw_warp li .infobox{ position: absolute; width: 100%; transform: translateY(100%); left: 0; bottom: 0; padding: 5.2vw; box-sizing: border-box; opacity: 0; transition: ease 2s;}
.z_yw_warp li .titname{ position: absolute; left: 50%; transform: translateX(-50%);bottom: 5.2vw;writing-mode: tb-rl; transition: ease 1s;}
.z_yw_warp li  .tit{ font-size: 2.08vw;font-weight: bold; }
.z_yw_warp li.on .infobox{ opacity: 1;transform: translateY(0%);}
.z_yw_warp li.on .titname{opacity: 0; transform: translateY(-100%);}
.z_index_yw .frwarp{ width: 25%; float: right; height: 50vw; background: url(../img/bg2.jpg) no-repeat center; background-size: cover; padding: 7vw 1vw; box-sizing: border-box; display: flex;  justify-content: center; color: #fff;}
.z_index_tit h3{ font-size:2.08vw;font-weight: bold; }
.z_index_tit .line{width: 26px;height: 2px;background: #FFFFFF; display: block; margin: 20px 0;}
.z_index_yw .frwarp .desc{line-height: 24px;}
.z_index_yw .more .arr{width: 20px;height:20px;border: 2px solid #FFFFFF;opacity: 0.5;border-radius: 50%; display: inline-block; font-size: 10px; color: #fff; text-align: center; line-height: 16px; margin-left: 5px;}
.z_index_yw .more{ color: #fff; margin-top: 3vw; display: block; }
.z_index_yw .more .iconfont{ transform: scale(.6,.6); display: inline-block;}
.mySwiper2{ width: 100%; height: 50vw; background: #000; position: relative; z-index: 1;}
.z_car_head{ position: absolute; left: 0; top: 0;z-index: 2;}
.mySwiper{ width: 76%; overflow: hidden; position: relative; box-sizing: border-box;position: absolute; left: 2%; top: 0;z-index: 2;}
.mySwiper .swiper-slide{ height: 10vw; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative;}
.mySwiper .swiper-slide::before{ content: ""; display: block; width: 0; position: absolute; left: 50%; top: 0; height: 5px;background: #E60012; transition: ease 1s;}

.z_index_car .btnwarp{right: 15vw; top: 3.7vw; display: flex; align-items: center; position: absolute;}
.z_index_car .btnwarp .btn{width: 2.6vw;
height: 2.6vw; cursor: pointer; outline: none;
background: #E60012;  margin: 0 5px;
border: 0px solid #000000; z-index: 3;
border-radius: 50%; color: #fff; text-align: center; line-height: 2.6vw;   }
.mySwiper .swiper-slide img{ max-width: 80%; max-height: 80%; transition: ease 1s;}
 .mySwiper .swiper-slide-thumb-active{ background:url(../img/bg1.png) no-repeat center; background-size: 100% auto;}
 .mySwiper .swiper-slide-thumb-active::before{ width: 100%; left: 0;}
.z_index_car{ position: relative;}
.mySwiper2 .swiper-slide{ overflow: hidden;}
.mySwiper2 .imgbg{ transform: scale(1.1,1.1); transition: ease 2s;}
.mySwiper2 .swiper-slide-active .imgbg{ transform: scale(1,1);}
.mySwiper2 .infobox{ position: absolute; left: 0; bottom: 5vw; width: 100%; text-align: center; color: #fff; transform: translateY(100%); opacity: 0; transition: ease 1s;}
.mySwiper2 .swiper-slide-active .infobox{transform: translateY(0%); opacity: 1;}
.mySwiper2 .infobox h3{ font-size: 2.6vw; font-weight: bold;}
.mySwiper2 .infobox .btn{width: 161px; text-align: center; line-height: 51px; margin: 0 auto; color: #fff;height: 51px; display: block;font-size: 15px;background: #E60012; margin-top: 2vw;}
.mySwiper2 .play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; cursor: pointer; outline: none;}
.mySwiper2 .play .icon{ width: 3.64583vw; height: 3.64583vw; background: url(../img/play.png) no-repeat center; background-size: 100% 100%; margin: 0 auto; margin-bottom: 20px;  }
.z_index_car .z_index_tit{position: absolute;width: 16.66666vw; text-align: center; right:0vw; top: 0; height: 10vw;  text-align: center; color: #1A1A1A; z-index: 2; display: flex; align-items: center; justify-content: center;} 

.z_index_news{ background: #EDEDED; z-index: 1; position: relative; overflow: hidden; padding-left: 12.5vw; box-sizing: border-box;}
.z_index_news::before{ content: ""; display: block; width: 22.39583vw; height: 22.39583vw;background-size: 100% auto; position: absolute; left: 0; bottom: 14vw}
.z_index_news .z_en_tit{ position: absolute; left: 0; top: -3.5vw;}
.z_index_news .z_en_tit img{ display: block; height: 10vw;}
.z_news_flwarp{ width: 57.29166vw; float: left; padding: 10vw 0;}
.z_news_flwarp li{ width: 47.5%; float: left;}
.z_news_flwarp li:nth-child(even){ float: right;}
.z_news_flwarp li:nth-child(even) .desc{ display: none;}
.z_news_flwarp li .imgbox,.z_news_list li .imgbox{ width: 100%; height: 15.625vw; overflow: hidden;transition: .6s ease-out;}
.z_news_flwarp li:hover  .imgbg{transform:scale(1.1,1.1);}
.z_index_news .infobox,.z_news_list li .infobox{ padding:2.5vw 2vw; overflow: hidden; z-index: 1; box-sizing: border-box; transition: ease 1s; position: relative;}
.z_news_flwarp li .infobox,.z_news_list li .infobox{ background: #fff; position: relative;}
.z_news_flwarp li .infobox::before,.z_news_frwarp .top .infobox::before,.z_news_list li .infobox::before{ content: ""; display: block; width: 100%; height: 0%; position: absolute; left: 0%;top:0%;  transition: ease 1s; background: #E60012; opacity: 0;}
.z_index_news h3{}
.z_index_news h3{ font-size: 1.45833vw;color: #000000; line-height: 1.875vw;}
.z_index_news .xx{font-size: 16px;font-weight: bold;color: #8B8B8B; margin: 1vw 0; margin-bottom: 2vw;}
.z_index_news .desc{font-size: 16px;font-weight: 400;color: #626262;line-height: 24px; height: 48px; margin-bottom: 2vw; }
.z_index_news .morebar{ border-top: 1px solid #DCDCDC; padding-top: 1vw; display: flex; align-items: center;color: #2A2A2A;font-size: 16px;color: #2A2A2A;}
.z_index_news .morebar .iconfont{ font-size: 10px; display: inline-block; width: 23px;height: 23px; line-height: 23px; margin-left: 10px;background: #E60012; text-align: center;border-radius: 50%; color: #fff;}
.z_news_flwarp li:hover .infobox::before,.z_news_frwarp .top:hover .infobox::before{ height: 100%; opacity: 1;  }
.z_news_flwarp li:hover h3,.z_news_flwarp li:hover .xx,.z_news_flwarp li:hover .desc,.z_news_flwarp li:hover .morebar{color: #fff;}
.z_news_frwarp{ width: 27.18749vw; float: right; padding-bottom: 10vw;}
.z_news_frwarp .top .infobox{ background: #fff;  min-height: 16.66666vw;  padding-top: 3.5vw;}
.z_news_frwarp .top {margin-bottom: 3vw;}
.z_index_news .hot{ height: 36vw; position: relative; overflow: hidden;}
.z_index_news .hot:hover .imgbg{ transform: scale(1.1,1.1);}
.z_index_news .hot .infobox{ position: absolute; left: 0; bottom: 0; box-sizing: border-box; width: 100%; background: none;}
.z_index_news .hot h3,.z_index_news .hot .xx,.z_index_news .hot .desc,.z_index_news .hot .morebar{color: #fff;}
.z_index_news .top:hover h3,.z_index_news .top:hover .xx,.z_index_news .top:hover .desc,.z_index_news .top:hover .morebar{color: #fff;}
.z_index_news .z_more_btn{ position: absolute; right: 42.1875vw; bottom: 13.54166vw;}
.z_more_btn{width: 3.85416vw;position: relative; z-index: 1;
height: 3.85416vw;
background: #E60012;
border: 0px solid #000000;
border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff;}
.z_more_btn::before,.z_sb_bar::before{content: '';display: block;width: 100%;height: 100%;background: #E60012; opacity: .3; position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite}
  @keyframes consult{
  	0%,100%{transform:scale(1);}
  	50%{transform:scale(1.4);}	
  } 
  @keyframes zoombig {
  	0%{transform: scale(1.2,1.2);} 
  
  	100%{transform: scale(1,1);}
  }
.z_index_tz{ width: 100%; height: 50vw; position: relative; padding: 5.2vw; box-sizing: border-box; color: #fff;}
.z_index_tz .desc{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 24px;opacity: 0.5; margin-top: 1vw;}
.z_index_tz .infobox{ position: absolute; left: 5.2vw; bottom: 5vw; width: 29.58333vw;}
.z_index_tz .infobox a{ color: #fff;}
.z_index_tz .infobox h3{font-size: 1.35416vw;}
.z_index_tz .infobox .desc{ width:18.75vw ; margin-bottom: 2.6vw;}
.z_more_bar{ border-top: 1px solid rgba(255,255,255,.2); padding-top: 1vw;color: #FFFFFF;}
.z_more_bar .iconfont{font-size: 10px; display: inline-block; width: 23px;height: 23px; line-height: 23px; margin-left: 10px;background: #E60012; text-align: center;border-radius: 50%; color: #fff;}
.z_tz_icon{ position: absolute; right: 2vw; bottom: 1vw;}
.z_tz_icon li{ float: left; text-align: center; transition: ease 1s; position: relative; z-index: 1;}
.z_tz_icon li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: url(../img/bg4.png) no-repeat top center; background-size:cover; transition: ease 1s; opacity: 0;}
.z_tz_icon li::after{content: ""; display: block; width: 0; height: 5px;
background: #E60012; position: absolute; left: 0; top: 0;transition: ease 1s;}
.z_tz_icon li:hover::after{ width: 100%;}
.z_tz_icon li a{ display: flex; align-items: center; justify-content: center;width: 8.33333vw; height: 10.4vw;}
.z_tz_icon li h3{ color: #fff; margin-top: 10px;} 
.z_tz_icon li .icon img{ display: block; margin: 0 auto; height:2.39583vw;}
.z_tz_icon li:hover::before{ opacity: 1; }
.z_tz_icon li:hover img{animation: overturn 2s;}
@keyframes overturn
{
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(360deg);}
    100% {transform: rotateY(0deg);}
}


.z_index_jxs{ padding: 6vw 5.2vw;box-sizing: border-box; position: relative; display: flex; align-items: center;}
.z_index_jxs .flwarp{ width: 30.72916vw;}
.z_jxs_warp{ position: relative;z-index: 1; margin: 5vw 0;}
.z_jxs_con{ background: #fff;box-shadow: 0px 33px 92px 0px rgba(0, 0, 0, 0.1); margin-top: -2px;}
.z_index_jxs .z_index_tit h3{font-size: 2.34375vw;font-weight: bold;color: #1A1A1A;margin-bottom: 1vw; }
.z_index_jxs .z_index_tit .desc{font-size: 16px;font-weight: 400;color: #1A1A1A;line-height: 24px;opacity: 0.7}
.z_jxs_head{  background: url(../img/bg5.png) no-repeat top center; background-size: 100% 100%; position: relative;z-index: 2;}
.z_jxs_swiper{ overflow: hidden; width: 90%;}
.z_jxs_swiper li{ height:5.625vw; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.z_jxs_swiper li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: url(../img/bg1.png) no-repeat top center; background-size:cover; transition: ease 1s; opacity: 0;}
.z_jxs_swiper li img{ display: block; max-height: 2.8vw;}
.z_jxs_swiper li.active::before{ opacity: 1; }
.z_jxs_btn{ flex-shrink: 0;margin-left: auto;width: 46px; margin-right: -10px;
height: 46px; display: flex; align-items: center; justify-content: center; color: #fff;
background: #E60012;
border: 0px solid #000000;
border-radius: 50%;}
.z_jxs_btn .iconfont{ display: inline-block; outline: none; cursor: pointer;}
.z_jxs_con{ padding: 2vw; padding-right: 0; box-sizing: border-box; padding-bottom: 0;direction: ltr;}
.z_jxs_con ul{  height: 220px;
    overflow-y: scroll;
    direction: rtl; text-align: left; padding-left: 2vw; box-sizing: border-box;}
.z_jxs_con li h3{font-size: 18px;font-weight: 400;color: #000000;}
.z_jxs_con li .desc{font-size: 14px;color: #666666;line-height: 24px; margin-top: 10px;}
.z_jxs_con li{  direction: ltr;  box-sizing: border-box;  padding: 1.5vw 0;padding-right: 1vw;}
.z_jxs_con li:first-child{ padding-top: 0;}
.z_tab_con .child{ display: none;}
.z_tab_con .child.active{ display: block;}
.z_about_num .timer{font-size: 5.88541vw;font-family: DINPro;font-weight: 400;color: #1A1A1A;line-height: 5.8vw;}
.z_about_num h4{font-size: 16px;font-weight: 400;color: #565656;line-height: 24px;}
.z_jxs_map{ margin-left: auto; width: 48.4375vw; position: relative;}
.z_jxs_map img{ display: block; }
.mapicon{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
/* .mapicon li{ border-radius: 50%;width: 50px;
height: 50px;
background: #ABABAB;

border-radius: 50%; } */
.mapicon li{ width: 1.6vw; height: 1.6vw; background: url(../img/zdw.png) no-repeat bottom center; background-size: 100% auto; }
.mapicon li .imgbg{ border-radius: 50%; display: none;}
.mapicon li .name{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 40px;
height: 40px; 
background: #E60012;

border-radius: 50%; color: #fff; display: flex;align-items: center; justify-content: center; opacity: 0; transition: ease 1s;display: none;}
.mapicon ul.on{opacity: 1;}
.mapicon ul.on .name{opacity: 1;}
.mapicon ul.on .imgbg{ transform: scale(1.6,1.6); border: 1px solid #E60012;}
.mapicon ul{ opacity: 0;}
.car0 .dot1{position: absolute; left: 65.5%;bottom: 6.3vw;}
.car0 .dot2{position: absolute; right: 29%; bottom: 5.5vw;}
.car0 .dot3{position: absolute;right: 21%;bottom: 7.6vw;}
.car0 .dot4{position: absolute; left: 44%;
    bottom: 7vw;}
.car1 .dot1{position: absolute;right: 24%;top: 17.5vw;}
.car1 .dot2{position: absolute; right: 19%;bottom: 9.5vw;}
.car1 .dot3{position: absolute;right: 21%;bottom: 7.6vw;}
.car1 .dot4{position: absolute;right: 29%; bottom: 5.5vw;}
.car2 .dot1{position: absolute;        right: 20%;
    bottom: 8.5vw;}
.car2 .dot2{position: absolute; right: 31%;
    bottom: 6vw;}
.car2 .dot3{position: absolute;right: 29.5%;
    bottom: 5.8vw;}
.car3 .dot1{position: absolute; right: 29%; bottom: 5.5vw;}
.car4 .dot1{position: absolute; right: 29%; bottom: 5.5vw;}
.car5 .dot1,.car6 .dot1{position: absolute; right: 29%; bottom: 5.5vw;}

.z_footer{ background: #E60012; padding: 4.5vw 11.45833vw; box-sizing: border-box; position: relative; z-index: 1;} 
.z_footer::before{ content: ""; display: block; width: 37.5vw; height: 33.33333vw; position: absolute; left: 0; bottom: 0; background: url(../img/ficon.png) no-repeat left bottom; background-size: auto 100%;}
.z_footer .z-container{ width: 100%;}
.z_footer_top{  display: flex; min-height: 25vw;}
.z_footer_nav li{ display: inline-block; vertical-align: top;}
.z_footer_nav a{ display: block; color: #fff;}
.z_footer_nav .one{color: #F8F8F8; font-size: 16px; width: 10vw; margin-bottom: 10px;}
.z_footer_nav .down_nav a{font-size: 14px;font-weight: 400;color: #F8F8F8;line-height: 30px;opacity: 0.5;}
.z_footer_nav .down_nav a:hover{ opacity: 1;}
.z_footer_code{  margin-left: auto; text-align: center;}
.z_footer_code img{ display: block; height: 5.83333vw;}
.z_footer_code h3{color: #F8F8F8; margin-top: 8px;}
.z_foot_lx{ display: flex; justify-content: space-between;color: #F8F8F8; align-items: center;}
.z_foot_share a{color: #F8F8F8; cursor: pointer;}
.z_foot_share .iconfont{ font-size: 20px; display: inline-block; margin-right: 5px;}
.z_foot_copy{ border-top: 1px solid rgba(210, 210, 210, .5); padding-top: 1.5vw; margin-top: 1.5vw;color: #F8F8F8; display: flex; align-items: center;}
.z_foot_copy a{color: #F8F8F8;}
.mr{ margin-left: auto;}
.z_other_banner{ width: 100%; height: calc(100vh - 70px); position: relative; overflow: hidden;}
.z_other_text{position: absolute; left: 0; top: 50%; transform: translateY(-50%);padding: 0 5.2vw; box-sizing: border-box; width: 100%;} 
.z_other_text h3{font-size: 3.125vw;font-weight: bold;color: #F5F5F7;}
.z_sb_bar{width: 55px;
height: 55px; cursor: pointer; outline: none;
background: #E60012;
border: 0px solid #000000;
border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; margin-top: 2vw;}
.z_page_nav{ width: 100%; height: 70px; overflow: hidden; line-height: 70px;background: #E60012; padding: 0 5.2vw; box-sizing: border-box;}
.z_page_nav li{ float: left; margin-right: 3.5vw;}
.z_page_nav li a{ color: #fff;font-size: 16px; display: block;} 
.z_page_nav li.cur a,.z_page_nav li:hover a{ font-weight: bold;}

/*懂事长致辞*/
.z_about_page{ padding:5.2vw 8.3vw; box-sizing: border-box;}
.z_boss_warp .flwarp{ width: 32.8125vw;}
.z_boss_warp .name{font-size:2.1875vw;font-weight: 500;color: #313131;}
.z_boss_warp .zw{font-size:1.04vw;font-weight: 500;color: #7C7C7C;}
.z_boss_warp .fz,.z_boss_warp .conwarp .desc{font-size: 16px;font-weight: 400;color: #595959;line-height: 30px; margin: 1.5vw 0;}
.z_boss_warp .conwarp{ border-top: 1px solid #E5E5E5; padding: 2vw 0;}
.z_boss_warp .conwarp .tit{font-size:1.04vw;font-weight: 500;color: #313131;}
.z_boss_warp .qm .img{ display: block; margin-left: auto; height: 3.125vw; margin-top: 10px; }
.z_boss_warp .qm{ margin-left: auto; text-align: right;font-size: 16px;font-weight: 400;color: #7C7C7C; margin-top: 2vw;}
.z_boss_warp .frwarp{ width: 34.89583vw;}

.z_fz_page{ padding: 5vw 10vw;}
.z_page_tit{font-size:2.34375vw;font-weight: 500;color: #1A1A1A; text-align: center; margin-bottom: 5.2vw; font-weight: bold;}
.z_process_warp{ position: relative; padding-bottom: 8vw; }
.z_process_warp::before{ content: ""; display: block; width:3px; height: 100%; position: absolute ;background: #E5E5E5; left: 50%; transform: translateX(-50%); top: 0;}
.z_process_warp li{ position: relative;}
.z_process_warp li .conwarp{ width: 50%; margin-left: auto; position: relative; padding-left: 8.75vw; }
.z_process_warp li .year{ flex-shrink: 0;  width: 8.75vw; text-align: center; position: absolute; left: 0; top: 0%; line-height: 5.3vw;  font-size: 18px;}
.z_process_warp li .year em{ font-size: 1.5625vw;font-family: RheemSans;font-weight: bold;color: #242424;}
.z_process_warp li .item{ border-bottom: 1px solid #DCDCDC;padding: 1vw 0; display: flex; align-items: center;justify-content: space-between; font-size: 1.04vw;font-weight: 500;color: #242424; }
.z_process_warp li:hover .year,.z_process_warp li:hover .year em{ color: #E60012;}
.z_process_warp .logobar{ max-width: 50%;}
.z_process_warp .logobar img{ max-height: 3.125vw;}
.z_process_warp li::before{ content: ""; display: block;width: 12px;height: 12px;background: #E60012;border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.z_process_warp li:nth-child(even) .conwarp{ margin-right: auto;  margin-left: 0; padding-left: 0; padding-right:8.75vw ;}
.z_process_warp li:nth-child(even) .year{ left: auto; right: 0; }
.z_process_warp li:nth-child(even) .item{ direction: rtl; text-align: right;}
.z_process_warp li:nth-child(odd) .logobar{margin-left: auto;}
.z_process_warp li .desc{ max-width: 50%;}
.z_process_warp .z_more_btn{ margin: 0 auto; margin-top: 4vw; font-weight: bold;}
.z_process_warp li:first-child{ margin-top: 0;}
.z_process_warp li{ margin-top: -1vw;}
.z_about_con{ position: relative;}
.z_about_con .flwarps{ width: 50%; padding: 7vw 5vw; box-sizing: border-box;}
.z_about_con .z_page_tit{ text-align: left; margin-bottom: 0.8vw; font-size: 2.1875vw;}
.z_about_con .ms{font-size: 1.04vw;font-weight: bold;line-height: 1.5625vw; color: #2F2F2F;}
.z_about_con .ms em{color: #E60012;}
.z_about_con .conbox{ width: 100%; margin: 4vw 0; padding-left: 2.6vw; box-sizing: border-box; font-size: 16px;font-weight: 400;color: #595959;line-height: 30px; height: 210px;  overflow-y: scroll;
				   direction: rtl; text-align: justify;}
.z_about_con .conwarp{direction: ltr;}
.z_about_con .frwarps{ width: 42.70833vw; height: 100%; position: absolute; right: 0; top: 0;}
.z_banner .z_page_tit{ color: #fff; position: absolute; left: 5.2vw; top: 5vw; z-index: 2;}

/* 团队 */
.z_team_warp{ width: 1400px; margin: 0 auto; margin-bottom: 4vw;}
.z_team_warp .item{ width: 100%; background: #fff; cursor: pointer; transition: ease 2s; padding:0 3.5vw; box-sizing: border-box; padding-bottom: 40px; margin-bottom: 30px;}
.z_team_warp .titbar{ padding: 25px 0; margin-bottom: 20px; border-bottom: 1px solid #DCDCDC; background: url(../img/jia.png) no-repeat right center;}
.z_team_warp .titbar h3{font-size: 28px;font-weight: 400;color: #000000;}
.z_team_warp .titbar h4{color: #E60012; font-weight: bold; margin-top: 5px;}
.z_team_warp .con{font-size: 14px;font-weight: 400;color: #626262;line-height: 24px; max-height: 48px; overflow: hidden;transition: ease 1s;}
.z_team_warp .item.on .titbar{ background-image: url(../img/jian.png); }
.z_team_warp .item.on,.z_team_warp .item:hover{ background: #E60012;}
.z_team_warp .item.on .titbar h3,.z_team_warp .item.on .titbar h4,.z_team_warp .item.on .con,.z_team_warp .item:hover .titbar h3,.z_team_warp .item:hover .titbar h4,.z_team_warp .item:hover .con{ color: #fff;}
.z_team_warp .item.on .con,.z_team_warp .item:hover .con{ max-height: none;   -webkit-line-clamp: 99;}
.z_team_warp .item.on .titbar,.z_team_warp .item:hover .titbar{ border-color: rgba(220, 220, 220, .5);}
.z_load_more{ margin: 0 auto;}
.z_load_more .iconfont{ font-size: 20px;}
.z_wh_list li{width: 33.3%; float: left; height: 52vw; overflow: hidden; position: relative;}
.z_wh_list li .infobox{ position: absolute; left: 0; bottom: 0;transition: ease 1s; width: 100%; padding: 5.2vw; box-sizing: border-box; color: #fff; z-index: 1;}
.z_wh_list li h3{font-size:2.34375vw;font-weight: bold;color: #F5F5F7; position: relative;}
.z_wh_list li h3::before{ content: "";width:1.45833vw;
height: 5px;
background: #E60012; display: block; position: absolute; left: -2vw; top: 50%; transform: translateY(-50%);}
.z_wh_list li:hover .imgbg{ transform: scale(1.1,1.1); transition: ease 2s;}
.z_wh_list li:hover .infobox{ transform: translateY(-5vw);}

.z_honor_page{ padding: 5.2vw; box-sizing: border-box; display: flex; background:url(../img/bg6.jpg) no-repeat bottom center; background-size: cover;}
.z_honor_page .flwarp{ width: 205px; flex-shrink: 0;}
.z_honor_page .yearbox .index{font-size: 3.125vw;font-family: DINPro;font-weight: bold;color: #E60012;}
.z_honor_page .yearsel{font-size: 18px;font-weight: 400;color: #000000; background: url(../img/arr.png) no-repeat right center; padding-right: 30px;}
.z_honor_page .yearbox{ margin-bottom: 4vw; padding-left: 2vw;}
.z_honor_nav a{ display: block; padding: 0 2vw;font-size: 16px;font-weight: 500;line-height: 48px; color: #8B8B8B; box-sizing: border-box;position: relative; z-index: 1;}
.z_honor_nav a::before{ content: ""; display: block; transition: ease 1s; width: 0; height: 100%; position: absolute; left: 0; top: 0;background: #E60012;}
.z_honor_nav .tit{line-height: 48px;  padding: 0 2vw; box-sizing: border-box;font-size: 18px;font-weight: 400;color: #000000;}
.z_honor_nav a.active,.z_honor_nav a:hover{ color: #fff;}
.z_honor_nav a.active::before,.z_honor_nav a:hover::before{ width: 100%;}
.z_honor_list{ width: 73vw; margin-left: auto;}
.z_honor_list ul{ margin-left: -1.8%;}
.z_honor_list li{ width: 23.2%; overflow: hidden; float: left; margin-left: 1.8%; height: 24.79166vw; position: relative; background: #fff; padding: 15px; box-sizing: border-box; margin-bottom: 1.5625vw;}
.z_honor_list li .tit{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.3); color: #fff; text-align: center; height: 58px; line-height: 58px; z-index: 1; font-size: 16px; padding: 0 5px; box-sizing: border-box;}
.z_honor_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_honor_list ul{ margin-bottom: 3vw;}


.z_contact_map{ width: 100%; height: 28.125vw;  }
.z_contact_bar{box-sizing: border-box;background: #fff;}
.z_contact_bar li{ width: 25%; float: left;height: 15.625vw;  display: flex; align-items: center; justify-content: center;}
.z_contact_bar li .warp{ display: flex; align-items: center;}
.z_contact_bar li .icon{height: 43px; margin-right: 1.5vw;}
.z_contact_bar li h3{color: #474747; font-size: 16px; font-weight: bold;}
.z_contact_bar li h4{font-size: 1.04vw;font-family: Bahnschrift;font-weight: 400;color: #D92130;font-weight: bold;}
.z_contact_bar li .dz{font-size: 16px; font-family: "NotoSansHans";}
.z_contact_bar li .codebox{ width: 5.98958vw; text-align: center;} 
.z_contact_bar li .codebox img{ display: block; width: 100%; margin-bottom: 2px;}

.z_ly_warp{ padding: 5.2vw; box-sizing: border-box;}
.z_ly_box{ background: #fff; padding: 7.29166vw; box-sizing: border-box;}
.z_ly_box .titbar{font-size: 16px;font-weight: 500;color: #383838; font-weight: bold;margin-bottom: 5vw; }
.z_ly_box .titbar h3{font-size: 2.5vw;font-weight: bold;color: #383838; line-height: 2.8vw;margin-top: 10px;}
.z_ly_box .lylx{width: 336px;font-size: 16px;font-weight: 400;color: #aeaeae;line-height: 30px;}
.z_ly_box .lylx a{ color:#383838;}
.z_ly_form{ width: 33.33333vw; float: right;}
.z_ly_form li{ display: flex; align-items: center; border-bottom: 1px solid #D2D2D2; margin-bottom: 1vw;}
.z_ly_form li label{ flex-shrink: 0;font-size: 18px; font-weight: 400;color: #000000; width: 130px;}
.z_ly_form li .text{ width: 100%;flex: 1; font-size: 15px; height: 4vw;}
.z_sub_btn{font-size: 18px;font-weight: bold;color: #E60012; margin-top: 1.5vw; cursor: pointer; display: flex; align-items: center;}
.z_sub_btn img{ display: block; margin-left: 10px;}


.z_contact_page{ background: #ededed; padding: 5.2vw 0; box-sizing: border-box;}
.z_contact_page .z_page_tit{margin-bottom: 2vw;}
.sideMenu_tit{  line-height: 80px;  border-bottom:2px solid #E60012; box-sizing: border-box; }
.sideMenu_tit span{ font-size: 18px; display: block; width: 30%; font-size: 16px; float: left;font-size: 18px; }
.sideMenu_tit span:nth-child(3){ width: 10%;text-align: center;} 

.rc_box .tit{ background: #fff; color: #444444; line-height: 80px; height: 80px;  border-bottom:1px solid #dddddd; cursor: pointer; position: relative;}
.zp_tit,.rc_box .tit{  cursor: pointer; box-sizing: border-box; transition: all .6s; z-index: 1; }
.rc_box .tit span{display: block; font-size: 16px; width: 20%; float: left;}
.rc_box .tit.on,.rc_box .tit:hover{ background:#E60012; color: #fff;border-bottom-color:#E60012}
.rc_box .tit:before{ content: ""; display: block; width: 10%; height: 100%; background: url(../img/jia.png) no-repeat center;  position: absolute; top: 0%;  right:0px;}
.rc_box .tit.on::before{background-image: url(../img/jian.png);}
.rc_box .rc_con{ width: 100%;  box-sizing: border-box; box-sizing: border-box; background: #fff;border: 2px solid #E60012; border-top: none;padding: 2vw 3vw; box-sizing: border-box;font-size: 16px;
display: none;
font-weight: 500;
color: #373737;
line-height: 30px;}
.rc_box .rc_con.on{ border-color: #212881;}
.rc_box .rc_con h4{font-size: 18px; margin-bottom: 40px; color: #000;}
.rc_box .rc_con .box{ width: 50%; line-height: 28px; float: left; padding:0 20px; box-sizing: border-box; color: #808080;}
.rc_box .rc_con .box p{ margin-bottom: 10px;}
.send_bar{ padding-left: 20px;margin-top: 40px;}
.send_bar a{ color:#EE8319;}
.z_zp_zw{ padding: 4vw 0;}
.z_zp_zw .z_index_tit{ text-align: center; margin-bottom: 4vw;}
.sideMenu{ width: 1350px; margin: 0 auto;}
.sideMenu_tit span:first-child,.rc_box .tit span:first-child{ width: 60%; padding: 0 3vw; box-sizing: border-box; text-align: left;}
.z_pages_warp{height: 87px;
background: #FFFFFF; display: flex; justify-content: space-between; align-items: center;}
.z_pages_warp .iconfont{ padding: 0 3vw; box-sizing: border-box; display: inline-block; font-size: 20px;}
.z_pages_warp .iconfont:hover{ color: #D71320;}
.z_pages_bar{ display: flex; align-items: center; justify-content: center;}
.z_pages_bar a{ display:flex; align-items: center;font-family: DIN; justify-content: center; width: 39px;height: 39px; text-align: center; line-height: 39px;font-size: 16px; margin: 0 5px;}
.z_pages_bar a.active,.z_pages_bar a:hover{background: #D71320; color: #fff;}

.z_tz_page{ padding-bottom: 5vw;}
.z_tz_page .z-container{ width: 1320px;}
.z_bb_head{ display: flex; align-items: center; justify-content: flex-end; padding: 45px 0;}
.z_year_xz{font-size: 18px;}
.z_year_sel{ background: url(../img/arr.png) no-repeat right center; padding-right: 30px;font-size: 18px;
font-family: DINPro;
font-weight: bold;
color: #E60012; margin-left: 20px;}

.z_bb_search{ margin-left: 20px; display: flex;}
.z_bb_search .text{ width: 250px;height: 57px;
background: #FFFFFF;
border: 1px solid #DCDCDC; padding: 0 20px; box-sizing: border-box;font-size: 18px;}
.z_bb_search .sou{width: 62px;
height: 57px;
background: #E60012; display: flex; align-items: center; justify-content: center; color: #fff;}
.z_bb_search .sou .iconfont{ font-size: 20px; font-weight: bold;}
.z_bb_list{ padding-bottom:4vw;}
.z_bb_list ul{ margin-left: -2.3%; margin-bottom: 50px;}
.z_bb_list li{ width: 22.7%; float: left; margin-left: 2.3%;box-shadow: 0px 5px 10px 0px rgba(210, 210, 210, 0.3); background: #fff; padding: 10px; padding-bottom: 0; box-sizing: border-box; margin-bottom: 30px; }
.z_bb_list li .imgbox{ width: 100%; height: 380px; overflow: hidden;}
.z_bb_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_bb_list li .infobox{ display: flex; align-items: center; justify-content: space-between; height: 70px;}
.z_bb_list li .tit{background: url(../img/pdf.png) no-repeat left center; padding-left: 35px; font-weight: bold; box-sizing: border-box;color: #2A2A2A; font-size: 16px; background-size: auto 24px; line-height: 70px; }
.z_bb_list li .xzicon{width: 24px;
height: 24px; background: url(../img/xz.png) no-repeat center; background-size: 100% 100%; flex-shrink: 0;}
.z_gg_list { padding-bottom: 1px;}
.z_gg_list li {box-shadow: 0px 5px 10px 0px rgba(210, 210, 210, 0.3);  margin-bottom: 1px;}
.z_gg_list li{ display: flex; background: #fff;height: 89px; line-height:89px ;
background: #FFFFFF;
 padding: 0 40px; box-sizing: border-box;}
.z_gg_list li .tit{ background: url(../img/pdf.png) no-repeat left center; width: 80%; padding-left: 40px; background-size: auto 27px;}
.z_gg_list li .tit{color: #2A2A2A;font-size: 16px;}
.z_gg_list li .xz{ background: url(../img/xz.png) no-repeat left center; flex-shrink: 0; padding-left: 30px; margin-left: auto; background-size: 26px auto;}
.z_gg_list li .xz{color: #6F6F6F; font-size: 16px;}
.z_gg_list li:hover .tit{ color: #E60012; font-weight: bold;}
.z_gg_list .z_load_more{ margin: 60px auto;}
.z_tz_page2{ padding: 4.5vw 9.375vw; box-sizing: border-box; padding-bottom: 10vw;}
.z_gs_warp .infobox{ width: 73%; background: #fff; padding: 4.5vw; box-sizing: border-box;}
.z_gs_num li{ float: left;font-size: 16px;font-weight: bold;color: #404040; margin-right: 3.5vw;}
.z_gs_num li .timer{font-size:2.6vw;  font-family: DINPro;font-weight: bold;color: #E60012;}
.z_gs_num li h4{font-size: 16px;font-weight: bold;color: #1A1A1A;opacity: 0.5;}
.z_gs_warp .desccon{font-size: 16px;font-weight: 500;color: #313131;line-height: 36px; max-height: 324px; overflow-y: auto; margin-top: 3vw;}
.z_gs_warp .imgbox{ width: 27%; height: 100%;  position: absolute; right: 0; top: 0;}
.z_gs_warp{ position: relative;}

.z_gz_list li{box-shadow: 0px 5px 10px 0px rgba(210, 210, 210, 0.3); margin-bottom: 2px; transition: ease 1s;}
.z_gz_list li a{ display: flex; align-items: center; background: #fff; padding: 2vw 0vw; box-sizing: border-box;}
.z_gz_list li .tit{ flex-shrink: 0; width: 13.54166vw;font-size: 1.30208vw;font-weight: 500;color: #1A1A1A; text-align: center;}
.z_gz_list li .xzicon{ width: 10vw; min-height: 5.79166vw; display: flex; align-items: center; justify-content: center; background: url(../img/xz.png) no-repeat center;flex-shrink: 0; background-size: 2.8125vw;}
.z_gz_list li .desc{font-size: 16px;font-weight: 400;color: #545454;line-height: 30px;}
.z_gz_list li:hover a{ background: #E60012;}
.z_gz_list li:hover .tit,.z_gz_list li:hover .desc{ color: #fff;}
.z_gz_page{padding: 5.2vw 9.375vw; box-sizing: border-box;}
.z_ll_way li{ width: 33.3%; float: left; display: flex; justify-content: center; padding: 0 1vw; box-sizing: border-box;}
.z_ll_way li .warp{ display: flex;align-items: flex-start;}
.z_ll_way li .icon{ width: 2.08vw; flex-shrink: 0; margin-right: 20px;}
.z_ll_way li span{font-size: 16px;font-weight: 500;color: #E60012;}
.z_ll_way li h3{font-size: 20px;font-weight: 500;color: #303030;}
.z_ll_way li{ position: relative; margin-bottom: 4.8vw;}
.z_ll_way li::before{ content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);width: 2px;
height: 48px;
background: #E5E5E5; z-index: 1;}
.z_ll_way li:first-child::before{ display: none;}
.z_gz_page .imgbox img{ display: block; width: 100%;}
.z_ll_page{ padding: 6vw 0;}
.z_ll_page .z-container{ width: 1300px;}
.z_zgwj_page { padding: 5.2vw 0;}

.z_zgwj_page .z-container{ width: 1320px;}
.z_zzg_list ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.z_zzg_list .noimg{ background: url(../img/bg9.png) no-repeat center; background-size: cover; padding-bottom: 10px;}
.z_zzg_list .noimg .infobox{ background: #fff; position: relative; height: 100%; padding: 20px; box-sizing: border-box; display: block;}
.z_zzg_list li.noimg .tit{ padding-top: 60px; line-height: normal; padding-left: 0; background-size:auto 40px; font-size: 22px; background-position: left top;}
.z_zzg_list li.noimg .more{ position: absolute; left: 30px; bottom: 24px;font-size: 16px;}
.z_zzg_list li .iconfont{width: 23px;
height: 23px;
background: #E60012;
border-radius: 50%; text-align: center; line-height: 23px; color: #fff; font-size: 10px; display: inline-block; margin-left: 15px;}
.z_zzg_list li.noimg:hover .tit{ color:#E60012 ;}


.z_news_page{ padding: 0 6.25vw;   padding-bottom:4vw; box-sizing: border-box; background: #ededed;}
.z_news_list{padding-left: 0; width: 100%; float: none; padding: 0; padding-bottom: 1vw;}
.z_news_list ul{ margin-left: -3%;}
.z_news_list li{ width: 30.3%; float: left!important; margin-left: 3%; margin-bottom: 2.6vw;}
.z_news_list li .imgbox{ height: 13.54166vw;}
.z_news_list .z_more_btn{ position: relative; right: auto; bottom: auto; margin: 0 auto;}


.z_newsxq_page{ background: #ededed; display: flex;}
.z_newsxq_page .flwarp{ width: 68.2%; padding: 5vw 5vw 5vw 6.77083vw; box-sizing: border-box;border-right: 1px solid  #E1E1E1; }
.z_newsxq_page .frwarp{ width: 31.8%; padding: 5vw 5vw 5vw 4vw; box-sizing: border-box;}
.z_artic_tit{ padding-bottom: 2vw; border-bottom: 1px solid #DCDCDC;}
.z_artic_tit h3{font-size: 1.82291vw;font-weight: bold;color: #212121; margin-bottom: 1vw;}
.z_artic_bar{font-size: 16px;font-weight: 500;color: #636363;}
.z_share a{ display: inline-block;width: 35px;height: 35px; margin-left: 5px; background: #BFBFBF;border-radius: 50%; text-align: center; line-height: 35px; color: #fff;}
.z_artic_con{ padding: 2.6vw 0; font-size: 16px;font-weight: 400;color: #494949;line-height: 36px;}
.z_artic_con img{ display: inline-block; max-width: 100%!important; height: auto!important}
.z_artic_con table{max-width: 100%!important;}
.z_topbtm_bar{height: 74px;
background: #E60012; display: flex; justify-content: space-between; align-items: center; line-height: 74px; font-size: 16px;}
.z_topbtm_bar a{ padding: 0 2vw; box-sizing: border-box; color: #fff;}
.z_xg_list{ width: 100%;}
.z_xg_list::before{ display: none;}
.z_xg_list ul{ margin-left: 0;}
.z_xg_list li{ width: 100%; margin-left: 0; margin-bottom: 2vw;}
.z_xg_tit{font-size:1.30208vw;font-weight: bold;color: #212121; margin-bottom: 2.6vw;}

.z_jxwl_page { position: relative; z-index: 1; padding: 5.2vw; box-sizing: border-box;} 
.z_jxwl_map{ width: 100%; position: absolute; left: 0; top: 0; z-index: -1; height: 100%;}
.z_jxwl_page .conwarps{ width: 590px;}
.z_jxwl_page .z_jx_tit{font-size: 2.34375vw;font-weight: bold;color: #1A1A1A; }
.z_jxwl_page .z_jxs_warp{ margin-top: 3vw;}

.z_jxswl h3 .iconfont{width: 23px;
height: 23px;
background: #E60012;
border-radius: 50%; display: inline-block; font-size: 10px; text-align: center; line-height: 23px; margin-left: 10px; color: #fff;}
.z_jxswl .z_jxs_con li h3{ display: flex; align-items: center;}
.z_jxswl .z_jxs_con li{ display: flex; align-items: center; }
.z_jxswl .z_jxs_con li .dh{ flex-shrink: 0; margin-left: auto;}
.z_jxswl .z_jxs_con li .dh .icon{width: 37px;
height: 38px; background: url(../img/dh.png) no-repeat center; background-size: 100% 100%; margin: 0 auto; margin-bottom:10px;}
.z_jxswl .z_jxs_con li{ border-bottom: 1px solid  #E5E5E5; padding: 1.5vw 0; padding-right: 1.5vw;}
.z_jxswl .z_jxs_con ul{ height: 500px;}
.z_jxswl .z_jxs_con li:first-child{ padding-top: 0;}
.z_jxswl .z_jxs_con li:hover h3{ color: #E60012;}
.z_store_info{ position: absolute; left: 5.2vw; top: 50%; transform: translateY(-50%); z-index: 2;width: 535px;
background: #FFFFFF;
box-shadow: 0px 33px 92px 0px rgba(0, 0, 0, 0.1); padding: 2.5vw; box-sizing: border-box;direction: ltr;}
.z_store_info .con{ padding-left: 2vw; box-sizing: border-box;  height: 400px;   overflow-y: scroll;
    direction: rtl;
    text-align: left;
    padding-left: 2vw;}
.z_store_info .tit{font-size: 1.82291vw;font-weight: bold;color: #1A1A1A; margin-bottom: 1vw;}
.z_store_info .desc{font-size: 16px;font-weight: 400;color: #595959;line-height: 30px;}

.z_store_lx{ padding: 6vw; box-sizing: border-box;}
.z_store_lx ul{ display: flex; align-items: flex-start;}
.z_store_lx .icon{ margin-right: 20px;}
.z_store_lx li{ display: flex; align-items: flex-start; margin-right: 9vw;}
.z_store_lx li:last-child{ margin-right: 0;}
.z_store_lx  span{font-size: 16px;color: #474747; display: block;}
.z_store_lx h3{font-size: 16px;font-weight: 400;color: #D92130;}
.z_store_lx .go{ display:inline-block;height: 25px;align-items: center; width: auto;
background: #E60012;
border-radius: 13px; padding: 0 8px; color: #fff; line-height: 25px;}
.z_store_lx .go img{ display: inline-block; vertical-align: -2px;}
.z_store_lx li .item{ margin-bottom: 1vw;}
.z_store_lx li .code{ width: 5.2vw; display: block;}
 
.z_other_yw{ padding: 5vw 0;}
.z_other_con{ text-align: center;width: 831px; margin: 0 auto;}
.z_other_con .desc{ text-align: center; 

font-size: 16px;

font-weight: 400;
color: #1A1A1A;
line-height: 24px;
opacity: 0.7; text-align: center;}
.z_other_con h3{ margin-bottom: 1vw;}
.z_other_bj{line-height: 24px; margin: 5vw 0;}
.z_other_bj img{ display: block; margin: 0 auto;}
.z_zx_btn{width: 161px;
height: 51px;
background: #E60012;
border: 0px solid #000000;
border-radius: 26px; display: flex; align-items: center; justify-content: center; color: #fff; margin: 0 auto;font-size: 16px;}


.z_sq_banner{ height:50vw;}
.z_sq_text{ position: absolute; left: 0; bottom: 5vw; width: 100%; text-align: center; }
.z_sq_text h3{ color: #fff;font-size:3.125vw;font-weight: bold;color: #F5F5F7;}
.z_sq_text .z_sb_bar{ margin: 0 auto; margin-top: 1vw;}

.z_sq_list li{ width: 100%; height: 50vw; position: relative; overflow: hidden;}
.z_sq_list li .infobox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; width: 100%;padding: 0 5.2vw; box-sizing: border-box;}
.z_sq_list li h3{font-size:3.125vw;font-weight: 500;color: #F5F5F7;}
.z_sq_list li .btn,.z_esc .infobox .btn{width: 161px;
height: 51px;
background: #E60012;
border: 0px solid #000000; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; margin-top: 1vw;}
.z_sq_list li:hover .imgbg{ transform: scale(1.05,1.05);}

.z_sq_sh{ padding: 4vw 0;}
.z_sq_sh .titbar{ text-align: center; margin-bottom: 3.5vw;}
.z_sq_sh .titbar h3{font-size: 2.34375vw;font-weight: bold;color: #1A1A1A;}
.z_sq_sh .titbar .desc{font-size: 1.30208vw;font-weight: 500;color: #9B9B9B}
.z_sq_sh .conwarp{ margin: 0 auto;}
.z_sq_sh .conwarp img{ max-width: 100%!important; height: auto!important; margin: 0 auto; display: block;}

.z_esc{ width: 100%; height: 31.40625vw; position: relative;}
.z_esc .infobox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 15vw; box-sizing: border-box; color: #fff;}
.z_esc .infobox h3{font-size: 3.125vw;font-weight: 500;color: #F5F5F7;}
.z_brand_warp{ padding: 0 5.2vw; box-sizing: border-box;}
.z_brand_warp .titbox{ padding: 3.5vw 0; text-align: center; border-bottom: 1px solid #DCDCDC;}
.z_brand_warp .titbox .icon{ display: block; margin: 0 auto; height: 4.16vw;}
.z_brand_warp .titbox h3{font-size:1.82291vw;font-weight: bold;color: #1A1A1A; margin-top: 1vw;}
.z_brand_warp .btmwarp{ padding: 3vw 0; text-align: center; padding-bottom: 4vw;}
.z_brand_warp .desc{width: 839px;font-size: 20px;font-weight: 400;color: #9B9B9B; margin: 0 auto;}
.z_brand_warp .btn{ display: inline-block;height: 51px;
background: #E60012; line-height: 50px; color: #fff; font-size: 16px; padding: 0 20px; margin-top: 2vw; min-width: 161px;}
.anibtn{ position: relative; z-index: 1;}
.anibtn::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(2,2); border: 2px solid #E60012;; opacity: .5; transition: ease 1s; opacity: 0; border-radius: 50%;}
.anibtn:hover::before{ opacity: 1; transform: translate(-50%,-50%) scale(1,1);}

.z_open_footer{ width: 40px; height:40px; cursor: pointer; position: relative;  border-radius: 50%; text-align: center;  line-height: 40px; background: #EC222E; color: #fff; margin: 0px auto; }
.z_open_footer::before{ content: ""; display: block; width: 70px;height: 70px; border-radius: 50%; background: rgba(236,34,46,.5); position: absolute;animation: circle-opacity 2s infinite; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}
.z_open_footer .iconfont{ font-size: 20px; display: inline-block; transition: ease .5s;}
.z_open_footer.on .iconfont{ transform: rotate(180deg);}
.z_retop{position: fixed; right: 10px; bottom: 10px; z-index: 99;}
.z_retop::before{ width: 50px; height: 50px;animation: circle-opacity 1s infinite;}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(2);
    }
}


@media screen and (max-width:1440px){
.z_boss_warp .flwarp{ width: 42vw;}	
.z_team_warp{ width: 80%;}
.z_team_warp .titbar h3{ font-size: 22px;}
.sideMenu{ width: 80%;}
.z_tz_page .z-container{ width: 1200px;}
.z_bb_list li .imgbox{ height: 350px;}
.z_gs_warp .desccon{ height: 254px;}
.z_ll_page .z-container,.z_zgwj_page .z-container,.z_sq_sh .z-container{ width: 1200px;}
}
@media screen and (max-width:980px){
.z_menu_btn{  width: 40px;}
 .z_menu_btn{  cursor: pointer;  display: flex;float: right; align-items: center; justify-content: center;height: 48px;  margin-left: auto;}
 .z_menu_btn span{ display: block; transition: ease .6s; width: 20px; height:2px; background:#E60012;}
 .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_header{ height:50px; display: flex; line-height: normal; align-items: center; padding: 0 10px; padding-right: 0; z-index: 10; background: #fff!important; border: none;} 
.z_header_fr{ width: 100%; display: flex; display: block; visibility: hidden; align-items: center; justify-content: center; height: calc(100% - 50px); top: 100%;position: fixed; left: 0; background: #fff; z-index: -1;background:#E60012; transition: ease .8s;-webkit-transition:ease .8s }
.z_header_fr.on{ top: 50px; visibility: visible;}
.z_header_nav li{ display: block; margin: 0; line-height: 50px;}
.z_logo img{ max-height: 40px;}
.z_logo{ left: 0px; position: relative;}
.z_logo .logo1{ opacity: 0!important;}
.z_logo .logo2{ opacity: 1!important;}
.z_header_nav{ display: block; padding: 0 10px; box-sizing: border-box; margin-top: 20px;}
.z_header_nav li{ width: 100%; line-height: normal; margin-bottom: 10px;}
.z_header_nav li .one{ padding: 0; font-size: 16px; line-height: 40px;}
.z_header_nav li .down_nav{ opacity: 1; transform:translateY(0); width: 100%; position: relative; left: auto; top: auto; visibility: visible; background: none; padding: 0;}
.z_header_nav li .down_nav a{ line-height: normal; display: inline-block; color: #fff; opacity: .8; margin-right: 10px; line-height: 24px;}
.z_header_nav li .down_nav a:hover,.z_header_nav li .down_nav a.active{ color: #fff;}
.z_words{ border: none; text-align: center; padding: 0; margin: 20px 0; justify-content: center;}
.z_sou{ margin: 0 auto;}
.z_banner{ height: 60vw; margin-top: 50px;}
.z_banner_btn .btn,.mySwiper2 .infobox .btn{ width: auto; display: inline-block; padding: 0px 15px; border-width: 1px; height: auto; line-height: normal; min-width: auto; font-size: 14px; height: 32px; line-height: 30px;}
.z_banner_text h3{ font-size: 18px; margin-bottom: 20px;}
.z_header::before{ display: none;}
.z_swiper_btn .btn{ width: 30px; height: 30px; line-height: 30px; font-size: 12px;}
.z_swiper_btn .btn .iconfont{ transform: scale(.8,.8); display: inline-block;}
.z_yw_warp li .tit{ font-size: 16px;}
.z_index_tit h3{ font-size: 20px;}
.z_index_yw .desc{ display: none;}
.mySwiper{ width: calc(100% - 92px); position: relative; left: auto; top: auto;}
.z_index_car .z_index_tit{ position: relative; right: auto; top: auto; width: auto; height: auto; line-height: 80px;}
.z_index_car .btnwarp{ right: 10px; top: 90px;}
.z_index_car .btnwarp .btn{width: 36px; height: 36px; line-height: 36px; margin: 0; margin-left: 5px;}
.mySwiper .swiper-slide{ height: 56px;}
.mySwiper .swiper-slide::before{ height: 2px;}
.mySwiper2 .play .icon{ width: 40px; height: 40px; margin-bottom: 5px;}
.mySwiper2{ height: 65vw;}
.mySwiper2 .infobox h3{ font-size: 16px;}
.mySwiper2 .infobox{bottom: 20px;}
.mySwiper2 .play{ top: 35%;}
.z_index_news .z_en_tit{ position: relative;left: auto; top: auto;}
.z_index_news{ padding: 30px 0px;}
.z_news_flwarp li{ width: 100%; margin-bottom: 10px;}
.z_news_flwarp li .imgbox{ height: 28vw;}
.z_index_news h3{ font-size: 16px; line-height: 24px;}
.z_index_news .xx{ font-size: 12px; margin: 10px 0; }
.z_index_news .desc{ font-size: 14px; margin-bottom: 10px;}
.z_index_news .morebar{ font-size: 14px; padding-top: 10px;}
.z_index_news .infobox{padding: 15px 10px;}
.z_news_flwarp,.z_news_frwarp{ width: 49%;} 
.z_news_frwarp .hot{ height: 68vw;}
.z_index_news h3{ height: 24px; -webkit-line-clamp: 1;}
.z_index_news .desc{-webkit-line-clamp: 1; height: 24px;margin-bottom: 14px;}
.z_more_btn{width: 36px; height: 36px; }
.z_index_news .z_more_btn{right: 20%; bottom: 90px;}
.z_news_frwarp,.z_news_flwarp{ padding-bottom: 0;}
.z_index_tz .infobox{ position: relative; left: auto; bottom: auto; width: 100%;}
.z_tz_icon{ width: 100%; position: relative; right: auto; bottom: auto;}
.lazy{ background-attachment: inherit!important;}
.z_index_tz{ height: auto; padding: 30px 10px; padding-bottom: 20px;}
.z_index_tz .z_index_tit{ text-align: center;}
.z_index_tz .desc{ font-size: 14px; margin-top: 10px;}
.z_index_tz .infobox { text-align: center; margin: 30px 0;}
.z_index_tz .infobox h3{ font-size: 18px;}
.z_index_tz .infobox .desc{ width: 100%;}
.z_more_bar{ padding-top: 10px; display: inline-block; margin-top: 20px;}
.z_tz_icon li{ width: 33.3%; height: auto;}
.z_tz_icon li a{ width: 100%; height: 100px;}
.z_tz_icon li .icon img{ height: 30px;}
.z_index_jxs{ display: block; padding: 30px 10px;}
.z_index_jxs .flwarp,.z_index_jxs .frwarp{ width: 100%;}
.z_index_jxs .z_index_tit{ text-align: center;}
.z_index_jxs .z_index_tit h3{ font-size: 20px; margin-bottom: 10px;}
.z_jxs_swiper li{ height: 60px;}
.z_jxs_swiper li img{ max-height: 40px;}
.z_jxs_btn{ right: 0; margin-right: 0;}
.z_jxs_con{ padding:20px 15px; padding-bottom: 0;}
.z_jxs_con li h3{ font-size: 16px; margin-bottom: 10px;}
.z_jxs_con li{ margin-bottom: 20px;}
.z_about_num .timer{ font-size: 30px; line-height: normal;}
.z_jxs_warp{ margin: 30px 0;}
.z_jxs_map{ margin-top: 30px;}
.z_footer_nav{ display: none;}
.z_footer_code{ margin: 0 auto; margin-bottom: 20px;}
.z_footer_code img{ height: 80px; margin: 0 auto;}
.z_footer{ padding: 20px 10px; text-align: center;}
.z_foot_lx{ display: block;}
.z_foot_copy{ display: block; padding-top: 20px; margin-top: 20px;}
.z_other_banner{ height: 60vw; margin-top: 50px;}
.z_other_text h3{ font-size: 20px; text-align: center;}
.z_sb_bar{ display: none;}
.z_page_nav{ height: 50px; line-height: 50px; padding: 0;width: 100%; overflow: hidden;}
.z_page_nav li{ margin: 0;}
.z_page_nav li a{ display: block; padding: 0 10px; font-size: 14px;}
.z_boss_warp .flwarp,.z_boss_warp .frwarp{ width: 100%;}
.z_about_page{ padding: 30px 12px;}
.z_boss_warp .name{ font-size: 18px;}
.z_boss_warp .zw{ font-size: 16px;}
.z_boss_warp .fz{ margin: 20px 0;}
.z_boss_warp .fz, .z_boss_warp .conwarp .desc{ font-size: 14px; line-height: 24px;}
.z_boss_warp .conwarp .tit{ font-size: 16px;}
.z_boss_warp .conwarp{ padding: 20px 0;}
.z_boss_warp .qm{ margin-top: 20px; font-size: 14px;}
.z_boss_warp .qm .img{ height: 30px;}
.z_process_warp li::before{ width: 6px; height: 6px; display: none;}
.z_process_warp li .year{ font-size: 14px; position: relative; left: auto; right: auto; top: auto; transform: translateY(0); width: auto;}
.z_process_warp li .year em{ font-size: 22px;}
.z_process_warp::before{ width: 1px; display: none;}
.z_process_warp li .conwarp{ width: 100%; text-align: center;}

.z_page_tit{ font-size: 20px; margin-bottom: 20px;}
.z_process_warp li{ text-align: center; margin-bottom: 20px; }
.z_process_warp li .desc{ font-size: 14px; margin: 10px 0;}
.z_process_warp li .con{ display: block; padding: 0!important; }
.z_process_warp .logobar img{ max-height:50px;}
.z_process_warp li .conwarp{ width: 100%;padding:0px 0!important; }
.z_process_warp li .con{ padding: 20px 0!important;padding-top: 0!important;}
.z_process_warp li .desc,.z_process_warp .logobar{ max-width: 100%;margin: 10px 0;}
.z_about_con .frwarps,.z_about_con .flwarps{ width: 100%;}
.z_about_con .frwarps{ position: relative; height: 60vw;}
.z_about_con .ms{ font-size: 16px; line-height: 28px;}
.z_about_con .z_page_tit{ font-size: 20px; text-align: center; margin-bottom: 20px;}
.z_about_con .conbox{ padding: 0; height: auto; overflow-y: unset; font-size: 14px; line-height: 24px;}
.z_about_con .flwarps{ padding: 30px 12px;}
.z_team_warp{ width: 94%; margin-bottom: 20px;}
.z_team_warp .titbar{padding: 15px 0; margin-bottom: 15px; background-size: 12px auto; padding-right: 15px; box-sizing: border-box;}
.z_team_warp .item{ padding-bottom: 20px; margin-bottom: 10px;}
.z_team_warp .titbar h3{ font-size: 18px;}
.z_wh_list li{ width: 100%; height: 60vw;}
.z_wh_list li h3{ font-size: 18px; margin-bottom: 10px;}
.z_honor_page{ display: block;}
.z_honor_page .yearbox{ display: flex; align-items: center; justify-content: space-between;}
.z_honor_page .flwarp,.z_honor_page .frwarp{ width: 100%;}
.z_honor_page .yearbox .index{ font-size: 24px;}
.z_honor_page .yearsel{ font-size: 16px;}
.z_honor_nav a{ display: inline-block; padding: 0 10px; height: 40px; line-height: 40px; font-size: 14px;}
.z_honor_page{ padding: 30px 12px;}
.z_honor_nav .tit{ text-align: center; margin-bottom: 10px;}
.z_honor_list{ width: 100%;}
.z_honor_list ul{ margin-top: 20px; margin-bottom: 20px;}
.z_honor_list li{ width: 48.2%; padding: 5px; height: 67vw; margin-bottom: 5px;}
.z_honor_list li .tit{ font-size: 12px; height: 40px; line-height: 40px;}
.z_contact_map{ height: 60vw;}
.z_contact_bar{padding: 20px 0;}
.z_contact_bar ul{ display: block;}
.z_contact_bar li{ width: 100%; height: auto;  justify-content: flex-start; padding: 10px 10px; box-sizing: border-box;}
.z_contact_bar li h4{ font-size: 16px;}
.z_contact_bar li{ margin-bottom: 20px;}
.z_contact_bar li .codebox{ width: 100px;}
.z_contact_bar li h3{ font-size: 14px;}
.z_ly_box .lylx{width: 100%; font-size: 14px; line-height: 24px;}
.z_ly_warp{ padding: 15px;}
.z_ly_box{ padding: 30px 10px;}
.z_ly_box .titbar{ font-size: 14px; text-align: center;}
.z_ly_box .titbar h3{ font-size: 20px; line-height: 24px;}
.z_ly_form{ width: 100%; margin-top: 20px;}
.z_ly_form li label{ width: auto; margin-right: 10px; font-size: 15px;}
.z_ly_form li .text{ height: 50px;}
.z_sub_btn{ margin-top: 20px;}
.z_sub_btn{ justify-content: center; font-size: 15px;}
.z_sub_btn img{ width: 25px;}


.sideMenu{ width: 94%; margin-top: 20px;}
.sideMenu_tit span{ font-size: 14px;}
.sideMenu_tit span:nth-child(3),.sideMenu_tit span:nth-child(2),.rc_box .tit span:nth-child(2){ display: none;}
.sideMenu_tit{ display: none;}
.rc_box .tit{ height: 50px; line-height: 50px;}
.sideMenu_tit span:first-child, .rc_box .tit span:first-child{ width: 80%;}
.z_pages_warp{ height: 50px;}
.z_pages_bar a{ width: 30px; height: 30px;}

.z_tz_page .z-container{ width: 94%;}
.z_bb_head{ display: block; padding: 20px 0;} 
.z_bb_search{ width: 100%; margin-top: 20px; margin-left: 0;}
.z_bb_search .text{ flex: 1;}
.z_bb_search .text{ height: 50px; padding: 0 10px; font-size: 16px;}
.z_bb_search .sou{ height: 50px; flex-shrink: 0;}
.z_bb_list li{ width: 47.7%; padding: 5px; padding-bottom: 0; margin-bottom: 6px;}
.z_bb_list li .imgbox{ height: 58vw;}
.z_bb_list li .infobox{ height: 50px;} 
.z_bb_list li .infobox .tit{ font-size: 14px;}
.z_bb_list ul{ margin-bottom: 20px;}
.z_bb_list{ padding-bottom: 30px;}

.z_gg_list li a{ padding: 0 10px; height: 50px; line-height: 50px;}
.z_gg_list li .tit{ font-size: 14px;background-size: auto 22px; padding-left: 30px;}
.z_gg_list li .xz{ font-size: 12px;background-size:  22px auto; margin-left: 10px;}
.z_gg_list .z_load_more{ margin: 30px auto;}

.z_tz_page2{ padding: 30px 12px; box-sizing: border-box;}
.z_gs_warp .imgbox{ position: relative; width: 100%; height: 60vw;}
.z_gs_warp .infobox{ width: 100%; padding: 20px 12px;}
.z_gs_num li .timer{ font-size: 24px;}
.z_gs_num ul{ display: flex; justify-content: space-between;}
.z_gs_num li h4{ font-size: 14px;}
.z_gs_warp .desccon{ width: 100%; height: auto; max-height: none; line-height: 24px; font-size: 14px; margin-top: 20px;}

.z_gz_list li a{ display: block; padding:20px 10px;}
.z_gz_list li .tit{ width: auto; text-align: center; font-size: 16px; font-weight: bold;}
.z_gz_list li .desc{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.z_gz_list li .xzicon{ width: 40px; height: 40px; background-size: 30px 30px;}

.z_ll_page .z-container{ width: 94%;}
.z_ll_way ul{ display:block;}
.z_ll_way li{ width: 100%; padding: 0; justify-content: flex-start;}
.z_ll_way li .icon{ width: 25px;}
.z_ll_way li h3{ font-size: 16px;}
.z_ll_way li::before{ display: none;}

.z_ll_way li span{ font-size: 14px;}
.z_zgwj_page .z-container{ width: 94%;}
.z_zzg_list li.noimg .tit{ background-size:auto 20px; padding-top: 40px;}
.z_zzg_list .noimg .infobox{ padding: 15px;}
.z_zzg_list li.noimg .more{ font-size: 14px; left: 15px; bottom: 10px;}
.z_year_sel{ font-size: 20px;}
.z_year_xz{ font-size: 16px;}
.z_news_list{ width: 100%;padding: 0;}
.z_news_page{ padding: 0 12px;}
.z_news_list .hot{ height: 120vw;}
.z_news_list{ padding-bottom: 20px;}
.z_news_list li .imgbox{ height: 50vw;}
.z_news_list .z_more_btn{ position: relative; right: auto; bottom: auto; margin-top: 10px;}
.z_newsxq_page .frwarp{ display: none;}
.z_newsxq_page .flwarp{ width: 100%; padding: 30px 12px;}
.z_artic_tit h3{ font-size: 18px; margin-bottom: 20px;}
.z_share{ margin-top: 10px;}
.z_share a{ margin-left: 0; }
.z_artic_bar{ display: block;}
.z_artic_tit{ padding-bottom: 20px;}
.z_artic_con{ padding: 30px 0;line-height: 24px; font-size: 14px;}
.z_topbtm_bar{ height: 50px;}
.z_topbtm_bar a{ padding: 0 10px; line-height: 50px;}
.z_jxwl_map{ width: 100%; position: relative; height: 60vw;}
.z_jxwl_page{ padding: 0;}
.z_jxwl_page .conwarps{ width: 100%;}
.z_jxwl_page .z_jx_tit{ font-size: 20px; text-align: center; padding: 20px 0;}
.z_jxs_con{ padding: 0; padding-top: 20px;}
.z_jxswl .z_jxs_con ul{ height: auto; overflow: auto; padding: 0; padding-top: 20px;}
.z_jxswl .z_jxs_con li{ margin: 0; padding: 15px!important;}
.z_jxswl .z_jxs_con li .dh .icon{ width: 30px; height: 30px;}
.z_store_info{ position: relative; left: auto; top: auto; width: auto; top: auto; transform: rotateY(0); padding: 30px 10px;}
.z_store{ margin-top: 0;}
.z_store_info .con{ height: auto; overflow-y: unset;} 
.z_store_info .tit{ font-size: 18px; text-align: center; margin-bottom: 15px;}
.z_store_info .desc{ font-size: 14px; line-height: 24px;}
.z_store{ height: auto;}
.z_store .swiper-slide{ height: 60vw!important;}
.z_store .z_swiper_btn{bottom: auto; top: 50vw;}
.z_store_lx ul{ display: block;}
.z_store_lx li{ margin-bottom: 20px;}
.z_store_lx{ padding: 30px 12px;}
.z_store_lx h3{ font-size: 14px;}
.z_store_lx .icon{ margin-right: 10px;}
.z_store_lx li .item{ margin-bottom: 10px;}
.z_store_lx li .code{ width: 80px;}
.z_other_con{ width: 100%;}
.z_other_yw{ padding: 30px 10px;}
.z_other_con h3{ margin-bottom: 20px;}
.z_other_con .desc{ font-size: 14px;}
.z_other_bj{ margin: 30px 0;}
.z_zx_btn{ width: 120px; height: 40px;}
.z_sq_list li{ height: 60vw;}
.z_sq_list li h3{ font-size: 18px;}
.z_sq_list li .btn{ width: 100px; height: 35px; font-size: 14px; margin-top: 10px;}
.z_sq_text h3{ font-size: 18px;}
.z_sq_sh .z-container{ width: 94%;}
.z_sq_sh{ padding: 30px 0;}
.z_sq_sh .titbar h3{ font-size:20px}
.z_sq_sh .titbar .desc{ font-size: 16px; margin-top: 5px;}
.z_sq_sh .titbar{ margin-bottom: 30px;}
.z_esc{ height: 50vw;}
.z_esc .infobox{ padding: 0 20px;}
.z_esc .infobox h3{ font-size: 18px;}
.z_sq_list li .btn, .z_esc .infobox .btn,.z_brand_warp .btn{ width: 120px; height: 35px; line-height: 35px; font-size: 14px;}
.z_brand_warp .desc{ width: 100%; font-size: 14px; line-height: 24px;}
.z_brand_warp{ padding: 0 10px;}
.z_brand_warp .titbox .icon{ height: 40px;}
.z_brand_warp .titbox h3{ font-size: 18px;}
.z_brand_warp .titbox{ padding: 20px 0;}
.z_brand_warp .btn{ padding: 0 10px; min-width: 120px; margin-top: 10px;}
.z_brand_warp .btmwarp{padding: 30px 0;}
.z_yw_warp li,.z_index_yw .frwarp{ height: 60vw;}
.z_index_car{ overflow: hidden;}
.z_search_box{ width: 90%;}
.z_search_box .text{ width: 80%; padding: 0 10px; font-size: 14px;}
.z_process_warp li:nth-child(even) .item{ direction: unset; text-align: left;}
 .z_process_warp .logobar{ flex-shrink: 0;}
 .z_gg_list li{ padding: 0 10px; height: auto; line-height: normal;}
 .z_gz_page{padding: 30px 12px;}
 .z_index_news .infobox, .z_news_list li .infobox{ padding: 15px 10px;}
 .z_index_news::before{ display: none;}
 .z_index_jxs .frwarp{ display: none;}
 .z_jxs_con ul{ height: auto; overflow-y: unset; padding: 15px;}
}