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

article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{ font-family: "NotoSansHans";font-size:14px; color:#333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#fff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333; outline:none;}
.clearfix:after{content:""; display:block; clear:both; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0;  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:75vw;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;}
.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); }

table{width:100%;border:0;border-top:1px solid #f2f2f3!important;font-size:16px;line-height:1.6;border-bottom:1px solid #f2f2f3!important}
table td{padding:20px 16px 20px 20px;vertical-align:top;border: 1px solid #f2f2f3;}
@media (min-width:769px){table td:nth-child(1),table td:nth-child(3){white-space:nowrap}
}
@media (max-width:768px) and (min-width:641px){table td{font-size:14px}
table td:nth-child(1),table td:nth-child(3){width:80px;padding-left:.2rem;padding-right:0}
}
@media (min-width:641px){table tr:nth-child(2n){background:#f2f2f3}
}
@media (max-width:640px){table{font-size:12px;display: inline-block;}
/*table td{display:block}*/
table td:nth-child(2n+1){padding:3.2px}
table td:nth-child(2n){border-bottom:1px solid #f2f2f3;padding:3.2px}
table tbody{width:100%;display: table;}  
}
@media (max-width:380px){
  table{font-size:10px;table-layout:fixed;overflow-y: auto;width: 100%;}
  table tbody{width:100%;display: table;}
}

/*分享*/
#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:#0365db;}
.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; position: absolute; right: 0; top: 0; background: url("../img/close2.png.html") no-repeat center; z-index: 100; cursor: pointer;}
#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;
}
.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;}
.mr{ margin-left: auto;}


.z_header{width: 100%; height: 6.25vw; z-index: 3; padding-left: 4vw; box-sizing: border-box; display: flex; align-items: center; position: fixed; left: 0; top: 0; transition: ease 1s;border-bottom: 1px #ffffff17 solid;}
.z_header.animated::before{ width: 100%;}
.z_header .z_logo{flex:1;height:60%;background:url(../img/logo_white.png) no-repeat left center;background-size:contain;display:block;transition:.6s}
.z_header_nav{ margin-left: auto; margin-right: 5vw;}
.z_header_nav li{ display: inline-block; margin-left: 2.5vw;position: relative;}
.z_header_nav li a{ font-size: 18px;font-weight: bold; color:#ffffff;}
.z_header_nav li .navone::after{content:'';display:block;height:2px;background:#fff;position:absolute;left:50%;transform:translateX(-50%);z-index:5;bottom: -10px;transition:.6s;width:0px;}
.z_header_nav li.active .navone::after,.z_header_nav li:hover .navone::after{width:20px}
.z_header_nav li:hover .z_nav_down{ opacity: 1; transform: translateY(0); visibility: visible; } 
.z_header.on .z_logo{background-image:url(../img/logo.png);}
.z_header.on{background:#ffffff;transition: 0.3s;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.z_header.on .z_header_nav li a{color:#333;}
.z_nav_down{position: absolute;left: -80px;top: 66px;width: 230px;text-align: center;background: #ffffff;opacity: 0;visibility: hidden;transition: ease 1s;}
.z_nav_down .item{display: block;text-align: center;width: 100%;}
.z_nav_down .t3{font-size: 15px;font-weight: bold;color:#333;padding:20px;}
.z_nav_down a{ display: block;}
.z_nav_down .item:hover,.z_nav_down .item:hover a{color:#fff !important;background: #0365db;}
.z_nav_down .t2{color: #0365db; font-size: 16px;font-weight: bold;}
/*.z_header_nav li:nth-child(3) .z_nav_down .t3{ background: url(../img/sj1.png) no-repeat left center; padding-left: 12px;}*/
.z_nav_down .t4 a{color: #90979E;line-height: 30px;}
.z_nav_down .box{ margin-bottom: 1vw;}

.z_words{min-width: 110px; cursor: pointer; padding: 0 15px; margin:0 20px; position: relative;}
.z_words .tit{display: flex; align-items: center; height: 46px; justify-content: center;color:#ffffff;}
.z_words .icon{ margin-right: 10px; flex-shrink: 0; color:#fff;}
.z_words .down{ position: absolute; display:none;left: 0; top:38px; width: 100%;margin-top: 5px; background: #fff; transition: ease 1s; transform: translateY(10px); opacity: 0; overflow: hidden; box-shadow: 0 0 10px rgb(0,0,0,.1);}
.z_words:hover .down{ opacity: 1;display:block; transform: translateY(0);}
.z_words .down a{ display: block; text-align: center; line-height: 38px; border-bottom: 1px solid #ddd;}
.z_words .down a:hover{ background: #0365db; color: #fff;}
.z_words .down a:last-child{ border-bottom: 0;}
.z_header.on .z_words .tit{color:#333;}
.z_header.on .z_menu_btn span{background:#333;}
.z_header.on .z_words .icon{color:#0365db;}

.z_menu_btn{ display: flex; align-items: center; overflow: hidden; justify-content: center; cursor: pointer; position: relative;height: 6.25vw;  width: 6.25vw; }
.z_menu_btn span{ display: block; transition: ease .6s; width: 32px; height:2px; background: #fff;}
.z_menu_btn .line2{ margin:5px 0;}
.z_menu_btn .line3{ width: 18px;}
.z_menu_btn.on .line1{ transform:translateY(7px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-7px) rotate(-45deg);width: 32px;}
.z_menu_btn.on .line2{ opacity: 0;}
.z_menu_btn:hover .line3{ width: 32px;}

.z_menu_mask{ width: 100%; overflow: hidden; opacity: 0; visibility: hidden; transition: ease 1s; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 10;}
.z_menu_con{ width: 60%; height: 100%; position: relative; margin-left: 40%;
border-radius: 50%; padding: 0 8.3vw 0 10.4vw; box-sizing: border-box; display: flex; align-items: center;}
.z_menu_mask::before{ content: ""; display: block; width: 90vw; height: 90vw; background: #fff;position: absolute; right: -30vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1.5s; }
.z_menu_mask::after{ content: ""; display: block; width: 100vw; height: 100vw; background:rgba(255,255,255,.3);position: absolute; right: -36vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1.5s;}
.z_menu_nav li{ margin-bottom: 1.5vw;}
.z_menu_nav li h3 a{ font-size: 1.2vw; font-weight: bold;}
.z_menu_down a{ display: inline-block; color: #666666; margin-top: 0.6vw;  position: relative; padding-left: 10px; margin-right: 2vw;}
.z_menu_down a::before{ content: ""; display: block; width: 4px;height: 4px;background: #999999;border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: ease 1s;}
.z_menu_nav a:hover{ color: #0365db; font-weight: bold;}
.z_menu_nav a:hover::before{ background: #0365db;}
.z_menu_btm{ border-top: 2px solid #0365db; padding-top: 1.5vw; display: flex; align-items: center;}
.z_menu_addre{color: #666666;line-height: 24px;}
.z_menu_share{ margin-left: auto; flex-shrink: 0;}
.z_menu_share a{ display: inline-block;width: 44px;height: 44px;background: #EEEEEE;border-radius: 50%; text-align: center; line-height: 44px; color: #666666; font-size: 20px!important; margin-left: 15px;}
.z_menu_share a:hover{ background: #0365db; color: #fff; cursor: pointer;}
.z_menu_close{ position: absolute; right: 0vw; top: 0vw; width: 6.25vw; height: 6.25vw; text-align: center; line-height: 6.25vw; color: #B4B4B4; font-size: 28px!important; font-weight: bold; cursor: pointer;}
.z_menu_close:hover{ color:#0365db;}
.z_menu_mask .warp{ opacity: 0; width: 100%; transition: ease 1s; transform: translateX(100px) ;}
.z_menu_mask.on,.z_menu_mask.on .warp{ opacity: 1; visibility: visible;transform: translateX(0px);}
.z_menu_mask.on::before{ transition-delay:.5s;}
.z_menu_mask.on::after{}
.z_menu_mask.on::before,.z_menu_mask.on::after{ transform: translateY(-50%) scale(1,1)}
.z_menu_mask.on .warp{transition-delay:1.4s}

.z_banner{ width: 100%; overflow: hidden; position: relative; height:100vh;background: #0365db; z-index:1;}
.z_banner_text{ position: absolute; left: 0; top: 50%;transition: 2s ease;  opacity: 0; transition-delay: .5s; width: 100%; padding: 0 8.3vw; box-sizing: border-box; color: #fff;}
.en{font-family: Messapia; }
.z_banner_text .en{font-size: 3.02083vw;font-weight: bold; text-transform: uppercase; margin-bottom: 1vw;}
.z_banner_text .cn{font-size: 26px;display: inline-block;position: relative;line-height: 2.08vw;text-transform: uppercase;font-family: auto;}
/*.z_banner_text .cn::before{ content: ""; display: block; width: 100%; transition: ease 2s; transition-delay: 1s; height: 12px;background: #0365db; position: absolute; right: 0; bottom: 0;}*/
/*.z_banner .swiper-slide-active .cn::before{width: 8.125vw}*/
.z_banner .swiper-slide-active .z_banner_text{ opacity: 1;transform: translateY(-50%);}
.z_banner_text .dot{ margin-top: 1.5vw;}
.z_banner_text .dot em{ display: inline-block;width: 16px;height: 16px;border-radius: 50%; }
.z_banner_text .dot .d1{background: #19bf15; /*animation: dot1 2s linear infinite;*/}
.z_banner_text .dot .d2{background: #0365db;opacity: 0.8; /*animation: dot2 2s linear infinite;*/}
/*@keyframes dot1 {*/
/*	0%{transform: translateX(0);} */
/*    50%{transform: translateX(16px);}*/
/*	100%{transform: translateX(0px);}*/
/*}*/
/*@keyframes dot2 {*/
/*	0%{transform: translateX(0px);}*/
/*50%{transform: translateX(-16px);}*/
/*	100%{transform: translateX(0px);}*/
/*}*/
.z_banner_num{ position: absolute; left: 8.3vw; bottom: 1.6vw; z-index: 2; color: #fff; font-size: 16px; font-weight: bold;font-family: Messapia;}
.z_banner_num .index{ font-size: 1.66666vw;color: #fff;-webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent;}
.z_banner_hd{ position: absolute; left: 47.5%; bottom:1.6vw; z-index: 2;}
.z_banner_hd span{ display: inline-block; cursor: pointer; height: 24px; margin-left: 5px; position: relative; width: 24px; border-radius: 50%; 
}
.z_banner_hd span::before{ content: ""; display: block; opacity: 0;animation: animtran 10s linear infinite; width: 100%; height: 100%; background: url("../img/dot.png") no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.z_banner_hd span::after{ content: ""; display: block;width: 6px!important;height: 6px!important;background: #FFFFFF!important;border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_banner_hd span.swiper-pagination-bullet-active::before{ opacity: 1;}
.z_banner_hd span.swiper-pagination-bullet-active::after{ background: #0365db;}
 @keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }
.z_banner_bar{ position: absolute; right: 0;  transform: translateX(-50%); bottom: 0; padding-bottom: 8vw; box-sizing: border-box; z-index: 2; color: #fff;font-family: Messapia;
font-weight: bold;}
.z_banner_bar::before{ content: ""; display: block; width: 1px; height: 7vw; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.z_banner_arr{ width: 19.375vw; height: 19.375vw; display: flex; align-items: center; justify-content: center; background: url("../img/arr.png") no-repeat left 6vw center; position: absolute; right: -8vw; top: 50%; transform: translateY(-50%); z-index: 2;}
.z_banner_arr::before{ content: ""; display: block; width: 100%; height: 100%; background: url("../img/ew.png") no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;animation: animtran 15s linear infinite;}

/*.z_index_about{ padding-left: 35.41666vw; box-sizing: border-box; position: relative;  overflow: hidden;}*/
/*.z_index_about .descbox{ background: url("../img/bg.jpg") repeat; padding: 6vw; overflow: hidden; padding-bottom: 3.5vw; box-sizing: border-box; color: #fff; position: relative; z-index: 1;} */
/*.z_index_about .descbox::before{ content: ""; display: block; width: 11.875vw; height: 12.5vw; position: absolute; right: 0; bottom: 0; background: url("../img/line.png") no-repeat bottom center; transition: ease 1.5s; transform: translateY(100%); background-size: 100% auto;}*/
/*.z_index_about .descbox .desc{font-size: 15px;font-weight: 400;line-height: 30px; margin: 2vw 0;}*/
/*.z_index_about .descbox.animated::before{ transform: translateY(0);}*/
/*.z_index_tit .en{font-size:2.08vw;font-family: Messapia;font-weight: bold; text-transform: uppercase; line-height: 2vw; display: inline-block; position: relative; z-index: 1;}*/
/*.z_index_tit .cn{ font-size: 1.66666vw; font-weight: bold; margin-top:5px;}*/
/*.z_index_tit .en::before{ content: ""; display: block;width:100%;height: 12px;background-image: linear-gradient(to right,#0365db,#19bf15); transition: ease 1.5s; transition-delay: .5s; position: absolute; right: 0; bottom: 1px;}*/
/*.z_index_tit.animated .en::before{width:45%;}*/
/*.z_index_more{ display: flex; align-items: center; position: relative; text-align: center; overflow: hidden; z-index: 1; justify-content: center;font-family: Messapia; font-size: 12px; width:8.3vw;height: 8.3vw;border: 1px solid #FFFFFF; color: #fff;border-radius: 4.2vw;}*/
/*.z_index_more .iconfont{ display: block; text-align: center; font-size: 24px; margin-top: 10px;}*/
/*.z_index_more::before{ content: ""; display: block; width: 0; height: 0;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; transition: ease 1s;}*/
/*.z_index_more:hover::before{ width: 110%; height: 110%;background: #fff; }*/
/*.z_index_more:hover{ color: #0365db;}*/
/*.z_index_more2{ border-color: #0365db; color: #333; background: #fff;}*/
/*.z_index_more2 .iconfont{ color: #0365db;}*/
/*.z_index_more2:hover::before{ background: #0365db;}*/
/*.z_index_more2:hover,.z_index_more2:hover .iconfont{ color: #fff;}*/
/*.z_index_about .z_index_more{ margin-left: auto;}*/
/*.z_about_num{ width: 50vw; margin-left: auto; overflow: hidden;}*/
/*.z_about_num ul{ display: flex;}*/
/*.z_about_num li{ flex: 1; display: flex; align-items: center; justify-content: center; height: 21.875vw;} */
/*.z_about_num li:nth-child(2){background: #F2F3F2;}*/
/*.z_about_num li .icon{ width: 2.29166vw;}*/
/*.z_about_num li h3{ margin: 10px 0;}*/
/*.z_about_num li .timer{font-size: 1.77083vw;font-family: Messapia;font-weight: bold;}*/
/*.z_index_about .imgbox{ width: 50vw; height: 31.25vw;   position: absolute; left: 0; bottom: 0vw; z-index: 2;}*/
/*.z_index_about .imgbox::before{ content: ""; display: block; z-index: 1; width: 100%; height: 100%; background: url("../img/bg.jpg") repeat; position: absolute; left: 0; top: 0;transition: ease 2s; }*/
/*.z_index_about .imgbox.animated::before{ width: 0;}*/


.z_index_tit .en{font-size:2.08vw;font-family: Messapia;font-weight: bold; text-transform: uppercase; line-height: 2vw; display: inline-block; position: relative; z-index: 1;}
.z_index_tit .cn{ font-size: 1.66666vw; font-weight: bold; margin-top:5px;}
/*.z_index_tit .en::before{ content: ""; display: block;width:100%;height: 12px;background-image: linear-gradient(to right,#0365db,#19bf15); transition: ease 1.5s; transition-delay: .5s; position: absolute; right: 0; bottom: 1px;}*/
/*.z_index_tit.animated .en::before{width:45%;}*/
.z_index_more{ display: flex; align-items: center; position: relative; text-align: center; overflow: hidden; z-index: 1; justify-content: center;font-family: Messapia; font-size: 12px; width:8.3vw;height: 8.3vw;border: 1px solid #FFFFFF; color: #fff;border-radius: 4.2vw;}
.z_index_more .iconfont{ display: block; text-align: center; font-size: 24px; margin-top: 10px;}
.z_index_more::before{ content: ""; display: block; width: 0; height: 0;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; transition: ease 1s;}
.z_index_more:hover::before{ width: 110%; height: 110%;background: #fff; }
.z_index_more:hover{ color: #0365db;}
.z_index_more2{ border-color: #0365db; color: #333; background: #fff;}
.z_index_more2 .warp{margin-top:18px;}
.z_index_more2 .iconfont{ color: #0365db;}
.z_index_more2:hover::before{ background: #0365db;}
.z_index_more2:hover,.z_index_more2:hover .iconfont{ color: #fff;}


.z_index_about{ background: url(../img/index_aboutbg.jpg) no-repeat top center; background-size: 100% auto;padding: 8.3vw; box-sizing: border-box;}
.z_index_about .fl_warp{ width: 44.27083vw;}
.z_index_tit h3{ font-size: 2.39583vw; line-height: 2.3vw; font-weight: bold;}
.z_index_tit h3 span{color: #ffffff;background:#0365db;padding: 5px 15px;}
.z_about_slg{ margin-top:1vw;}
.z_about_slg span{font-weight: bold;font-size:2.08vw; position: relative; margin-right: 15px; padding-right: 15px;}
.z_about_slg span::before{ content: ""; display: block; width: 2px;background:#CCCCCC; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 1.45833vw; z-index: 1;}
.z_about_slg span:last-child::before{ display: none;}
.z_index_about .infobox{ width:45vw; margin: 4vw 0; margin-left: auto; margin-bottom:6vw;}
.z_index_about .desc{color: #444444;line-height:3em; margin-bottom: 4vw;text-indent: 3em;}
.z_index_about .desc p{font-size:20px;}
.z_index_about .more{border: 1px solid  #0365db;font-family: Messapia;color: #333;font-size: 12px;padding: 15px 25px;}
.z_index_about .more .iconfont{ display: inline-block; font-size: 18px; color: #0365db; transition: ease 1s;}
.z_index_about .more:hover{ color: #0365db;}
.z_index_about .play{ text-decoration: underline;font-family: Messapia;}
.z_index_about .play img{ margin-right: 10px; height: 2.6vw;}
.z_about_num ul{ display: flex; justify-content: space-between;}
.z_about_num li h3{font-family: Messapia;font-size:18px;}
.z_about_num li .timer{font-size: 1.875vw;}
.z_about_num li h4{color: #222222;}
.z_index_about .fr_warp{width: 30.125vw;height:40.16vw; border-radius: 24px 0px 24px 0px; position: relative;}
.z_index_about .z_video_btn{ width:12.5vw;height: 12.5vw; cursor: pointer; z-index: 2; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute;  position: absolute; left: -5vw; top: 10vw;}
.z_index_about .z_video_btn::before{ content: ""; display: block; width: 100%; height: 100%;animation: animtran 15s linear infinite; background: url("../img/video_playbg.png") no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}



.index3{width:100vw;height:52.08333vw;overflow:hidden;transition:0.8s}
.index3 .item{width:33.33%;height:50%;float:left;border-top:1px solid rgba(255,255,255,0.5);border-left:1px solid rgba(255,255,255,0.5);position:relative}
.index3 .item:nth-child(-n+3){border-top:none}
.index3 .item:nth-child(3n-2){border-left:none}
.index3 .item a{display:block;width:100%;height:100%;position:relative;z-index:1;padding:3.125vw 0 0 3.64583vw}
.index3 .item::after{content:'';width:100%;height:100%;position:absolute;z-index:0;background-image:url(../images/index3_hover_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:0;top:0;left:0;transition:0.8s}
.index3 .item:hover::after{opacity:1}
.index3 .item .num{color:#fff;font-size:2.08333vw;font-family:"din";font-weight:bold}
.index3 .item .en{font-size:16px;color:#FFF;font-family:"din";margin-top:5px}
.index3 .item .bot{font-size:1.71875vw;color:#ffffff;position:absolute;bottom:3.90625vw;left:3.64583vw}

.z_index_cases{ height: 90vh; overflow: hidden; position: relative;padding: 6.25vw 8.33333vw; box-sizing: border-box;}

.z_index_cases .z_index_tit{color:#fff;}
.z_cases_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.z_cases_bg li{width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: ease 1s; transform: scale(1.1); opacity: 0;}
.z_cases_bg li.on{ transform: scale(1,1); opacity: 1;}
.z_cases_swiper{ width: 37.5%; overflow: hidden; background:#ffffffe0; background-size: cover; position: absolute; left:0; bottom: 0;transition: cubic-bezier(0.215,.61,.355,1) 2s;  }
/* .z_index_cases.swiper-slide-active .z_cases_swiper{transform: perspective(600px) rotate(0);} */
.z_index_cases.swiper-slide-active .z_cases_swiper{left: 0;}
.z_cases_swiper li a{ display: block; width: 100%; height: 100%; padding: 3vw 4.8vw; box-sizing: border-box; text-align: center;}
.z_cases_swiper .z_cases_logo img{ display: block; margin: 0 auto; height: 3.64583vw; width: auto;}
.z_cases_swiper li .desc{ margin: 1.5vw 0;color: #000000;line-height: 30px; margin-bottom: 2.2vw;}
.z_cases_swiper .more .iconfont{}
.z_cases_btnbox{ width: 100%; height: 6.25vw; background: #333; display: flex; align-items: center; justify-content: center;}
.z_cases_hd{ margin: 0 4vw; height: 20px; display: flex; align-items: center;}
.z_cases_hd span{ display: inline-block; width: 30px; text-align: center; height: 20px; line-height: 20px; position: relative;  margin: 0 2vw; }
.z_cases_hd span::before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #777777; z-index: 1;font-family: Gotham;}
.z_cases_hd span:nth-child(1)::before{ content: "01";}
.z_cases_hd span:nth-child(2)::before{ content: "02";}
.z_cases_hd span:nth-child(3)::before{ content: "03";}
.z_cases_hd span:nth-child(2)::after,.z_cases_hd span:nth-child(3)::after{ content: ""; z-index: 1; display: block;width: 4vw;height: 1px;background: #FFFFFF; position: absolute; left: -4vw; top: 50%; transform: translateY(-50%); }
.z_cases_swiper .btn{ color: #fff; font-size:30px; cursor: pointer; outline: none; margin-top: -2px;} 
.z_cases_swiper .btn:hover{ color:#0365db;}
.z_cases_hd span.swiper-pagination-bullet-active::before{ color: #fff;}
.z_cases_tab{ width: 62.5%; position: absolute; right: 0;bottom: 0; z-index: 1; border-top: 1px solid #fff;transform: translateX(0);opacity: 1; transition: ease 2s;}
.z_cases_tab li{ width: 33.3%;  overflow: hidden; float: left; z-index: 1; cursor: pointer; transition: ease 1s; position: relative; height: 6.25vw; line-height: 6.25vw; text-align: center; color: #fff; font-size: 16px;}
.z_cases_tab li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: #0365db; transition: ease 1s; transform: translateX(-100%); opacity: 0;}
.z_cases_tab li em{font-family: Gotham;}
.z_cases_tab li.active::before{ transform: translateX(0); opacity: 1;}
.z_index_cases.swiper-slide-active  .z_cases_tab{ transform: translateX(0); opacity: 1;}

.z_index_pro{ padding: 4vw 8.3vw; box-sizing: border-box;background:#f8f8f8;}
/*.z_pro_sel{ margin-left: auto;width: 300px;height: 60px;border: 1px solid #CBC4C1; padding: 0 20px; padding-right: 40px; font-size: 16px; box-sizing: border-box; background: url("../img/arr2.png") no-repeat right 20px center;}*/
.z_pro_sel{margin-left: auto;width: auto;}
.z_pro_sel li{ float:left;margin:0 10px;border: 1px solid #CBC4C1;line-height:38px;padding: 0 20px;font-size: 16px;cursor:pointer}
.z_pro_sel li a{color: #333; display:block;}
.z_pro_sel li:hover,.z_pro_sel .on{background: #0365db;color:#fff;}
.z_pro_sel li:hover a,.z_pro_sel .on a{color:#fff;}
.z_pro_swiper{ overflow: hidden;}
.z_pro_swiper li .imgbox{ display: flex; align-items: center; width: 100%; height: 100%; justify-content: center;}
.z_pro_swiper li{/* border: 1px solid #CCCCCC; */width: 22vw;height:22vw;overflow: hidden;margin-right: 1.8vw;box-sizing: border-box;background: #fff;border-radius:5px;}
.z_pro_swiper .swiper-slide-duplicate-next{transform: scale(1); width: 35.4vw;height: 35.4vw;}
.z_pro_swiper li:nth-child(3n-1){ width: 35.4vw; height:35.4vw ;}
.z_pro_swiper li:nth-child(3n-1) img{ max-height: 80%;}
.z_pro_swiper li:last-child{ margin-right: 0;}
.z_pro_swiper li .tit{position: absolute;left: 0;bottom: 0vw;font-size: 16px;width: 100%;box-sizing: border-box;text-align: center;line-height: 50px;}
.z_pro_swiper li img{ max-width: 80%; max-height: 75%; transition: ease 1s;}
.z_pro_swiper li:hover img{ transform: scale(1.05,1.05);}

.z_pro_swiper li:hover .imgbox{background: #fff;}
.z_pro_swiper li:hover .tit{color: #fff;background:#0365db}
.z_pro_warp{ position: relative; margin-top: 2.5vw;}
.z_pro_warp .btn,.z_hz_warp .btn{position: absolute;z-index: 2;border: none;outline: none;font-size: 24px;cursor: pointer;height: 60px;line-height: 60px;width: 60px;text-align: center;top: 50%;transform: translateY(-50%);background: #fff;border-radius: 60px;}
.z_pro_warp .btn:hover{ background: #0365db;color:#fff;}
.z_pro_warp .prev{ left: -6vw;}
.z_pro_warp .next{ right: -6vw;}
.z_pro_warp .z_index_more{ position: absolute; left: 0; bottom: 0; z-index: 2;}
.z_index_video{z-index:999;}
.z_index_video .z_video_btn{ width:12.5vw;height: 12.5vw; cursor: pointer; z-index: 2; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_video_btn::before{ content: ""; display: block; width: 100%; height: 100%;animation: animtran 15s linear infinite; background: url("../img/pbg.png") no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.z_video_box{width: 100%; height: 100%; background:#000000e3; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; opacity: 0; transition: ease .6s; visibility: hidden; }
.z_video_box video{; max-height: 100%;width: 50%;}
.z_video_box.on{ opacity: 1; visibility: visible;}
.z_video_close{ width: 50px; height: 50px;text-align: center; transition: ease 1s; line-height: 50px; position: absolute; right: 10px; top: 10px; border-radius: 50%; font-size: 18px!important; background:#0365db; color: #fff; cursor: pointer;}
.z_video_close:hover,.z_index_video .play:hover img{ transform: rotate(360deg);}


.z_newsxq_page{ padding: 4.5vw 0;}
.z_news_head{ padding: 4vw 0; display: flex; justify-content: space-between; align-items: center;}
.z_news_xq{ width: 1400px; margin: 0 auto; }
.z_xq_slg span{min-width: 90px; padding: 0 10px; display: inline-block;height: 36px; text-align: center; line-height: 36px;background: rgba(184, 30, 40, .2);border-radius: 18px; margin-right: 10px;}
.z_xq_slg span:nth-child(even){ background: rgba(243, 134, 36, .3);}
.z_news_tit{ font-size: 2.08vw; font-weight: bold; margin-bottom: 1.5vw; margin-top: 10px;text-align: center;}
.z_news_bar{ border-bottom: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD; }
.z_news_bar ul{ display: flex; } 
.z_news_bar li{ flex: 1; border-right: 1px solid #DDDDDD; height: 70px; display: flex; align-items: center; font-weight: bold; padding: 0 2vw; box-sizing: border-box;}
.z_news_bar li:last-child{ border-right: none;}
.z_share a{ display: inline-block; color: #BBBBBB; display: inline-block; margin-left: 10px; cursor: pointer; }
.z_share .iconfont{ font-size: 24px;}
.z_share a:hover{ color: #0365db;}
.z_news_con{font-size: 16px;color: #000000;line-height: 26px;padding: 2.6vw 0;}
.z_news_con iframe{ width: 100%!important;}
.z_news_con img{ max-width: 100%!important; height: auto!important;}
.z_fanye_bar{ display: flex; justify-content: space-between; padding: 30px 0; border-top: 1px solid #E7E5E2; margin-top: 30px;}
.z_fanye_bar a{font-size: 16px; font-weight: bold;}
.z_fanye_bar a:hover{ color:#0365db;}
.z_fanye_bar .iconfont{margin: 0px 10px;}

.z_index_news .flwarp{ width: 32.5%; min-height: 44vw; position: relative; background: url("../img/bg2.jpg") no-repeat left top; background-size: cover; padding: 10vw 6vw 6vw 8.3vw; box-sizing: border-box;}
.z_index_news .flwarp .desc{ margin: 2vw 0; font-size: 14px; line-height: 28px; margin-bottom: 4vw;} 
.z_index_news .frwarp{ width: 65%;background: #f8f8f8; padding: 6vw 7vw; padding-top: 0; box-sizing: border-box; position: relative;}
.z_index_news .frwarp::before{ content: ""; display: block; background:#f8f8f8; width: 100%;/* height: 6.25vw; */position: absolute; left: 0; top: -6.25vw; z-index: 1;}
.z_news_nav{ text-align: right; margin-bottom: 4vw;padding-top:2vw}
.z_news_nav a{font-size: 16px; color: #000;margin-left: 1vw; display: inline-block; border-radius:.3vw; padding: 0 20px; border: 1px solid transparent; height: 2.8125vw; line-height: 2.8125vw; position: relative; padding-left: 38px;}
.z_news_nav a::before{ content: ""; display: block; opacity: 0; transition: ease 1s;  width: 12px; height: 12px; z-index: 1; background: url("../img/arr4.png") no-repeat center; background-size: 100% 100%; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.z_news_nav a.active::before,.z_news_nav a:hover::before{ opacity: 1;}
.z_news_nav a.active,.z_news_nav a:hover{ color: #0365db; border-color:#0365db;}
.z_news_child{ position: relative; display: none; min-height: 31.25vw;}
.z_news_child.active{ display: block;}
.z_news_child .small{ width: 31%; float: left;}
.z_news_child .small li{ height:9.6875vw;  overflow: hidden;cursor: pointer; position: relative; margin-bottom:1vw;}
.z_news_child .small li::before{ content: ""; z-index: 1; display: block;  width: 0%; height: 2px;background:#0365db; position: absolute; left: 0; top: 0; transition: ease 1s; }
.z_news_child .small li.on::before{ width: 100%;}
.z_news_child .small li::after{ content: ""; z-index: 1; display: block;width: 0%; height: 2px;background:#0365db; position: absolute; right: 0; bottom: 0; transition: ease 1s; }
.z_news_child .small li.on::after{ width: 100%;}
.z_news_child .small li .imgbg::before{ content: ""; z-index: 1; display: block;width: 2px; height: 0;background: #0365db; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.z_news_child .small li.on  .imgbg::before{ height: 100%; }
.z_news_child .small li .imgbg::after{ content: ""; z-index: 1; display: block; width: 2px; height: 0;background:#0365db; position: absolute; right: 0; top: 0; transition: ease 1s; }
.z_news_child .small li.on .imgbg::after{ height: 100%;}

.z_news_child .small li:last-child{ margin-bottom: 0;}
.z_news_child .big{ position: absolute; right: 0; top: 0; width: 66.6%; height: 100%; background: #fff;}
.z_news_child .big li { display: none;}
.z_news_child .big li a{ display: block; padding: 4vw 2.6vw; box-sizing: border-box;}
.z_news_child .big li.on{ display: block;}
.z_news_child .big .timebox{font-family: Messapia;font-weight: bold;color: #0365db; margin-bottom: 1.5vw;}
.z_news_child .big .timebox em{ display: block; font-size: 2.6vw;}
.z_news_child .big h3{ font-size: 1.25vw; color: #000; line-height: 1.7vw; margin-bottom: 1vw;}
.z_news_child .big .desc{color: #666666;line-height: 26px; height: 78px;}
.z_news_child .more{ display: block; border-top: 3px solid  #EEEEEE; padding-top: 3vw; margin-top: 3vw;font-family: Messapia;color: #606060; font-size: 12px;line-height: 30px;}
.z_news_child .more .iconfont{ display: inline-block; font-size:20px;background: #0365db;color: #fff; transition: ease 1s;    padding: 0px 5px;}
.z_news_child .more:hover .iconfont{ transform: rotate(0);}
.z_news_child .more:hover{ color: #0365db;}


.z_index_news{ padding: 0 8.3vw; box-sizing: border-box; padding-bottom: 8vw;}
.z_news_heads{ padding-top: 4vw; padding-bottom: 2vw;display: flex; justify-content: space-between; align-items: center;}
.z_swiper_btn span{  overflow: hidden; display: inline-block;
transition: ease 1s; cursor: pointer; outline: none;
border-radius: 50%; text-align: center;  position: relative; font-weight: bold; margin-left: 10px; color: #0365db; }
.z_swiper_btn .iconfont{border: 2px solid #DAE2EF; display: inline-block;width: 50px;
height: 50px;line-height: 50px;border-radius: 50%;transition: ease 1s;}
.z_swiper_btn span::after{ content: ""; display: block; width: 110%; height: 0; position: absolute; left: -5%; bottom: 0; background:  #0365db; position: absolute; left: 0; bottom: 0; transition: ease 1s;} 
.z_swiper_btn span:hover::after{ height: 100%;}
.z_swiper_btn span:hover .iconfont{ color: #fff; border-color: #0365db;}

.z_news_swiper{ overflow: hidden; position: relative;}
.z_news_swiper::before{content: "";  display: block; width:100%; height: 2px; background: #DCE3F0; transition: ease 1s; position: absolute; left: 0; top: 0px;}

.z_news_swiper li{padding:1%;background: #f8f8f8;margin: 2% 1.3%;width:31%;border-radius: 3px;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.z_news_swiper .inner .img{overflow:hidden}
.z_news_swiper .inner .info{position:relative;z-index:55;overflow:hidden;transition:.6s; margin-top: 3%;}
.z_news_swiper .inner .info .desc{font-size:14px;line-height:28px;color:#999;}
.z_news_swiper .row  .c-text1 {display: flex;align-items: center;position: relative;color: #333;line-height: 50px;}
.z_news_swiper .row  .c-text1::before {content: "";display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #80bd00;margin-right: 0.1rem;}

@media (min-width:768px){.z_news_swiper .inner .info .desc{word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
}
@media (max-width:991px){
.z_news_xq{ width: 100%;}
.z_index_news{padding: 30px 15px;}
.z_news_con img {text-indent: 0em;}
.z_index_news .z_index_tit{text-align:left;width: 40%;}
.z_newsxq_page{ padding: 30px 12px;}
.z_news_tit{ margin-top: 0; margin-bottom: 20px; font-size: 18px; line-height: 28px;}
.z_news_bar ul{ display: block;}
.z_news_bar li{ width: 50%;float: left;border-bottom: 1px solid #DDDDDD; height: 50px;}
.z_news_bar li:nth-child(even){ border-right: none;}
.z_news_bar{border-bottom: none;}
.z_news_con{ padding: 30px 0px; line-height: 24px; font-size: 14px;}
.z_xg_news{ padding: 20px 12px; overflow: hidden;}
.z_news_swiper li{ width: 100%;}
.z_news_swiper li:hover .inner .c-text1::before{background-color: #b28b49; color: #000;}
.z_news_swiper li:hover{background-color:#f8f8f8; color: #000;}
.z_news_swiper li:hover .tit{color:#333}
.z_news_swiper li:hover .inner .info .desc, .z_news_swiper li:hover .inner .c-text1{color:#999;}
.z_news_swiper li .inner{ overflow:hidden;}
.z_news_swiper li .infobox{ display: none;}
.z_news_swiper li .imgbox{ width:100%;}
.z_news_swiper li .time{ margin-bottom: 0;}
.z_news_swiper .inner .info .tit{font-size:20px}
.z_news_swiper .inner .info .desc{font-size:14px;line-height:26px;height:78px}
.z_news_swiper .row li{width:100%;margin-bottom: 3%;padding: 5%;}
.z_news_swiper .navej {overflow:hidden;width:100%;margin-top: 3%;}
.z_news_swiper .navej a{width: 48%;margin: 1%;float: left;padding:0% 1%;text-align: center;box-shadow: none;}
}
@media (max-width:767px){.z_news_swiper .inner .info .desc{height:auto} #scrollDown{display:none;}
}
@media (max-width:480px){.z_news_swiper .inner .info .tit{font-size:18px}
}
.z_news_swiper .inner:hover .img .coverimg{transform:scale(1.05,1.05)}
.z_news_swiper .row li:hover .tit{color:#00b0f0}



.z_news_swiper .inner .img{overflow:hidden;}
.z_news_swiper .inner .info{position:relative;z-index:55;overflow:hidden;transition:.6s; margin-top: 3%;}
.z_news_swiper .inner .info .tit{font-size: 18px;display:block;line-height:48px;font-weight: bold;transition: none;}
.z_news_swiper .inner .info .desc{font-size:14px;line-height:28px;color:#999;text-align: justify;}
.z_news_swiper .inner .c-text1 {display: block;align-items: center;position: relative;color: #333;line-height: 50px;}
.z_news_swiper .inner .c-text1 .fr{padding-right:10px;}
.z_news_swiper .inner .c-text1::before {content: "";display:inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #0365db;margin-right: 10px;}

@media (min-width:768px){.z_news_swiper .inner .info .desc{word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
}
@media (max-width:991px){.z_news_swiper .inner .info .tit{font-size:20px}
.z_news_swiper .inner .info .tit{}
.z_news_swiper .inner .info .desc{font-size:14px;line-height:26px;height:78px}
.z_news_swiper .row li{width:100%;margin-bottom: 3%;padding: 5%;}
.z_news_swiper .inner .info{padding: 3%;}
.z_news_swiper .navej {overflow:hidden;width:100%;margin-top: 3%;}
.z_news_swiper .navej a{width: 48%;margin: 1%;float: left;padding:0% 1%;text-align: center;box-shadow: none;}
}
@media (max-width:767px){.z_news_swiper .inner .info .desc{height:auto} #scrollDown{display:none;}
}
@media (max-width:480px){.z_news_swiper .inner .info .tit{font-size:18px}
}
.z_news_swiper .inner:hover .img .coverimg{transform:scale(1.05,1.05)}
.z_news_swiper li img{ display: block; width: 100%; transition: ease 1s;}
.z_news_swiper li:hover img{ transform: scale(1.05,1.05);}
.z_news_swiper li::before{ content: ""; display: block; width:0; height: 2px; background: #0365db; transition: ease 1s; position: absolute; left: 0; top:-28px;z-index: 2;}

.z_news_swiper li .imgbox::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../img/mask.png) no-repeat bottom center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1;}


.bg_f8{background:#f8f8f8;}
.newsDetail{ width:92%; max-width:1600px; display:flex; margin:0 auto 0 auto; justify-content:space-between;}
.newsDetail .contents{ width:calc( 100% - 405px);}
.newsDetail .detailMenu{ flex-shrink:0; width:390px; display:flex; flex-direction:column;}
.newsDetail .detailMenu .detailMenu1{ width:100%; display:flex; align-items:center; height:70px; padding:0 30px; font-size:18px; background:#ffffff;}
.newsDetail .detailMenu .detailMenu1 em{ margin-right:10px;}
.newsDetail .detailMenu .ad a{ width:100% !important; display: inline-block;}
.newsDetail .detailMenu .ad a img{ width:100%;}

.casearticle{background:#f8f8f8;}
.casearticle .newsDetail{padding-top:5%;}

.detailMenuBox{ width:100%; padding:20px; background:#FFFFFF; margin-bottom:15px; height:fit-content; overflow:hidden; padding-top:0px; padding-bottom:30px;}
.rightList{ width:100%; position:relative; margin-bottom:0px !important;}
.rightList .rightList1{ display:flex; flex-direction:column; overflow:hidden;}
.rightList .rightList1 .rightListItem{ display:flex; flex-direction:column; padding:25px 0; border-bottom:#dadada solid 1px;}
.rightList .rightList1 .rightListItem:last-child{ padding-bottom:0px; border-bottom:0px;}
.rightList .rightList1 .rightListItem .rightListTitle{ font-size:18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;margin-top: 20px;}
.rightList .rightList1 .rightListItem .rightListDeta{ font-size:14px; color:#b5b5b5; margin-top:5px; margin-bottom:20PX;}
.rightList .rightList1 .rightListItem .rightListSmall{ font-size:14px; color:#666666; line-height:21px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.rightList .slick-dots{ display:flex; justify-content:center;}
.rightList .slick-dots li.slick-active button:before{ color:#156aa9;}
.contentsMess{ width:100%; padding:0 50px; background:#FFFFFF; display:flex; flex-direction:column; margin-bottom:30px;}
.contentsMess .title{ font-size:30px; line-height:2em; margin-top:40px;}
.contentsMess .xx{ font-size:14px; color:#b5b5b5; display:flex; align-items:center; padding:25px 0;}
.contentsMess .xx div{ margin-right:15px;}
.contentsMess .nr{ font-size:16px; line-height:30px; border-bottom:#e9e9e9 solid 1px; border-top:#e9e9e9 solid 1px; padding:20px 0 100px 0;}
.contentsMess .nr p{ margin-bottom:20px;}
.contentsMess video{ width: 100%; height: auto;}
.contentsMess .nr div{ margin-bottom:20px;}
.contentsMess .bottom{ padding:30px 0; display:flex; justify-content:space-between; align-items:center; }
.contentsMess .bottom .bl{ display:flex; align-items:center; width:calc(100% - 262px); flex-wrap:wrap;}
.contentsMess .bottom .bl a{ display:block; margin-right:8px; padding:8px 10px; font-size:15px; color:#666666; border:#e9e9e9 solid 1px; border-radius:5px;}
.contentsMess .bottom .bl a:last-child{ margin-right:0px;}
.contentsMess .bottom .br{ display:flex; align-items:center;}
.z_share .icon-weibo:before {content: "\e619";}
.wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.wechat-qrcode.bottom{top:40px;left:-84px}
.wechat-qrcode.bottom:after{display:none}
.wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.wechat-qrcode .qrcode table{margin:0 !important}
.wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.contentsMess .bottom .br #share-1 a:hover .wechat-qrcode{display:block}
.contentBot{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin:40px auto 60px auto; line-height: 60px;}
.contentBot a{display: inline-block; font-size: 16px; color: #222222; background: #ffff; width:35%;
overflow: hidden; text-overflow:ellipsis; white-space: nowrap;text-align: center;}

.contentBot a:nth-child(2){ width:10%;}


.contentBot_page{ display:flex; align-items:center; justify-content:space-between;}
.contentBot_page .contentBot_page_list{ max-width:48%; font-size:16px; color:#222; display:flex; align-items:center;}
.contentBot_page .contentBot_page_list a{ display:inline-block; background:none; max-width:85%; width: auto;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.contentBot_page .contentBot_page_list a:hover{ color:#156aa9;}
.contentBot_page .contentBot_page_list a:before{ display:none;}

.z_index_hz{ padding: 7vw 0; box-sizing: border-box; position: relative;}
.z_index_hz .z_index_tit{ text-align: center;margin-bottom: 2.6vw;}
.z_hz_warp{ position: relative; padding: 0 8.3vw; box-sizing: border-box;}
.z_hz_warp .btn{ color: #333;}
.z_hz_warp .btn:hover{ color: #0365db;}
.z_hz_warp .prev{ left: 2vw;;}
.z_hz_warp .next{ right: 2vw;;}
.z_hz_swiper{ overflow: hidden;}
.z_hz_swiper li{ margin-bottom:20px;display: flex; align-items: center; justify-content: center;background: #fff;    border-radius: 5px;opacity:.8}
.z_hz_swiper li img{ display: block;max-width:80%; max-height: 80%;}
.z_hz_swiper li:hover{opacity:1}

.z_footer{ background: url("../img/bg4.png") repeat; padding: 3vw 8.3vw; box-sizing: border-box;}
.z_footer_top{border-bottom: 2px solid;padding: 2.6vw 0;border-image-source: linear-gradient(to right,#0365db,#19bf15);border-image-slice: 1;}
.z_footer_logo img{ display: block; height: 3.68vw;}
.z_footer_center{ padding: 3.5vw 0; padding-bottom: 6vw; display: flex;}
.z_footer_center .flwarp{ width: 30vw;}
.z_footer_desc{color: #000000;line-height: 32px; font-weight: bold;}
.z_footer_desc .tel{ display: block; font-size: 1.25vw;font-family: Messapia;}
.z_footer_code{ margin-top: 2vw;}
.z_footer_code li{ width: 6.25vw;}
.z_footer_nav{ margin-left: auto;}
.z_footer_nav li{ display: inline-block; vertical-align: top; margin-left: 3.5vw;}
.z_footer_nav li:nth-child(1){ margin-left: 0;}
.z_footer_nav li a{ display: block;}
.z_footer_nav li a:hover,.z_footer_a a:hover{ color: #0365db;}
.z_footer_nav li h3 a{ font-size: 18px; font-weight: bold; text-align: center; }
.z_footer_nav .z_menu_down a{padding: 0;color: #888888;line-height:1.97916vw;text-align: center;margin-right:0px;}
.z_footer_copy{color: #666666;}
.z_footer_a a{ display: inline-block;padding: 0 10px;color: #666666;}
.z_footer_nav a::before{ display: none;}
.z_retop{ width: 48px;height: 48px;background:url("../img/top.png") no-repeat center; background-size: cover; cursor: pointer; z-index: 5; border-radius: 50%; position: fixed; left: 2.6vw; bottom: 2.6vw;  z-index: 6;}
.z_retop::before{content: '';display: block;width: 100%;height: 100%;background: #0365db;opacity: .3 ;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -2;animation: consult2 linear 2s infinite;}
  @keyframes consult2{
  	0%,100%{transform:scale(1);}
  	50%{transform:scale(2);}	
  } 
  
 .public-paging{display:flex;align-items:center;justify-content:center;margin-top:60px;clear: both;}
.public-paging a{display:flex;align-items:center;justify-content:center;margin:0 15px;width:58px;height:58px;border-radius:50%;background-color:#f8f8f8;transition:all .3s}
.public-paging a.on{color:#fff;background-color:#0365db}
.public-paging a.on svg path{fill:#fff}
@media (max-width:767px){.public-paging a{width:38px;height:38px}
}
.public-paging a img,.public-paging a svg{width:14px;height:14px}
@media (max-width:767px){.public-paging a img,.public-paging a svg{width:20px;height:20px}
}
.public-paging a img path,.public-paging a svg path{fill:#666;transition:all .3s}
.public-paging a.c-prev img,.public-paging a.c-prev svg{transform:rotate(180deg)}
.public-paging a:hover{color:#fff;background-color:#0365db}
.public-paging a:hover svg path{fill:#fff}
.public-paging2{display:flex;align-items:center;justify-content:space-between}
.public-paging2 a{display:flex;align-items:center;color:#999;transition:all .3s}
.public-paging2 a .c-ico{margin-right:10px;width:20px;height:20px}
@media (max-width:767px){.public-paging2 a .c-ico{width:40px;height:40px}
}
.public-paging2 a img,.public-paging2 a svg{width:100%;height:100%}
.public-paging2 a img path,.public-paging2 a svg path{fill:#999;transition:all .3s}
.public-paging2 a img circle,.public-paging2 a svg circle{stroke:#999;transition:all .3s}
.public-paging2 a img .cls-2,.public-paging2 a svg .cls-2{transition:all .3s}
.public-paging2 a:last-child .c-ico{margin:0 0 0 10px;transform:rotate(180deg)}
.public-paging2 a:hover{color:#0365db}
.public-paging2 a:hover svg path{fill:#0365db}
.public-paging2 a:hover svg circle{stroke:#0365db}
.public-paging2 a:hover .cls-2{stroke:#0365db}
 
  
.z_other_banner{ position: relative;height: 500px; width: 100%; overflow: hidden; position: relative;}
.z_other_banner .z_banner_text{ opacity: 1; transform: translateY(-50%);}
.z_other_banner .z_banner_text .animated .cn::before{ width: 30%; transition-delay: .2s;}
.z_other_banner .z_banner_bar{ padding-bottom: 3.5vw;}
.z_other_banner .z_banner_bar::before{ height: 3vw;}
.z_page_bar{width: 100%;height: 4.6875vw;line-height: 4.6875vw;padding: 0 8.3vw;box-sizing: border-box;background: #ffffff05;position: absolute;bottom: 8px;color: #fff;}
.z_page_wz{color: #fff;}
.z_page_wz a{ display: inline-block;padding: 0 10px; padding-right: 30px; position: relative;color: #fff;}
.z_page_wz a::before{ content: "\e72a"; z-index: 1; display: block; font-family:"iconfont"; position: absolute; right: 0; top: 50%; transform:  translateY(-50%);}
.z_page_wz a:last-child::before{ display: none;}
.z_page_nav li{ display: inline-block; margin-left: 4vw; position: relative;}
.z_page_nav li::before{ content: ""; z-index: 1; display: block; width: 0; height: 3px; background: #0365db; transition: ease 1s; position: absolute; left: 50%; bottom: 0;}
.z_page_nav li.cur::before,.z_page_nav li:hover::before{ width: 100%; left: 0;}
.z_page_nav li a{display: block; font-size: 16px; color:#fff;}
.z_page_nav li.cur a,.z_page_nav li:hover a{ color: #0365db;}


.z_about_warp{background: #F2F4F7; padding: 5vw 8.3vw; box-sizing: border-box;}
.z_about_warp .conwarp{color: #4B4D52;line-height: 26px;column-count:2;column-gap:4vw; margin: 3.5vw auto; text-align: justify;}
.z_sb_bar img{ display: block; margin-bottom: 10px;animation: yd 2s infinite linear;}
.z_sb_bar{font-family: Messapia;font-size: 11px;}
  @keyframes yd {
  	0%{transform: translateY(0);} 
    50%{transform: translateY(-10px);}
  	100%{transform: translateY(0);}
  }
.z_about_xg{ display: flex; align-items: center; margin-top: -8.3vw; position: relative; }
.z_about_xg .frwarp{ width: 50%;}
.z_about_num2 li{ width: 50%; flex: unset; overflow: hidden; position: relative; padding: 0 4vw; box-sizing: border-box; height: 15.10416vw; background: #fff!important; border-right: 1px solid #DADFE7;border-bottom: 1px solid #DADFE7;}
.z_about_num2 li:first-child{width: 100%; text-align: center;}
.z_about_num2 li .icon{ margin-left: auto; display: block;}
.z_about_num2 li .warp{ width: 100%;}
.z_about_vision{ height: 19.79166vw; padding: 1vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; background: url("../img/bg5.jpg") no-repeat center; background-size: cover;}
.z_about_vision .z_index_tit.animated .en::before{ width: 100%;}
.z_about_vision .desc{ margin-top: 1vw; font-size: 1.25vw;}
.z_about_xg .imgbox{ width: 50%; height: 33.33333vw; overflow: hidden; position: relative;}
.z_about_xg .imgbox::before,.z_about_num2 li:nth-child(1)::before,.z_about_num2 li:nth-child(4)::before{ content: ""; display: block; z-index: 1; width: 100%; height: 100%;transition: cubic-bezier(0.215,.61,.355,1) 1.5s; transition-delay: .5s; background: #0365db; position: absolute; left: 0; top: 0;}
.z_about_xg .imgbox.animated::before{ transform: translateY(-100%);}
.z_about_num2 li:nth-child(1).animated::before,.z_about_num2 li:nth-child(4).animated::before{transform: translateX(-100%);}
.z_animated{ width: 20vw; z-index: 2; height: 20vw; position: absolute; left: -8vw; bottom: -2vw; animation: animtran 8s linear infinite;}
.z_animated::before{ content: ""; display: block; width: 100%; height: 100%;background: linear-gradient(90deg, #EBB195 0%, #FCF3F2 100%);
opacity: 0.6; position: absolute; left: 0; top: 0;animation: yuan 2s linear infinite; }
 @keyframes yuan {
            0%{
				border-radius: 55% 40% 50% 40%;
			}
            25% {
                	border-radius: 45% 30% 40% 30%;
            }
			50% {
			    	border-radius: 35% 40% 60% 40%;
			}
			75% {
			    	border-radius: 45% 40% 40% 60%;
			}
			100% {
			    	border-radius: 55% 40% 50% 40%;
			}
        }


.l_mt{
	background-color: #f1f1f1;
    padding: 5vw 8.3vw;
	position: relative;
}
.l_mt .bot{
	margin-top: 2.60416vw;
	display: flex;
	flex-wrap: wrap;
}
.l_mt .bot .item{
	width: 31.4%;
	background-color: #FFF;
	padding: 1.04166vw;
	margin-top: 2.08333vw;
	position: relative; transition: ease 1s;
}
.l_mt .bot .item:hover{
box-shadow: 0px 25px 43px 8px rgba(47, 48, 53, 0.08);}
.l_mt .bot .item::after{
	content: "";
	width: 0;
	border-bottom: 2px solid #0365db;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 9;
	transition: 1s;
}
.l_mt .bot .item:nth-child(1),.l_mt .bot .item:nth-child(2),.l_mt .bot .item:nth-child(3){
	margin-top: unset;
}
.l_mt .bot .item:nth-child(3n-1){
	margin-left: 2.08333vw;
	margin-right: 2.08333vw;
}
.l_mt .bot .item a{
	display: block;
}
.l_mt .bot .item .img{
	width: 100%;
	height: 14.0625vw;
	position: relative;
	overflow: hidden;
}
.l_mt .bot .item .img img{
	width: 100%;
	height: 100%;
	transform: scale(1.0);
	transition: 1s;
}
.l_mt .bot .z_index_mores{ line-height: 28px; display: inline-block;margin: 2vw 0;}
.l_mt .bot .z_index_mores .en{font-size: 14px;font-weight: bold;text-decoration: underline;color: #000000; margin-right: 10px;}
.l_mt .bot .z_index_mores .icon{ display: inline-block;width: 28px; transition: ease .6s; height: 28px;text-align:center; background:#0365db;color:#fff;vertical-align: middle; background-size: 100% 100%;}

.l_mt .bot .item .img .date{
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	background-color: #2f3035;
	color: #FFF;
	width: 5.20833vw;
	height: 5.20833vw;
	padding-top: 0.78125vw;
	font-family: Human;
	transition: 1s;
}
.l_mt .bot .item .img .date b{
	font-size: 40px;
}
.l_mt .bot .item .img .date p{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.l_mt .bot .item .title{
	margin-top: 1.5625vw;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}
.l_mt .bot .item .text{
	margin-top: 1.04166vw;
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}
.l_mt .bot .item .z_index_more{
	margin-top: 1.82291vw;
	margin-bottom: 2.60416vw;
}
.l_mt .bot .item:hover::after{
	left: 0;
	width: 100%;
}
.l_mt .bot .item:hover .z_index_more .icon {
    transform: rotate(45deg);
}
.l_mt .bot .item:hover .img img{
	transform: scale(1.1);
}
.l_mt .bot .item:hover .img .date{
	background-color: #0365db;
}

.z_about_ry{ padding: 8.3vw; padding-bottom: 4vw; box-sizing: border-box; margin-top: -8.3vw;}
.z_about_ry .z_index_tit .en::before{ left: 0; right: auto;}
.z_ry_head{ margin-bottom: 3.5vw;}
.z_ry_list ul{ margin-left: -2%;}
.z_ry_list li{width: 23%; float: left; margin-bottom: 1.5vw; margin-left: 2%; padding: 1vw; padding-bottom: 0; box-sizing: border-box;box-shadow: -6px 0px 28px 2px rgba(87, 144, 170, 0.2);}
.z_ry_list li .imgbox{border: 2px solid #D9E1E8; display: flex; align-items: center; justify-content: center; position: relative; height: 12.5vw;}
.z_ry_list li .imgbox img{ max-height: 90%; max-width: 90%; display: block;}
.z_ry_list li .mask{ position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(237, 131, 25, .9); color: #fff;transition: ease 1s;}
.z_ry_list li .iconfont{ transform: scale(4,4); transition: ease 1s; font-size: 18px;}
.z_ry_list li:hover .mask{ opacity: 1;}
.z_ry_list li:hover .iconfont{ transform: scale(1.2,1.2);}
.z_ry_list li .tit{ height: 4vw; line-height: 4vw; text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.z_ry_list li:hover .tit{ color: #0365db;}
.z_ry_list .z_index_more{ margin: 0 auto; margin-top: 2vw;}
.z_tab_child{ display: none;}
.z_tab_child.active{ display: block;}

.z_abouty_nl{ position: relative; padding-bottom: 4vw;}
.z_abouty_nl .z_index_tit{ position: absolute; left: 8.3vw; top: 7vw; color: #fff;z-index: 2;}
.z_nl_swiper{ width: 91.66666vw; overflow: hidden; height: 50vw; position: relative;}
.z_nl_swiper li{ position: relative; z-index: 1; overflow: hidden;}
.z_nl_swiper li .imgbg{ transform: scale(1.1,1.1);transition: ease 2s;}
.z_nl_swiper li.swiper-slide-active .imgbg{ transform: scale(1,1);}
.z_nl_swiper li.swiper-slide-active  .desc{ transform: translateY(0); opacity: 1;}
.z_nl_swiper li::before{ content: ""; display: block; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0; top: 0;}
.z_nl_swiper li .desc{ position: absolute; left: 16.66666vw; top: 16.66666vw; width: 630px;color: #FFFFFF; z-index: 2;
line-height: 26px; transition: ease 1.5s; opacity: 0; transition-delay: .5s; transform: translateY(100%);}
.z_nl_swiper li .more{ position: absolute; left: 8.3vw; bottom: 18.75vw; color: #fff; z-index: 2;}
.z_nl_swiper li .more .iconfont{ display: block; margin-bottom: 10px;}
.z_nl_swiper li .more:hover{color: #0365db;}
.z_nl_slg{ position: absolute; z-index: 2; right: 8.3vw; top: 10vw; width: 12.5vw;height: 12.5vw; display: flex; align-items: center; justify-content: center;border-radius: 50%;}
.z_nl_slg::before{ content: ""; display: block; width: 100%; height: 100%;animation: animtran 8s linear infinite; background: url("../img/cir.png") no-repeat center; background-size: 100% 100%;position: absolute; left: 0; top: 0;}
.z_nl_icon{ position: absolute; bottom: -4vw;width: 91.66666vw; right: 0;background: #FFFFFF;box-shadow: -6px 0px 28px 2px rgba(87, 144, 170, 0.2);  z-index: 2;}
.z_nl_icon ul{ display: flex;}
.z_nl_icon li{ width: 10.45vw; position: relative; transition: ease 1s;font-size: 16px; color: #000; cursor: pointer; text-align: center; z-index: 1; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 14.58333vw; border-right: 1px solid #DADFE7;}
.z_nl_icon li::before{ content: ""; display: block; width: 100%; height: 0%; position: absolute; left: 0; bottom: 0;background: #ED8319; transition: ease 1.5s;}
.z_nl_icon li.on::before{ height: 100%;}
.z_nl_icon li .icon{ width: 38px; height: 38px; overflow: hidden; margin: 0 auto; margin-bottom: 10px;}
.z_nl_icon li .icon img{ filter: drop-shadow(38px 0px 0 #fff); display: block;}
.z_nl_icon li.on .icon img{ transform: translateX(-38px);}
.z_nl_icon li.on{ color: #fff;}
.z_about_team{ padding: 9vw 8.3vw; padding-bottom: 5vw; box-sizing: border-box;}
.z_about_team .z_index_tit .en::before{ left: 0; right: auto;}
.z_team_swiper{ margin-top: 3vw; overflow: hidden;}
.z_team_swiper li{ height: 17.70833vw;}
.z_about_team .z_banner_hd,.z_small_swiper .z_banner_hd{ position: relative; right: auto; bottom: auto; width: 100%; text-align: center; margin-top: 2vw;}
.z_about_team .z_banner_hd span::after,.z_small_swiper .z_banner_hd span::after{background: #A8B3BD!important;}
.z_about_team .z_banner_hd span::before,.z_small_swiper .z_banner_hd span::before{ background: none; border:1px solid #0365db; border-radius: 50%;}

.z_case_page{ padding: 5vw 8.3vw; box-sizing: border-box;background: #f2f1f2;}
.z_case_page .z_index_tit{ margin-bottom: 4vw;}
.z_case_page .z_index_tit .en::before{ left: 0; right: auto;}
.z_case_list ul{ margin-left: -2.3%;}
.z_case_list li{ width: 31%; margin-left: 2.3%; float: left; margin-bottom: 1vw;    background: #fff;}
.z_case_list li .imgbox{ width: 100%; height: 20vw; overflow: hidden;}
.z_case_list li:hover .imgbg{ transform: scale(1.04,1.04);}
.z_case_list li .infobox{ padding: 1.5vw 1vw;text-align: center;}
.z_case_list li h3{color: #010101; font-size: 24px;}
.z_case_list li h4{color: #888888;
line-height: 28px; margin: 15px 0;}
.z_case_list li .more,.z_xg_more{font-size: 12px;font-family: Messapia;font-weight: bold;color: #323D4F; display: inline-block; border-bottom: 1px solid #e0e2e5;padding: 10px 0;}
.z_case_list li:hover .more,.z_xg_more:hover,.z_case_list li:hover .ellipsis,.z_case_list li:hover .ellipsis2{ color: #fff;}
.z_case_list li:hover a{background: #0365db;display: block;}
.z_case_list li:hover .iconfont,.z_xg_more:hover .iconfont{ transform: rotate(0);}

.z_case_page .z_index_more{ margin: 0 auto; margin-top: 2vw;}
.z_pro_page{ padding: 4.5vw 8.3vw; padding-bottom: 6vw; box-sizing: border-box;background: #f2f1f2;}
.z_pro_list { margin-bottom: 3vw;}
.z_pro_list ul{ margin-left: -1.5%;display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.z_pro_list li{ width: 31.8%; float: left; margin-bottom: 1.82291vw;overflow: hidden; position: relative; margin-left: 1.5%;  box-sizing: border-box;background:#ffffff;border-radius: 5px;}
.z_pro_list li a{ display: block; display: flex; width: 100%; height: 26.5vw; align-items: center; justify-content: center;}
.z_pro_list li .tit{ position: absolute; left: 0; bottom:0; width: 100%; padding:1vw; box-sizing: border-box; text-align: center; color: #000; font-size: 16px;background:#ffffff;}
.z_pro_list li img{ max-height: 80%; max-width: 80%; transition: ease 1.5s;padding-bottom:1vw;}
.z_pro_list li:hover img{ transform: scale(1.1,1.1);}
.z_pro_list li:hover .tit{ color: #fff;background:#0365db;}
/*.z_pro_list li:hover a{background-image: linear-gradient(to right,#0365db,#19bf15);}*/
.z_xg_list{margin-top:3vw;margin-bottom: 0px;}
.z_xg_list li{width:23.5%}
.z_xg_list li .tit{background:#fff;}
.z_load_more{ margin: 0 auto; background: none;}
.z_load_more .arr{ display: block; margin: 0 auto; margin-bottom: 10px;}
.z_proxq_page{ padding-top: 6.25vw;background: #f2f1f2;}
.z_proxq_page .z-container{ width: 1400px;}
.z_proxq_page .z_page_wz,.z_newsxq_page .z_page_wz{ padding-top: 2.6vw; padding-bottom: 2.6vw;}
.z_pro_head{background:#fff;}
.z_pro_img{ width: 50%;height: 700px;  box-sizing: border-box; position: relative; float: left;}
.z_pro_big{ display: flex;  align-items: center; justify-content: center; height: 500px;}
.z_pro_big img,.z_small_swiper li img{ max-width: 80%; max-height: 80%; display: block;}
.z_small_warp{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 40px; box-sizing: border-box;} 
.z_small_swiper{ width: 100%; overflow: hidden;}
.z_small_swiper li{height: 130px;background: #FFFFFF;  border: 1px solid #D1D8E3;border-radius: 6px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.z_small_swiper li.on{ border-color: #0365db;}
.z_pro_desc{ width: 50%; float: right; padding: 3vw; box-sizing: border-box; position: relative; min-height: 700px;}
.z_pro_desc .tit{ font-size: 3.2vw; position: relative; font-weight: bold;}
.z_pro_desc .tit .en{font-size:3.6vw; display: inline-block; position: absolute; left: 0; top: 0; text-transform: uppercase; z-index: -1;font-family: Messapia;font-weight: bold;color: rgba(34, 34, 34, 0);line-height: 30px;-webkit-text-stroke: 1px #eaeaea;text-stroke: 1px #0365db;}
.z_pro_desc .desc{font-size: 16px;font-weight: 400;color: #71777D;line-height: 32px; margin: 2vw 0;}
.z_pro_desc .btnbar{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 3vw; box-sizing: border-box;}
.z_pro_desc .btnbar .btn{ min-width: 200px;font-size: 18px; margin-right: 30px; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff;height: 60px;background: #19bf15;border-radius: 30px}
.z_pro_desc .btnbar .btn img{ margin-right: 10px;}
.z_pro_desc .btnbar .btn2{min-width: 320px;background: #0365db;border-radius: 30px;}
.z_small_swiper .z_banner_hd{ display: none;}

.z_proxq_warp{ margin: 60px 0;}
.z_proxq_nav{height: 80px;background: #ffffff;}
.z_proxq_nav ul{ display: flex;}
.z_proxq_nav ul li{flex: 1; text-align: center; cursor: pointer;  color: #333;font-size: 18px;background:#ffffff;}
.z_proxq_nav ul li span{ display: inline-block; padding: 0 15px; line-height: 80px;position: relative;}
.z_proxq_nav ul li span::before{ content: ""; display: block; z-index: 1; width: 0; height: 4px; background: #0365db; position: absolute; left: 50%; bottom:0; transition: ease 1s;}
.z_proxq_nav ul li.active span::before{ width: 100%; left: 0;}
.z_proxq_nav ul li.active{background:#0365db;color: #fff;}
.z_proxq_child{ padding: 20px 0; color: #333;line-height: 38px; font-size: 16px;}
.z_proxq_child img{ max-width: 100%!important; height: auto!important;}
.z_proxq_child table{max-width: 100%!important;}
.z_proxq_con{background: #ffffff;padding:0px 50px;}
.z_proxq_child .pdfdown{text-align:center;display:block;background:#f7f7f7;line-height:58px;}
.z_proxq_child .pdfdown em{padding-right:10px;}
.z_proxq_child .pdfdown:hover{background:#0365db;color: #fff;}
.z_news_page{ background:#f2f1f2; padding: 5vw 8.3vw; box-sizing: border-box;}
.z_news_list{ margin-top: 4vw; margin-bottom:2vw;}
.z_news_list li{ width: 48.7%; float: left; background: #fff;margin-bottom: 2vw;}
.z_news_list li:nth-child(even){ float: right;}
.z_news_list li a{ display: flex; align-items: center; padding: 2vw; box-sizing: border-box;}
.z_news_list li .timebox{ text-align: center; flex-shrink: 0;font-family: Messapia;font-weight: bold; font-size: 12px;color: #303D50;}
.z_news_list li .timebox em{ display: block; font-size: 1.875vw;}
.z_news_list li .imgbox{ width: 13.54166vw; height: 8.85416vw; margin-left: auto;flex-shrink: 0;}
.z_news_list li .tit{ margin: 0 2vw;color: #000000; font-size: 18px;line-height: 32px;}
.z_news_list li:hover .timebox{ color: #0365db;}
.z_news_list li:hover .imgbg{ transform: scale(1.1,1.1);}

.z_newsxq_page{ padding: 5vw 8.3vw; padding-top: 6.25vw;}
.z_newsxq_warp{ display: flex; align-items: flex-start;}
.z_newsxq_warp .flwarp{width: 26.04166vw;background: #FFFFFF;border: 4px solid #ED8319; flex-shrink: 0; padding: 1.5vw; box-sizing: border-box;}
.z_newsxq_warp .flwarp .tit{font-size: 1.5vw; }
.z_newsxq_warp .flwarp .ly{color: #757F88; font-size: 15px; padding: 1.5vw 0; border-bottom: 1px solid #DDDDDD; }
.z_share{ margin: 2vw 0;}
.z_share a{ display: inline-block; cursor: pointer;width: 50px; margin-right: 0.8vw;height: 50px;background: #e2e2e2; color: #4e4e4e; font-size:20px!important;border-radius: 25px; text-align: center; line-height: 50px;}
.z_share a:hover{ background: #0365db; color:#fff;}

.z_newsxq_warp .frwarp{ width: 52.08333vw; margin-left: auto;}
.z_newsxq_warp .frwarp .conwarp{ color: #000000;line-height: 32px; font-size: 16px; margin-bottom: 4vw;}
.z_newsxq_warp .frwarp .conwarp img{ max-width: 100%!important; height: auto!important;}
.z_topbtm_bar{ display: flex; justify-content: space-between;}
.prosxy{padding: 38px;background: #fff;}
.z_topbtm_bar a{ font-size: 16px;}
.z_topbtm_bar a:hover{ color: #0365db;}
.z_topbtm_bar a .iconfont{ display: inline-block; margin: 0 5px; font-size: 20px;}



.contact_box{padding-top:70px}
@media (min-width:992px){.contact_box{display:flex;align-items:stretch}
.contact_box .infobox,.contact_box .mapbox{width:50%}
}
@media (max-width:991px){.contact_box .mapbox{height:500px}
}
.contact_box .mapbox .map{height:100%}
.contact_box .infobox{
    padding:130px 50px 130px 100px;
    background: #0365db;
    /*background: -webkit-linear-gradient(bottom, #0365db,#19bf15);*/
    /*background: linear-gradient(to top, #0365db,#19bf15);*/
    color: #fff;
    }
@media (max-width:1460px){.contact_box .infobox{padding:130px 50px}
}
.contact_box .infobox h2{font-size:36px;margin-bottom:36px}
@media (max-width:768px){.contact_box .infobox h2{font-size:24px}
}
@media (max-width:640px){.contact_box .infobox h2{font-size:22px}
}
.contact_box .infobox dd,.contact_box .infobox dd a{font-size:16px;line-height:38px;color: #fff;}
@media (max-width:639px){.contact_box .infobox dd{display:flex}
.contact_box .infobox dd em{flex:1;padding-left:10px}
}
@media (max-width:992px){.contact_box .infobox dd{font-size:14px}
}
@media (max-width:991px){.contact_box .infobox dd{font-size:16px}
}
.contact_box .infobox dd .iconfont{text-align:center;width:40px;display:inline-block}
.contact_box .infobox dd a:hover{text-decoration:underline}
.z_contact_warp{ padding: 5vw 0; background:#f2f6f8 url("../img/bg6.jpg") no-repeat top center; background-size: 100% auto;}
.z_contact_warp .z-container{ width: 1420px;}
.z_conatct_tit .en{ font-size: 1.66666vw; display: block;}
.z_conatct_tit .en::before{ display: none;}
.z_conatct_tit .cn{position: relative; display: inline-block;}
.z_conatct_tit .cn::before{ content:"";height: 12px;background-image: linear-gradient(to right,#0365db,#19bf15);transition: ease 1.5s;transition-delay: .5s; position: absolute;right: 0;bottom: 1px; width: 0;}
.z_conatct_tit.animated .cn::before{width: 100%;}
.z_contact_box{ background: #fff; margin-top: 3.5vw; padding: 3.125vw;}
.z_contact_box .gstit{ border-bottom: 2px solid #E2EEF2; padding: 1.5vw 0; align-items: flex-end;}
.z_contact_box .gstit .tit{ font-size: 1.66666vw;}
.z_contact_box .gstit .tel{ text-align: right;}
.z_contact_box .gstit .tel em{ display: block; font-size: 22px;font-family: Messapia; color: #FE5E10;}
.z_lx_info{ padding: 20px 0; display: flex; align-items: center;}
.z_lx_info .infodesc{ width: 100%;}
.z_lx_info .infodesc p{ width:55%; float: left;font-size: 16px; line-height: 48px; display: flex; align-items: center;}
.z_lx_info .infodesc p:nth-child(even){ width: 30%;}
.z_lx_info .infodesc p img{ flex-shrink: 0; margin-right: 10px;}
.z_lx_code{ display: flex; align-items: flex-end; flex-shrink: 0;}
.z_lx_code span{ display: block; margin-bottom: 30px;}
.z_lx_code img{ display: block; width: 100px; margin-left: 10px;}
.z_lx_map .zmap,.z_lx_map .imgbox{ width: 50%; float: left; height: 25vw; overflow: hidden;}
.z_mddz_warp .box{ width: 47.6%; float: left;min-height:13.54166vw;border: 1px solid #CBD4DD; box-sizing: border-box; margin-top: 2.4vw; padding: 2.6vw; box-sizing: border-box;}
.z_mddz_warp .box .tit{ font-size: 1.35416vw; line-height: 1.3vw; margin-bottom: 2vw; z-index: 1; display: inline-block; position: relative;}
.z_mddz_warp .box .tit::before{ content: ""; display: block; z-index: -1; width: 100%; height: 8px;background-image: linear-gradient(to right,#0365db,#19bf15); position: absolute; left: 0; bottom: 0;}
.z_mddz_warp .box p{font-size: 16px;font-weight: 400;color: #000000;line-height: 32px;}
.z_mddz_warp .box .tel{font-family: Messapia;}
.z_mddz_warp .box:nth-child(even){ float: right;}

.z_contact_sh{ width: 100%;position: relative; padding: 6vw 13.02083vw; box-sizing: border-box;}
.z_contact_sh .desc{font-size: 16px;line-height: 32px; margin: 3vw 0;}
.z_contact_sh .code img{ display: block; width: 120px;}
.z_conatct_ly{ padding: 5.2vw 0;box-sizing: border-box;}
.z_ly_form{ width: 1260px; margin: 0 auto; margin-top: 3.5vw;}
.z_ly_form ul{ display: flex; justify-content: space-between;}
.z_ly_form li{ width: 31.7%; margin-bottom: 25px;  color: #000; border: 2px solid #DEE5EC; display: flex; align-items: center; padding: 0 20px;box-sizing: border-box;}
.z_ly_form label{flex-shrink: 0; font-size: 16px; }
.z_ly_form li .text{ flex: 1; width: auto; height: 60px;font-size: 16px;}
.z_ly_form .texta_box{border: 2px solid #DEE5EC; padding: 15px 20px;margin-bottom: 25px; box-sizing: border-box; display: flex; align-items: flex-start;}
.z_ly_form .texta_box .texta{ flex: 1; width: auto; height: 100px; font-size: 16px;}
.z_subbtn{ width: 138px; margin: 0 auto; margin-top: 3vw; cursor: pointer; text-align: center; background:#e0e2e5; padding: 15px;color: #323D4F; font-size: 16px;border: none;display: block;}
.z_subbtn .iconfont{ color: #0365db;display: inline-block; transform: rotate(-45deg);}
.z_subbtn:hover,.z_subbtn:hover .iconfont{background:#0365db;color:#fff;}
.z_question_warp{ background:#f2f1f2; padding: 5.2vw 0;}
.z_question_warp .z_index_tit{ text-align: center;}
.z_question_list{ width: 1260px; margin: 0 auto; margin-top: 3.5vw; margin-bottom: 4vw;}
.z_question_list .item{ background: #fff; cursor: pointer; margin-bottom: 20px;}
.z_question_list .item .titbar{ display: flex; align-items: center; position: relative;  min-height: 5.2vw; padding: 1vw 2vw; box-sizing: border-box;}
.z_question_list .item .titbar::before{ content: ""; z-index: 1; display: block; transition: ease 1s; width: 0;  position: absolute; left: 2vw; bottom: 0; height: 2px; background: #DA251C;}
.z_question_list .item .titbar.on::before{ width: calc(100% - 4vw); }
.z_question_list .item .tit{ font-size: 16px; color: #000;}
.z_question_list .item .titbar .mr{ flex-shrink: 0; color: #666666;}
.z_question_list .item .iconfont{ color:#FE5E10; font-size: 14px; font-weight: bold; display: inline-block; transition: ease .5s; margin-left: 10px;}
.z_question_list .item .titbar.on .icon-arrb{ transform: rotate(180deg);}
.z_question_list .item .conbox{ padding: 1vw 2vw; display: none; box-sizing: border-box;color: #A6AEB6;
line-height: 32px; font-size: 15px;} 
.z_nl_desc{width: 1035px; position: relative; margin: 0 auto; text-align: center;font-size: 14px;font-weight: 400;color: #000000;line-height: 28px; margin-top: 3vw;}
.z_nl_desc::before{ content: ""; display: block; z-index: 1; width: 23px; height: 18px;background: url("../img/d1.png") no-repeat center; background-size: auto 100%; position: absolute; left: -50px; top: 50%; transform: translateY(-50%);}
.z_nl_desc::after{ content: ""; display: block; z-index: 1; width: 23px; height: 18px;background: url("../img/d2.png") no-repeat center; background-size: auto 100%; position: absolute; right: -50px; top: 50%; transform: translateY(-50%);}
.z_zy_img img{ display: block; margin: 0 auto;}
.sideMenu_tit{background: #fff; line-height: 80px;border-top:1px solid #dddddd;  border-bottom:1px solid #dddddd;padding: 0 20px; box-sizing: border-box; }
.sideMenu_tit span{ font-size: 18px; display: block; width: 25%; font-size: 16px; float: left;}
.zp_tit span{ display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left; }
.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{ padding: 0 20px; cursor: pointer; box-sizing: border-box; transition: all .6s; z-index: 1;}
.rc_box .tit span{display: block; font-size: 16px; width: 25%; float: left;}
.rc_box .tit.on,.rc_box .tit:hover{ background:#EE8319; color: #fff;border-bottom-color:#EE8319}
.rc_box .tit.on:before{ content: ""; display: block; width: 18px; height: 16px; background: url("../img/cha.png.html") no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.rc_box .rc_con{ width: 100%;  box-sizing: border-box; padding: 50px 20px; box-sizing: border-box; background: #fff;border: 2px solid #EE8319; display: none; border-top: none;}
.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: 1200px; margin: 0 auto;}
@media screen and (max-width:1440px){
.z_proxq_page .z-container{ width: 1200px;}
.z_pro_img{ height: 600px;}
.z_pro_desc{ min-height: 600px;}
.z_small_swiper li{ height: 110px;}
.z_contact_warp .z-container{ width: 1200px;}
.z_load_more .arr{ height: 30px;}
.z_index_more{ width: 120px; height: 120px;}
}
@media screen and (max-width:980px){
.z_header{  height: 50px; padding: 0 10px;  padding-right: 0;}
.z_menu_btn{width: 50px; height: 50px; margin-left: auto;}
.z_header .z_logo{background: url(../img/logo.png) no-repeat left center;background-size: contain;}
.z_menu_btn span{background:#333;}
.z_words .tit,.z_words .icon{color:#333;}
.z_words:hover .down{top:44px;}
.z_header_nav li .navone::after{bottom:0px;}
.z_header_nav li:hover .z_nav_down{display:none;}
.z_header.on .z_header_nav li a{color:#fff;}
.z_footer_desc .tel{font-size:20px;}
.z_menu_mask{ display: none;}
.z_pro_warp .btn, .z_hz_warp .btn{width:30px;height:30px;line-height:30px;font-size:16px;}
.z_header_nav{ width: 100%; transition: ease .8s; transform: translateY(100%); visibility: hidden;  display: flex; align-items: center; justify-content: center; text-align: center; position: fixed; left: 0; top: 50px;    background: #0365db; height: calc(100vh - 50px) ;}
.z_logo img{ max-height: 28px;}
.z_index_about .desc p{line-height:35px; text-align:justify;}
.z_header_nav li{ display: block; width: 100%; margin: 0; line-height: 50px;}
.z_header_nav li a{ color: #fff;}
.z_header_nav li.active a{ color: #fff; font-weight: bold;}
.z_header_nav.on{ transform: translateY(0); visibility: visible;}
.z_banner{ height: 70vw!important; position: relative!important; margin-top: 50px;}
.z_banner_bar,.z_banner_arr,.z_banner_num{ display: none;}
.z_banner_hd{ width: 100%; text-align: center; right: 0; bottom: 10px;left: 0%;}
.z_banner_hd span{ margin: 0 4px; width: 18px; height: 18px;}
.z_banner_text .en{ font-size: 18px;}
.z_banner_text .cn{ font-size: 16px; line-height: 20px; margin: 5px 0;}
.z_banner_text{ padding: 0 15px;}
.z_banner_text .dot em{ width: 8px;height: 8px;}
.z_index_about{padding: 35px 12px;}
.z_index_about .fl_warp{ width: 100%;}
.z_index_tit h3{ font-size: 22px; line-height: 22px;}
.z_about_slg span{ font-size: 18px; line-height: normal;margin-right: 0px;padding-right: 0px;}
.z_about_slg span::before{ height: 18px;}
.z_about_slg{margin-top: 10px;    text-align: center;}
.z_index_about .infobox{ width: 100%; margin: 30px 0;}
.z_index_about .desc{ line-height: 24px; margin-bottom: 30px;}
.z_index_about .play img{ height: 40px;}
.z_about_num ul{ display: block;}
.z_about_num li{ display: inline-block; width: 49%;margin-bottom: 10px; }
.z_about_num li .timer{ font-size: 16px;}
.z_about_num li h3{font-size: 12px; margin-bottom: 5px;text-align: center;}
.z_about_num li h4{text-align: center;}
.z_index_about .fr_warp{ width: 80%; height: 100vw; }
.z_index_about .fr_warp .cir{left: -14vw;top: 25vw;width: 120px;height: 120px;}
.z_index_about .fr_warp .cir em{ width: 30vw; height: 30vw;}
.z_video_box video{width:100%;}
.index3{height:auto}
.index3 .item{width:50%;margin-left:0;height:120px;border-top:1px solid rgba(255,255,255,0.5) !important;border-left:1px solid rgba(255,255,255,0.5) !important}
.index3 .item:nth-child(-n+2){border-top:none !important}
.index3 .item:nth-child(odd){border-left:none !important}
.index3 .item a{padding:10px}
.index3 .item .bot{font-size:14px;left:10px;bottom:10px}
.index3 .item .num{font-size:16px}
.index3 .item .en{margin:0}
.z_proxq_con{padding: 0px 5px;}

.z_index_cases{}
.z_cases_swiper{ width: 100%; position: relative; margin-top: 20px; }
.z_index_cases{ height: auto; padding: 20px 10px; padding-bottom: 70px;}
.z_cases_swiper .z_cases_logo img{ height: 40px;}
.z_cases_swiper li a{ padding:15px 10px;}
.z_cases_swiper li .desc{ line-height: 24px; margin: 15px 0;}
.z_cases_btnbox{ height: 40px; line-height: 40px;}
.z_cases_tab{ width: 100%;}
.z_cases_tab li{ height: 50px; line-height: 50px;    font-size: 12px;}
.z_cases_hd span{ margin: 0 20px;}
.z_cases_hd span:nth-child(2)::after{ width: 40px; left: -40px;}

.l_mt{padding: 20px;}
.l_mt .top .fl,.l_mt .top .fr{float: unset;width: 100%;}
.l_mt .top .title h2{font-size: 20px;margin-bottom: unset;height: 20px;display: inline-block;}
.l_mt .top .title div{font-size: 16px;}
.l_mt .top .fr{margin-top: 10px;}
.l_mt .top .fr div{height: unset;width: 100%;height: 35px;}
.l_mt .top .fr div select, .l_mt .top .fr div select{width: 70%;margin-top: unset;}
.l_mt .top .fr p{margin-top: 5px;}
.l_mt .bot .item{width: 100%;margin: unset !important;margin-top: 10px !important;padding: 10px;}
.l_mt .bot .item .img{height: 180px;}
.l_mt .bot .item .title{font-size: 16px;}
.l_mt .bot .item .text{font-size: 10px;}
.l_mt .bot .item .img .date{width: 70px;height: 70px;padding-top: 10px;}
.l_mt .bot .item .img .date b{font-size: 26px;}
.l_mt .nkBot .item{width: 100%;margin: unset !important;margin-top: 10px !important;padding: 10px;}
.l_mt .nkBot .item .img{width: 100%;height: 420px;float: unset;}
.l_mt .nkBot .item .content{width: 100%;float: unset;margin-left: unset;margin-top: 10px;}
.l_mt .nkBot .item .content .title{font-size: 16px;}
.l_mt .nkBot .item .content .information{font-size: 10px;}
.l_mt .nkBot .item .content .text{width: 100%;font-size: 10px;margin-top: 5px;}
.l_mt .nkBot .item .content .btn{width: 100px;height: 35px;line-height: 35px;}
	

.newsDetail{ display:block; padding-bottom: 5%;}
.newsDetail .contents,.newsDetail .detailMenu{ width:100%;}
.newsDetail .detailMenu{ display: block; margin-top:25px;}

.contentsMess{ padding:25px;}
.contentsMess iframe{width:100%;height:auto}
.contentsMess .title{ margin-top:0px; font-size:20px; line-height: normal; line-height:28px;}
.contentsMess .xx{ padding:20px 0px;}
.contentsMess .nr{ font-size:14px; padding:25px 0px;}
.contentsMess .nr div{ width:100% !important;}
.contentsMess .bottom{ display:block;}
.contentsMess .bottom .bl{ display:block;}
.contentsMess .bottom .bl a{ margin-right:0px; margin-bottom:10px;}

.z_index_tit .en{ font-size: 20px; line-height: 22px;}
.z_index_tit .cn{ font-size: 18px; margin: 0;}
.z_index_tit .en::before{ height: 5px; width: 30%; display: none;}
.z_index_about .descbox .desc{ font-size: 14px; line-height: 24px; margin: 20px 0;}
.z_index_more{ width: auto; height: 32px; border-radius: 16px; display: inline-block; padding: 0px; border: none;}
.z_index_more .iconfont{ display: inline-block; font-size: 16px; font-weight: bold; margin-left: 5px;}
.z_index_about .imgbox{ position: relative; width: 100%; height: 60vw;}
.z_index_about .imgbox::before{ display: none;}
.z_about_num{ width: 100%;}
.z_about_num li{ height: auto; padding: 20px 10px;}
.z_about_num li .icon{ width: 24px;}
.z_about_num li .timer{ font-size: 18px;}
.z_index_pro{ padding: 30px 15px;}
.z_index_pro .z_flex{ display:block;}
.z_pro_sel ul,.z_pro_sel{ white-space: nowrap; overflow-x: auto; }
.z_pro_sel li{margin-bottom:10px;display: inline-block;float: inherit;}
.z_pro_sel{ width: 100%; height: auto; margin-top: 20px;}
.z_pro_warp{ margin-top: 20px;}
.z_pro_swiper li{ width: 100%!important; height:98vw!important;}
.z_pro_warp .prev{ left: 0;}
.z_pro_warp .next{ right: 0;}
.z_pro_warp .btn{ width: 50px; height: 50px; line-height: 50px;}
.z_pro_warp .z_index_more{ position: relative;    display: none;}
.z_pro_swiper li .tit{ padding: 0 10px; bottom: 10px; font-size: 14px;}
.z_index_video{ width: 100%;}
.lazy{ background-attachment: unset!important;}
.z_index_video .z_video_btn{ width: 70px; height: 70px;}
.z_video_btn img{ width: 10px;}
.z_index_news .flwarp,.z_index_news .frwarp{ width: 100%; padding: 30px 15px;}
.z_index_news .frwarp::before{ display: none;}
.z_news_child .small li{ height: 80px;}
.z_news_child .big .timebox{ font-size: 12px;}
.z_news_child .big .timebox em{ font-size: 15px;}
.z_news_child .big h3{ font-size: 15px; line-height: normal; margin: 15px 0;}
.z_news_child .big .desc{ line-height: 24px;font-size: 13px;  -webkit-line-clamp: 2; height: auto;}
.z_news_child .more{ padding-top: 15px; margin-top: 15px;}
.z_news_nav{ margin-bottom: 30px; text-align: center;}
.z_news_nav a{ margin: 0; margin: 0 5px;}
.z_index_news .flwarp .desc{ margin: 20px 0;}
.z_index_hz{ padding: 30px 0px;}
.z_index_hz .z_index_tit{ margin-bottom: 30px;}
.z_hz_swiper li{ height: 20vw;}
.z_footer_nav{ display: none;}
.z_footer_center .flwarp{ width: 100%;}
.z_footer{ padding: 0px 15px;}
.z_footer_top{ padding: 20px 0;}
.z_footer_logo img{ height: 50px; margin: 0 auto;}
.z_footer_desc{ line-height: 24px; font-weight: normal;text-align: center;font-size: 12px;}
.z_footer_code{ display: none;}
.z_footer_code li{ width: 80px;}
.z_footer_copy{ display: block; text-align: center; padding-bottom: 20px;}
.z_other_banner{ width: 100%; height: 60vw; margin-top: 50px;}
.z_other_banner .z_banner_text .cn::before{ width: 40%;}
.z_page_wz{ display: none;}
.z_page_bar{ height: 46px; line-height: 46px; padding: 0;}
.z_page_wz{ display: none;}
.z_page_nav,.z_hb_about,.z_hb_js,.z_hb_honor{ width: 100%; overflow: hidden;}
.z_page_nav li{ margin-right: 0; float: left;}
.z_page_nav li a{ padding: 0 10px;}
.z_about_warp{ padding: 30px 15px;}
.z_about_warp .conwarp {line-height: 24px;column-count:unset;column-gap: unset;margin: 20px auto;}
.z_about_xg{ display: block; margin-top: 0;}
.z_about_xg .imgbox{ width: 100%; height: 60vw;}
.z_about_xg .frwarp{ width: 100%;}
.z_about_vision{ height: 50vw;}
.z_about_vision .desc{ font-size: 16px; margin-top: 20px;}
.z_about_xg .imgbox::before, .z_about_num2 li:nth-child(1)::before, .z_about_num2 li:nth-child(4)::before{ display: none;}
.z_about_ry{ margin: 0; padding: 30px 10px;}
.z_ry_head{ display: block; margin-bottom: 30px;}
.z_news_nav a{ height: 40px;line-height: 40px; margin: 0; font-size: 14px; border-radius: 20px; padding: 0 10px; padding-left: 30px;}
.z_news_nav a::before{ left: 10px;}
.z_ry_head .z_index_tit{ margin-bottom: 20px;}
.z_ry_list li{ width: 48%; padding: 10px;}
.z_ry_list li .imgbox{ height: 30vw; border-width: 1px;}
.z_ry_list li .tit{ height: 40px; line-height: 40px;}
.z_nl_swiper{ width: 100%; height: auto;}
.z_nl_swiper li{}
.z_nl_swiper li .imgbg{ height: 50vw; transform: scale(1,1);}
.z_abouty_nl{ padding-bottom: 0;}
.z_abouty_nl .z_index_tit{ position: relative; left: auto; top: auto; color: #000; text-align: center; margin-bottom: 20px;}
.z_nl_swiper li .desc{ left: 0; top: 0; width: 100%; transform: translateY(0); line-height: 24px; padding: 10px; box-sizing: border-box; position: relative;}
.z_nl_swiper li .more{ left: 10px; bottom: 10px; position: relative;}
.z_nl_swiper li .infobox{padding: 20px 0;}
.z_nl_icon{ position: relative; left: auto; bottom: auto; width: 100%;}
.z_nl_icon ul{ display: flex;}
.z_nl_icon li{ font-size: 12px; flex: 1; height: 110px;}
.z_nl_icon li .icon{ width: 20px; height: 20px;}
.z_nl_icon li .icon img {filter: drop-shadow(20px 0px 0 #fff);display: block;}
.z_nl_icon li.on .icon img {transform: translateX(-20px);}
.z_about_team{padding: 30px 10px;}
.z_team_swiper li{ height: 60vw;}
.z_case_page{ padding: 30px 15px;}
.z_case_page .z_index_tit{ text-align: center; margin-bottom: 30px;}
.z_case_list li{ width: 97.7%;}
.z_case_list li .imgbox{ height: 50vw;}
.z_case_list li .infobox{ padding: 15px 0;}
.z_case_list li h3{ font-size: 15px;}
.z_case_list li h4{ margin: 10px 0; line-height: 24px; font-size: 14px;}
.z_pro_page{ padding: 30px 15px;}
.z_pro_page .z_flex{ display: block;}
.z_pro_page .z_index_tit{ text-align: center; margin-bottom: 20px;}
.z_news_nav a{ padding: 0 10px;}
.z_news_nav a::before{ display: none;}
.z_pro_list{ margin: 30px 0;}
.z_pro_list li{ width: 98.5%; margin-bottom: 15px;}
.z_pro_list li a{height: 90vw;}
.z_pro_list li .tit{line-height:38px;font-size: 14px;}
.z_load_more{ width:auto; height: 80px; text-align: center; margin: 0 auto; display: block;}
.z_load_more .arr{ height:30px;}
.z_banner_text .cn::before{ height: 6px;}
.z_proxq_page { padding-top: 50px;}
.z_proxq_page .z_page_wz,.z_newsxq_page .z_page_wz{ display: block; padding: 20px 0;}
.z_proxq_page .z-container{ width: 94%;}
.z_pro_img,.z_pro_desc{ width: 100%;}
.z_pro_img{ border-right: none; height: auto;}
.z_pro_big{ display: none;}
.z_small_warp{ padding: 0; position: relative; border-bottom: 1px solid #CAD2E0;}
.z_small_swiper{}
.z_small_swiper li{ border: none; height: 94vw;}
.z_small_swiper .z_banner_hd{ display: block; position: absolute; left: 0; bottom: 10px;}
.z_pro_desc{ min-height: auto; padding: 30px 15px;}
.z_pro_desc .tit .en{ font-size: 18px; top: -8px;}
.z_pro_desc .tit{ font-size: 18px;}
.z_pro_desc .btnbar{ display: block; position: relative;padding: 0;}
.z_pro_desc .btnbar .btn{ width: 100%; margin: 0; margin-bottom: 10px; height: 40px; border-radius: 20px; font-size: 14px;}
.z_pro_desc .desc{ font-size: 14px; line-height: 24px; margin: 20px 0;}
.z_proxq_warp{ margin: 30px 0;}
.z_proxq_nav{ height: 50px;}
.z_proxq_nav ul li span{ line-height: 50px; font-size: 15px; padding: 0;}
.z_proxq_child{ padding: 30px 0; line-height: 24px;}
.z_news_page{ padding: 30px 15px;}
.z_index_tit{ text-align: center;}
.z_news_list{ margin-top: 20px;}
.z_news_list li{ width: 100%; }
.z_news_list li .timebox{ font-size: 10px; font-family:"arial"}
.z_news_list li .timebox em{ font-size: 14px;font-family: Messapia;}
.z_news_list li .tit{ margin: 0 10px; font-size: 14px; line-height: 24px;}
.z_news_list li .imgbox{ width: 100px; height: 80px;}
.z_news_list li a{ padding: 10px;}
.z_newsxq_page{ padding: 30px 15px; padding-top: 50px;}
.z_newsxq_warp{ display: block;}
.z_newsxq_warp .flwarp,.z_newsxq_warp .frwarp{ width: 100%;}
.z_newsxq_warp .flwarp{ border-width: 2px; padding:20px 10px;}
.z_newsxq_warp .flwarp .tit{ font-size: 18px;}
.z_newsxq_warp .flwarp .ly{ padding: 15px 0; font-size: 13px;}
.z_share { margin-top: 10px;}
/*.z_share a{ width: 35px; height: 35px; line-height: 35px;}*/
.z_share a{width: 25px;height: 25px;line-height: 25px;font-size: 16px !important;}
.z_newsxq_warp .frwarp .conwarp{ margin: 30px 0; font-size: 14px; line-height: 24px;}
.z_topbtm_bar a{ font-size: 14px;}
.z_contact_warp .z-container{ width: 94%;}
.z_contact_warp{ padding: 30px 0;}
.z_contact_box{ margin-top: 30px; padding: 30px 10px;}
.z_contact_box .gstit{display: block; text-align: center; padding: 20px 0; padding-top: 0;}
.z_contact_box .gstit .tit{ font-size: 18px;}
.z_contact_box .gstit .tel{ text-align: center; margin-top: 20px;}
.z_contact_box .gstit .tel em{ font-size: 18px;}
.z_lx_info{ display: block;}
.z_lx_info .infodesc p{width: 100%!important; line-height: 24px; font-size: 14px; margin-bottom: 10px; align-items: center;}
.z_lx_code{ align-items: center; justify-content: center;}
.z_lx_code img{ width: 120px;}
.z_lx_code span{ margin: 0;}
.z_lx_map .zmap, .z_lx_map .imgbox{ width: 100%; height: 60vw;}
.z_mddz_warp .box{ margin-top: 15px; width: 100%; padding: 15px;}
.z_mddz_warp .box .tit{ font-size: 18px; line-height: normal; margin-bottom: 10px;}
.z_mddz_warp .box p{ font-size: 14px;}
.z_contact_sh{ padding: 30px 15px;}
.z_contact_sh .desc{ margin: 20px 0; font-size: 14px; line-height: 24px;}
.z_contact_sh .code img{ height: 80px; display: block;}
.z_conatct_ly{ padding: 30px 15px;}
.z_ly_form{ width: 100%; margin-top: 30px;}
.z_ly_form ul{ display: block;}
.z_ly_form li{ width: 100%; padding: 0 10px; margin-bottom: 10px;}
.z_ly_form li .text{ height: 40px;}
.z_ly_form .texta_box{ padding: 10px;}
.z_question_warp{ padding: 30px 10px;}
.z_question_list{ width: 100%; margin: 30px 0;}
.z_question_list .item{  margin-bottom: 10px;}
.z_question_list .item .tit{ font-size: 14px;}
.z_question_list .item .titbar{padding: 10px;}
.z_question_list .item .conbox{ padding: 20px 10px; font-size: 14px; line-height: 24px;}
.z_zp_zw{ padding: 30px 10px;}
.z_zp_zw .z_index_tit{ margin-bottom: 30px;}
.sideMenu{ width: 94%;}
.sideMenu_tit,.rc_box .tit{ line-height: 50px; height: 50px; font-size: 12px;}
.sideMenu_tit span,.rc_box .tit span{font-size: 12px; display: none; width: 100%;}
.sideMenu_tit span:first-child,.rc_box .tit span:first-child{ display: block;}
.zp_tit, .rc_box .tit{ padding: 0 5px;}
.rc_box .rc_con{ padding: 15px;}
.rc_box .rc_con .box{width: 100%; padding: 0; line-height: 20px;}
.rc_box .rc_con h4{ font-size: 15px;margin-bottom: 10px;}
.send_bar{ padding: 0; margin-top: 10px;}
.z_nl_desc{ width: 100%;}
}