@import'basics/animate.min.css';

@font-face {
	font-family: DIN;
	src: url(../fonts/DIN-Medium.otf);
	font-weight: normal
}
.en {
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif
}
.num {
	font-family: DIN
}
.z_m_box {
	padding: 0 setvw(108)
}
* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none
}
*, :before, :after {.z_form li
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: block;
	clear: both
}
body {
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
	font-size: 14px;
	color: #000;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	width: 100%;
	overflow-x: hidden;
	background: #fff
}
html {
	width: 100%;
	overflow-x: hidden
}
.lenis.lenis-smooth {
	scroll-behavior: auto
}
html.lenis {
	height: auto;
	overflow-x: hidden
}
body {
	min-height: 100vh
}
img {
	max-width: 100%
}
ul, dl, li, dt, dd, em {
	font-style: normal;
	list-style: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}
pre {
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
	white-space: pre-wrap;
	word-wrap: break-word
}
a {
	text-decoration: none;
	-webkit-transition: ease .65s;
	transition: ease .65s;
	color: #000;
	outline: none
}
input[type=text], input[type=password], input[type=search], input[type=number], textarea, select {
	font-size: inherit;
	outline: none;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
	border-radius: 0;
	border: none;
	background: none;
	-webkit-transition: ease .45s;
	transition: ease .45s;
	outline: none
}
select::-ms-expand {
display:none
}
select:focus {
	outline: none
}
input::-webkit-input-placeholder {
color:#7b7b7b
}
input:-moz-placeholder {
color:#7b7b7b
}
input::-moz-placeholder {
color:#7b7b7b
}
input:-ms-input-placeholder {
color:#7b7b7b
}
.z_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.z_flex_ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}
.fl, .flwarp {
	float: left
}
.fr, .frwarp {
	float: right
}
.textleft {
	text-align: left
}
.textcenter {
	text-align: center
}
.textright {
	text-align: right
}
.img {
	display: block;
	width: 100%
}
.ml {
	margin-left: auto
}
.imgbox {
	overflow: hidden
}
.beforecon, .z_rc_zw .z_zw_list li::before, .z_sb_swiper li::before, .z_about_warp .video_warp .z_video_btn::before, .z_other_banner .tit::before, .z_index_head::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}
::-webkit-scrollbar {
width:5px;
height:5px
}
::-webkit-scrollbar-button:vertical {
display:none
}
::-webkit-scrollbar-track:vertical {
background-color:#000
}
::-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:#eee
}
::-webkit-scrollbar-thumb:vertical {
background-color:#5c9633
}
.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-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: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-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;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active {
	pointer-events: auto;
	z-index: 3
}
.swiper-fade .swiper-slide {
	pointer-events: none;
	-webkit-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 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-grid-column>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-pointer-events {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-grid>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.imgbg {
	width: 100%;
	height: 100%;
	-webkit-transition: ease 1s;
	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
}
.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
}
#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;
	-webkit-box-sizing: border-box;
	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;
	-webkit-box-sizing: border-box;
	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;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#zCode>.ewm canvas {
	width: 100%;
	height: 100%;
	top: auto;
	left: auto;
	position: relative
}
.z_video_pop {
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999 !important
}
.z_video_pop .warp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100vh
}
.z_video_pop .warp .close_btn {
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	cursor: pointer
}
.z_video_pop .warp .close_btn .iconfont {
	font-size: 18px
}
.z_video_pop .warp #videopop {
	width: 100%;
	max-height: 100%
}
.rebox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-filter: none !important;
	background: #000;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
	background: rgba(0,0,0,.6)
}
.rebox * {
	-webkit-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: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: 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,.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: #000;
	text-decoration: none;
	font-size: 24px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-radius: 32px;
	-webkit-transition: all .3s;
	transition: all .3s
}
.rebox-button:hover, .rebox-button:focus {
	opacity: 1;
	background: #bf2e2e
}
.rebox-close {
	right: 10px;
	top: 10px;
	font-size: 30px
}
.rebox-next {
	right: 10px;
	top: 48%
}
.rebox-prev {
	left: 10px;
	top: 48%
}
.rebox-loading {
	left: 50%;
	top: 48%;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}
.z_menu_btn {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	z-index: 11;
	margin-left: auto
}
.z_menu_btn span {
	display: block;
	-webkit-transition: ease .6s;
	transition: ease .6s;
	width: 18px;
	height: 2px;
	background: #fff;
	margin: 5px 0
}
.z_menu_btn .line2 {
	margin: 4px 0
}
.z_menu_btn .line1, .z_menu_btn .line2 {
	margin-left: auto
}
.z_menu_btn.on .line1 {
	-webkit-transform: translateY(6px) rotate(45deg);
	transform: translateY(6px) rotate(45deg);
	width: 24px
}
.z_menu_btn.on .line2 {
	opacity: 0
}
.z_menu_btn.on .line3 {
	-webkit-transform: translateY(-6px) rotate(-45deg);
	transform: translateY(-6px) rotate(-45deg);
	width: 24px
}
@media screen and (max-width: 980px) {
.z_menu_btn {
	display: block
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@keyframes rotation {
from {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
.z_section {
	padding: 5.7291666667vw 5.2083333333vw
}
.z_flex_warp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media screen and (max-width: 980px) {
.z_m_box {
	display: block !important;
	padding: 40px 12px !important
}
.z_section {
	padding: 35px 12px !important
}
.z_flex_warp {
	display: block
}
.lazy {
	background-attachment: inherit
}
}
.lenis.lenis-smooth [data-lenis-prevent] {
	-ms-scroll-chaining: none;
	overscroll-behavior: contain
}
.z_video_swiper {
	position: relative
}
.z_video_swiper .video {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
	width: auto;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
	position: relative
}
.z_header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 9;
	padding-left: 4.1666666667vw;
	padding-right: 4.1666666667vw;
	height: 5.2083333333vw;
	border-bottom: 1px solid rgba(255,255,255,.2);
	color: #fff;
	-webkit-transition: background 1s;
	transition: background 1s
}
@media screen and (max-width: 980px) {
.z_header {
	padding-left: 12px;
	padding-right: 12px
}
}
@media screen and (max-width: 980px) {
.z_header {
	height: 55px
}
}
.z_header.on, .z_header.fixed {
	background: #fff;
	border-bottom: 1px solid #ccc
}
.z_header.on .z_logo .img2, .z_header.fixed .z_logo .img2 {
	opacity: 1
}
.z_header.on .z_logo .img1, .z_header.fixed .z_logo .img1 {
	opacity: 0
}
.z_header.on .tel, .z_header.fixed .tel {
	color: #000
}
.z_header.on .z_header_nav li.active a::before, .z_header.on .z_header_nav li:hover a::before, .z_header.fixed .z_header_nav li.active a::before, .z_header.fixed .z_header_nav li:hover a::before {
	background: #5c9633
}
.z_header.on .z_header_nav li.active a, .z_header.on .z_header_nav li:hover a, .z_header.fixed .z_header_nav li.active a, .z_header.fixed .z_header_nav li:hover a {
	color: #5c9633;
	font-weight: bold
}
.z_header.on .z_header_nav li a, .z_header.fixed .z_header_nav li a {
	color: #000
}
.z_header a {
	color: #fff
}
.z_header .z_logo {
	position: relative;
	z-index: 2
}
.z_header .z_logo img {
	display: block;
	height: 2.7604166667vw;
	-webkit-transition: ease .7s;
	transition: ease .7s
}
@media screen and (max-width: 980px) {
.z_header .z_logo img {
	height: 38px
}
}
.z_header .z_logo .img2 {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.z_header .frbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: relative;
	z-index: 2
}
.z_header .z_header_nav {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center
}
.z_header .z_header_nav li {
	display: inline-block;
	margin: 0 2.0833333333vw
}
.z_header .z_header_nav li.active a:before, .z_header .z_header_nav li:hover a:before {
	background: #fff;
	left: 0;
	width: 100%
}
.z_header .z_header_nav a {
font-size:.9375vw;
	line-height: 5.2083333333vw;
	position: relative;
	display: block
}
@media screen and (max-width: 1680px) {
.z_header .z_header_nav a {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_header .z_header_nav a {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_header .z_header_nav a {
	line-height: 50px
}
}
.z_header .z_header_nav a::before {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transition: ease 1s;
	transition: ease 1s
}
.z_header .z_menu_btn {
	width: 46px;
	height: 46px;
	background: #5c9633;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: 1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_header .z_menu_btn {
	width: 40px;
	height: 40px
}
}
@media screen and (max-width: 980px) {
.z_header .z_menu_btn {
	margin-left: 12px
}
}
.z_header .z_menu_btn span {
	-webkit-transform-origin: center;
	transform-origin: center;
	width: 20px
}
.z_header .z_menu_btn.on .l1 {
	-webkit-transform: rotate(45deg) translateY(2px) translateX(3px);
	transform: rotate(45deg) translateY(2px) translateX(3px)
}
.z_header .z_menu_btn.on .l2 {
	-webkit-transform: rotate(-45deg) translateY(-2px) translateX(3px);
	transform: rotate(-45deg) translateY(-2px) translateX(3px)
}
.z_header .tel {
font-size:.8333333333vw;
	font-family: DIN
}
@media screen and (max-width: 1680px) {
.z_header .tel {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_header .tel {
	font-size: 18px
}
}
@media screen and (max-width: 980px) {
.z_header {
	background: #fff;
	border-bottom: 1px solid #ccc
}
.z_header .z_header_nav {
	display: none
}
.z_header .z_logo .img1 {
	opacity: 0
}
.z_header .z_logo .img2 {
	opacity: 1
}
.z_header .tel {
	color: #000
}
}
.z_menu_warp {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: ease .4s;
	transition: ease .4s
}
.z_menu_warp .flbox {
	width: 33%;
	height: 100%;
	float: left;
	-webkit-transition: ease 1s;
	transition: ease 1s;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}
@media screen and (max-width: 980px) {
.z_menu_warp .flbox {
	width: 100%
}
}
.z_menu_warp .frbox {
	-webkit-transition: ease 1s;
	transition: ease 1s;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	width: 67%;
	height: 100%;
	float: left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 9.375vw;
	padding-right: 0;
	background: #eee
}
@media screen and (max-width: 980px) {
.z_menu_warp .frbox {
	width: 100%
}
}
.z_menu_warp.on {
	opacity: 1;
	visibility: visible
}
.z_menu_warp.on .flbox, .z_menu_warp.on .frbox {
	-webkit-transform: translate(0);
	transform: translate(0)
}
.z_menu_warp .flcon {
	width: 12.5vw;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
.z_menu_warp .flcon a {
	display: block;
	font-size: 1.0416666667vw;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_menu_warp .flcon a {
	font-size: 16px
}
}
.z_menu_warp .z_menu_nav li {
	width: 12.5vw;
	float: left;
	margin-bottom: 3.6458333333vw
}
@media screen and (max-width: 980px) {
.z_menu_warp .z_menu_nav li {
	margin-bottom: 20px
}
}
.z_menu_warp .z_menu_nav a {
	display: block
}
.z_menu_warp .z_menu_nav h3 {
	margin-bottom: 10px
}
.z_menu_warp .z_menu_nav h3 a {
	font-size: 1.0416666667vw;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_menu_warp .z_menu_nav h3 a {
	font-size: 16px
}
}
.z_menu_warp .z_menu_nav .down a {
	color: #666;
	line-height: 1.875vw;
font-size:.8333333333vw
}
@media screen and (max-width: 980px) {
.z_menu_warp .z_menu_nav .down a {
	line-height: 24px
}
}
@media screen and (max-width: 1680px) {
.z_menu_warp .z_menu_nav .down a {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_menu_warp .z_menu_nav .down a {
	font-size: 14px
}
}
.z_menu_warp a:hover {
	color: #5c9633 !important
}
.z_menu_warp .z_btm {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.z_menu_warp .code ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.z_menu_warp .code li {
	margin-right: 1.0416666667vw
}
.z_menu_warp .code .img {
	width: 5.2083333333vw;
	border-radius: 5px;
	overflow: hidden
}
.z_menu_warp .code .img img {
	display: block;
	width: 100%
}
.z_menu_warp .address {
	line-height: 1.5625vw;
font-size:.8333333333vw;
	font-weight: bold
}
@media screen and (max-width: 1680px) {
.z_menu_warp .address {
	line-height: 1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_menu_warp .address {
	line-height: 24px
}
}
@media screen and (max-width: 1680px) {
.z_menu_warp .address {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_menu_warp .address {
	font-size: 14px
}
}
.z_menu_warp .address a {
	font-family: DIN
}
.z_menu_warp .z_menu_close {
	position: absolute;
	right: 4.1666666667vw;
	top: 1.3020833333vw;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 2px solid #ccc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	-webkit-transition: ease 1s;
	transition: ease 1s;
	z-index: 2
}
.z_menu_warp .z_menu_close .iconfont {
	font-size: 20px;
	font-weight: bold
}
.z_menu_warp .z_menu_close:hover {
	background: #5c9633;
	border-color: #5c9633;
	color: #fff
}
@media screen and (max-width: 980px) {
.z_menu_warp {
	height: calc(100vh - 55px);
	top: 55px
}
.z_menu_warp .flbox {
	display: none;
	width: 100%
}
.z_menu_warp .frbox {
	background: #fff;
	overflow-y: auto;
	padding: 40px 12px
}
.z_menu_warp .z_flex_warp {
	display: block
}
.z_menu_warp .z_menu_close {
	display: none
}
.z_menu_warp .z_menu_nav li {
	width: 100%;
	margin-bottom: 0;
	margin-top: 12px
}
.z_menu_warp .z_menu_nav .down a {
	display: inline-block;
	margin-right: 12px
}
.z_menu_warp .z_btm {
	display: none
}
}
.z_banner {
	margin-top: 0vw;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	overflow: hidden
}
@media screen and (max-width: 980px) {
.z_banner {
	margin-top: 50px
}
}
@media screen and (max-width: 980px) {
.z_banner {
	height: 70vw
}
}
.z_banner li {
	overflow: hidden
}
.z_banner li .imgbg {
	z-index: 1
}
.z_banner #particles {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0%;
	z-index: 2;
	pointer-events: none
}
.z_banner .z_text {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
	padding-left: 10.4166666667vw;
	padding-right: 10.4166666667vw;
	color: #fff
}
@media screen and (max-width: 980px) {
.z_banner .z_text {
	padding-left: 12px;
	padding-right: 12px
}
}
.z_banner .z_text .desc {
	font-size: 1.1458333333vw;
	margin-top: 1.0416666667vw;
	min-height: 5.2083333333vw;
	margin-bottom: 10px
}
@media screen and (max-width: 980px) {
.z_banner .z_text .desc {
	font-size: 16px
}
}
@media screen and (max-width: 980px) {
.z_banner .z_text .desc {
	margin-top: 10px
}
}
.z_banner .z_index_tit .tt>div:first-child {
	position: relative
}


@media screen and (max-width: 980px) {
.z_banner .z_index_tit .tt>div:first-child::before {
	width: 0px;
	height: 0px
}
}
.z_banner .swiper_dot span {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	opacity: .5;
	-webkit-transition: ease .5s;
	transition: ease .5s;
	cursor: pointer;
	margin-right: 8px
}
.z_banner .swiper_dot span.on {
	opacity: 1
}
.z_banner .swiper_num {
	font-size: 1.0416666667vw;
	font-family: DIN
}
@media screen and (max-width: 980px) {
.z_banner .swiper_num {
	font-size: 14px
}
}
.z_banner .swiper_num .current {
	font-size: 2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_banner .swiper_num .current {
	font-size: 20px
}
}
@media screen and (max-width: 980px) {
.z_banner .desc, .z_banner .z_index_more, .z_banner .sb {
	display: none
}
.z_banner .z_text {
	text-align: center
}
}
.swiper_bar {
	position: absolute;
	left: 0;
	bottom: 0%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 2;
	padding-left: 10.4166666667vw;
	padding-right: 10.4166666667vw;
	color: #fff;
	bottom: 2.6041666667vw
}
@media screen and (max-width: 980px) {
.swiper_bar {
	padding-left: 12px;
	padding-right: 12px
}
}
.swiper_bar .sb {
	font-family: DIN;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.swiper_bar .sb:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(100% + 8px)
}
.swiper_bar .sb::after {
	content: "";
	display: block;
	width: 1px;
	height: 50px;
	background: #fff;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(100% + 19px)
}
.z_index_tit {
	position: relative;
	z-index: 1
}
@-webkit-keyframes circle {
0% {
-webkit-transform:translateX(-70%);
transform:translateX(-70%);
z-index:2
}
50% {
-webkit-transform:translateX(70%);
transform:translateX(70%);
z-index:2
}
60% {
z-index:-1
}
100% {
-webkit-transform:translateX(-70%);
transform:translateX(-70%);
z-index:-1
}
}
@keyframes circle {
0% {
-webkit-transform:translateX(-70%);
transform:translateX(-70%);
z-index:2
}
50% {
-webkit-transform:translateX(70%);
transform:translateX(70%);
z-index:2
}
60% {
z-index:-1
}
100% {
-webkit-transform:translateX(-70%);
transform:translateX(-70%);
z-index:-1
}
}
@-webkit-keyframes circle2 {
0% {
-webkit-transform:translateX(70%);
transform:translateX(70%);
z-index:-1
}
50% {
-webkit-transform:translateX(-70%);
transform:translateX(-70%);
z-index:-1
}
60% {
z-index:2
}
100% {
-webkit-transform:translateX(70%);
transform:translateX(70%);
z-index:-1
}
}
@keyframes circle2 {
0% {
-webkit-transform:translateX(70%);
transform:translateX(70%);
z-index:-1
}
50% {
-webkit-transform:translateX(-70%);
transform:translateX(-70%);
z-index:-1
}
60% {
z-index:2
}
100% {
-webkit-transform:translateX(70%);
transform:translateX(70%);
z-index:-1
}
}
.z_index_tit .dot {
	width: 12px;
	height: 12px;
	position: relative;
	margin-left: 6px;
	margin-bottom: 1.5625vw
}
@media screen and (max-width: 980px) {
.z_index_tit .dot {
	margin-bottom: 20px
}
}
.z_index_tit .dot:before, .z_index_tit .dot:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #5c9633;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff
}
.z_index_tit .dot:after {
	left: 0;
	background-color: #5c9633;
	-webkit-animation: circle linear 1.5s infinite;
	animation: circle linear 1.5s infinite
}
.z_index_tit .dot:before {
	-webkit-animation: circle2 linear 1.5s infinite;
	animation: circle2 linear 1.5s infinite
}
.z_index_tit .tt {
	font-size:2.6458333333vw;
	line-height: 3.6458333333vw;
	font-weight: bolder;
	position: relative; margin-bottom:60px
}
@media screen and (max-width: 980px) {
.z_index_tit .tt {
	font-size: 22px
}
}
@media screen and (max-width: 980px) {
.z_index_tit .tt {
	line-height: 24px
}
}
.z_index_tit .slg {
	color: #aaa;
	font-size: 1.0416666667vw;
	margin-top: 10px
}
@media screen and (max-width: 980px) {
.z_index_tit .slg {
	font-size: 16px
}
}
.z_index_tit.z_index_tit2 {
	z-index: 1
}
.z_index_tit.z_index_tit2 .tt {
	position: relative
}

@media screen and (max-width: 980px) {
.z_index_tit.z_index_tit2 .tt::before {
	width: 0px;
	height: 0px
}
}
.z_index_tit.z_index_tit2 .dot::before, .z_index_tit.z_index_tit2 .dot::after {
	background: #fff;
	border-color: #fff
}
.z_index_tit.z_index_tit2 .dot::after {
	background: none
}
@media screen and (max-width: 980px) {
.z_index_tit {
	text-align: center
}
.z_index_tit .dot {
	margin: 0 auto;
	margin-bottom: 15px
}
}
.z_index_more {
	width: 7.8125vw;
	height: 2.6041666667vw;
	background: #fff;
	border-radius: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
font-size:.8333333333vw
}
@media screen and (max-width: 980px) {
.z_index_more {
	width: 108px;
	height: 36px
}
}
@media screen and (max-width: 1680px) {
.z_index_more {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_index_more {
	font-size: 14px
}
}
.z_index_more em {
	width: 8px;
	height: 8px;
	background: #5c9633;
	border-radius: 50%;
	display: block;
	position: relative;
margin-right:.78125vw
}
@media screen and (max-width: 980px) {
.z_index_more em {
	margin-right: 10px
}
}
.z_index_more em::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	background: #5c9633;
	opacity: .3;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: sf 1.2s infinite linear;
	animation: sf 1.2s infinite linear;
	-webkit-transition: ease .5s;
	transition: ease .5s
}
.z_index_more:hover, .z_index_more.z_index_more2 {
	background: #5c9633;
	color: #fff !important
}
.z_index_more:hover em, .z_index_more.z_index_more2 em {
	background: #fff
}
.z_index_more:hover em::before, .z_index_more.z_index_more2 em::before {
	background: #fff
}
@-webkit-keyframes sf {
0% {
-webkit-transform:translate(-50%, -50%) scale(1, 1);
transform:translate(-50%, -50%) scale(1, 1)
}
50% {
-webkit-transform:translate(-50%, -50%) scale(2.5, 2.5);
transform:translate(-50%, -50%) scale(2.5, 2.5)
}
100% {
-webkit-transform:translate(-50%, -50%) scale(1, 1);
transform:translate(-50%, -50%) scale(1, 1)
}
}
@keyframes sf {
0% {
-webkit-transform:translate(-50%, -50%) scale(1, 1);
transform:translate(-50%, -50%) scale(1, 1)
}
50% {
-webkit-transform:translate(-50%, -50%) scale(2.5, 2.5);
transform:translate(-50%, -50%) scale(2.5, 2.5)
}
100% {
-webkit-transform:translate(-50%, -50%) scale(1, 1);
transform:translate(-50%, -50%) scale(1, 1)
}
}
.z_index_section, .z_page {
	padding-left: 10.4166666667vw;
	padding-right: 10.4166666667vw;
	padding-top: 8.3333333333vw;
	padding-bottom: 6.25vw;
	position: relative
}
@media screen and (max-width: 980px) {
.z_index_section, .z_page {
	padding-left: 12px;
	padding-right: 12px
}
}
@media screen and (max-width: 980px) {
.z_index_section, .z_page {
	padding-top: 0px
}
}
@media screen and (max-width: 980px) {
.z_index_section, .z_page {
	padding-bottom: 0px
}
}
.z_index_section .line, .z_page .line {
	content: "";
	display: block;
	background: #ccc;
	position: absolute;
	z-index: 2;
	-webkit-transition: ease 2s;
	transition: ease 2s
}
.z_index_section .line1, .z_page .line1 {
	width: 0%;
	height: 1px;
	left: 0;
	top: 4.1666666667vw
}
.z_index_section .line2, .z_page .line2 {
	width: 1px;
	height: 0%;
	left: 4.1666666667vw;
	top: 0
}
.z_index_section .line3, .z_page .line3 {
	width: 1px;
	height: 0%;
	right: 4.1666666667vw;
	top: 0
}
.z_index_section .line4, .z_page .line4 {
	width: 1px;
	height: 0%;
	right: 41.6666666667vw;
	top: 0
}
.z_index_section.on .line1, .z_page.on .line1 {
	width: 100%
}
.z_index_section.on .line2, .z_index_section.on .line3, .z_index_section.on .line4, .z_page.on .line2, .z_page.on .line3, .z_page.on .line4 {
	height: 100%
}
@media screen and (max-width: 980px) {
.z_index_section, .z_page {
	padding-bottom: 0
}
.z_index_section .line1, .z_page .line1 {
	top: 50px;
	width: 100%
}
.z_index_section .line2, .z_page .line2 {
	height: 50px;
	left: 50px
}
.z_index_section .line3, .z_index_section .line4, .z_page .line3, .z_page .line4 {
	display: none
}
.z_index_section .z_section_bar, .z_page .z_section_bar {
	position: relative
}
}
.z_section_bar {
	position: absolute;
	left: 0;
	top: 0%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bold
}
.z_section_bar .ico {
	width: 4.1666666667vw;
	height: 4.1666666667vw;
	background: url(../images/ico.png) no-repeat center;
	background-size: auto 22px;
	margin-right: 1.3020833333vw
}
@media screen and (max-width: 980px) {
.z_section_bar .ico {
	width: 50px;
	height: 50px
}
}
@media screen and (max-width: 980px) {
.z_section_bar .ico {
	margin-right: 10px
}
}
.z_section_bar.z_section_bar2 {
	color: #fff
}
.z_section_bar.z_section_bar2 .ico {
	background: url(../images/ico2.png) no-repeat center;
	background-size: auto 22px
}
.z_index_about {
	padding-right: 4.1666666667vw;
	padding-top: 4.1666666667vw;
	padding-bottom: 4.1666666667vw;
	padding-bottom: 2.6041666667vw;
	overflow: hidden;
	background: #fff
}
@media screen and (max-width: 980px) {
.z_index_about {
	padding-top: 0;
	padding-bottom: 0
}
}
.z_index_about .z_flex_warp {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.z_index_about .flbox {
	width: 29.8958333333vw
}
@media screen and (max-width: 980px) {
.z_index_about .flbox {
	width: 100%
}
}
.z_index_about .flbox .slg {
	font-size: 1.05vw;
	font-weight: bold;
margin-top:.9375vw
}
@media screen and (max-width: 980px) {
.z_index_about .flbox .slg {
	font-size: 16px
}
}
@media screen and (max-width: 980px) {
.z_index_about .flbox .slg {
	margin-top: 10px
}
}
.z_index_about .flbox .desc {
	color: #666;
font-size:.8375vw;
	line-height: 1.5541666667vw;
	text-align: justify;
	margin-top: 2.6041666667vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5
}
@media screen and (max-width: 1680px) {
.z_index_about .flbox .desc {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_index_about .flbox .desc {
	font-size: 14px
}
}
@media screen and (max-width: 1680px) {
.z_index_about .flbox .desc {
	line-height: 1.5708333333vw
}
}
@media screen and (max-width: 980px) {
.z_index_about .flbox .desc {
	line-height: 24px
}
}
@media screen and (max-width: 980px) {
.z_index_about .flbox .desc {
	margin-top: 20px
}
}
.z_index_about .flbox .z_index_more {
	margin-top: 3.125vw
}
@media screen and (max-width: 980px) {
.z_index_about .flbox .z_index_more {
	margin-top: 20px
}
}
.z_index_about .frbox {
	width: 37.5vw;
	height: 44.7916666667vw;
	margin-left: auto;
	border-radius: 37.5vw;
	overflow: hidden
}
@media screen and (max-width: 980px) {
.z_index_about .frbox {
	width: 100%;
	height: 60vw
}
}
@media screen and (max-width: 980px) {
.z_index_about {
	padding: 0;
	padding-bottom: 35px
}
.z_index_about .frbox {
	border-radius: 0;
	-webkit-clip-path: circle(100% at 50% 50%);
	clip-path: circle(100% at 50% 50%)
}
.z_index_about .flbox {
	padding: 35px 12px
}
.z_index_about .flbox .slg {
	text-align: center
}
}
.z_index_ys {
	overflow: hidden;
	min-height: 50vw;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}
.z_index_ys p{ color:#fff; font-size:1.0333333333vw; width:50%}
.z_index_ys .imgbgs {
	position: absolute;
	left: 0;
	top: 0%;
	z-index: -1
}
.z_index_ys .flexBetween {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.z_index_ys .big_data {
  margin-top: 15vw;
}
.z_index_ys .big_data .ite {
  text-align: center;
}

.z_index_ys .big_data .ite .top {
 
      font-family: DIN;
    font-size: 3.6458333333vw;
  color: #fff;
}
.z_index_ys .big_data .ite .bot {
  font-size: .8333333333vw;
 
  color: #fff;
  margin-top: 0.15rem;
}
.z_index_ys .big_data p {
  width: 1px;
  background: #fff;
  opacity: 0.3;
}

.z_index_ys .z_index_tit {
	color: #fff;
	position: relative
}
.z_index_ys .z_index_more {
	margin-top: 9.375vw
}
@media screen and (max-width: 980px) {
.z_index_ys .z_index_more {
	margin-top: 0px
}
}
.z_index_ys .z_flex_warp {
	width: 100%
}
.z_index_ys .frbox {
	width: 30.2083333333vw;
	margin-left: auto;
	color: #fff
}
@media screen and (max-width: 980px) {
.z_index_ys .frbox {
	width: 100%
}
}
.z_index_ys .frbox li {
	margin-bottom: 4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_index_ys .frbox li {
	margin-bottom: 30px
}
}
.z_index_ys .frbox li:last-child {
	margin-bottom: 0
}
.z_index_ys .frbox .tit {
	font-size: 1.5625vw;
	font-weight: bold;
margin-bottom:.9375vw
}
@media screen and (max-width: 980px) {
.z_index_ys .frbox .tit {
	font-size: 16px
}
}
@media screen and (max-width: 980px) {
.z_index_ys .frbox .tit {
	margin-bottom: 10px
}
}
.z_index_ys .frbox .desc {
font-size:.8333333333vw
}
@media screen and (max-width: 1680px) {
.z_index_ys .frbox .desc {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_index_ys .frbox .desc {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_index_ys {
	display: block;
	padding: 0
}
.z_index_ys .z_flex_warp {
	padding: 40px 12px
}
.z_index_ys .flbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.z_index_ys .flbox .z_index_tit {
	text-align: left
}
.z_index_ys .frbox {
	margin-top: 40px
}
.z_index_ys .imgbgs {
	background-attachment: inherit !important;
	position: absolute
}
}
.z_index_pro {
	background: #fff;
	padding-top: 0;
	padding-left: 0vw;
	padding-right: 0vw;
	padding-bottom: 4.1666666667vw
}
.z_index_pro .z_index_more {
	margin: 0 auto;
	margin-top: 4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_index_pro .z_index_more {
	margin-top: 30px
}
}
@media screen and (max-width: 980px) {
.z_index_pro {
	padding: 0;
	padding-bottom: 30px
}
}
.z_index_head {
	text-align: center;
	position: relative
}
.z_index_head::before {
	height: 1px;
	background: #ccc;
	position: absolute;
	width: calc(100% + 20.8333333333vw);
	left: -10.4166666667vw;
	top: auto;
	bottom: 0;
	z-index: 1
}
.z_index_head .z_index_tit .dot {
	margin: 0 auto;
	margin-bottom: 2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_index_head .z_index_tit .dot {
	margin-bottom: 20px
}
}
.z_index_head .warpper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 8.3333333333vw;
	padding-bottom: 4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_index_head .warpper {
	padding-top: 0px
}
}
@media screen and (max-width: 980px) {
.z_index_head .warpper {
	padding-bottom: 0px
}
}
.z_index_head .masked {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #131313;
	color: #f6f9f5;
	pointer-events: none;
	-webkit-mask-image: url(../images/cir.svg);
	mask-image: url(../images/cir.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 104px 136px;
	mask-size: 104px 136px;
	z-index: 1;
	opacity: 0
}
.z_index_head .masked .z_index_tit .tt {
	color: #fff
}
.z_index_head .masked .z_pro_nav {
	position: relative;
	z-index: 1
}
.z_index_head .masked .z_pro_nav a {
	color: #fff
}
.z_index_head .masked img {
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	z-index: 1
}
@media screen and (max-width: 980px) {
.z_index_head {
	padding: 30px 12px
}
}
.z_pro_nav {
	margin-top: 2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_pro_nav {
	margin-top: 20px
}
}
.z_pro_nav a {
	color: #888;
font-size:.9375vw;
	margin-left: 1.0416666667vw;
	margin-right: 1.0416666667vw;
	position: relative;
	-webkit-transition: ease 1s;
	transition: ease 1s
}
@media screen and (max-width: 1680px) {
.z_pro_nav a {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_pro_nav a {
	font-size: 16px
}
}
@media screen and (max-width: 980px) {
.z_pro_nav a {
	margin-left: 5px;
	margin-right: 5px
}
}
.z_pro_nav a.active {
	color: #000;
	text-decoration: underline
}
.z_pro_list li {
	width: 50%;
	padding: 3.125vw;
	border: 1px solid #ccc;

}
@media screen and (max-width: 980px) {
.z_pro_list li {
	width: 100%
}
}
@media screen and (max-width: 980px) {
.z_pro_list li {
	padding: 15px
}
}
@media screen and (max-width: 980px) {
.z_pro_list li {
	padding-left: 15px
}
}

@media screen and (max-width: 980px) {
.z_pro_list li:nth-child(even) {
	padding-left: 15px
}
}
@media screen and (max-width: 980px) {
.z_pro_list li:nth-child(even) {
	padding-right: 15px
}
}
.z_pro_list li:hover .imgbg {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}
.z_pro_list li:hover .tit {
	color: #5c9633
}
.z_pro_list .num {
	color: #aaa;
	font-size: 16px
}
.z_pro_list .imgbox {
	width: 32.2916666667vw;
	height: 32.2916666667vw;
	background: #f2f2f2;
	border-radius: 50%;
	overflow: hidden;
	margin: 1.0416666667vw auto;
	-webkit-transition: ease 1s;
	transition: ease 1s
}
@media screen and (max-width: 980px) {
.z_pro_list .imgbox {
	width: 60vw;
	height: 60vw
}
}
.z_pro_list .infobox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; margin-top:60px
}
.z_pro_list .tit {
	font-size:0.9vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1; font-weight:bold
}
@media screen and (max-width: 980px) {
.z_pro_list .tit {
	font-size: 16px
}
}
.z_pro_list .desc {
	color: #666;
font-size:.8333333333vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}
@media screen and (max-width: 1680px) {
.z_pro_list .desc {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_pro_list .desc {
	font-size: 14px
}
}
.z_pro_list .more {
	color: #5c9633;
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 10px
}
.z_pro_list .more::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #5c9633;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -15px
}
@media screen and (max-width: 980px) {
.z_pro_list li {
	border-right: none !important
}
}
.z_case_xqcon {
font-size:.9375vw;
	line-height: 1.6666666667vw
}
@media screen and (max-width: 1680px) {
.z_case_xqcon {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_case_xqcon {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_case_xqcon {
	line-height: 24px
}
}
.z_case_xqcon img {
	max-width: 100% !important;
	height: auto !important
}
.z_index_case {
	background: #f1f1f1;
	padding-right: 4.1666666667vw;
	padding-bottom: 5.2083333333vw
}
.z_index_case .line4 {
	right: 50%
}
.z_index_case .z_flex_warp {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.z_index_case .flbox {
	width: 29.8958333333vw
}
@media screen and (max-width: 980px) {
.z_index_case .flbox {
	width: 100%
}
}
.z_index_case .flbox .slg {
	font-size: 1.25vw;
	font-weight: bold;
margin-top:.9375vw
}
@media screen and (max-width: 980px) {
.z_index_case .flbox .slg {
	font-size: 16px
}
}
@media screen and (max-width: 980px) {
.z_index_case .flbox .slg {
	margin-top: 10px
}
}
.z_index_case .flbox .desc {
	color: #666;
font-size:.8333333333vw;
	line-height: 1.25vw;
	text-align: justify;
	margin-top: 2.0833333333vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5
}
@media screen and (max-width: 1680px) {
.z_index_case .flbox .desc {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_index_case .flbox .desc {
	font-size: 14px
}
}
@media screen and (max-width: 1680px) {
.z_index_case .flbox .desc {
	line-height: 1.45vw
}
}
@media screen and (max-width: 980px) {
.z_index_case .flbox .desc {
	line-height: 24px
}
}
@media screen and (max-width: 980px) {
.z_index_case .flbox .desc {
	margin-top: 20px
}
}
.z_index_case .flbox .z_index_more {
	margin-top: 6.25vw;
	color: #5c9633
}
@media screen and (max-width: 980px) {
.z_index_case .flbox .z_index_more {
	margin-top: 20px
}
}
.z_index_case .frbox {
	width: 25.625vw;
	margin-left: 12.8vw
}
@media screen and (max-width: 980px) {
.z_index_case .frbox {
	width: 100%
}
}
.z_index_case .z_case_swiper {
	overflow: hidden
}
.z_index_case .z_case_swiper li {
	height: 35.4166666667vw;
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 980px) {
.z_index_case .z_case_swiper li {
	height: 65vw
}
}
.z_index_case .z_case_swiper li .tit {
	position: absolute;
	left: 0;
	bottom: 0%;
	width: 100%;
	line-height: 5.2083333333vw;
	text-align: center;
	background: rgba(0,0,0,.6);
	color: #fff;
	z-index: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_index_case .z_case_swiper li .tit {
	line-height: 50px
}
}
@media screen and (max-width: 980px) {
.z_index_case .z_case_swiper li .tit {
	font-size: 16px
}
}
.z_index_case .z_case_swiper li:hover .imgbg {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05)
}
.z_index_case .z_case_swiper .swiper_dot {
	text-align: center;
	margin-top: 1.5625vw
}
@media screen and (max-width: 980px) {
.z_index_case .z_case_swiper .swiper_dot {
	margin-top: 20px
}
}
.z_index_case .z_case_swiper .swiper_dot span {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #b8b8b8;
	opacity: .6;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer
}
.z_index_case .z_case_swiper .swiper_dot span.on {
	background: #5c9633;
	opacity: 1
}
@media screen and (max-width: 980px) {
.z_index_case {
	padding: 0;
	padding-bottom: 35px
}
.z_index_case .slg {
	text-align: center
}
.z_index_case .flbox {
	padding: 35px 12px
}
}
.z_index_hb .z_hb_swiper {
	background: #5c9633;
	height: 13.5416666667vw
}
@media screen and (max-width: 980px) {
.z_index_hb .z_hb_swiper {
	height: 100px
}
}
.z_index_hb .z_hb_swiper ul {
	transition-timing-function: linear;
	-webkit-transition-timing-function: linear
}
.z_index_hb .z_hb_swiper li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.z_index_hb .z_hb_swiper li:hover img {
	opacity: 1
}
.z_index_hb .z_hb_swiper img {
	max-height: 6.25vw;
	max-width: 80%;
	display: block;
	opacity: .6;
	-webkit-transition: ease 1s;
	transition: ease 1s
}
@media screen and (max-width: 980px) {
.z_index_hb {
	margin-bottom: 40px
}
.z_index_hb .z_hb_swiper img {
	max-height: 50px
}
}
.z_index_news {
	background: #fff
}
.z_index_news .z_index_tit {
	margin-top: 0vw;
	margin-bottom: 2.6041666667vw
}
@media screen and (max-width: 980px) {
.z_index_news .z_index_tit {
	margin-top: 35px
}
}
.z_index_news .z_index_tit .desc {
	font-size: 1.1458333333vw;
	font-weight: bold;
margin-top:.5208333333vw
}
@media screen and (max-width: 980px) {
.z_index_news .z_index_tit .desc {
	font-size: 16px
}
}
@media screen and (max-width: 980px) {
.z_index_news .z_index_tit .desc {
	margin-top: 10px
}
}
@media screen and (max-width: 980px) {
.z_index_news .z_index_tit {
	margin-bottom: 30px
}
}
.z_index_news .z_index_more {
	margin: 0 auto;
	margin-top: 4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_index_news .z_index_more {
	margin-top: 30px
}
}
@media screen and (max-width: 980px) {
.z_index_news {
	padding-bottom: 35px;
	padding-left: 0;
	padding-right: 0;
	border-top: 1px solid #ccc
}
.z_index_news .z_news_list, .z_index_news .z_index_tit {
	padding: 0 12px
}
}
.z_news_list li {
	border: 1px solid #ddd;
	border-radius: 8px;
	margin-bottom: 1.0416666667vw;
	overflow: hidden
}
@media screen and (max-width: 980px) {
.z_news_list li {
	margin-bottom: 12px
}
}
.z_news_list li:hover .imgbg {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.z_news_list li:hover .tit {
	color: #5c9633
}
.z_news_list li:hover .more {
	background: #5c9633;
	color: #fff
}
.z_news_list li:hover .more em {
	background: #fff
}
.z_news_list .flbox {
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.z_news_list .imgbox {
	width: 27.0833333333vw;
	height: 17.7083333333vw;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 8px
}
@media screen and (max-width: 980px) {
.z_news_list .imgbox {
	width: 100%;
	height: 50vw
}
}
.z_news_list .infobox {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 2.6041666667vw;
	padding-bottom: 2.6041666667vw;
	padding-left: 3.125vw;
	padding-right: 3.125vw
}
@media screen and (max-width: 980px) {
.z_news_list .infobox {
	padding-top: 0;
	padding-bottom: 0
}
}
@media screen and (max-width: 980px) {
.z_news_list .infobox {
	padding-left: 0;
	padding-right: 0
}
}
.z_news_list .tit {
	font-size: 1.4583333333vw;
	line-height: 1.5625vw;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
@media screen and (max-width: 980px) {
.z_news_list .tit {
	font-size: 16px
}
}
@media screen and (max-width: 1680px) {
.z_news_list .tit {
	line-height: 1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_news_list .tit {
	line-height: 24px
}
}
.z_news_list .desc {
font-size:.8333333333vw;
	line-height: 1.25vw;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 1.5625vw;
	margin-bottom: 1.5625vw
}
@media screen and (max-width: 1680px) {
.z_news_list .desc {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_news_list .desc {
	font-size: 14px
}
}
@media screen and (max-width: 1680px) {
.z_news_list .desc {
	line-height: 1.45vw
}
}
@media screen and (max-width: 980px) {
.z_news_list .desc {
	line-height: 20px
}
}
@media screen and (max-width: 980px) {
.z_news_list .desc {
	margin-top: 10px
}
}
@media screen and (max-width: 980px) {
.z_news_list .desc {
	margin-bottom: 10px
}
}
.z_news_list .slgbar span {
	display: inline-block;
	padding: 0 15px;
	border-radius: 16px;
	height: 32px;
	line-height: 32px;
	height: 1.6666666667vw;
	line-height: 1.6666666667vw;
	background: #eee;
	color: #444;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	-webkit-transition: ease .6s;
	transition: ease .6s
}
@media screen and (max-width: 980px) {
.z_news_list .slgbar span {
	height: 28px
}
}
@media screen and (max-width: 980px) {
.z_news_list .slgbar span {
	line-height: 26px
}
}
.z_news_list .slgbar span:hover {
	border-color: #5c9633;
	color: #5c9633;
	background: #fff
}
.z_news_list .frbox {
	width: 7.2916666667vw;
	border-left: 1px solid #ddd;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-align: center
}
@media screen and (max-width: 980px) {
.z_news_list .frbox {
	width: 100%
}
}
.z_news_list .frbox .box {
	height: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.z_news_list .frbox .box:first-child {
	border-bottom: 1px solid #ddd
}
.z_news_list .frbox .time {
	font-family: DIN;
	font-size: 16px
}
.z_news_list .frbox .time em {
	display: block;
	font-size: 2.6041666667vw
}
@media screen and (max-width: 980px) {
.z_news_list .frbox .time em {
	font-size: 28px
}
}
.z_news_list .frbox .more {
	-webkit-transition: ease .6s;
	transition: ease .6s;
	text-decoration: underline
}
.z_news_list .frbox .more em {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #5c9633;
	border-radius: 50%
}
@media screen and (max-width: 980px) {
.z_news_list .tit {
	margin-top: 12px
}
.z_news_list .frbox {
	display: none
}
}
.z_footer {
	background: #eee
}
.z_footer .logo img {
	display: block;
	height: 2.7604166667vw
}
.z_footer .paddwarp {
	padding: 4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_footer .paddwarp {
	padding: 12px
}
}
.z_footer .flbox {
	width: 29.0833333333vw
}
@media screen and (max-width: 980px) {
.z_footer .flbox {
	width: 100%
}
}
.z_footer .frbox {
	margin-left: auto
}
.z_footer .z_footer_nav li {
	display: inline-block;
	vertical-align: top;
	margin-right: 5.2083333333vw
}
.z_footer .z_footer_nav a {
	display: block
}
.z_footer .z_footer_nav h3 {
margin-bottom:.5208333333vw
}
.z_footer .z_footer_nav h3 a {
font-size:.9375vw;
	font-weight: bold;
	position: relative
}
@media screen and (max-width: 1680px) {
.z_footer .z_footer_nav h3 a {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_footer .z_footer_nav h3 a {
	font-size: 14px
}
}
.z_footer .z_footer_nav h3 a:hover::before {
	background: #5c9633;
	border-color: #5c9633
}
.z_footer .z_footer_nav .down a {
font-size:.8333333333vw;
	color: #666;
	line-height: 32px
}
@media screen and (max-width: 1680px) {
.z_footer .z_footer_nav .down a {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_footer .z_footer_nav .down a {
	font-size: 14px
}
}
.z_footer .z_footer_nav .down a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold
}
.z_footer .retop {
	width: 44px;
	height: 44px;
	background: #5c9633;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}
.z_footer .retop i{ font-size:30px; color:#fff;}
.z_footer .z_share a {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-right: 10px
}
.z_footer .z_share a:hover em {
	background: #5c9633;
	color: #fff
}
.z_footer .z_share a:hover .code {
	opacity: 1
}
.z_footer .z_share em {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: #fff;
	border-radius: 21px;
	-webkit-transition: ease .5s;
	transition: ease .5s
}
.z_footer .z_share .code {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(100% + 10px);
	width: 80px;
	-webkit-transition: ease .5s;
	transition: ease .5s;
	opacity: 0
}
.z_footer .z_share .code img {
	display: block;
	width: 100%
}
.z_footer .address {
	line-height: 22px;
font-size:.8333333333vw;
	font-weight: bold
}
@media screen and (max-width: 1680px) {
.z_footer .address {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_footer .address {
	font-size: 14px
}
}
.z_footer .centerwarp {
	margin-top: 9.375vw
}
@media screen and (max-width: 980px) {
.z_footer .centerwarp {
	margin-top: 20px
}
}
.z_footer .z_code ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.z_footer .z_code li {
	width: 4.5833333333vw;
	margin-left: 10px
}
@media screen and (max-width: 980px) {
.z_footer .z_code li {
	width: 70px
}
}
.z_footer .z_code li img {
	display: block;
	width: 100%
}
.z_footer .btmwarp {
	padding: 2.0833333333vw 4.1666666667vw;
	border-top: 1px solid #ccc
}
@media screen and (max-width: 980px) {
.z_footer {
	text-align: center
}
.z_footer .z_footer_nav, .z_footer .logo, .z_footer .z_retop, .z_footer .z_share {
	display: none
}
.z_footer .paddwarp {
	padding: 20px 12px
}
.z_footer .centerwarp {
	margin: 0
}
.z_footer .z_code {
	margin-top: 20px;
	width: 100%
}
.z_footer .z_code ul {
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.z_footer .z_code li {
	display: inline-block;
	margin: 0 10px
}
}
.z_other_banner {
	width: 100%;
	height: 42.7083333333vw;
	position: relative;
	margin-top: 0vw
}
@media screen and (max-width: 980px) {
.z_other_banner {
	height: 76vw
}
}
@media screen and (max-width: 980px) {
.z_other_banner {
	margin-top: 55px
}
}
.z_other_banner .z_text {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	padding: 0 9.5833333333vw;
	color: #fff;
	z-index: 1;
	top: 43%
}
.z_other_banner .tit {
	font-size: 4.1666666667vw;
	font-weight: bolder;; letter-spacing:10px;
	position: relative; margin-bottom:30px
}
@media screen and (max-width: 980px) {
.z_other_banner .tit {
	font-size: 22px
}
}

@media screen and (max-width: 980px) {
.z_other_banner .tit::before {
	width: 30px;
	height: 40px
}
}
.z_other_banner .desc {
	font-size: 1.0416666667vw;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_other_banner .desc {
	font-size: 14px
}
}
.z_other_banner .swiper_bar {
	height: 50px
}
@media screen and (max-width: 980px) {
.z_other_banner .z_text {
	padding: 0 12px;
	text-align: center
}
.z_other_banner .tit {
	display: inline-block;
	margin-bottom: 10px
}
.z_other_banner .tit::before {
	left: -5px
}
.z_other_banner .swiper_bar {
	display: none
}
}
.z_page {
	padding: 0
}
.z_page_bar {
	position: relative;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-right: 5.2083333333vw;
	z-index: 1
}
@media screen and (max-width: 980px) {
.z_page_bar {
	padding-right: 0
}
}
.z_page_bar .z_section_bar {
	position: relative
}
.z_page_bar .z_page_wz {
	font-weight: normal
}
.z_page_bar .z_page_wz a:hover {
	color: #5c9633;
	font-weight: bold
}
.z_page_bar .z_nav_swiper li {
	width: auto;
	margin-right: 2.6041666667vw
}
.z_page_bar .z_nav_swiper li a {
	color: #666;
font-size:.8333333333vw
}
@media screen and (max-width: 1680px) {
.z_page_bar .z_nav_swiper li a {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_page_bar .z_nav_swiper li a {
	font-size: 14px
}
}
.z_page_bar .z_nav_swiper li a:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -16px;
	opacity: 0;
	-webkit-transition: ease 1s;
	transition: ease 1s
}
.z_page_bar .z_nav_swiper li.active a, .z_page_bar .z_nav_swiper li:hover a {
	color: #000
}
.z_page_bar .z_nav_swiper li.active a::before, .z_page_bar .z_nav_swiper li:hover a::before {
	opacity: 1
}
@media screen and (max-width: 980px) {
.z_page_bar {
	border-bottom: 1px solid #ccc
}
.z_page_bar .z_section_bar {
	display: none
}
.z_page_bar .z_nav_swiper {
	line-height: 50px;
	padding: 0 12px
}
.z_page_bar .z_nav_swiper li {
	margin-right: 15px
}
.z_page_bar .z_nav_swiper li a::before {
	display: none
}
.z_page_bar .z_nav_swiper li.active, .z_page_bar .z_nav_swiper li:hover {
	font-weight: bold
}
}
@media screen and (max-width: 980px) {
.z_page .line {
	display: none
}
}
#menu {
	height: 100vw;
	position: absolute;
	background-color: #fff;
	width: 4.1666666667vw;
	margin-top: 5%;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left: 50%
}
#menu #blob {
	top: 0;
	z-index: -1;
	right: 55px;
	height: 100vw;
	position: absolute;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
#menu #blob-path {
	height: 100%;
	fill: #fff
}
@media screen and (max-width: 980px) {
#menu {
	display: none
}
}
.z_about_warp {
	padding: 5.2083333333vw 10.4166666667vw;
	background: #fff
}
.z_about_warp .topwarp .desc p{
font-size:.8333333333vw;
	line-height: 2;
	text-align: justify; margin-bottom:10px
}
@media screen and (max-width: 1680px) {
.z_about_warp .topwarp .desc {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_about_warp .topwarp .desc {
	font-size: 14px
}
}
@media screen and (max-width: 1680px) {
.z_about_warp .topwarp .desc {
	line-height: 1.45vw
}
}
@media screen and (max-width: 980px) {
.z_about_warp .topwarp .desc {
	line-height: 24px
}
}
.z_about_warp .topwarp .slg {
	color: #aaa;
	font-size: 1.0416666667vw;
	margin-top: 10px
}
@media screen and (max-width: 980px) {
.z_about_warp .topwarp .slg {
	font-size: 16px
}
}
.z_about_warp .topwarp .frbox {
	width: 39.5833333333vw;
	margin-left: auto
}
@media screen and (max-width: 980px) {
.z_about_warp .topwarp .frbox {
	width: 100%
}
}
.z_about_warp .video_warp {
	margin: 5.2083333333vw 0;
	position: relative
}
.z_about_warp .video_warp .about_video {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill
}
.z_about_warp .video_warp .z_video_btn {
	position: relative;
	cursor: pointer;
	width: 9.375vw;
	height: 9.375vw;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	position: absolute;
	left: 2.6041666667vw;
	bottom: 2.6041666667vw;
	z-index: 2
}
@media screen and (max-width: 980px) {
.z_about_warp .video_warp .z_video_btn {
	width: 80px;
	height: 80px
}
}
.z_about_warp .video_warp .z_video_btn::before {
	content: "Play video";
	text-transform: uppercase;
	-webkit-transform: translateX(90%);
	transform: translateX(90%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	font-family: DIN;
font-size:.8333333333vw;
	border-radius: 50%;
	border: 1px dashed #fff;
	-webkit-transition: ease 1s;
	transition: ease 1s
}
@media screen and (max-width: 1680px) {
.z_about_warp .video_warp .z_video_btn::before {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_about_warp .video_warp .z_video_btn::before {
	font-size: 12px
}
}
.z_about_warp .video_warp .z_video_btn:hover::before {
	background: #5c9633;
	color: #fff;
	z-index: 1
}
 .z_about_num {
	border-top: 1px solid #ccc; padding:0 10.4166666667vw; background:#EFF5FB; border-bottom: 1px solid #ccc; 
}
.z_about_num ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.z_about_num li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 3.125vw 1.5625vw
}
.z_about_num li:first-child{ border:none}
.z_about_num li{
	border-left: 1px solid #ccc;
	padding-left: 3.125vw
}
.z_about_num li .timer {
	font-family: DIN;
	font-size: 3.6458333333vw;
	position: relative
}
@media screen and (max-width: 980px) {
.z_about_num li .timer {
	font-size: 30px
}
}
.z_about_num li .timer::before {
	content: "";
width:.5208333333vw;
height:.5208333333vw;
	background: #5c9633;
	border-radius: 50%;
	position: absolute;
	left: -1.0416666667vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
@media screen and (max-width: 980px) {
.z_about_num li .timer::before {
	width: 5px;
	height: 5px
}
}
.z_about_num li h4 {
	color: #666;
font-size:.8333333333vw
}
@media screen and (max-width: 1680px) {
.z_about_num li h4 {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_about_num li h4 {
	font-size: 14px
}
}
.z_about_num li h4 em {
	color: #000;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_about_warp {
	padding: 30px 12px
}
.z_about_warp .topwarp .desc {
	margin: 20px 0
}
.z_about_num ul {
	display: block
}
.z_about_num li {
	padding: 20px 12px !important;
	border-left: none !important;
	border-bottom: 1px solid #ccc
}
.z_about_num li .timer::before {
	left: -10px
}
.z_about_num li h4 {
	margin-top: 5px
}
}
.z_about_ys {
	padding-right: 4.1666666667vw
}
.z_about_ys .z_index_tit .tt::before {
	display: none
}
.z_about_ys .z_index_tit .slg {
	color: #fff
}
.z_about_ys .frbox {
	width: 45.8333333333vw
}
@media screen and (max-width: 980px) {
.z_about_ys .frbox {
	width: 100%
}
}
.z_about_ys .frbox .tit {
font-size:.8333333333vw;
	font-family: DIN;
	font-weight: bold;
	display: inline-block;
	border: 1px solid #fff;
	padding: 0 15px;
	border-radius: 20px;
	line-height: 2.0833333333vw
}
@media screen and (max-width: 1680px) {
.z_about_ys .frbox .tit {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_about_ys .frbox .tit {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_about_ys .frbox .tit {
	line-height: 30px
}
}
.z_about_ys .frbox .desc {
	font-size: 1.4583333333vw
}
@media screen and (max-width: 980px) {
.z_about_ys .frbox .desc {
	font-size: 16px
}
}
.z_about_ys .frbox li {
	border-bottom: 1px solid rgba(255,255,255,.5);
	padding: 2.6041666667vw 0;
	padding-top: 2.6041666667vw;
	padding-bottom: 2.6041666667vw;
	margin-bottom: 0
}
@media screen and (max-width: 980px) {
.z_about_ys .frbox li {
	padding-top: 20px;
	padding-bottom: 20px
}
}
.z_about_ys .frbox li:last-child {
	border-bottom: none
}
@media screen and (max-width: 980px) {
.z_about_ys {
	padding: 0px
}
.z_about_ys .flbox {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.z_about_ys .flbox .z_index_tit {
	text-align: center
}
}
.z_about_section {
	background: #fff;
	padding: 0 4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_about_section {
	padding: 0
}
}
.z_about_process {
	padding-bottom: 9.375vw
}
.z_about_head {
	padding: 4.1666666667vw 6.25vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}
.z_about_head .swiper_btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	margin-bottom: 1.0416666667vw
}
.z_about_head .swiper_btn .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 2.8125vw;
	height: 2.8125vw;
margin-left:.78125vw;
	border: 1px solid #bbb;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
	-webkit-transition: ease 1s;
	transition: ease 1s;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_about_head .swiper_btn .btn {
	width: 32px;
	height: 32px
}
}
@media screen and (max-width: 980px) {
.z_about_head .swiper_btn .btn {
	margin-left: 10px
}
}
.z_about_head .swiper_btn .btn:hover {
	background: #5c9633;
	border-color: #5c9633;
	color: #fff
}
@media screen and (max-width: 980px) {
.z_about_head {
	padding: 30px 12px
}
.z_about_head .z_index_tit {
	text-align: left
}
.z_about_head .z_index_tit .dot {
	margin-left: 5px
}
}
.z_process_swiper {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc
}
.z_process_swiper .swiper-slide {
	padding: 3.125vw 6.25vw;
	padding-right: 4.6875vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-right: 1px solid #ccc;
	position: relative
}
.z_process_swiper .year {
	background: #f4f3f2;
	border-radius: 16px;
	width: 11.4583333333vw;
	height: 6.25vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 1.4583333333vw;
	margin-right: 2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_process_swiper .year {
	width: auto;
	height: auto
}
}
@media screen and (max-width: 980px) {
.z_process_swiper .year {
	font-size: 16px
}
}
@media screen and (max-width: 980px) {
.z_process_swiper .year {
	margin-right: 20px
}
}
.z_process_swiper .year em {
	font-size: 2.9166666667vw;
	font-family: DIN
}
@media screen and (max-width: 980px) {
.z_process_swiper .year em {
	font-size: 24px
}
}
.z_process_swiper .con {
	max-height: 16.1458333333vw;
	overflow-y: auto;
	padding-left: 15px;
	padding-right: 10px
}
.z_process_swiper li {
font-size:.9375vw;
	margin-bottom: 1.0416666667vw;
	position: relative;
	text-align: justify
}
@media screen and (max-width: 1680px) {
.z_process_swiper li {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_process_swiper li {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_process_swiper li {
	margin-bottom: 10px
}
}
.z_process_swiper li:last-child {
	margin-bottom: 0
}
.z_process_swiper li::before {
	content: "";
	display: block;
width:.4166666667vw;
height:.4166666667vw;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: -15px;
	top: 8px
}
@media screen and (max-width: 980px) {
.z_process_swiper li::before {
	width: 4px;
	height: 4px
}
}
@media screen and (max-width: 980px) {
.z_process_swiper .swiper-slide {
	display: block;
	padding: 20px 12px;
	border: none
}
.z_process_swiper .year {
	background: none;
	border-radius: none;
	margin-bottom: 20px
}
.z_process_swiper .con {
	max-height: none;
	margin: 0;
	padding: 0;
	padding-left: 20px
}
}
.z_index_cp {
	background: #fff
}
.z_index_cp .z_honor_swiper {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	overflow: hidden;
	text-align: center
}
.z_index_cp li {
	padding: 4.6875vw 2.0833333333vw;
	border-right: 1px solid #ccc
}
.z_index_cp li:hover img {
	-webkit-transform: scale(1.02, 1.02);
	transform: scale(1.02, 1.02)
}
.z_index_cp li .tit {
	display: inline-block;
	position: relative;
font-size:.9375vw
}
@media screen and (max-width: 1680px) {
.z_index_cp li .tit {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_index_cp li .tit {
	font-size: 14px
}
}
.z_index_cp li .tit::before {
	content: "";
	display: block;
width:.3125vw;
height:.3125vw;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: -15px;
	top: 8px
}
@media screen and (max-width: 980px) {
.z_index_cp li .tit::before {
	width: 4px;
	height: 4px
}
}
.z_index_cp a {
	display: block;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.z_index_cp .imgbox {
	margin: 0 auto;
	height: 19.2708333333vw;
	margin-bottom: 1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_index_cp .imgbox {
	height: 60vw
}
}
@media screen and (max-width: 980px) {
.z_index_cp .imgbox {
	margin-bottom: 10px
}
}
.z_index_cp .imgbox img {
	display: block;
	max-height: 100%;
	-webkit-transition: ease 1s;
	transition: ease 1s;
	max-width: 100%
}
@media screen and (max-width: 980px) {
.z_index_cp li .tit::before {
	display: none
}
}
.z_sb_swiper {
	width:480px;
	height: 330px;
	margin: 0 auto
}.z_sb_swiper .swiper-slide{ opacity:0.3}
.z_sb_swiper .swiper-slide-active{ opacity:1 }

@media screen and (max-width: 980px) {
.z_sb_swiper {
	width: 100%;
	height: 60vw
}
}
.z_sb_swiper li {
	position: relative;
	overflow: hidden
}
.z_sb_swiper li::before {
	background: url(../images/mask.png) no-repeat bottom center;
	background-size: 100% auto;
	z-index: 1
}
.z_sb_swiper li:hover .imgbg {
	-webkit-transform: scale(1.04, 1.04);
	transform: scale(1.04, 1.04)
}
.z_sb_swiper .infobox {
	position: absolute;
	left: 0;
	bottom: 0%;
	width: 100%;
	z-index: 2;
	padding: 2.6041666667vw;
	color: #fff
}
@media screen and (max-width: 980px) {
.z_sb_swiper .infobox {
	padding: 20px
}
}
.z_sb_swiper .infobox .tit {
	font-size: 1.6666666667vw;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_sb_swiper .infobox .tit {
	font-size: 16px
}
}
.z_sb_swiper .infobox .desc {
font-size:.8333333333vw;
	margin-top: 5px
}
@media screen and (max-width: 1680px) {
.z_sb_swiper .infobox .desc {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_sb_swiper .infobox .desc {
	font-size: 14px
}
}
.z_about_sb {
	padding-bottom: 7.8125vw
}
.z_about_ys2 {
	padding-right: 4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_about_ys2 {
	padding-right: 0
}
}
.z_about_ys2 .z_index_tit .tt::before {
	display: none
}
.z_about_ys2 .frbox {
	width: 45.8333333333vw
}
@media screen and (max-width: 980px) {
.z_about_ys2 .frbox {
	width: 100%
}
}
.z_about_ys2 .frbox li {
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding-bottom: 2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_about_ys2 .frbox li {
	padding-bottom: 20px
}
}
.z_about_ys2 .frbox li:last-child {
	border-bottom: none
}
.z_about_ys2 .frbox .desc {
	width: 65%
}
@media screen and (max-width: 980px) {
.z_about_ys2 .frbox .desc {
	width: 100%
}
}
@media screen and (max-width: 980px) {
.z_about_ys2 .flbox .z_index_tit {
	text-align: center
}
}
.z_pro_list2 {
	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 980px) {
.z_pro_list2 {
	padding-bottom: 30px
}
}.z_pro_list2{ padding:4%}
.z_pro_list2 li {
	width: 32%;
	height: 31.25vw;
	padding: 1.8229166667vw; margin-right:2%; margin-bottom:2%
}
.z_pro_list2 li:nth-child(3n){ margin-right:0}
@media screen and (max-width: 980px) {
.z_pro_list2 li {
	width: 100%;
	height: auto
}
}
@media screen and (max-width: 980px) {
.z_pro_list2 li {
	padding: 12px
}
}
.z_pro_list2 li .imgbox {
	width: 21.3541666667vw;
	height: 21.3541666667vw
}
@media screen and (max-width: 980px) {
.z_pro_list2 li .imgbox {
	width: 60vw;
	height: 60vw
}
}
.z_pro_list2 li:nth-child(2n) {

}

.z_pro_list2 .z_index_more {
	margin-top: 4.1666666667vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0
}
@media screen and (max-width: 980px) {
.z_pro_list2 .z_index_more {
	margin-top: 30px
}
}
@media screen and (max-width: 980px) {
.z_pro_warp .z_about_head .dot {
	margin: 0 auto;
	margin-bottom: 15px
}
.z_pro_warp .z_about_head .z_index_tit {
	text-align: center
}
}
.z_xq_page {
	margin-top: 5.2083333333vw
}
@media screen and (max-width: 980px) {
.z_xq_page {
	margin-top: 55px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .z_page_bar .z_section_bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
}
.z_pro_section {
	border-bottom: 1px solid #ccc
}
.z_pro_section .flbox {
	width: 50%;
	height: 45.8333333333vw;
	border-right: 1px solid #ccc;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
@media screen and (max-width: 980px) {
.z_pro_section .flbox {
	width: 100%;
	height: 100vw
}
}
.z_pro_section .flbox .imgbox {
	width: 33.3333333333vw;
	height: 33.3333333333vw;
	border-radius: 50%
}
@media screen and (max-width: 980px) {
.z_pro_section .flbox .imgbox {
	width: 80vw;
	height: 80vw
}
}
.z_pro_section .frbox {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 5.2083333333vw;
	padding-right: 5.2083333333vw;
	padding-top: 8.3333333333vw
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox {
	padding-left: 12px;
	padding-right: 12px
}
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox {
	padding-top: 12px
}
}
.z_pro_section .frbox .z_index_tit .tt {
	font-size: 3.0208333333vw;
	line-height: 3.0208333333vw
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox .z_index_tit .tt {
	font-size: 20px
}
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox .z_index_tit .tt {
	line-height: 20px
}
}
.z_pro_section .frbox .z_index_tit .slg {
	color: #000;
	font-weight: bold;
	font-size: 1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox .z_index_tit .slg {
	font-size: 16px
}
}
.z_pro_section .frbox .desc {
	color: #222;
font-size:.8375vw;
	margin: 1.5625vw 0; line-height:2
}
@media screen and (max-width: 1680px) {
.z_pro_section .frbox .desc {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox .desc {
	font-size: 14px
}
} 
.z_pro_list .z_flex_ul{justify-content: center;}
.z_pro_section .frbox .spanbar span {
	display: inline-block;
	background: url(../images/gou.png) no-repeat left center;
	padding-left: 24px;
	margin-right: 1.5625vw;
font-size:.9375vw;
	color: #222;
	margin-bottom: 6px
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox .spanbar span {
	margin-right: 10px
}
}
@media screen and (max-width: 1680px) {
.z_pro_section .frbox .spanbar span {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox .spanbar span {
	font-size: 14px
}
}
.z_pro_section .frbox .btnwarp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox .btnwarp {
	margin-top: 20px
}
}
.z_pro_section .frbox .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 140px;
	height: 50px;
	background: #5c9633;
	color: #fff;
	margin-right: 14px;
	font-size: 16px
}
.z_pro_section .frbox .btn img {
	margin-right: 6px
}
.z_pro_section .frbox .btn.on {
	background: #124a89
}
@media screen and (max-width: 980px) {
.z_pro_section .frbox {
	padding-bottom: 30px
}
.z_pro_section .frbox .desc {
	margin: 20px 0
}
.z_pro_section .btnwarp {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.z_pro_section .btnwarp .btn {
	margin: 0;
	width: 48%
}
}
.z_news_section {
	padding-left: 10.4166666667vw;
	padding-right: 10.4166666667vw;
	padding-top: 3.125vw;
	padding-bottom: 6.25vw
}
@media screen and (max-width: 980px) {
.z_news_section {
	padding-left: 0px;
	padding-right: 0px
}
}
@media screen and (max-width: 980px) {
.z_news_section {
	padding-top: 0px
}
}
@media screen and (max-width: 980px) {
.z_news_section {
	padding-bottom: 35px
}
}
@media screen and (max-width: 980px) {
.z_news_section {
	border-top: none
}
}
.z_pro_con {
	position: relative;
	padding: 4.1666666667vw 0
}
.z_pro_con .nav {
	position: absolute;
	left: 7.2916666667vw;
	top: 0;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.z_pro_con .nav a {
	display: block;
	position: relative;
font-size:.8333333333vw;
	line-height: 1.5625vw;
	font-weight: bold
}
@media screen and (max-width: 1680px) {
.z_pro_con .nav a {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_pro_con .nav a {
	font-size: 16px
}
}
@media screen and (max-width: 1680px) {
.z_pro_con .nav a {
	line-height: 1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_pro_con .nav a {
	line-height: 40px
}
}
.z_pro_con .nav a:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #5c9633;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -12px;
	opacity: 0
}
.z_pro_con .nav a.on, .z_pro_con .nav a:hover {
	color: #5c9633
}
.z_pro_con .nav a.on::before, .z_pro_con .nav a:hover::before {
	opacity: 1
}
.z_pro_con .content {
	width: 67.7083333333vw;
	margin: 0 auto
}
@media screen and (max-width: 980px) {
.z_pro_con .content {
	width: 100%
}
}
.z_pro_con .titbar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 2.5vw;
	font-weight: bold;
	margin-bottom: 1.3020833333vw
}
@media screen and (max-width: 980px) {
.z_pro_con .titbar {
	font-size: 18px
}
}
@media screen and (max-width: 980px) {
.z_pro_con .titbar {
	margin-bottom: 20px
}
}
.z_pro_con .titbar .num {
	background: #5c9633;
	border-radius: 50%;
	width: 2.6041666667vw;
	height: 2.6041666667vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	font-size: 1.25vw;
	font-family: DIN;
	margin-right: 10px
}
@media screen and (max-width: 980px) {
.z_pro_con .titbar .num {
	width: 30px;
	height: 30px
}
}
@media screen and (max-width: 980px) {
.z_pro_con .titbar .num {
	font-size: 16px
}
}
.z_pro_con .itembox {
	margin-bottom: 3.6458333333vw
}
@media screen and (max-width: 980px) {
.z_pro_con .itembox {
	margin-bottom: 30px
}
}
.z_pro_con .conbox {
font-size:.8375vw;
	font-weight: 400;
	color: #222;
	line-height: 2
}

.z_pro_con .conbox h2 {
    color: #5c9633;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 10px;
    background-color: #eee;
    border-left: 2px solid #5c9633;
    display: block;
    width: 100%;
    padding-left: 20px;}
.z_pro_con .conbox table tr:first-child{ background:#f9f9f9}
.z_pro_con .conbox table{
    border: 1px solid #efefef!important;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.z_pro_con .conbox table  tr td {
    padding: 10px 15px;
    border: 1px solid #efefef !important;font-size:16px; vertical-align:middle; text-align:center
}
.z_pro_con .conbox table  tr th {
    padding: 10px 15px;
    border: 1px solid #efefef !important; font-size:16px;
}
.z_pro_con .conbox table  tr th{ background:#e2e3e7 !important; color:#000}
@media screen and (max-width: 1680px) {
.z_pro_con .conbox {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_pro_con .conbox {
	font-size: 14px
}
}
@media screen and (max-width: 1680px) {
.z_pro_con .conbox {
	line-height: 1.6916666667vw
}
}
@media screen and (max-width: 980px) {
.z_pro_con .conbox {
	line-height: 24px
}
}
.z_pro_con .conbox img {
	max-width: 100% !important;
	height: auto !important
}
.z_pro_con .downbox {
	border: 1px solid #ccc;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.z_pro_con .downbox .imgbox {
	width: 20.8333333333vw;
	height: 14.5833333333vw;
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
@media screen and (max-width: 980px) {
.z_pro_con .downbox .imgbox {
	width: 100%;
	height: 50vw
}
}
.z_pro_con .downbox .imgbox .slg {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 60px;
	height: 34px;
	border: 1px solid rgba(255,255,255,.4);
	border-radius: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff
}
.z_pro_con .downbox .infobox {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 2.6041666667vw
}
.z_pro_con .downbox .infobox .tit {
	font-size: 1.5625vw;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_pro_con .downbox .infobox .tit {
	font-size: 16px
}
}
.z_pro_con .downbox .infobox .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 150px;
	height: 48px;
	background: #5c9633;
	color: #fff;
	font-size: 16px;
	margin: 15px 0
}
.z_pro_con .downbox .infobox img {
	margin-right: 10px
}
.z_pro_con .downbox .infobox .ts {
	color: #666;
font-size:.8333333333vw
}
@media screen and (max-width: 1680px) {
.z_pro_con .downbox .infobox .ts {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_pro_con .downbox .infobox .ts {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_pro_con {
	padding: 30px 12px
}
.z_pro_con .nav {
	position: relative;
	left: auto;
	top: auto;
	height: auto;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	display: none
}
.z_pro_con .nav div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}
.z_pro_con .nav a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.z_pro_con .downbox .infobox {
	padding: 20px 12px
}
}
.z_xg_head {
	border-top: 1px solid #ccc;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.z_xg_head .z_index_tit .dot {
	margin-left: auto;
	margin-right: auto
}
.z_xg_head .z_index_tit .tt {
	font-size: 3.5416666667vw
}
@media screen and (max-width: 980px) {
.z_xg_head .z_index_tit .tt {
	font-size: 20px
}
}
.z_case_list {
	padding: 0 6.25vw;
	padding-bottom: 6.25vw
}
.z_case_list li {
	width: 49%;
	margin-right: 2%;
	
}
.z_case_list li:nth-child(2n){ margin-right:0}
.z_case_list li{  position:relative; border-radius:10px; margin-bottom:30px; overflow:hidden }
.z_case_list li .pic{ }
.z_case_list li .tit{ position:absolute;  text-align:center; background:rgba(0,0,0,0.5); height:50px; line-height:50px; color:#fff; bottom:0; width:100%;}
.z_case_list li:hover .tit{background:rgba(92,150,51,0.5); color:#fff; }
@media screen and (max-width: 980px) {
.z_case_list li {
	width: 100%
}
}
@media screen and (max-width: 980px) {
.z_case_list li {
	margin-right: 0
}
}

@media screen and (max-width: 980px) {
.z_case_list li {
	margin-bottom: 12px
}
}
.z_case_list li:hover .imgbg {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.z_case_list li:hover .more {
	color: #5c9633
}
.z_case_list li:hover .more::before {
	background: #5c9633
}
.z_case_list li:hover .tit {
	
}
.z_case_list .imgbox {
	height: 15.625vw
}
@media screen and (max-width: 980px) {
.z_case_list .imgbox {
	height: 50vw
}
}
.z_case_list .infobox {
	padding-top: 1.0416666667vw;
	padding-bottom: 1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_case_list .infobox {
	padding-top: 20px;
	padding-bottom: 20px
}
}
.z_case_list .tit {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 1.1458333333vw;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_case_list .tit {
	font-size: 16px
}
}
.z_case_list .desc {
font-size:.8333333333vw;
	color: #777;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.25vw;
	min-height: 2.5vw;
	margin: 10px 0;
	margin-bottom: 20px
}
@media screen and (max-width: 1680px) {
.z_case_list .desc {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_case_list .desc {
	font-size: 14px
}
}
@media screen and (max-width: 1680px) {
.z_case_list .desc {
	line-height: 1.45vw
}
}
@media screen and (max-width: 980px) {
.z_case_list .desc {
	line-height: 20px
}
}
.z_case_list .more {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 10px
}
.z_case_list .more::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -15px
}
.z_case_list .z_index_more {
	margin: 0 auto;
	margin-top: 2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_case_list {
	padding: 0 12px;
	padding-bottom: 40px
}
}
.z_contact_box {
	position: relative;
	z-index: 1
}
.z_contact_box .flbox {
	width: 50%;
	padding-top: 4.1666666667vw;
	padding-bottom: 4.1666666667vw;
	padding-left: 10.4166666667vw;
	padding-right: 5.2083333333vw
}
@media screen and (max-width: 980px) {
.z_contact_box .flbox {
	width: 100%
}
}
@media screen and (max-width: 980px) {
.z_contact_box .flbox {
	padding-top: 30px;
	padding-bottom: 30px
}
}
@media screen and (max-width: 980px) {
.z_contact_box .flbox {
	padding-left: 12px
}
}
@media screen and (max-width: 980px) {
.z_contact_box .flbox {
	padding-right: 12px
}
}
.z_contact_box .z_index_tit .tt {
	font-size: 1.9791666667vw
}
@media screen and (max-width: 980px) {
.z_contact_box .z_index_tit .tt {
	font-size: 22px
}
}
.z_contact_box .frbox {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
.z_contact_way .address {
	margin: 2.0833333333vw 0;
font-size:.9375vw;
	line-height: 1.6666666667vw
}
@media screen and (max-width: 1680px) {
.z_contact_way .address {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_contact_way .address {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_contact_way .address {
	line-height: 24px
}
}
.z_contact_way .address .yx {
	text-decoration: underline
}
.z_contact_way .code ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.z_contact_way .code .img {
	border: 1px solid #ccc;
	border-radius: 12px;
	width: 6.25vw;
	overflow: hidden
}
@media screen and (max-width: 980px) {
.z_contact_way .code .img {
	width: 80px
}
}
.z_contact_way .code .img img {
	display: block;
	width: 100%
}
.z_contact_way .frbox {
	height: 39.5833333333vw
}
@media screen and (max-width: 980px) {
.z_contact_way .frbox {
	height: 60vw
}
}
@media screen and (max-width: 980px) {
.z_contact_way .address {
	margin: 30px 0
}
}
.z_contact_ly {
	
	border-top: 1px solid #ccc
}
@media screen and (max-width: 980px) {
.z_contact_ly {
	width: 100%
}
}
.z_contact_ly .flbox {
	padding-left: 6.25vw
}
@media screen and (max-width: 980px) {
.z_contact_ly .flbox {
	padding-left: 12px
}
}
.z_contact_ly .frbox {
	padding-top: 6.25vw;
	padding-bottom: 6.25vw;
	padding-left: 0vw;
	padding-right: 6.25vw
}
@media screen and (max-width: 980px) {
.z_contact_ly .frbox {
	padding-top: 30px;
	padding-bottom: 30px
}
}
@media screen and (max-width: 980px) {
.z_contact_ly .frbox {
	padding-left: 12px
}
}
@media screen and (max-width: 980px) {
.z_contact_ly .frbox {
	padding-right: 12px
}
}
.z_contact_ly li {
	border-bottom: 1px solid #888;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.z_contact_ly .tit {
	-ms-flex-negative: 0;
	flex-shrink: 0;
font-size:.9375vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 20px;
	height: 3.125vw;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media screen and (max-width: 1680px) {
.z_contact_ly .tit {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_contact_ly .tit {
	font-size: 16px
}
}
@media screen and (max-width: 980px) {
.z_contact_ly .tit {
	height: 40px
}
}
.z_contact_ly .tit em {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #5c9633;
	border-radius: 50%;
	margin-right: 10px
}
.z_contact_ly .text {
	height: 3.125vw;
font-size:.8333333333vw
}
@media screen and (max-width: 980px) {
.z_contact_ly .text {
	height: 40px
}
}
@media screen and (max-width: 1680px) {
.z_contact_ly .text {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_contact_ly .text {
	font-size: 16px
}
}
.z_contact_ly .con {
	margin-bottom: 2.6041666667vw;
	padding-top: 1.0416666667vw;
	padding-bottom: 1.0416666667vw;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
@media screen and (max-width: 980px) {
.z_contact_ly .con {
	margin-bottom: 20px
}
}
@media screen and (max-width: 980px) {
.z_contact_ly .con {
	padding-top: 10px;
	padding-bottom: 10px
}
}
.z_contact_ly .con .tit {
	height: auto
}
.z_contact_ly .texta {
	min-height: 5.2083333333vw;
	width: 100%;
font-size:.8333333333vw;
	line-height: 1.3541666667vw
}
@media screen and (max-width: 1680px) {
.z_contact_ly .texta {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_contact_ly .texta {
	font-size: 16px
}
}
@media screen and (max-width: 1680px) {
.z_contact_ly .texta {
	line-height: 1.5708333333vw
}
}
@media screen and (max-width: 980px) {
.z_contact_ly .texta {
	line-height: 20px
}
}
@media screen and (max-width: 980px) {
.z_contact_ly .frbox {
	padding-top: 0
}
.z_contact_ly .texta {
	min-height: 100px
}
.z_contact_ly .z_index_more {
	margin-left: auto;
	margin-right: auto
}
}
.z_rc_head {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-top: 4.1666666667vw;
	padding-bottom: 4.1666666667vw;
	padding-left: 10.4166666667vw;
	padding-right: 10.4166666667vw
}
@media screen and (max-width: 980px) {
.z_rc_head {
	padding-top: 30px;
	padding-bottom: 30px
}
}
@media screen and (max-width: 980px) {
.z_rc_head {
	padding-left: 12px;
	padding-right: 12px
}
}
.z_rc_head .rcdesc {
	margin-left: auto;
	width: 40.625vw;
font-size:.9375vw;
	line-height: 1.6666666667vw;
	margin-top: 2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_rc_head .rcdesc {
	width: 100%
}
}
@media screen and (max-width: 1680px) {
.z_rc_head .rcdesc {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_rc_head .rcdesc {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_rc_head .rcdesc {
	line-height: 24px
}
}
@media screen and (max-width: 980px) {
.z_rc_head .rcdesc {
	margin-top: 30px
}
}
.z_rc_img {
	margin-top: 0vw
}
@media screen and (max-width: 980px) {
.z_rc_img {
	margin-top: 30px
}
}
.z_rc_img img {
	display: block;
	width: 100%
}
.z_rc_zw {
	padding-top: 4.1666666667vw;
	padding-bottom: 4.1666666667vw;
	padding-left: 10.4166666667vw;
	padding-right: 10.4166666667vw
}
@media screen and (max-width: 980px) {
.z_rc_zw {
	padding-top: 30px;
	padding-bottom: 30px
}
}
@media screen and (max-width: 980px) {
.z_rc_zw {
	padding-left: 12px;
	padding-right: 12px
}
}
.z_rc_zw .yx {
	text-decoration: underline
}
.z_rc_zw .z_zw_list {
	margin-top: 2.6041666667vw
}
@media screen and (max-width: 980px) {
.z_rc_zw .z_zw_list {
	margin-top: 30px
}
}
.z_rc_zw .z_zw_list li {
	width: 48.8%;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 2.0833333333vw;
	position: relative
}
@media screen and (max-width: 980px) {
.z_rc_zw .z_zw_list li {
	width: 100%
}
}
@media screen and (max-width: 980px) {
.z_rc_zw .z_zw_list li {
	margin-bottom: 12px
}
}
.z_rc_zw .z_zw_list li:nth-child(even) {
	margin-left: auto
}
.z_rc_zw .z_zw_list li::before {
	background: url(../images/bg5.jpg) no-repeat center;
	background-size: cover;
	opacity: 0;
	-webkit-transition: ease 1s;
	transition: ease 1s
}
.z_rc_zw .z_zw_list li:hover::before {
	opacity: 1
}
.z_rc_zw .z_zw_list li:hover .tit, .z_rc_zw .z_zw_list li:hover .desc {
	color: #fff
}
.z_rc_zw .z_zw_list li:hover .more {
	color: #fff
}
.z_rc_zw .z_zw_list li:hover .more::before {
	background: #fff
}
.z_rc_zw .z_zw_list li a {
	padding: 1.8229166667vw;
	display: block
}
@media screen and (max-width: 980px) {
.z_rc_zw .z_zw_list li a {
	padding: 15px
}
}
.z_rc_zw .z_zw_list .titbar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.z_rc_zw .z_zw_list .tit {
	font-size: 1.4583333333vw;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_rc_zw .z_zw_list .tit {
	font-size: 16px
}
}
.z_rc_zw .z_zw_list .more {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 20px
}
.z_rc_zw .z_zw_list .more::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -15px
}
.z_rc_zw .z_zw_list .desc {
font-size:.8333333333vw;
	color: #666;
	margin-top: 10px
}
@media screen and (max-width: 1680px) {
.z_rc_zw .z_zw_list .desc {
	font-size: 1.0083333333vw;
	font-size: 1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_rc_zw .z_zw_list .desc {
	font-size: 14px
}
}
.z_rc_zw .z_index_more {
	margin: 0 auto;
	margin-top: 1.5625vw
}
@media screen and (max-width: 980px) {
.z_rc_zw .z_index_more {
	margin-top: 20px
}
}
.z_news_xq {
	padding-left: 10.4166666667vw;
	padding-right: 10.4166666667vw;
	padding-top: 5.2083333333vw;
	padding-bottom: 5.2083333333vw
}
@media screen and (max-width: 980px) {
.z_news_xq {
	padding-left: 12px;
	padding-right: 12px
}
}
@media screen and (max-width: 980px) {
.z_news_xq {
	padding-top: 12px;
	padding-bottom: 12px
}
}
.z_news_xq .flbox {
	width: 13.5416666667vw
}
@media screen and (max-width: 980px) {
.z_news_xq .flbox {
	width: 100%
}
}
.z_news_xq .frbox {
	
	margin-left: auto
}
@media screen and (max-width: 980px) {
.z_news_xq .frbox {
	width: 100%
}
}
.z_news_xq .z_back {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
font-size:.9375vw
}
@media screen and (max-width: 1680px) {
.z_news_xq .z_back {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_news_xq .z_back {
	font-size: 14px
}
}
.z_news_xq .z_back .iconfont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 50%;
	margin-right: 10px;
	-webkit-transition: ease .6s;
	transition: ease .6s
}
@media screen and (max-width: 980px) {
.z_news_xq .z_back .iconfont {
	width: 30px;
	height: 30px
}
}
.z_news_xq .z_back:hover .iconfont {
	background: #5c9633;
	border-color: #5c9633;
	color: #fff
}
.z_news_xq .titbar {
	font-size: 2.0041666667vw;
	font-weight: bold; margin-bottom:20px
}
@media screen and (max-width: 980px) {
.z_news_xq .titbar {
	font-size: 18px
}
}
@media screen and (max-width: 980px) {
.z_news_xq .titbar {
	margin-top: 20px
}
}
.z_news_xq .lybar {
	
}
@media screen and (max-width: 980px) {
.z_news_xq .lybar {
	margin-top: 12px
}
}
.z_news_xq .lybar span {
	display: inline-block;
	margin-right: 2.0833333333vw;
	color: #777;
font-size:.9375vw
}
@media screen and (max-width: 980px) {
.z_news_xq .lybar span {
	margin-right: 12px
}
}
@media screen and (max-width: 1680px) {
.z_news_xq .lybar span {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_news_xq .lybar span {
	font-size: 14px
}
}
.z_news_xq .news_zt {
	margin-top: 4.1666666667vw;
	margin-bottom: 4.6875vw
}
@media screen and (max-width: 980px) {
.z_news_xq .news_zt {
	margin-top: 30px
}
}
@media screen and (max-width: 980px) {
.z_news_xq .news_zt {
	margin-bottom: 30px
}
}
.z_news_xq .news_zt img {
	display: block
}
.z_news_xq .z_share {
	border-top: 2px solid #000
}
.z_news_xq .z_share .tt {
font-size:.9375vw;
	margin: 15px 0
}
@media screen and (max-width: 1680px) {
.z_news_xq .z_share .tt {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_news_xq .z_share .tt {
	font-size: 14px
}
}
.z_news_xq .z_share a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: #eee;
	border-radius: 21px;
	cursor: pointer;
	margin-bottom: 14px
}
.z_news_xq .z_share a:hover {
	background: #5c9633;
	color: #fff
}
.z_news_xq .z_share .iconfont {
	font-size: 18px;
	opacity: .8
}
.z_news_xq .conwarp {
font-size:.9375vw;
	line-height: 1.6666666667vw
}
@media screen and (max-width: 1680px) {
.z_news_xq .conwarp {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_news_xq .conwarp {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_news_xq .conwarp {
	line-height: 24px
}
}
.z_news_xq .conwarp p{ margin-bottom:10px; line-height:2; color:#666;}
.z_news_xq .conwarp img {
	max-width: 100% !important;
	height: auto !important
}
@media screen and (max-width: 980px) {
.z_news_xq .z_share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px 0
}
.z_news_xq .z_share a {
	margin: 0;
	margin-left: 10px
}
}
.z_topbtm_bar {
	padding-left: 4.1666666667vw;
	padding-right: 4.1666666667vw;
	margin: 0 auto;
	position: relative;
	z-index: 2
}
@media screen and (max-width: 980px) {
.z_topbtm_bar {
	padding-left: 12px;
	padding-right: 12px
}
}
.z_topbtm_bar a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 5.2083333333vw;
	padding-left: 5.2083333333vw;
	padding-right: 5.2083333333vw;
	font-size: 1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_topbtm_bar a {
	height: 50px
}
}
@media screen and (max-width: 980px) {
.z_topbtm_bar a {
	padding-left: 0px;
	padding-right: 0px
}
}
@media screen and (max-width: 980px) {
.z_topbtm_bar a {
	font-size: 14px
}
}
.z_topbtm_bar a:last-child {
	border-left: 1px solid #ccc;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
.z_topbtm_bar a:hover {
	color: #5c9633
}
.z_topbtm_bar a:hover .iconfont {
	color: #5c9633
}
.z_topbtm_bar .iconfont {
	margin: 0 10px;
	color: #ccc;
	font-size: 20px
}
.z_topbtm_bar div {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}
@media screen and (max-width: 980px) {
.z_topbtm_bar {
	margin-top: 30px
}
.z_topbtm_bar a:last-child {
	border-left: none;
	border-top: none;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
}
.z_news_xqs {
	padding-bottom: 6.25vw
}
@media screen and (max-width: 980px) {
.z_news_xqs {
	padding-bottom: 30px
}
}
.z_zp_warp {
	width: 62.5vw;
	margin: 0 auto;
	padding-top: 5.2083333333vw;
	padding-bottom: 5.2083333333vw;
	padding-left: 0vw;
	padding-right: 0vw
}
@media screen and (max-width: 980px) {
.z_zp_warp {
	width: 100%
}
}
@media screen and (max-width: 980px) {
.z_zp_warp {
	padding-top: 30px;
	padding-bottom: 30px
}
}
@media screen and (max-width: 980px) {
.z_zp_warp {
	padding-left: 12px;
	padding-right: 12px
}
}
.z_zp_warp .titbar {
	font-size: 2.6041666667vw;
	font-weight: bold
}
@media screen and (max-width: 980px) {
.z_zp_warp .titbar {
	font-size: 18px
}
}
.z_zp_warp .spanbar {
margin-top:.625vw
}
@media screen and (max-width: 980px) {
.z_zp_warp .spanbar {
	margin-top: 20px
}
}
.z_zp_warp .spanbar span {
	display: inline-block;
	margin-right: 2.0833333333vw;
font-size:.9375vw
}
@media screen and (max-width: 980px) {
.z_zp_warp .spanbar span {
	margin-right: 12px
}
}
@media screen and (max-width: 1680px) {
.z_zp_warp .spanbar span {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_zp_warp .spanbar span {
	font-size: 16px
}
}
.z_zp_warp .content {
font-size:.9375vw;
	font-weight: 400;
	color: #444;
	line-height: 1.875vw;
	margin-top: 2.6041666667vw;
	margin-bottom: 2.6041666667vw
}
@media screen and (max-width: 1680px) {
.z_zp_warp .content {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_zp_warp .content {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_zp_warp .content {
	line-height: 24px
}
}
@media screen and (max-width: 980px) {
.z_zp_warp .content {
	margin-top: 20px
}
}
@media screen and (max-width: 980px) {
.z_zp_warp .content {
	margin-bottom: 20px
}
}
.z_zp_warp .td {
font-size:.9375vw
}
@media screen and (max-width: 1680px) {
.z_zp_warp .td {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_zp_warp .td {
	font-size: 14px
}
}
.z_zp_warp .td a {
	color: #5c9633
}
.z_case_xq {
	padding-left: 4.1666666667vw;
	padding-right: 4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_case_xq {
	padding-left: 12px;
	padding-right: 12px
}
}
.z_case_xqimg {
	height: 39.5833333333vw;
	margin-top: 0vw;
	position: relative
}
@media screen and (max-width: 980px) {
.z_case_xqimg {
	height: 55vw
}
}
@media screen and (max-width: 980px) {
.z_case_xqimg {
	margin-top: 30px
}
}
.z_case_xqimg .swiper_dot {
	position: absolute;
	left: 0;
	bottom: 2.0833333333vw;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 2
}
.z_case_xqimg .swiper_dot span {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-transition: ease .5s;
	transition: ease .5s;
	cursor: pointer;
	margin: 0 5px
}
.z_case_xqimg .swiper_dot span.on {
	background: none
}
@media screen and (max-width: 980px) {
.z_case_xqimg .swiper_dot {
	bottom: 15px
}
}
.z_casexq_con {
	padding-left: 6.25vw;
	padding-right: 6.25vw;
	padding-top: 4.6875vw;
	padding-bottom: 4.6875vw
}
@media screen and (max-width: 980px) {
.z_casexq_con {
	padding-left: 0;
	padding-right: 0
}
}
@media screen and (max-width: 980px) {
.z_casexq_con {
	padding-top: 30px;
	padding-bottom: 30px
}
}
.z_casexq_con .flbox {
	width: 31.25vw;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
@media screen and (max-width: 980px) {
.z_casexq_con .flbox {
	width: 100%
}
}
.z_casexq_con .titbar {
	font-size: 2.6041666667vw;
	font-weight: bold;
	line-height: 2.8125vw
}
@media screen and (max-width: 980px) {
.z_casexq_con .titbar {
	font-size: 20px
}
}
@media screen and (max-width: 980px) {
.z_casexq_con .titbar {
	line-height: 26px
}
}
.z_casexq_con .descp {
	font-size: 1.0416666667vw;
	line-height: 1.875vw;
	margin-top: 1.5625vw
}
@media screen and (max-width: 980px) {
.z_casexq_con .descp {
	font-size: 16px
}
}
@media screen and (max-width: 980px) {
.z_casexq_con .descp {
	line-height: 24px
}
}
@media screen and (max-width: 980px) {
.z_casexq_con .descp {
	margin-top: 20px
}
}
.z_casexq_con .frbox {
	width: 39.5833333333vw;
	margin-left: auto;
font-size:.9375vw;
	line-height: 1.6666666667vw;
	margin-top: 0vw
}
@media screen and (max-width: 980px) {
.z_casexq_con .frbox {
	width: 100%
}
}
@media screen and (max-width: 1680px) {
.z_casexq_con .frbox {
	font-size: 1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_casexq_con .frbox {
	font-size: 14px
}
}
@media screen and (max-width: 980px) {
.z_casexq_con .frbox {
	line-height: 22px
}
}
@media screen and (max-width: 980px) {
.z_casexq_con .frbox {
	margin-top: 30px
}
}

div.pageList{ padding:30px 30px; text-align: center;border-bottom: 1px solid #ccc}
div.pageList ul.l{ display: none;}
div.pageList ul{ font-size: 0;}
div.pageList ul li { display: inline-block; height: 40px;}
div.pageList ul li a{ display: inline-block; font-size: 14px; color: #666; line-height: 38px; height: 38px;
 	margin: 0 7px; border: 1px solid #dfdfdf; background-color: #fff;
 	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; padding:0px 10px}

div.pageList ul li:hover a{ border-color: #5c9633; color: #5c9633;}

div.pageList ul li.active a{ background-color: #5c9633; border-color: #5c9633; color: #fff;}

.lxcob{ margin-top:20px}
.lxcob p{ margin-bottom:10px; font-weight:bold; font-size:.8333333333vw}


.syservicebox .swiper-slide{background: #fff; overflow: hidden}

.syhangyetxt{padding: 60px 50px 0px;}


.fugaiquan{width:40%;  position: absolute; right:-10%; top:10%; z-index: 2; opacity: 0.5;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.syhypic{position: relative}

.syhytxt{padding: 40px; }
.syhytxt p{font-size: 26px; font-weight: bold}
.syhytxt span{font-size: 17px; color: #999999; display: block;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}

.hymore{width:25%; height: 100px; background: #002EDC; line-height: 50px; text-align: center; position: absolute; right:-50%; bottom:-50%; color: #fff; line-height: 120px; border-top-left-radius: 100%; text-indent: 15%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0}




.syservicebox .swiper-slide a{display:block;}

.syservicebox .swiper-slide a:hover .hymore{right: 0px; bottom: 0px; opacity: 1}
.syservicebox .swiper-slide a:hover .fugaiquan{top:5%}

.syservicebox{position: relative}

.gonggong{position: relative}
.gonggong .swiper-button-next:after, .gonggong .swiper-button-prev:after{font-size:50px; color: #bfbfbf}
.gonggong .swiper-button-next:hover:after, .gonggong .swiper-button-prev:hover:after{color: #002EDC}
.gonggong .swiper-button-prev{left: -5%}
.gonggong .swiper-button-next{right: -5%}
.gonggong {padding-bottom: 40px;}
.gonggong .swiper-pagination{bottom:0px; width: 100%}
.gonggong .swiper-pagination-bullet{ opacity:1;width:10px; height:10px;margin:0px 6px!important; position: relative; background:rgba(0,0,0,0.2);transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}
.gonggong .swiper-pagination-bullet-active{background: #002EDC}


.z_contact_warp,.z_contact_ly{ }
.z_contact_li{ margin: 2.6vw 0;
    border-top: 2px solid #D6DDE9;  border-bottom: 2px solid #D6DDE9;}
	.z_contact_li ul{ display:flex;justify-content: center;}
.z_contact_li li {
   
    float: left;
  
  
    display: flex;
    align-items: center;
    padding: 1vw 0.5vw;
    font-size: 16px;
}
.z_contact_li li i{ background:#5c9633; color:#fff; width:50px; height:50px; border-radius:50%; line-height:50px; text-align:center; margin-right:10px; font-size:30px}
.z_form{ width: 100%;}
.z_form ul{ display: block;}
.z_form li{ width: 100%; margin-bottom: 10px; padding: 0 10px;}
.z_form li .text{ height: 50px;}
.z_form .texta{ padding: 15px;}

.z_contact_ly{ }
.z_form{ margin: 0 auto; margin-top: 3.5vw; }
.z_form ul{ display: flex; justify-content: space-between;}
.z_form li{ width:48%;border: 1px solid #D4DBE2;border-radius: 4px; display: flex; align-items: center; padding: 0 20px; margin-bottom: 25px;}
.z_form li .text{ height: 60px; width: 100%;}
.z_form  label{ font-size: 16px; flex-shrink: 0; line-height: 18px;}
.z_form li .z_sel{ flex: 1; background: url(../images/arr2.png) no-repeat right center; height: 60px; font-size: 16px; color: #196CCF;}
.z_form .texta{ width: 100%;border: 1px solid #D4DBE2;
border-radius: 4px;padding:15px 20px; display: flex; align-items: flex-start;}
.z_form .texta textarea{ width: 100%; height: 100px; line-height: 18px;}
.z_sub_btn{ display: flex; align-items: center; width: 200px; margin: 0 auto; justify-content: center; cursor: pointer; margin-top:1vw;}
.z_sub_btn .iconfont{ display: inline-block; width: 50px;
height: 50px;
background: #196CCF;
border-radius: 50%; line-height: 50px; text-align: center; color: #fff; margin-right: 10px;}
.z_sub_btn span{ text-decoration: underline; color: #196CCF; font-size: 16px;}
.z_form .intxt {
    width: 160px;
    height: 42px;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    padding-left: 5px;
    border: solid 1px #e4e4e4;border-radius: 4px; margin-top:25px}
.i-index5InnerBox ul{
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin-top: 50px;
}
.i-index5InnerBox ul li{
  margin-right: 30px;
  height: 580px;
  width: calc((100% - 60px) / 3);
  background-color: #F2F2F2;
  transition: 0.3s;
}
.i-index5InnerBox ul li:hover{
  background-color: #5c9633;
}
.i-index5InnerBox ul li:hov.lxcob per>.img-box>img{
  transform: scale(1.03);
}
.i-index5InnerBox ul li:hover>.content>.text>.moth,
.i-index5InnerBox ul li:hover>.content>.text>.year,
.i-index5InnerBox ul li:hover>.content>h4>span,
.i-index5InnerBox ul li:hover>.content>h6>span,
.i-index5InnerBox ul li:hover>.content>.line,
.i-index5InnerBox ul li:hover>.content>a>span,
.i-index5InnerBox ul li:hover>.content>a>i{
  color: #FFFFFF;
}
.i-index5InnerBox ul li:nth-of-type(3n){
  margin-right: 0px;
}
.i-index5InnerBox ul li .img-box{
  width: 100%;
  height: 195px;
  overflow: hidden;
}
.i-index5InnerBox ul li .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.i-index5InnerBox ul li .content{
  width: 90%;
  height: calc(100% - 195px);
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
}
.i-index5InnerBox ul li .content .text .moth{
  font-size: 36px;
  font-weight: 900;
  color: #333333;
  font-family: DIN;
  line-height: 1;
  transition: 0.3s;
}
.i-index5InnerBox ul li .content .text .year{
  font-size: 16px;
font-family: DIN;
  font-weight: 900;
  color: #333333;
  transition: 0.3s;
}
.i-index5InnerBox ul li .content h4{
  height: 55px;
  margin: 40px 0 15px 0;
}
.i-index5InnerBox ul li .content h4 span{
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 27px;
  
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: 0.3s;
}
.i-index5InnerBox ul li .content h6{
  height: 57px;
  margin: 15px 0 25px 0;
}
.i-index5InnerBox ul li .content h6 span{
  font-size: 14px;
 
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  transition: 0.3s;
}
.i-index5InnerBox ul li .content .line{
  width: 279px;
  height: 1px;
  background-color: #D8D8D8;
  transition: 0.3s;
}
.i-index5InnerBox ul li .content a{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.i-index5InnerBox ul li .content a span{
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  transition: 0.3s;
}
.i-index5InnerBox ul li .content a i{
  color: #000000;
  font-size: 16px;
  margin-left: 10px;
  transition: 0.3s;
}