article,aside,dialog,section,main{display:block}
blockquote,body,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;}
.clearfix:after{content:""; display:block; clear:both; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1440px;height:auto;clear: both;margin: 0 auto;}
.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_other_text .en,.z_other_text .cn{ color: #fff;}
.z_other_tit { margin:3vw 0;}
.z_other_tit .cn{ font-size:40px; font-weight: bold;}
.z_other_tit .en{padding-top: 15px;color: #999; font-size: 18px; text-transform: uppercase;}
.z_page_nav{ position: absolute; left: 0; top: 0; width: 100%; background: rgba(0, 102, 72, .9); height: 3.64583vw; text-align: center; line-height:3.64583vw ;z-index: 2;}
.z_page_nav li{ display: inline-block; margin: 0 5vw;}
.z_page_nav li a{ color: #fff; position: relative; line-height: 30px; display: inline-block;}
.z_page_nav li a::before{ content: ""; height: 1px; display: block; width: 0; position: absolute; left: 50%; bottom: 0; background: #fff; transition: ease 1s; z-index: 1;}
.z_page_nav li:hover a::before,.z_page_nav li.cur a::before{ width: 100%; left: 0;}
.z_page_nav.on{ position: fixed; left: 0; top: 0;}
.z_pro_page{ background: #f4f3f0; padding:20px 8.3vw; box-sizing: border-box;z-index: 1; position: relative;}
.z_pro_page .z_other_tit{ position: relative; margin-top:4vw; z-index: -1;text-align: center;}
.z_hz_list{ margin-bottom: 3.5vw;}
.z_hz_list ul{ margin-left: -0.5%;}
.z_hz_list li{opacity: 1; width: 19.5%; float: left; margin-left: 0.5%; height: 12.31578vw; background: #fff; display: flex; align-items: center; justify-content: center; padding: 2vw; box-sizing: border-box; overflow: hidden; margin-bottom: 0.52631vw;}
.z_hz_list li img{display: block; transition: ease 1s; max-width: 100%; max-height: 100%;}
.z_hz_list li:hover img{ transform: scale(1.05,1.05);}
.z_spaq_warp{padding: 20px 8.3vw;margin: 0 auto; padding-bottom: 6vw;}
.z_spaq_warp .infobox{ width: 45.5%; float: left;font-size: 16px;color: #000000;line-height: 32px;}
.z_spaq_warp .imgbox{ width: 44%; height:640px; float: right; }
@media screen and (max-width:1080px){
.z_other_tit{ text-align: center; margin-bottom: 30px;}
.z_other_tit .cn{ font-size: 20px;}
.z_other_tit .en{ font-size: 14px;}
.z_pages_bar .btn{ margin: 0 5px;}
.z_pages_bar .a{ margin: 0 2px;}
.z_page_nav{ height: 50px; line-height: 50px; padding: 0;}
.z_page_nav li{ float: left;padding: 0 10px;}
.z_page_nav li a{  font-size: 14px;}
.z_hz_list{ margin-bottom: 30px;}
.z_hz_list li{ width: 32.8%; height: 20vw; padding: 15px;}
.z_spaq_warp{ width: 100%;padding: 20px 12px; padding-bottom: 30px;}
.z_spaq_warp .z_other_tit{ text-align: center; display: block;}
.z_spaq_warp .infobox{ width: 100%; line-height: 24px; font-size: 14px;}
.z_spaq_warp .imgbox{ width: 100%; height: 100vw; margin-top: 30px;}
.z_pro_page {padding: 20px 3vw;}
.z_other_tit .cn {font-size: 26px;}
}