@import url("29b22f2ca9c6488ab706e76ad6bdec54.css");
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;}
.fa-solid{font-size:16px;}
.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: 10;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: #fff; 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;}
@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 (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:#0b6905;}
.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("../images/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: 16px; 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: #0b6905;}
.rebox-close { right: 10px; top: 10px; font-size: 16px;}
.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: 5.2vw; z-index: 3;padding: 0 8.3vw; 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:65%;background-size:contain;display:block;transition:.6s}
.z_header_nav{ margin-left: auto;  }
.z_header_nav li{ display: inline-block; margin-left: 2vw;position: relative;}
.z_header_nav li a{ font-size: 16px;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(../images/logo.png);}*/
.z_header.on .z_header_nav li .navone::after{background:#0b6905;}
.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{display:none;}*/

.z_header.on .z_header_nav li a{color:#333;}
.z_header.on .z_header_nav .z_nav_down .t3{color:#fff;}
.z_header.on .z_header_nav li:hover .z_nav_down{background: rgba(0, 0, 0, 0.15);}
.z_nav_down{position: absolute;left: -30px;top: 55px;width:125px;text-align: center;opacity: 0; overflow: hidden;visibility: hidden;    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);transition: ease 1s;}
.z_nav_down .item{display: block;text-align: center;width: 100%;margin-top:5px;border-radius: 30px;
    overflow: hidden;}
.z_nav_down .t3{font-size: 14px;color:#fff;line-height:38px;}
.z_nav_down a{ display: block;}
.z_nav_down .item:hover,.z_nav_down .item:hover a{color:#fff !important;background: #0b6905;}
.z_nav_down .t2{color: #0b6905; font-size: 16px;font-weight: bold;}

.z_header.on .z_header_nav .z_nav_down .item{border-radius:0px;}
/*.z_header_nav li:nth-child(3) .z_nav_down .t3{ background: url(../images/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-index: 3;}
/*.z_words:hover .tit{color:#0b6905;}*/
.z_words .tit{display: flex; align-items: center; height: 5.2vw; justify-content: center;color:#ffffff;}
.z_words .icon{ margin:0px 10px; flex-shrink: 0; color:#fff;}
.z_words .fa-angle-down{width:16px;height:16px;transition: ease .5s;}
.z_words .down{ position: absolute; display:none;left: 0; top:5.2vw; width: 100%;transition: ease 1s; transform: translateY(10px); opacity: 0; overflow: hidden;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px);}
.z_words:hover .fa-angle-down{writing-mode: vertical-rl;transform: rotate(180deg);}
.z_words:hover .down{ opacity: 1;display:block; transform: translateY(0);}
.z_words .down a{ display: block; text-align: center; line-height: 38px;margin-top:5px; color: #fff;border-radius: 30px;}
.z_words .down a:hover{ background: #0b6905; 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:#333;}
/*.z_header.on .z_words:hover .icon{color:#0b6905;}*/
.z_header.on .down{background:rgba(0, 0, 0, 0.15);}
.z_header.on .z_words .down a{border-radius:0px;}

.z_menu_btn{ display: flex; align-items: center; overflow: hidden; justify-content: center; cursor: pointer; position: relative;height: 6.25vw;  width: 6.25vw; z-index: 3;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 30px; height:2px; background: #fff;}
.z_menu_btn .line2{ margin-top:8px;width: 18px;}
.z_menu_btn .line3{ width: 18px;}
.z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
.z_menu_btn.on .line2{ transform:translateY(-5px) rotate(-45deg);width: 32px;}

.z_menu_btn:hover .line2{ width: 30px;}

.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:42%; margin-bottom: 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: #0b6905;position: absolute; top:50%;right: -30vw;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(19, 140, 99,.3);position: absolute;right: -36vw;top:50%;border-radius: 50%;  transform: translateY(-50%) scale(0,0); transition: ease 1.5s;}
.z_menu_nav,.z_menu_btm{overflow:hidden; clear:both;}
.z_menu_nav li{margin-bottom: 2vw;}
.z_menu_nav li h3 a{ font-size:18px; font-weight: bold;color: #fff}
.z_menu_down{padding-left:2vw;}
.z_menu_down a{ display: inline-block; color: #fff;    position: relative; padding-left: 10px; margin-right: 2vw;}
.z_menu_down a::before{ content: ""; display: block; width: 4px;height: 4px;background: #fff;border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: ease 1s;}
.z_menu_nav a:hover{ color: #f9f9f9; font-weight: bold;}
.z_menu_nav a:hover::before{ background: #0b6905;}
.z_menu_btm{ border-top: 2px solid #0b6905; padding-top: 1.5vw; display: flex; align-items: center;}
.z_menu_btm .contactus .fa-solid{width:18px; margin-right:5px;}
.z_menu_addre,.z_menu_share p{color: #fff;line-height: 28px;}
.z_menu_share p{margin-left: 5px;}
.z_menu_share{ margin-left: auto; flex-shrink: 0;}
.z_menu_share a{ display: inline-block;width: 38px;height: 38px;border-radius: 50%; text-align: center; line-height: 38px; color: #fff; font-size:18px; margin-left: 5px;}
.z_menu_share a:hover{ background: #0b6905; color: #fff; cursor: pointer;}
.z_menu_close{ position: absolute; right:4vw; top: 2.5vw; width: 6.25vw; height: 6.25vw; text-align: center; line-height: 6.25vw; color: #fff; font-size: 28px!important; font-weight: bold; cursor: pointer;}
.z_menu_close:hover{ color:#0b6905;}
.z_menu_mask .warp{ opacity: 0; width: 100%; transition: ease 1s; transform: translateX(100px) ;}
/*.z_menu_mask.on{background:#000;}*/
.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: #0b6905; z-index:1;}
.z_banner_text{ position: absolute; left: 0; top: 50%;transition: 2s ease;  opacity: 0; transition-delay: .5s; width: 50%; padding: 2vw 8.3vw 3vw; box-sizing: border-box; color: #fff;background:rgba(255, 255, 255, 0.07);backdrop-filter: blur(15px);border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.z_banner_text .en{font-size: 62px;font-weight: bold; text-transform: uppercase;letter-spacing: 3px;margin-top: 20px;}
.z_banner_text .en2{font-size: 38px;font-weight: bold; text-transform: uppercase;letter-spacing: 3px;margin-top: 20px;}
.z_banner_text .cn{font-size: 16px;display: inline-block;position: relative;line-height: 1.68vw;text-transform: uppercase;font-family: auto;margin-bottom:30px;opacity: .8;}
.z_banner_text .en em{ color:#0b6905}
/*.z_banner_text .cn::before{ content: ""; display: block; width: 100%; transition: ease 2s; transition-delay: 1s; height: 12px;background: #0b6905; 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: #0b6905;opacity: 0.8; /*animation: dot2 2s linear infinite;*/}

.z_ban_text{ position: absolute; left: 0; top: 35%;transition: 2s ease;  opacity: 1; transition-delay: .5s; width:100%; padding: 2vw 8.3vw 3vw; box-sizing: border-box; color: #fff;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.z_ban_text .cn{font-size: 36px;font-weight: bold; text-transform: uppercase;letter-spacing: 3px;margin-top:10px;}
.z_ban_text .en{font-size: 16px;display: inline-block;position: relative;line-height: 1.68vw;text-transform: uppercase;font-family: auto;opacity: .8;}

/*@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;}
.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;
	font-size: 30px;
	line-height: 20px;
	bottom: 50%;
	z-index: 66;
	text-align: center;
	height: 20px;
	width: 20px;
	right: 3.2%;
	left: auto;
}
.z_banner_hd span{ display: inline-block; cursor: pointer; height: 16px; margin-bottom: 15px; position: relative; width: 16px; border-radius: 50%; 
}
.z_banner_hd span::before{ content: ""; display: block; opacity: 0;animation: animtran 10s linear infinite; width: 100%; height: 100%; border: 2px #0b6905 solid; border-radius: 50%; position: absolute; left: 0; top: 0;}
.z_banner_hd span::after{ content: ""; display: block;width: 6px!important;height: 6px!important;background: #FFFFFF;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: #0b6905;}
 @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-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("../images/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("../images/ew.png") no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;animation: animtran 15s linear infinite;}
.z_banner .more{border-radius:5px;color: #fff;font-size: 14px;padding: 12px 0px;transition: ease .4s;opacity:.8;position: relative;display: inline-block;}
.z_banner .more .icon{ display: inline-block;color: #fff;  background-position: 100%; transition: ease 1s;padding-left:5px;}
.z_banner .more::before{content:"";display:block;width:0;height:100%;border-radius: 5px;background:#0b6905;position:absolute;left:0;top:0;transition:ease 1s}
.z_banner .more:hover::before{width:100%}

.z_banner .more:hover {opacity: 1;padding: 12px 32px;}
@keyframes move{
    0%{top: 8px;}
    50%{top: 15px;}
    100%{top: 8px;}
}

.z_banner .page{
  position: absolute;
  z-index: 15;
  color: #fff;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  bottom: 1.6rem;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    cursor: pointer;
}

.z_banner .page p{
    position: relative;
}
.z_banner .page p span{
    border: 2px solid #fff;
    display: inline-block;
    width: 20px;
    height: 36px;
    border-radius: 10px;
}
.z_banner .page p::before{
    content: "";
    width: 2px;
    height: 6px;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 8px;
    background: #fff;
    animation: move 1.5s infinite;
}
@media (max-width: 639px){
.z_ban_text{top: 35%;    text-align: center;}
.z_ban_text .cn{font-size:26px;}
}

@media (max-width: 639px){
  .z_banner .page{
    bottom: 1.2rem;
  }
}

.z_index_zj{ position: relative;background: url(../images/pro_bg.jpg) no-repeat center; height: 100vh;}
.z_index_zj .z_index_tit{ text-align: center;margin-bottom: 2.6vw;padding-top:5vw; color: #fff;}

.z_zj_img{}
.z_zj_img .infobox{ position: absolute; left: 0; top: 0;padding: 10vw 8.3vw; box-sizing: border-box;}
.z_zj_img .z_cir_more{ margin-top: 4vw;}
.z_zj_swiper{ width:83.4vw; overflow: hidden; z-index: 1; margin: 0 auto; margin-top:5vw;}
.z_zj_swiper li{ background: #fff; padding:3vw 2vw 2vw;box-sizing: border-box; padding-bottom: 0;}
.z_zj_swiper li .infobox{ text-align: center;}
.z_zj_swiper li h3{font-size: 24px; line-height:auto; transition:color 1s;font-weight: bold;}
.z_zj_swiper .height48{height:48px;}
.z_zj_swiper li .line{ display: block;width: 20px;height: 2px; margin: 1vw auto; background:#333;transition: transform 0.5s ease;}
.z_zj_swiper li .desc{font-size: 14px;font-weight: 400;color: #333333;line-height: 18px; width:85%; margin: 0 auto; height: 36px;opacity: .6}
.z_zj_swiper li .imgbox{margin-top:30px;margin-bottom:50px; display: flex; align-items: center; justify-content: center;}
.z_zj_swiper li .imgbox img{ max-width: 80%; max-height: 80%; display: block; transition: ease 1s;}
.z_zj_btn{width: 260px;height: 72px; color: #fff; margin: 0 auto; margin-top: -36px; z-index: 1; position: relative;
background: #000000;
border: 0px solid #0b6905;
box-shadow: 0px 10px 30px 0px rgba(0,62,108,0.1);
border-radius: 36px; display: flex; align-items: center; justify-content: center;}
.z_zj_btn span{outline: none; transition: transform 0.3s ease;}
.z_zj_btn em{ display: block; margin: 0 2vw;}
.z_zj_btn .iconfont{ cursor: pointer; outline: none;}
.z_zj_swiper li:hover img{ transform: scale(1.05,1.05);}
.z_zj_btn span:hover{transform: scale(1.5);}
.z_zj_swiper li :hover h3{ color: #0b6905}
.z_zj_swiper li :hover .line{background:#0b6905;width:60px;}



.z_index_box{ position: relative; min-height: 50vw; padding: 11vw 8.3vw; box-sizing: border-box;}
.z_index_box .conwarp{ width:33.33333vw;}
.z_index_box .line{ height: 1px;background: #9195A0; width: 100%; margin: 2vw 0;}
.z_index_box .desc{font-size: 15px;font-weight: normal;color: #52565F;line-height: 26px;}
.z_btn_warp{ margin-top: 4vw;}
.z_btn_warp a{ display: inline-block;min-width:9.375vw;line-height:2.91666vw ; height: 2.91666vw;background: #151A39;opacity: 0.65;border-radius: 6px; padding: 0 1.5vw; margin-right: 1vw; color: #fff; font-size: 16px; transition: background-color 1s;}
.z_btn_warp a:last-child{ margin-right: 0;}
.z_btn_warp a .iconfont{ font-size: 12px; display: inline-block; margin-left: auto; float: right; margin-left: 10px;}
.z_btn_warp a:hover{ background: #0b6905;opacity: 1;}
.z_index_box2 .desc{color: #9DA2C2;}
.z_index_box2 .z_btn_warp a{background: #657BAD; margin-bottom: 8px;}
.z_index_about{ position: relative; }
.z_index_about::before {
  content: "";
  width: 100%;
  height: 88%;
   background: #0b6905;
  position: absolute;
  left: 0;
  top: 0;
}
.z_index_about .conwarp{ width: 50%; padding: 100px 50px 3vw 8.3vw ; box-sizing: border-box; float: left;}
.z_index_about .aboutimg{ width:50%; float:right;padding-right:8.3vw;padding-top:100px;}
.z_index_about .aboutimg img{border-radius: 20px;}
.z_about_tit .en{font-size: 20px;font-weight: bold;color:rgba(255,255,255,.5);}
.z_about_tit .cn{font-size: 1.97916vw; font-weight: bold; color:#fff;}
.z_index_about .more .icon{padding-left:5px;}
.z_index_about .more:hover{color: #0b6905;}
.z_index_about .desc{font-size: 16px;font-weight: normal;color: #fff;line-height: 30px; margin: 20px 0 40px;}
.z_index_about .desc p{text-indent: 2em;text-align:justify}
.z_index_more .iconfont{display: inline-block;width: 28px; position: relative;height: 28px;border-radius: 50%; text-align: center; line-height: 28px; color: #fff; margin-right: 10px; z-index: 1;}
.z_index_more .iconfont::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);background: #0b6905; border-radius: 50%; transition: all .8s;}
.z_index_more{font-weight: 600;color: #0b6905;}
.z_index_more:hover .iconfont::after{transform: translate(-50%,-50%) scale(1.4,1.4);}
.z_about_num{ width: 100%;padding: 0 8.3vw;margin: 0 0 100px;}
.z_about_num ul{ display: flex;background: url(../images/about_bg.jpg) #f6f6f6 no-repeat center;border-radius: 20px;background-attachment: fixed}
.z_about_num li{ flex: 1;text-align: center; color: #fff; height: 12vw; display: flex; align-items: center; justify-content: center;position: relative;z-index: 1; padding: 10px; box-sizing: border-box;}
.z_about_num li::before{ content: ""; display: block; width: 0; height: 100%; 
background: rgba(11,105,5,.5); position: absolute; left: 0; top: 0; transition: ease 1s;border-radius: 20px;}
.z_about_num li:last-child{ border-right: none;width: 100%;}
.z_about_num li h3{font-size:3.125vw;font-weight: bold;}
.z_about_num li h4{font-size: 15px;}
.z_about_num li:hover::before{ width: 100%;}



.z_index_news{background: #fff; padding: 4vw 8.3vw;box-sizing: border-box;}
.z_news_nav{ margin-left: auto;}
.z_news_nav a{ display: inline-block; padding: 0 1.5vw;height: 50px; line-height: 50px; border-radius: 6px; transition: ease 1s;font-size: 16px; margin-left: 1vw;}
.z_news_nav a.active,.z_news_nav a:hover{ background:#0b6905; color: #fff;}
.z_news_list .first{ width: 42%; padding: 0;/* height: 23.95833vw; */ position: relative;border-radius: 8px;overflow: hidden; float: left;}
.z_news_list .first a::before{ content: ""; display: block; width: 100%; height: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity:.5; background:#000; transition: ease 1s;z-index: 1;}
.z_news_list .first .infobox{ width: 100%; position: absolute; left: 0; top: 0; padding: 2vw;box-sizing: border-box; color: #fff;z-index: 2;}
.z_news_list .first h3{ width:70%;font-size:26px;font-weight: bold;color: #FFFFFF;}
.z_news_list .first .time{ margin-left: auto;width: 90px;
flex-shrink: 0;
border-radius: 6px; text-align: center; padding: 10px 5px; padding-bottom: 12px;}
.z_news_list .first .time em{font-size:2.08vw;display: block;font-weight: bold;}
.z_news_list .first .description{ position: absolute; color:#fff; top:6vw;width:86%;padding: 2vw;display:inline-block;opacity: .8;}
.z_news_list .first .z_index_more{ position: absolute; left: 2vw;bottom: 2vw; color: #fff;}
.z_news_list .first:hover .imgbg{ transform: scale(1.05,1.05);}
/*  */
.z_news_list li{ width: 50%;float: left; background: #FFFFFF;box-shadow: 0px 2px 30px 0px rgba(162,180,190,0.4000);border-radius: 8px; padding: 1.5vw; box-sizing: border-box; margin-left: 1.95vw;}
.z_news_list li .time{font-size: 16px; margin-bottom: 1vw;font-weight: 500;color: #333333;opacity: .6;}
.z_news_list li h3{font-size: 16px; line-height: 28px; height: 56px;font-weight: bold;color: #000000}
.z_news_list li .imgbox{height: 10.4vw; overflow: hidden;border-radius: 4px; margin: 2vw 0;}
.z_news_list li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_news_list li:hover h3{ color:#0b6905;}
.z_news_list .first .z_index_more:hover::before{width: 100%;}
.z_index_news .z_news_list ul { width: 60%}
.z_index_news .z_news_list{ display: flex; margin-top: 50px}
.z_tab_child{ display: none;}
.z_tab_child.active{ display: block;}

.z_load_more{width: 8.3vw; display: flex;align-items: center; justify-content: center;height: 8.3vw; position: relative; text-align: center;font-size: 14px;font-weight: 600;color: #0b6905; margin: 0 auto;}
.z_load_more .iconfont{ margin-top: 10px; display: inline-block;}
.z_load_more::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/cir2.png) no-repeat center; background-size: 100% 100%;animation:rog2 10s infinite linear;}
.z_index_news .z_load_more{ margin-top: 3vw;}


/*.z_index_about{ padding-left: 35.41666vw; box-sizing: border-box; position: relative;  overflow: hidden;}*/
/*.z_index_about .descbox{ background: url("../images/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("../images/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-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,#0b6905,#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-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: #0b6905;}*/
/*.z_index_more2{ border-color: #0b6905; color: #333; background: #fff;}*/
/*.z_index_more2 .iconfont{ color: #0b6905;}*/
/*.z_index_more2:hover::before{ background: #0b6905;}*/
/*.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-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("../images/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:20px;font-weight: bold; text-transform: uppercase; line-height: 2vw; display: inline-block; position: relative; z-index: 1;}
.z_index_tit .cn{ font-size:1.97916vw; font-weight: bold; margin-top:5px;}
/*.z_index_tit .en::before{ content: ""; display: block;width:100%;height: 12px;background-image: linear-gradient(to right,#0b6905,#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: left; position: relative; text-align: left; overflow: hidden; z-index: 1; justify-content: left; font-size: 14px; color: #333;line-height: 28px;}
.z_index_more .icon{padding-left:5px;line-height: 28px;}
.z_index_more::before{content: "";display: block;width: 0;height: 0;position: absolute;left: 0;bottom: 0;transform: translate(-50%,-50%);transition: ease 1s;}
.z_news_list li:hover .z_index_more::before,.z_index_more:hover::before{width: 50%;height: 2px;background: #0b6905;}
.z_news_list li:hover .z_index_more,.z_index_more:hover{ color: #0b6905;}
.z_index_more2{ border-color: #0b6905; color: #333; background: #fff;}
.z_index_more2 .warp{margin-top:18px;}
.z_index_more2 .iconfont{ color: #0b6905;}
.z_index_more2:hover::before{ background: #0b6905;}
.z_index_more2:hover,.z_index_more2:hover .iconfont{ color: #fff;}

.ban{width:100%; position:relative;}
.video1 {
    width: 100%;
    height: 100vh;
    object-fit: cover !important;
    object-fit: fill;
    display: block;z-index: 1
}
.ban .swiper-slide{width:100%; height:100vh;}
.ban .swiper-pagination{bottom:20px !important;}
.ban .swiper-pagination-bullet {width:10px; height:10px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: rgba(255,255,255,0.6)}
.ban .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff;border: #fff 1px solid;}
.ban .swiper-slide .bg1 {
	position: absolute;
    height: 100vh;
	overflow: hidden;
	width:100%;
	left:0px !important;
	top:0px;z-index: 5;
}

.ban .swiper-slide .bg1 img {
	display: block;
	width: 100%;
	height:100%;object-fit: cover;
	-webkit-transition: transform 7.6s linear;
	-moz-transition: transform 7.6s linear;
	-o-transition: transform 7.6s linear;
	-ms-transition: transform 7.6s linear;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.ban .swiper-slide.swiper-slide-active .bg1 img {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	filter:alpha(opacity=100); 
    -moz-opacity:1; 
    -khtml-opacity:1; 
    opacity: 1; 
}

.ban .swiper-slide .word {
	position: absolute;
	left:50%;margin-left: -620px;width: 1240px;
	height: 286px;
	top: 50%;
	margin-top: -143px;
	z-index: 10;text-align:center;
}

.ban .swiper-slide .word.l1 h4{text-align: left;}
.ban .swiper-slide .word.l1 h3{text-align: left;}
.ban .swiper-slide .word h4 {
	display: block;font-size: 26px;color: #fff; margin-top: 20px; 
	transform: translateY(20px);
	filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
	transition: all .2s linear .4s;
	-webkit-transition: all .2s linear .4s;text-shadow: 0 0 10px rgba(0,0,0,0.25);
}

.ban .swiper-slide .word h3 {
	font-size: 50px;
	color: #fff; 
	line-height: 55px;font-weight: bold;
	margin: 15px 0 15px 0;
	transform: translateY(20px);
	filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
	transition: all .2s linear .2s;
	-webkit-transition: all .2s linear .2s;text-shadow: 0 0 15px rgba(0,0,0,0.35);
}


.ban .swiper-slide .word a.xq {
	display: block;
	width: 200px;
	height: 50px;
	font-size: 16px;background: #0b6905;
	color: #fff;
	box-sizing: border-box;
	padding: 0 30px;
	line-height: 50px;
	position: absolute;
	bottom: 0px;left:50%;
	transform: translateY(20px);
	filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
	transition: all .2s linear .6s;
	-webkit-transition: all .2s linear .6s;border-radius:30px;text-align: center; margin-left: -100px  
}
.ban .swiper-slide .word.l1 a.xq {
	bottom: 0;left: 0%;margin-left:0px;
}

.ban .swiper-slide .word a.xq:after {
	content: '';
	display: block;
	width: 15px;
	height: 14px;
	background: url(../images/rights.png) no-repeat;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -7px;
}
.ban .swiper-slide .word a.xq:hover{background: #33b876;}

.ban .swiper-slide.swiper-slide-active .word h4 {
	transform: translateY(0);
	filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* 老版Mozilla */
    -khtml-opacity:1; /* 老版Safari */
    opacity: 1; /* 支持opacity的浏览器*/
   
}

.ban .swiper-slide.swiper-slide-active .word h3 {
	transform: translateY(0);
	filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* 老版Mozilla */
    -khtml-opacity:1; /* 老版Safari */
    opacity: 1; /* 支持opacity的浏览器*/
}

.ban .swiper-slide.swiper-slide-active .word a.xq {
	transform: translateY(0);
	filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* 老版Mozilla */
    -khtml-opacity:1; /* 老版Safari */
    opacity: 1; /* 支持opacity的浏览器*/
}

@media (max-width:991px){
.ban .swiper-slide {
  width: 100%;
  height: 50vh;
}	
.ban .swiper-slide .word {
	position: absolute;
	left:50%;margin-left: -40%;width: 80%;
	height: 286px;
	top: 50%;
	margin-top: -143px;
	z-index: 10;text-align:center;
}	

.ban .swiper-slide .word h3 {
	font-size: 30px;
	color: #fff; 
	line-height: 35px;font-weight: bold;
	margin: 15px 0 15px 0;
	transform: translateY(20px);
	filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
	transition: all .2s linear .2s;
	-webkit-transition: all .2s linear .2s;text-shadow: 0 0 15px rgba(0,0,0,0.35);
}
	
	.ban .swiper-slide .word h4 {
  display: block;
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
  transform: translateY(20px);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: all .2s linear .4s;
  -webkit-transition: all .2s linear .4s;
  text-shadow: 0 0 10px rgba(0,0,0,0.25);
}
	
}


.z_index_tit h3{ font-size: 2.39583vw; line-height: 2.3vw; font-weight: bold;}
.z_index_tit h3 span{color: #ffffff;background:#0b6905;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{ background: url(../images/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_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  #0b6905;color: #333;font-size: 12px;padding: 15px 25px;}*/
/*.z_index_about .more .iconfont{ display: inline-block; font-size: 18px; color: #0b6905; transition: ease 1s;}*/
/*.z_index_about .more:hover{ color: #0b6905;}*/
/*.z_index_about .play{ text-decoration: underline;}*/
/*.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-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("../images/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:#0b6905;}
.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: #0b6905; 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("../images/arr2.png") no-repeat right 20px center;}
.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:#0b6905}
.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: #0b6905;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("../images/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:#0b6905; 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:  0; display: flex; justify-content: space-between; align-items: center;}
.z_news_xq{ width: 1400px; margin: 0 auto; }
.z_news_tab{margin-bottom:1vw}
.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{background: #fbfbfb; }
.z_news_bar ul{ display: flex; } 
.z_news_bar li{ flex: 1;  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;cursor: pointer; }
.z_share .iconfont{ font-size: 24px;}
.z_share a:hover{ color: #0b6905;}
.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:#0b6905;}
.z_fanye_bar .iconfont{margin: 0px 10px;}

.z_index_news .flwarp{ width: 32.5%; min-height: 44vw; position: relative; background: url("../images/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; padding-top:2vw}
.z_news_nav a{font-size: 16px; color: #000;margin-left: 1vw; display: inline-block; border-radius:.3vw; padding: 0 30px; border: 1px solid transparent; height: 2.8125vw; line-height: 2.8125vw; position: relative; background: #F6F7F8;}
.z_news_nav a::before{ content: ""; display: block; opacity: 0; transition: ease 1s;  width: 12px; height: 12px; z-index: 1; 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: #fff; border-color:#0b6905;}
.z_news_child{ position: relative; display: none; min-height: 31.25vw;}
.z_news_child.active{ display: block;}
.z_flex{ display: flex; align-items: center;clear: both;}
.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:#0b6905; 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:#0b6905; 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: #0b6905; 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:#0b6905; 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-weight: bold;color: #0b6905; 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;color: #606060; font-size: 12px;line-height: 30px;}
.z_news_child .more .iconfont{ display: inline-block; font-size:20px;background: #0b6905;color: #fff; transition: ease 1s;    padding: 0px 5px;}
.z_news_child .more:hover .iconfont{ transform: rotate(0);}
.z_news_child .more:hover{ color: #0b6905;}


.z_index_news{ padding: 0 8.3vw 100px; box-sizing: border-box; }
.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: #0b6905; }
.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:  #0b6905; 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: #0b6905;}

.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;border-radius: 8px;margin: 2% 2% 2% 0%;width:23.5%;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_more .icon{width:28px;}
.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: 20px;}
.z_news_swiper .inner .info .tit{font-size: 18px;display:block;line-height:28px;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;margin:0;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: #0b6905;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;}


.z_index_about .conwarp{ width: 100%; padding: 10px 12px;}
.z_about_tit .cn{ font-size: 18px;}
.z_index_about .desc{ font-size: 14px; line-height: 24px; margin: 30px 0;}
.z_index_box .desc{ font-size: 14px; line-height: 24px;}
.z_index_box2 .desc{ color: #fff;}
.z_index_box2{ position: relative; z-index: 1;}
.z_index_box2::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.6);position: absolute; left: 0; top: 0;}
.z_index_box2 .lazy{ z-index: -2;}
.z_index_box2 .z_btn_warp a{opacity: 1;}
.z_about_num ul{ display: block;}
.z_about_num li{ width: 50%; float: left; height: auto; min-height: 120px;border-bottom: 1px solid rgba(255,255,255,.5);}
.z_about_num li h3{ font-size: 24px;}
.z_about_num li h4{ font-size: 14px;}

.lazy{ background-attachment: inherit!important;}
.z_zj_img{  height: auto;}
.z_zj_img .lazy{ height: 60vw; position: relative;}
.z_zj_img .infobox{ position: relative;left: auto;  padding: 40px 12px;}
.z_zj_img .z_cir_more{ margin: 0; margin-top: 20px;}
.z_zj_swiper li{ padding: 30px 22px;}
.z_zj_swiper li h3{ font-size: 16px;line-height: 18px;}
.z_zj_swiper li .desc{ width: 100%;}
.z_zj_swiper li .line{ margin: 20px auto;}
.z_zj_swiper li .imgbox{ height: 50vw; margin-top: 20px;}
.z_zj_btn{ width: 160px; height: 50px; margin-top: -25px;}    
    
    
}
@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: #0b6905; 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(../images/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:30%;}


.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: #0b6905;}
.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:#001F5A; padding:0 8.3vw;}*/
/*.z_footer_top{ padding: 2vw 0; display: flex; align-items: center; justify-content: space-between;}*/
/*.z_footer_logo img{ display: block; height: 4.6875vw;}*/
/*.z_footer_retop{width: 3.125vw;height: 3.125vw;background: #1348C7;border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; outline: none;}*/
/*.z_footer_center{ border-bottom: 2px solid rgba(255,255,255,.2);border-top: 2px solid rgba(255,255,255,.2); padding: 3.5vw 0;}*/
/*.z_footer_addre{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 32px; margin-bottom: 2vw;}*/
/*.z_footer_addre .tel{font-family: Gilroy; font-size: 2.08vw; display: block; color: #fff;line-height: normal;}*/
/*.z_footer_addre em{text-decoration: underline;font-family: Gilroy;  font-size: 17px;}*/

/*.z_footer_code li{ float: left; text-align: center; margin-right: 1vw; color: #fff;}*/
/*.z_footer_code li .imgbox{  width: 5.2vw;height: 5.2vw;padding: 5px; margin-bottom: 10px; box-sizing: border-box; background: #fff;}*/
/*.z_footer_code li img{ display: block; width: 100%; height: 100%;}*/
/*.z_footer_nav{ float: right;}*/
/*.z_footer_nav li{ display: inline-block; margin-left: 3vw; vertical-align: top;}*/
/*.z_footer_nav a{ display: block;font-size: 14px;font-weight: 400;color: #888C96;line-height: 38px;}*/
/*.z_footer_nav a:first-child{font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 1vw;}*/
/*.z_footer_nav li:first-child{ margin-left: 0;}*/
/*.z_footer_nav a:hover,.z_footer_btm a:hover{ color: #fff;}*/
/*.z_footer_btm{ padding: 2vw 0;color: #9099A7;}*/
/*.z_footer_btm a{ color:#9099A7;}*/
/*.z_footer_btm .fr a{ display: inline-block;padding: 0 10px;}*/





.z_footer{ background:#222; padding: 30px 8.3vw; box-sizing: border-box;}

.z_footer_center .z_footer_logo{padding-bottom:1.5vw;display: block;}
.z_footer_logo img{ display: block; height: 3.68vw;}
.z_footer_center{ padding: 30px 0;display: flex;border-bottom:1px solid rgba(255, 255, 255, 0.15);}
.z_footer_center .flwarp{ width: 30vw;}
.z_footer_desc{color: #ffffff;line-height: 32px; font-weight: 400;}
.z_footer_desc h3   {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #ffffff; margin-bottom:13px; text-transform: uppercase
}

.z_footer_desc i{margin-right:5px;width:16px;}
.z_footer_desc .tel{ display: block; font-size:38px;}
.z_footer_code{ margin-top: 1.5vw; color:#ffffff;}
.z_footer_code li{ width:100px;margin-right:10px; float:left;}
.z_footer_code li p{text-align:center;}
.z_footer_nav{ margin-left: auto;}
.z_footer_nav li{ display: inline-block; vertical-align: top; margin-left: 2.2vw; text-align: left}
.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:#0b6905;}
.z_footer_nav li h3 a{ font-size: 18px; font-weight: bold; text-align: left; color:#ffffff; margin-bottom: 15px }
.z_footer_nav .z_menu_down a{padding: 0;color:#ffffff;line-height:1.97916vw;text-align: left;margin-right:0px;}
.z_footer_copy{padding-top:10px;}
.z_footer_copy a{padding:0px 5px;}
.z_footer_copy,.z_footer_copy a{color: #ffffff;}
.z_footer_a a{ display: inline-block;padding: 0 10px;color: #ffffff;}
.z_footer_nav a::before{ display: none;}
.z_footer_nav .z_menu_down{padding-left:0;}
@media only screen and (max-width:1440px){
.z_footer{ background:#222; padding: 30px 5.3vw; box-sizing: border-box;}
.z_index_news {
  padding: 0 5.3vw 100px;
  box-sizing: border-box;
}
	.z_about_num {
  width: 100%;
  padding: 0 5.3vw;
  margin: 0 0 100px;
}
	.z_header {
  width: 100%;
  height: 5.2vw;
  z-index: 3;
  padding: 0 5.3vw;
 
}
}

@media (max-width:980px){
.z_footer_desc i {font-size:14px;}
	.z_index_news {
  padding: 0 5.3vw 30px;
  box-sizing: border-box;
}
}

.z_retop{width: 42px;height: 42px;background: #0b6905;border-radius: 50%;position: fixed;right: 2.6vw;bottom: 2.6vw;z-index: 6;text-align: center;line-height: 42px;color: #fff; line-height: 42px}
.z_retop i{ margin-top: 13px}
.z_retop::before{content: '';display: block;width: 100%;height: 100%;background: #c5c5c5;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(1.6);}	
  } 
  
 .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:46px;height:46px;border-radius:50%;background-color:#fbfbfb;transition:all .3s}
.public-paging a.on{color:#fff;background-color:#0b6905}
.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:#0b6905}
.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:#0b6905}
.public-paging2 a:hover svg path{fill:#0b6905}
.public-paging2 a:hover svg circle{stroke:#0b6905}
.public-paging2 a:hover .cls-2{stroke:#0b6905}
 
  
.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: rgba(0, 0, 0, 0.2);position: absolute;bottom: 0;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-right: 2vw; position: relative;}
.z_page_nav li::before{ content: ""; z-index: 1; display: block; width: 0; height: 3px; background: #fff; 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: #fff;}

.z_about_warp{background: #F2F4F7; padding: 5vw 8.3vw; box-sizing: border-box;}
.z_about_warp .index-title{text-align:center;margin-bottom:30px}
.z_about_warp .index-title h3{font-size:42px;font-weight:bold;color: #0b6905;}
.z_about_warp .index-title .enname{font-size:16px; text-transform: uppercase;}
.z_about_warp .description{color: #4B4D52;column-count:2;column-gap:4vw; margin: 3.5vw auto;text-align: justify;}
.z_about_warp .description h2{font-size:24px;color:#000;font-weight:bold;padding-bottom:20px; }
.z_about_warp .description h2 i{color: #0b6905;margin-right:20px;font-size:24px;}
.z_about_warp .description p{text-indent:2em;font-size:18px;line-height:40px;}
.z_about_warp .z_about_num li{ background:#fff;}
.z_about_warp .z_about_num li::before{display:none;}
.z_about_warp .z_about_num,.z_about_warp .comimg{padding:0;border-radius: 8px;overflow: hidden;}
.z_about_warp .z_about_num ul{background:none;}
.z_about_warp .z_about_num li h3{color: #0b6905;}
.z_about_warp .z_about_num li h4{color:#999;}

.ainfo{width:100%;padding:5vw 8.3vw;overflow:hidden}
.ainfo .index-title{text-align:center;}
.ainfo .index-title h3{font-size:42px;font-weight:bold;color: #0b6905;}
.ainfo .index-title .enname{font-size:16px; text-transform: uppercase;}
.ainfo .row{margin:3.5vw auto;}
.ainfo .row>*{padding-left:0;padding-right:0}
.ainfo li{position:relative;width:18.4%;float:left;margin-right:2%;    margin-bottom: 2%;min-height:330px;padding:3vw 0;background:#f3f4f7;border-radius: 8px;transition: ease 1s;}
.ainfo li:nth-last-child(1){margin-right:0;}
.ainfo li:hover{background:#0b6905; color:#fff}
.ainfo li:hover p,.ainfo li:hover h4{color:#fff;}
.ainfo .info{width:100%;text-align:center;color:#999;z-index:55;margin:0 auto;padding:5% 8%;}
.ainfo .info .ic{width:70px;height:70px;display:block;margin:0 auto}
.ainfo .info i{font-size:30px;height:60px;width:60px;color: #ffffff;background: #0b6905;padding: 15px;border-radius: 50%;}
.ainfo .info h4{font-size:24px;margin:16px 0 14px;color: #4B4D52;}
.ainfo .info p{font-size:14px}
@media (max-width:768px){
 .z_about_warp .description{column-count: 1;padding: 10px 12px;}
 .z_about_warp .description h2{text-align:center;margin-top: 20px;font-size: 20px;}
 .z_about_warp .index-title h3{font-size:20px;}
 .z_about_warp .description p{font-size:14px;}
 .z_about_warp .z_about_num li{width:33.33%;min-height: 110px;}
 .z_about_warp .comimg{margin-top:30px;}
 .ainfo{padding:20px 15px;}
 .ainfo li{width:100%;min-height: auto; margin-bottom: 8%;}
}
@media (max-width:480px){.ainfo .info .ic{width:50px;height:50px}
.ainfo .info h4{margin-bottom:8px;font-size:20px}
.ainfo .info p{font-size:14px}
}


.z_sb_bar img{ display: block; margin-bottom: 10px;animation: yd 2s infinite linear;}
.z_sb_bar{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("../images/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: #0b6905; 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: #fff;
    padding: 5vw 8.3vw;
	position: relative;
}
.l_mt .bot{
	display: flex;
	flex-wrap: wrap;
}
.l_mt .bot .item{
	width: 24.25%;
	background-color: #FFF;
	margin-right: 1%;
    box-shadow: 0px 10px 24px 0px rgba(108, 108, 108, 0.11);
    transition: all 0.3s;
	overflow: hidden;
	padding: 1.04166vw;
	border-radius: 8px;
	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 .z_index_more{display:block;}
.l_mt .bot .item .z_index_more .time{margin-left:.4vw;color: #666666;font-weight: normal;}
.l_mt .bot .item .z_index_more .fa-clock{color:#0b6905;}
.l_mt .bot .item .z_index_more .fr{float:right;font-weight: normal;}
.l_mt .bot .item .z_index_more::before{display:none;}
.l_mt .bot .item .z_index_more::after{
	content: "";
	width: 0;
	border-bottom: 1px solid #0b6905;
	position: absolute;
	left: 50%;
	top: 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),.l_mt .bot .item:nth-child(4){
	margin-top: unset;
}
.l_mt .bot .item:nth-child(4n+0){
	margin-right: 0%;
}
.l_mt .bot .item a{
	display: block;
}
.l_mt .bot .item .img{
	width: 100%;
	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: 1vw 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:#0b6905;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.2vw;
	margin-bottom: .6vw;
	font-size: 16px;
	min-height: 44px;
	color: #000000;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.l_mt .bot .item .text{
	margin-top: 1.04166vw;
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}
.l_mt .bot .item .times{
    margin-top: 1.8vw;
    padding-top: 0.2vw;
    line-height: 30px;
border-top: 1px solid #ebf0f5;
}
.l_mt .bot .item .z_index_more{
	margin-top: 1.82291vw;
	margin-bottom: 2.60416vw;
	padding-top: 1.8vw;
    border-top: 1px solid #ebf0f5;
}
.l_mt .bot .item:hover .z_index_more::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: #0b6905;
}
.l_mt .bot .item:hover .title,.l_mt .bot .item:hover .z_index_more .fr{color: #0b6905;}

.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{display: flex; align-items: center; justify-content: center;padding: 10px;min-height: 417.72px; position: relative; }
.z_ry_list li .imgbox img{ max-height: 100%; max-width: 100%; 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(0, 160, 110, 0.8); 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;font-size: 18px; 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: #0b6905;}
.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: #0b6905;}
.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("../images/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 #0b6905; 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-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: #0b6905;display: block;}
.z_case_list li:hover .iconfont,.z_xg_more:hover .iconfont{ transform: rotate(0);}

.z_solution_list li{margin-bottom:4%;border-radius:5px;overflow:hidden;position: relative;width: 48%;float: left;}
.z_solution_list .width2,.z_solution_list .width1{margin-right: 4%;}
.z_solution_list .mar30{margin-bottom: 3vw;}
.z_solution_list .width2:nth-child(even){margin-right:0;}
.z_solution_list li a{display: flex;flex-flow: row-reverse;box-sizing: border-box;}
.z_solution_list li .imgbox{margin-left: auto;width: 100%;height: 20vw;overflow: hidden;transition: ease 1s;}
.z_solution_list li .infobox{z-index: 1;width: 100%;position: absolute;padding: 2.6vw;bottom: 0;color: #fff;background-image: linear-gradient(0deg,#000000 0,rgba(255,255,255,0) 100%);transition:.5s;}
.z_solution_list li .infobox:before{position:absolute;content:"";width:100%;height:100%;left:0;bottom:0;background-image:linear-gradient(0deg,#0b6905 0,rgba(255,255,255,0) 100%);opacity:0;transition:.5s;}
.z_solution_list li h3 {font-size:1.5625vw; }
.z_solution_list li .desc{font-size: 14px;font-weight: 400;color: #fff;line-height: 24px; margin:30px 0;transition:.5s;display:none;}
.z_solution_list li .desc p a{color:#fff;display:inline-block;}
.z_solution_list li .desc p {float:left; width:50%;}
.z_solution_list li .fa-angle-down{transition: ease .5s;}
.z_solution_list li .more{display: block;text-transform: uppercase;}
.z_solution_list .tags{margin-top:30px;}
.z_solution_list .tags i{padding:5px 16px; background:#f2f1f2; margin-right:5px; border-radius:5px;}
.z_solution_list li:hover .imgbox{ transform: scale(1.05,1.05);}
.z_solution_list li:hover h3,.z_solution_list li:hover .more{ color: #fff;}
.z_solution_list li:hover .tags i{background:#fff}
.z_solution_list li:hover .desc{display: block;}
.z_solution_list li:hover .fa-angle-down{writing-mode: vertical-rl;transform: rotate(180deg);}
.z_solution_list li:hover .infobox:before{opacity:1;}
.z_solution_list li .desc a:hover{padding-left:5px;}

@media (max-width:991px){
.z_solution_list li{ margin-bottom:38px;    width: 100%;}
.z_solution_list li a{ display: block;}
.z_solution_list li .imgbox{ width: 100%; height: 51vw;}
.z_solution_list li .infobox{ width: 100%; margin-top: 30px;}
.z_solution_list li h3{ font-size: 16px;}
.z_solution_list li .desc{ font-size: 14px;line-height: 24px;margin: 15px 0px;}
.z_solution_list li .more{ position: relative; margin-bottom: 20px; background-size: 30px auto;}
.z_solution_list{ margin-top: 30px;overflow: hidden;}
}

.z_case_page .z_index_more{ margin: 0 auto; margin-top: 2vw;}
.z_pro_page{ padding: 4.5vw 8.3vw;  box-sizing: border-box;background: #f2f1f2; height: auto; overflow: hidden}



.mLeftDiv{width: 20%; float: left}
.mLeftDiv .hd{background: #0b6905;color: #fff;text-align: center;line-height: 100px;font-size: 24px;font-weight: bold;color: #fff;}
.mLeftDiv .bd ul li{margin-bottom: 8px;text-align: center;}
.mLeftDiv .bd ul li>a{height: 50px;background: #fff;color: #666666;font-size: 18px;display: flex;justify-content: center;align-items: center;text-align: left;}
.mLeftDiv .bd ul li.active a{color: #fff;background: #0b6905;}
.mLeftDiv .bd ul li .aDiv{display: none;}
.mLeftDiv .bd ul li .aDiv a{display: block;color: #999999;margin-top: 10px;}
.mLeftDiv .bd ul li.active .aDiv{display: block;}
.mLeftDiv .bd ul li.active .aDiv a.active{color: #0b6905;}

.z_pro_list { margin-bottom: 3vw; width: 78%; float: right}
.z_pro_list ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.z_pro_list li{ width: 32%; float: left; margin-bottom: 1.82291vw;overflow: hidden; position: relative; margin-right: 2%;  box-sizing: border-box;background:#ffffff;border-radius: 5px;}
.z_pro_list li:nth-child(3n+0){margin-right:0%;}
.z_pro_list li a{ display: block; display: flex; width: 100%; height: auto ; align-items: center; justify-content: center ; padding-top: 20px}
.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;border-top:1px #f9f9f9 solid;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-top: 20px}
.z_pro_list li img{   max-width: 80%; transition: ease 1.5s;padding-bottom:5vw;}
.z_pro_list li:hover img{ transform: scale(1.1,1.1);}
.z_pro_list li:hover .tit{ color: #fff;background:#0b6905;}
/*.z_pro_list li:hover a{background-image: linear-gradient(to right,#0b6905,#19bf15);}*/
.z_xg_list{margin-top:3vw;margin-bottom: 0px;overflow: hidden;}
.z_xg_list li{width:23.5%}
.z_xg_list li:nth-child(4n+0){margin-right:0%;}
.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: 50px;background: #f2f1f2;}
.z_proxq_page .z-container{ width: 1400px;overflow: auto;}
.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_img:hover img{transform: scale(1.1);}
.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;transition: .8s;}
.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: 2px solid #D1D8E3;border-radius: 6px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.z_small_swiper li.on{ border-color: #0b6905;}
.z_pro_desc{ width: 50%; float: right; padding: 3vw; box-sizing: border-box; position: relative; min-height: 700px;}
.z_pro_desc .tit{ font-size: 2.5vw; position: relative; font-weight: bold;}
.z_pro_desc .titen{ font-size:26px;}
.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-weight: bold;color: rgba(34, 34, 34, 0);line-height: 30px;-webkit-text-stroke: 1px #eaeaea;text-stroke: 1px #0b6905;}
.z_pro_desc .desc{font-size: 16px;font-weight: 400;color: #71777D;line-height: 32px; margin: 2vw 0;max-height: 320px;overflow: hidden;}
.z_pro_desc .btnbar{ position: absolute; left: 0; bottom: 30px; width: 100%; padding:0 0 3vw 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:#333333;border-radius: 30px}
.z_pro_desc .btnbar .btn i{font-size:20px;margin-right: 10px;}
.z_pro_desc .btnbar .btn2{min-width: 320px;background: #0b6905;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:#fbfbfb;}
.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: #0b6905; 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:#0b6905;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:#0b6905;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-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: #0b6905;}*/
/*.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; color: #71777D;}
.z_share a{ display: inline-block; cursor: pointer;width: 30px;height: 30px; color: #4e4e4e; font-size:16px;border-radius: 25px; text-align: center; line-height: 30px;opacity: .6;}
.z_share a:hover{ background: #0b6905; color:#fff;  opacity: 1;  }

.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: #0b6905;}
.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}
.prosxy{padding:38px 10px;}
}
.contact_box .mapbox .map{height:100%}
/*.contact_box .infobox{*/
/*    padding:130px 50px 130px 100px;*/
/*    background: #0b6905;*/
    /*background: -webkit-linear-gradient(bottom, #0b6905,#19bf15);*/
    /*background: linear-gradient(to top, #0b6905,#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:18px;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}
}
.z_contact_warp .index-title h3{font-size:42px;font-weight:bold;color: #0b6905;}
.z_contact_warp .index-title .companyname{font-size:36px;color:#000}


.way-contact {	margin-top:60px;}

.way-contact li{margin-bottom:40px;display: flex;align-items: center;}

.way-contact li i{	display: flex;	align-items: center;	justify-content: center;	font-size: 32px;border-radius: 50%;color:#0b6905;}
.way-contact .text {padding-left: 20px;}
.way-contact .text h3{color:#999}
.way-contact .text .nname{font-size:22px; margin-top:5px; line-height:30px;font-weight:bold;}





.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: 6vw 8.3vw; background:#fff url("../images/conbg.jpg") no-repeat top center; background-size: 100% auto;}

.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,#0b6905,#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; 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,#0b6905,#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{}
.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 8.3vw;box-sizing: border-box;background:#f2f6f8 url("../images/bg6.jpg") no-repeat top center; background-size: 100% auto;}

.z_conatct_ly .index-title h3{font-size:42px;font-weight:bold;color: #0b6905;}
.z_conatct_ly .index-title .companyname{font-size: 20px;color: #999;line-height: 30px;}

.z_ly_form{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;display: flex;align-items: center;padding: 0 20px;box-sizing: border-box;background-color: #fff;border: 1px solid #DDD;border-radius: 8px;}
.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 .text2{ width: 15%; height: 60px;font-size: 16px;}
.z_ly_form .checkcode{background-color: #fff;margin-top: 25px;border: 1px solid #DDD;border-radius: 8px; padding: 15px 20px; box-sizing: border-box; display: flex; align-items: flex-start;}
.z_ly_form .checkcode img{float:right;height:60px;}
.parsley-errors-list{width:100%;}
.parsley-errors-list li{width:100%;display: contents; color:red;}
.z_ly_form .texta_box{background-color: #fff;border: 1px solid #DDD;border-radius: 8px; padding: 15px 20px; box-sizing: border-box; display: flex; align-items: flex-start;}
.z_ly_form .texta_box .texta{ flex: 1; width: auto; height: 200px; font-size: 16px;}
.z_subbtn{width: 200px;margin: 0 auto;margin-top: 3vw;cursor: pointer;text-align: center;background: #0b6905;color: #ffffff;font-size: 16px;border: none;display: block;line-height: 60px;border-radius: 30px;}
.z_subbtn .iconfont{color: #ffffff;display: inline-block;transform: rotate(-45deg);margin-left: 10px;}
.z_subbtn:hover,.z_subbtn:hover .iconfont{background:#03bb84;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("../images/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("../images/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("../images/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 only screen and (max-width:1440px){
.z_page_bar {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  color: #fff;
}

 
.z_pro_page {
  padding: 4.5vw 5.3vw;

  box-sizing: border-box;
  background: #f2f1f2;

  height: auto;
  overflow: hidden;

}	
.mLeftDiv .bd ul li > a {
  height: 50px;
  background: #fff;
  color: #666666;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
}
@media screen and (max-width:980px){
.z_header{  height: 70px; padding: 0 10px;  padding-right: 0;background: #0000;}
.z_menu_btn{width: 60px; height: 50px; margin-left: auto;}
.z_header .z_logo{background: url(../images/logo.png) no-repeat left center;background-size: contain;}
.z_banner .imgbg{background-position: right;}
.z_menu_btn span{background:#fff;}
.z_words .tit,.z_words .icon{color:#fff;}
.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:0;    background: #0b6905; height:100vh;z-index: 2;}
.z_header.on .z_header_nav{top: 65px;height: calc(100vh - 65px);}
.z_logo img{ max-height: 28px;}
.z_index_about .desc p{line-height:26px; text-align:justify;    overflow: hidden;}
.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;overflow-x:hidden}
.z_banner{ height:100vh; position: relative!important;}
.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;opacity: 0;}
.z_banner_text .en{ font-size: 34px;}
.z_banner_text .cn{ font-size: 14px; line-height: 25px; margin: 15px 0;}
.z_banner_text{ width: 90%;margin: 0% 5%;background: rgba(0, 0, 0, 0.15);padding: 3% 5%; border-radius: 5px;}
.z_banner .more{padding:12px 0px; border:none;}
.z_index_about .aboutimg{width:100%;padding-right:0px;padding-top: 10px;}
.z_words{margin:0px;}
.z_banner_text .dot em{ width: 8px;height: 8px;}
.z_index_about{padding: 20px 0px;}
.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: 20px;}
.z_index_about .play img{ height: 40px;}
.z_about_num ul{ display: block;}
.z_about_num li{ display: inline-block; width:33.33%;margin-bottom: 10px; }
.z_about_num li:last-child{width:33.33%;}
.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: auto;}
.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;font-size: 12px;}
.contentsMess .xx .wapnone{display:none;}
.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%;padding: 0px;margin-top: 20px;margin-bottom: 0px;}
.z_about_num ul{  border-radius: 10px;}
.z_about_num li{ height: auto; padding: 20px 10px;border-bottom: none;min-height: auto;margin-bottom:0px;}
.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{ width: 100%; height: 40px; 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:0px; text-align: center;padding-top: 10px;}
.z_news_nav a{ margin: 0; margin: 0 5px;}
.z_index_zj .z_index_tit{padding-top:30px;}
.z_index_zj{height:80vh;}
.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: 28px; font-weight: normal;text-align: left;font-size: 14px;}
.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;}
.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; font-size: 14px}
.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 #mt10{margin-bottom:10px}
.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{ border-width: 1px;min-height: auto;}
.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;}


.mLeftDiv {
  width: 100%;
  float: none;
}

.mLeftDiv .hd {
  background: #0b6905;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
	  .mLeftDiv .bd ul li > a {
    height: 36px;
    background: #fff;
    color: #666666;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
  }
	.public-paging {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  clear: both;
}
	.way-contact li {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
	.z_subbtn{width: 150px;margin: 0 auto;margin-top: 20px;cursor: pointer;text-align: center;background: #0b6905;color: #ffffff;font-size: 14px;border: none;display: block;line-height: 40px;border-radius: 20px;}
.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: 20px 0;width: 100%;
  float: none;}
.z_pro_list li{ width: 100%; margin-bottom: 15px;margin-right: 0;}
.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: 30px;}
.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;    bottom: 0px;}
.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;max-height: 100%;}
.z_proxq_warp{ margin: 30px 0;}
.z_proxq_nav{ height: 50px;}
.z_proxq_nav ul li span{ line-height: 50px; font-size: 14px; padding: 0; -o-text-overflow: ellipsis;
        text-overflow: ellipsis; word-break: break-all;display: -webkit-box;    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;}
.z_proxq_child{ padding:30px 10px; line-height: 24px;font-size:14px;}


.z_index_news .z_news_list{display:block;margin-top: 20px;}
.z_news_nav a{ height: 30px; line-height: 26px;padding: 0 5px; font-size: 13px;}
.z_news_list .first{ width: 100%; height: 60vw;}
.z_news_list .first .infobox{ padding: 15px;}
.z_news_list .first h3{ font-size: 16px;}
.z_news_list .first .time{ width: auto;}
.z_news_list .first .time em{ font-size: 18px;}
.z_news_list .first .z_index_more{ left: 15px; bottom: 15px;}
.z_news_head{margin-bottom: 0px;}
.z_xg_news .z_news_head{ margin-bottom: 0;}
.z_news_swiper li{ box-shadow: none;}
.z_news_list ul{ display: block;} 
.z_news_list li{ width: 100%; margin-left: 0; margin-top: 15px; padding: 15px;}
.z_news_list li .imgbox{ height: 50vw; margin: 10px 0;}
.z_news_list li .time{ margin-bottom: 10px;}
.z_index_news .z_news_list ul {
  width: 100%;
}

.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 15px; background-position: bottom;}
.way-contact .text .nname{font-size:18px;}
.z_contact_warp .contact_box{padding-top:0px;}
.way-contact li i{display:block;}
.z_contact_warp .index-title h3,.z_conatct_ly .index-title h3{font-size:26px;}
.z_contact_warp .index-title .companyname{font-size:20px;}
.z_conatct_ly .index-title .companyname{font-size:14px;}
.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%;}
}


.container{padding: 0 8.3vw;}
.sy_cp{width:100%; padding:100px 0; overflow:hidden;}
.sy_cp h3{font-size:36px; color:#000; font-weight:bold; line-height:40px; padding-bottom:20px; margin-bottom:50px; display:inline-block; position:relative;}

.sy_cp .cp_zs{width:100%; position:relative;}
.sy_cp .swiper-pagination{bottom:0; display:none;}
.sy_cp .swiper-pagination-bullet{background-color:#aaa;}
.sy_cp .swiper-pagination-bullet-active{background-color:#0b6905;}
.sy_cp .swiper-slide{position:relative; overflow:hidden;}
.sy_cp .swiper-button-prev{width:38px; height:38px; border:1px solid #aaa; border-radius:3px; background:#fff url(../images/zj1.png) no-repeat center; left:-66px; margin-top:-22px;
background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-button-prev:hover{background:#0b6905 url(../images/zj.png) no-repeat center; border:1px solid #0b6905;}
.sy_cp .swiper-button-next{width:38px; height:38px; border:1px solid #aaa; border-radius:3px; background:#fff url(../images/yj1.png) no-repeat center; right:-66px; margin-top:-22px;
background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-button-next:hover{background:#0b6905 url(../images/yj.png) no-repeat center; border:1px solid #0b6905;}
.sy_cp .n_r{border:1px solid #ddd; border-bottom:0; position:relative;}
.sy_cp .n_r:before{width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0; left:0; content:"";}
.sy_cp .n_r:after{width:0; height:2px; background-color:#0b6905; position:absolute; bottom:0; left:0; content:"";
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .n_r:hover:after{width:100%;}
.sy_cp .t_p{position:relative; overflow:hidden;}
.sy_cp .t_p:after{width:30%; height:200%; content:""; position:absolute; top:0; left:-30%;
background-image:-webkit-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:-moz-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:-ms-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:-o-linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
background-image:linear-gradient(to right, rgba(255,255,255,.02), rgba(255,255,255,.5), rgba(255,255,255,.02));
transform:skew(30deg);
-webkit-transform:skew(30deg);
-moz-transform:skew(30deg);
-ms-transform:skew(30deg);
-o-transform:skew(30deg);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .n_r:hover .t_p:after{left:100%; top:-100%;}
.sy_cp .t_p img{width:100%; height:auto; display:block;}
.sy_cp .w_z{padding:15px; border-top: #ddd 1px solid}
.sy_cp .w_z h4{font-size:18px; text-align:center; color:#000; font-weight:bold; line-height:26px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_cp .w_z p{line-height:22px; color:#777; height:44px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_cp .m_r{width:150px; height:44px; border-radius:5px; border:2px solid #0b6905; position:relative; overflow:hidden; float:right;}
.sy_cp .m_r .bg{width:100%; height:100%; position:absolute; left:0; top:0; background-color:#0b6905;
transition:transform 340ms ease-in-out;
transform-origin:right center;
transform:scaleX(0);}
.sy_cp .m_r:hover .bg{transform:scaleX(1); transform-origin:left center;}
.sy_cp .m_r a{line-height:40px; color:#0b6905; text-align:center; display:block; position:relative; z-index:9;}
.sy_cp .m_r:hover a{color:#fff;}
@media only screen and (max-width:1024px){
	.container{padding: 0 15px;}
.sy_cp h3{font-size:18px; color:#000; font-weight:bold; line-height:40px; padding-bottom:20px; margin-bottom:0px; display:inline-block; position:relative;}
.sy_cp .swiper-cy{padding-bottom:30px;}
.sy_cp .w_z{padding:15px; margin-top:-54px; line-height:24px;}
.sy_cp .w_z h3{font-size:16px; line-height:24px; margin-bottom:15px;}
.sy_cp .swiper-slide:hover .w_z{padding:30px 15px;}
.sy_cp .m_r{width:110px; height:32px; margin-bottom:0px; margin-top: 5px}
.sy_cp .m_r a{font-size:14px; line-height:30px;}
}
@media only screen and (max-width:640px){
.sy_cp{padding:20px 0;}
.sy_cp .row{margin:0 -10px;}
.sy_cp .col-12{padding:0 10px;}
.sy_cp .w_z h3{letter-spacing:0;}
.sy_cp .w_z p{font-size:14px; line-height:28px; margin-bottom:15px;}
}
.flex {
  display: flex;
}
.shareDiv{ margin-top: 30px}
.ewmUl{text-align: center;  }
.ewmUl li{margin-left: 50px}
.ewmUl img{  width: 130px;}
.ewmUl p{ text-align: center; color: #fff; padding-top: 10px
}
.flexsta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flexcen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shareDiv a{margin-left: 20px;width: 40px;height: 40px;border-radius: 50%;background: #555; }
.shareDiv a:nth-child(1){margin-left: 0; }
.shareDiv .dImg{display: block; }
.shareDiv .hImg{display: none; }
.shareDiv a:hover{background: #fff; }
.shareDiv a:hover .dImg{display: none; }
 .shareDiv a:hover .hImg{display: block; }


@media only screen and (max-width:1240px){
	
.ewmUl li {
  margin-left: 10px;  
}	
}




