@font-face {
	font-family: "felixti";
	src: url("../fonts/FELIXTI.TTF");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Futura";
	src: url("../fonts/Futura-Book.otf");
	font-weight: normal;
	font-style: normal;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
main {
	display: block
}

*,
:before,
:after {
	box-sizing: border-box;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

img {
	border: 0;
	width: auto;
}

ul,
dl,
li,
dt,
dd {
	list-style: none;
}

body,
html {
	min-height: 100%;
}

body {
	font-family: "microsoft YaHei";
	font-size: 14px;
	color: #000;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	overflow-x: hidden;
	background: #ffffff;
	background:url(about:blank) fixed;
}

pre {
	font-family: "microsoft JhengHei";
	white-space: pre-wrap;
	word-wrap: break-word;
}

a {
	font-size: 14px;
	text-decoration: none;
	transition: ease .65s;
	color: #000;
	outline: none;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: bold;
}

input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select {
	outline: none;
	font-family: "microsoft JhengHei";
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 14px;
	display: block;
	width: 100%;
	border: none;
	background: none;
	transition: ease .45s;
}

input[type="radio"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
	margin-right: 5px;
	cursor: pointer;
}

input[type="checkbox"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
	margin-right: 5px;
	cursor: pointer;
}

input::-webkit-input-placeholder {
	color: #888888;
}

input:-moz-placeholder {
	color: #888888;
}

input::-moz-placeholder {
	color: #888888;
}

input:-ms-input-placeholder {
	color: #888888;
}

textarea {
	resize: none;
	overflow: hidden;
}

textarea::-webkit-input-placeholder {
	color: #888888;
}

textarea:-moz-placeholder {
	color: #888888;
}

textarea::-moz-placeholder {
	color: #888888;
}

textarea:-ms-input-placeholder {
	color: #888888;
}

select::-ms-expand {
	display: none;
}

i,
em {
	font-style: normal;
}

.fl,
.fl_warp {
	float: right;
}

.fr,
.fr_warp {
	float: right;
}

.z-container {
	width: 1400px;
	height: auto;
	clear: both;
	margin: 0 auto;
}

.z-container2 {
	width: 1200px;
	height: auto;
	clear: both;
	margin: 0 auto;
}

.z-container3 {
	width: 87.5%;
	height: auto;
	clear: both;
	margin: 0 auto;
}

.z-row {
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 auto;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 15;
	overflow: hidden;
	text-overflow: ellipsis;
}

.imgbg img {
	width: 100%;
	height: 100%;
	transition: ease 1s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.z_flex_ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.clear {
	clear: both;
}

*:before,
*:after {
	z-index: -1;
}

.z_public_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: url(../images/bgs.png) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	pointer-events: none;
}

.imgbg {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: ease 1s;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #000000;
}

.pace-progress {
	position: fixed;
	z-index: 2000;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -100px;
	height: 100px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100px;
	letter-spacing: 2px;
	opacity: 1;
	-webkit-transition: opacity 0.1s;
	transition: opacity 0.1s;
	-webkit-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	font-size: 100px;
}

.pace-inactive .pace-progress,
.pace-progress[data-progress="99"] {
	opacity: 0;
}

.pace-progress::before {
	text-align: center;
	line-height: 5rem;
	content: attr(data-progress);
	display: block;
	font-family: "felixti";
	font-weight: 300;
	font-size: 100px;
}

.pace-progress::after {
	content: "%";
	display: block;
	font-family: "felixti";
	font-weight: 300;
	font-size: 40px;
}

.pace-progress .pace-progress-inner:before {
	border-right-color: transparent;
	border-bottom-color: transparent;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.pace-progress .pace-progress-inner:after {
	border-left-color: transparent;
	border-top-color: transparent;
	display: none;
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}

/*分享*/
#bsWXBox {
	box-sizing: initial;
}

#bsBox {
	box-sizing: initial;
}

/*浏览器滚动条*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-track:vertical {
	background-color: black
}

::-webkit-scrollbar-track-piece {
	background: #E3E3E3
}

::-webkit-scrollbar-thumb:vertical {
	background-color: #555;
	border-radius: 30px
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #3B3B3B
}

::-webkit-scrollbar-corner:vertical {
	background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
	background-color: #FF6E00
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active {
	pointer-events: auto;
	z-index: 3;
}

.swiper-container-fade .swiper-slide {
	opacity: 0 !important;
}

.swiper-container-fade .swiper-slide-active {
	opacity: 1 !important;
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column;
}

.z_home_page {
	width: 100%;
	height: 100vh;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5;
	overflow: hidden;
	visibility: visible;
	transition: ease 1s;
}

.z_home_page.on {
	opacity: 0;
	visibility: hidden;
}

.z_home_line {
	display: block;
	height: 6px;
	background: #047f95;
	z-index: 10;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: ease 7s;
}

.z_home_img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .3;
	-webkit-transition: background-image 500ms ease;
	-moz-transition: background-image 500ms ease;
	-o-transition: background-image 500ms ease;
	-ms-transition: background-image 500ms ease;
	transition: background-image 500ms ease;
}

.z_cloud {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.z_cloud img {
	animation: cloudSclae 30s linear infinite alternate;
	width: 100%;
	height: 100%;
}

@keyframes cloudSclae {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(2, 2);
	}

	100% {
		transform: scale(1.2, 1.2);
	}
}



/* .z_cloud2{ width: 100%; position: absolute; left: 0; width: 100%; height: 100%;animation:cloudremove 30s linear infinite alternate;} */
.z_home_text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.z_home_paocess {
	font-size: 40px;
	font-family: "felixti";
}

.z_home_paocess .num {
	font-size: 100px;
}

.z_home_paocess .num::before {
	content: attr(data-progress);
}

.z_home_text .text {
	font-size: 16px;
	padding-top: 40px;
}

.z_home_en {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* .z_home_en img{animation: zoomIn2 2s linear forwards;} */
.z_home_en img {
	display: block;
	width: 100%;
}

.z_home_en .en1 {
	animation: zoomIn 2s linear forwards;
}

.z_home_en .en2 {
	width: 100%;
	position: absolute;
	opacity: .5;
	left: 0;
	top: 0;
	animation: zoomOut 2s linear forwards;
}

.z_home_logo {
	width: 37%;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 6;
	opacity: 1;
}

.z_home_logo img {
	display: block;
	max-width: 100%;
}

.z_home_page.on {
	opacity: 0;
	visibility: hidden;
}

.z_banner {
	position: relative;
	height: 60vh;
	overflow: hidden;
	margin-top: 6.25vw;
}

.z_banner .bd,
.z_banner .bd li,
.z_banner .bd li .img,
.z_banner .bd li .show {
	width: 100%;
	overflow: hidden;
	height: 100%;
	position: relative;
}

.z_banner .bd li .img {
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}

.z_banner .bd li .show {
	transform: scale(1.5);
	transition: ease 6s;
	opacity: .8;
}

.z_banner .bd li.swiper-slide-active .show,
.zs_banner .bd li.swiper-slide-duplicate-active .show {
	transform: scale(1);
	opacity: 1;
}

.z_swiper_hd li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
}

.z_banner_hd {
	width: 100%;
	z-index: 4;
	box-sizing: border-box;
	position: absolute;
	left: 6.25vw;
	bottom: 2.08vw;
	z-index: 2;
}

.z_banner_hd li {
	margin-right: 10px;
	transition: ease 1s;
	height: 18px;
	outline: none;
}

.z_swiper_hd li {
	position: relative;
	background: none;
	padding-left: 30px;
}

.z_swiper_hd li::before {
	content: "";
	display: block;
	position: absolute;
	font-size: 16px;
	color: #bbbbbb;
}

.z_swiper_hd li:nth-child(1)::before {
	content: "01";
	display: block;
}

.z_swiper_hd li:nth-child(2)::before {
	content: "02";
	display: block;
}

.z_swiper_hd li:nth-child(3)::before {
	content: "03";
	display: block;
}

.z_swiper_hd li:nth-child(4)::before {
	content: "04";
	display: block;
}

.z_swiper_hd li.on {
	background: none;
	padding-right: 100px;
	transition: ease 1s;
}

.z_swiper_hd li::after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #222222;
	position: absolute;
	right: -15px;
	top: 10px;
	transition: ease 1s;
}

.z_swiper_hd li.on::after {
	width: 80px;
}

.z_swiper_hd li.on::before {
	color: #333;
	font-weight: bold;
}

.z_swiper_hd li:last-child:after {
	display: none;
}

/* .z_banner::before{ content: ""; pointer-events: none; z-index: 1; display: block; width: 100%; height:100%; background: url(../img/cloud3.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: ease 6s} */
.z_banner .bd li.swiper-slide-active::before {
	transform: translate(-50%, -50%) scale(1.5, 1.5);
}

.z_banner .hd li:last-child::before {
	display: none;
}

.z_banner_text {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	color: #fff;
	
}

.z_banner_text .z_banner_logo {
	margin-bottom: 30px;
}

.z_banner_text .z_banner_logo img {
	display: block;
	margin: 0 auto;
	animation: rotate 2s linear infinite;
}

.z_banner_text .h3 {
	font-size: 44px;
	margin-bottom: 5px;
	text-shadow: 2px 2px 1px #000;
}

.z_banner_text .h4 {
	font-size: 20px;
	text-shadow: 2px 2px 1px #000;
}

.z_banner_text .more {
	margin-top: 90px;
	display: inline-block;
	text-decoration: underline;
	font-size: 18px;
	color: #fff;
}

@keyframes rotate {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(.8);
	}

	100% {
		transform: scale(1);
	}

}

.fixed .z_header {
	background: #fff;
	box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.05);
}

.z_header {
	width: 100%;
	height: 6.25vw;
	box-sizing: border-box;
	transition: ease 1s;
	position: fixed;
	left: 0;
	top: 0;
	padding: 2.08vw 6.25vw;
	box-sizing: border-box;
	z-index: 5;
	background-color: #fff;
}

.z_header2 {
	background: #fff;
}

.z_logo {
	display: block;
	height: 36px;
	float: left;
}

.z_logo img {
	display: block;
	height: 100%;
}

.z_header_nav {
	float: right;
	margin-right: 50px;
}

.z_header_nav li {
	margin-left: 60px;
	display: inline-block;
	position: relative;
	line-height: 36px;
	position: relative;
}

.z_header_nav li::before {
	content: "";
	z-index: 1;
	display: block;
	width: 0px;
	height: 2px;
	background: rgba(17, 17, 17, 1);
	position: absolute;
	left: -30px;
	transition: ease 0.2s;
	top: 50%;
	transform: translateY(-50%);
}

.z_header_nav li.active::before,
.z_header_nav li:hover::before {
	width: 24px;
}

.z_header_nav li a {
	display: block;
	position: relative;
	font-size: 20px;
	font-weight: 600;
}

.z_header_nav li a::before {
    content: "";
    transition: ease 0s;
    display: block;
    width: 54px;
    height: 54px;
    transform: translate(100%, -50%);
    opacity: 0;
    left: -17px;
    background: rgba(248, 181, 0, 1);
    border-radius: 50%;
    position: absolute;
    left: 95%;
    top: 50%;
}
.z_header_nav li.active a::before,
.z_header_nav li:hover a::before {
	transform: translate(-100%, -50%);
	opacity: 1;
}

.z_footer_copy {
	position: absolute;
	z-index: 3;
	right: 6.25vw;
	bottom: 2.08vw;
	font-size: 12px;
	font-weight: 400;
}

.z_footer_copy a {
	font-size: 12px;
}

.z_index_page {
	width: 100%;
	height: 60vh;
	position: relative;
}

.z_menu_btn {
	cursor: pointer;
	float: right;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 1.04vw;
}

.z_menu_btn span {
	display: block;
	transition: ease .6s;
	width: 18px;
	height: 2px;
	background: #333333;
}

.z_menu_btn .line {
	margin: 4px 0;
}

.z_menu_btn.on .line1 {
	transform: translateY(6px) rotate(45deg);
}

.z_menu_btn.on .line3 {
	transform: translateY(-6px) rotate(-45deg);
}

.z_menu_btn.on .line2 {
	opacity: 0;
}

.sidebox-tel{
	cursor: pointer;
	color: #fff;
	margin: 10px 0;
	font-size: 14px;
	text-align: center;
	font-family: "microsoft JhengHei";
}

.sidebox-tel:hover{
	color: #f8b500;
}

.sidebox {
	position: fixed;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
}

.sidebox li {
	position: relative;
	cursor: pointer;
	margin-bottom: 2px;
}

.sidebox a {
	display: block;
	width: 50px;
	height: 50px;
	margin-top: -1px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	position: relative;
	z-index: 2;
	background: #047F95;
}

.sidebox a:hover {
	background-color: #555;
	color: #fff;
	border-color: #555;
}

.sidebox .iconfont {}

.sidebox .cont {
	transition: all .4s;
	font-size: 16px;
	white-space: nowrap;
	width: 0;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #EBAB00;
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 100%;
	top: 0;
}

.sidebox li img {
	vertical-align: middle;
}

.sidebox li:hover .cont {
	width: 150px;
}

.sidebox li:hover a {
	background-color: #EBAB00;
}

.sidebox li em {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.sidebox .code .cont {
	height: auto;
	line-height: normal;
}

.sidebox .code .cont img {
	width: 80px;
	height: 80px;
}

.sidebox li.code:hover .cont {
	width: 90px;
	padding: 5px;
}

.sidebox-kf{
    width: 7rem;
    height: auto;
    background-color: rgb(4, 127, 149); 
    padding: 8px;
    border-radius: 6px;
}

.sidebox-title{
    width: 85px;
    margin: 0 auto 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sidebox-title-pic{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACIklEQVRYR8WXvUsdQRDAfwNqCoNgIUgQTREsUqRSsDKmURERAunSpArEMimDCoqldtG/wE4I+EU6DTaCpRBISKEhSEAkEDWgzcgc+57v6d3e7b17voWrbj5+O7OzOyNkXKraArwAJoCnwCP3mYVj930D1oBtEbnKYlrShFS1E5gGXgNtafLu/z9gBZgVkT8+nUQAVX0AfATeA60ZHd8WuwAWgXkRuYyzEQvgdv0ZGMjp+LbaHvAyLhp3AFT1GbAJdBXkvGTmNzAmIgeVdqsA3M736+C8EqK/MhJlAJfznQLDnhRAS8dQ6UxUAswCUwWHPcncnIhYZREBuND/rOG0h3JbdTyxVJQAloB3oVZqlF8WkUlxN9xJwCVTo9+yul1WHQYwAnwpymqgnVED+ARMehT/AltA7E3m0bObdAxo98gsGcC2lYVHyErma+DOInFVfQ5YaSetHQP4DvR6hHpE5FdOgG7gyKP7wwDOgIceoVVgIWcKPgCvPLbPDUDz7K4gnbNGA0QpaGQEokOYBnAKbHjOQBMwnPMFjcowDWBQRHZ9OVfVHuAwx7mILqI0gMci4islq/dm4D9g0ci6yldxGoC1ZlaGSV2uOX0DvM3q2cmVH6M0gEC7mcRvnuMMKchkMVDopiFpAEB1S3bPANYZVzel9wgQ35arqr3zNvfVcyUPJqpqc0Bfnbynj2aqOg6sFwwQNpw6iBnAxrLQdJzXMp5fAxNM19YbZ6g9AAAAAElFTkSuQmCC);
    background-size: contain;
}

.sidebox-title-txt{
    color: #FFF;
	font-size: 16px;
}

.sidebox-title-server{
	cursor: pointer;
    background: #FFFFFF;
    color: #444;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0,0,0,.5);
}

.sidebox-title-server a{
	display: block;
    width: auto;
    height: 36px;
    margin-top: -1px;
    text-align: center;
    line-height: 36px;
    color: #444;
    position: relative;
    z-index: 2;
    background: #fff;
}


.sidebox-title-server a:hover{
    color: #f8b500;
	background-color: #fff;
	border-color: #fff;
	transition: ease .1s;
}

.sidebox-tel:hover{
    color: #f8b500;
}

.top-card {
    position: relative!important;
    width: 1200px;
    height: 11rem;
	margin: 3rem auto 0;
}

.chuangli {
    position: absolute;
    top: 4rem;
    left: 0.5625rem;
    width: 6.25rem;
    height: 1.875rem;
    font-size: 1.25rem;
    font-weight: 300;
    color: #000;
    line-height: 1.4375rem;
}

.data1 {
    position: absolute;
    font-weight: 700;
    color: #047f95;
    top: 2.125rem;
    left: 5.8125rem;
    width: 3.5625rem;
    height: 4.5rem;
    font-size: 3rem;
    line-height: 3.5rem;
}


.suffix1 {
    position: absolute;
    font-weight: 700;
    color: #047f95;
    top: 3.8125rem;
    left: 9.925rem;
    width: 1.5rem;
    height: 2.25rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
}


.desc1 {
    position: absolute;
    top: 7.125rem;
    left: 1.375rem;
    height: 1.5rem;
    font-size: 16Px;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

.wanchengxiangmu {
    position: absolute;
    top: 4rem;
    left: 15rem;
    width: 6.25rem;
    height: 1.875rem;
    font-size: 1.25rem;
    font-weight: 300;
    color: #000;
    line-height: 1.4375rem;
}

.data2{
    position: absolute;
    font-weight: 700;
    color: #047f95;
    top: 2.125rem;
    left: 20.5rem;
    width: 7.125rem;
    height: 4.5rem;
    font-size: 3rem;
    line-height: 3.5rem;
}

.suffix2 {
    position: absolute;
    font-weight: 700;
    color: #047f95;
    top: 3.375rem;
    left: 26.9375rem;
    width: 1.125rem;
    height: 2.8125rem;
    font-size: 1.875rem;
    line-height: 2.1875rem;
}

.desc2 {
    position: absolute;
    top: 7.125rem;
    left: 16.125rem;
    height: 1.5rem;
    font-size: 1rem;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

.yunyingjingqu {
    position: absolute;
    top: 4rem;
    left: 31.125rem;
    width: 5rem;
    height: 1.875rem;
    font-size: 1.25rem;
    font-weight: 300;
    color: #000;
    line-height: 1.4375rem;
}

.data3{
    position: absolute;
    font-weight: 700;
    color: #047f95;
    top: 2.125rem;
    left: 36.875rem;
    width: 5.3125rem;
    height: 4.5rem;
    font-size: 3rem;
    line-height: 3.5rem;
}

.suffix3 {
    position: absolute;
    font-weight: 700;
    color: #047f95;
    top: 3.375rem;
    left: 43.0625rem;
    width: 1.125rem;
    height: 2.8125rem;
    font-size: 1.875rem;
    line-height: 2.1875rem;
}

.desc3 {
    position: absolute;
    top: 7.125rem;
    left: 33.375rem;
    height: 1.5rem;
    font-size: 1rem;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

.ronghuojiangxiang {
    position: absolute;
    top: 4rem;
    left: 47.4375rem;
    width: 5rem;
    height: 1.875rem;
    font-size: 1.25rem;
    font-weight: 300;
    color: #000;
    line-height: 1.4375rem;
}

.data4 {
    top: 2.125rem;
    left: 53.1875rem;
    width: 5.3125rem;
    height: 4.5rem;
    font-size: 3rem;
    line-height: 3.5rem;
    position: absolute;
    font-weight: 700;
    color: #047f95;
}

.suffix4 {
    top: 3.375rem;
    left: 57.3125rem;
    width: 1.125rem;
    height: 2.8125rem;
    font-size: 1.875rem;
    line-height: 2.1875rem;
    position: absolute;
    font-weight: 700;
    color: #047f95;
}

.desc4 {
    position: absolute;
    top: 7.125rem;
    left: 49.6875rem;
    height: 1.5rem;
    font-size: 1rem;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

.gugan {
    position: absolute;
    top: 4rem;
    left: 63.75rem;
    width: 6.25rem;
    height: 1.875rem;
    font-size: 1.25rem;
    font-weight: 300;
    color: #000;
    line-height: 1.4375rem;
}

.data5 {
    position: absolute;
    top: 2.125rem;
    left: 69.1875rem;
    width: 7.125rem;
    height: 4.5rem;
    font-size: 3rem;
    font-weight: 700;
    color: #047f95;
    line-height: 3.5rem;
}

.suffix5 {
    top: 3.375rem;
    left: 73.3125rem;
    width: 1.125rem;
    height: 2.8125rem;
    font-size: 1.875rem;
    line-height: 2.1875rem;
    position: absolute;
    font-weight: 700;
    color: #047f95;
}

.desc5 {
    position: absolute;
    top: 7.125rem;
    left: 65.8125rem;
    height: 1.5rem;
    font-size: 1rem;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

/* .z_page_warp{ background: #fff; margin-top: 50vw; position: relative;z-index: 1; padding-top: 50px;} */
.z_other_banner {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.z_other_banner img {
	width: 100%;
}

.z_other_banner_text {
	width: 100%;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.z_other_logo {
	height: 32.9vw;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.z_other_logo img {
	display: block;
	width: auto;
	height: 100%;
	margin: 0 auto;
}

.z_other_banner_text h3 {
	font-size: 20px;
	text-transform: uppercase;
	font-family: Futura;
	font-weight: normal;
	color: rgba(255, 255, 255, 1);
}

.z_other_banner_text h4 {
	font-size: 2.6vw;
	margin-top: 30px;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.z_other_banner .z_cloud {
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.z_other_banner .z_cloud img {
   animation: cloudSclae 45s linear infinite alternate;
}

.z_page_nav {
	width: 100%;
	position: relative;
	margin-top: 60px;
}

.z_page_nav ul {
	display: flex;
	height: 5.88vw;
	background: url(../images/line.png) no-repeat center;
	background-size: 100% auto;
}

.z_page_nav li {
	flex: 1;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.z_page_nav li .imgbox {
	width: 140px;
	height: 140px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/dot.png) no-repeat center;
}

.z_page_nav li .imgbox::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	opacity: 0;
	transition: ease 1s;
}

.z_page_nav li .img {
	width: 100px;
	height: 100px;
	transition: ease 1s;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0, 0);
}

.z_page_nav li .img::before {
	content: "";
	transition: ease 1s;
	border: 2px solid #868568;
	border-radius: 50%;
	display: block;
	width: 140px;
	height: 140px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.z_page_nav li a:hover .img,
.z_page_nav li.on .img {
	transform: translate(-50%, -50%) scale(1, 1);
}

.z_page_nav li a:hover .imgbox::after,
.z_page_nav li.on:hover .imgbox::after {
	opacity: 1;
}

.z_page_nav li h3 {
	transform: translateY(-40px);
	transition: ease .6s;
	font-size: 16px;
}

.z_page_nav li a:hover h3,
.z_page_nav li.on h3 {
	transform: translateY(10px);
}

.z_page_nav li a {
	display: block;
	width: 140px;
	position: relative;
}

.z_navnum_1 li:nth-child(1) {
	top: 0.5vw;
}

.z_navnum_2 li:nth-child(1) {
	top: 3.38vw;
}

.z_navnum_2 li:nth-child(2) {
	top: -2.2vw;
}

.z_navnum_3 li:nth-child(1) {
	top: 3.38vw;
}

.z_navnum_3 li:nth-child(2) {
	top: 0.5vw;
}

.z_navnum_3 li:nth-child(3) {
	top: -1.8vw;
}

.z_navnum_4 li:nth-child(1) {
	top: 3vw;
}

.z_navnum_4 li:nth-child(2) {
	top: 2.5vw;
}

.z_navnum_4 li:nth-child(3) {
	top: -1.2vw;
}

.z_navnum_4 li:nth-child(4) {
	top: -1.7vw;
}

.z_navnum_5 li:nth-child(1) {
	top: 2.9vw;
}

.z_navnum_5 li:nth-child(2) {
	top: 3.1vw;
}

.z_navnum_5 li:nth-child(3) {
	top: 0.8vw;
}

.z_navnum_5 li:nth-child(4) {
	top: -2vw;
}

.z_navnum_5 li:nth-child(5) {
	top: -1.5vw;
}

.z_navnum_6 li:nth-child(1) {
	top: 2.7vw;
}

.z_navnum_6 li:nth-child(2) {
	top: 3.3vw;
}

.z_navnum_6 li:nth-child(3) {
	top: 1.9vw;
}

.z_navnum_6 li:nth-child(4) {
	top: -0.5vw;
}

.z_navnum_6 li:nth-child(5) {
	top: -2.2vw;
}

.z_navnum_6 li:nth-child(6) {
	top: -1vw;
}

.z_navnum_7 li:nth-child(1) {
	top: 2.6vw;
}

.z_navnum_7 li:nth-child(2) {
	top: 3.3vw;
}

.z_navnum_7 li:nth-child(3) {
	top: 2.8vw;
}

.z_navnum_7 li:nth-child(4) {
	top: 0.7vw;
}

.z_navnum_7 li:nth-child(5) {
	top: -1.5vw;
}

.z_navnum_7 li:nth-child(6) {
	top: -2.3vw;
}

.z_navnum_7 li:nth-child(7) {
	top: -1.2vw;
}

.z_index_about {
	padding: 3.4vw 0;
	box-sizing: border-box;
	position: relative;
}

.z_index_about::before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(/style/img/bg.png) no-repeat bottom left;
	z-index: 1;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	bottom: 0;
	pointer-events: none;
}

.z_about_con {
	width: 55%;
	padding: 0 3.25vw 0 6.25vw;
	box-sizing: border-box;
	float: left;
}

.z_index_tit2{
	float: right;
    margin-left: auto;
	font-weight: 600;
}

.z_index_tit2 a{
	margin: 0 1rem;
	font-size:1.5vw;
}

.z_index_tit2 a:hover{
    color:#f8b500;
	font-size:1.5vw;
}

.z_index_tit2 ul li{
	float:left;
	margin:0!important;
}

.z_index_tit .en {
	font-size: 16px;
	text-transform: uppercase;
	font-family: Futura;
	font-weight: normal;
}

.z_index_tit {
	text-align: center;
}

.z_index_tit .cn {
	font-size: 2.6vw;
	font-weight: bold;
	margin-top: 5px;
}

.z_index_tit a {
	font-size: 2.6vw;
}

.z_index_about .z_index_tit {
	margin-bottom: 2.6vw;
	line-height: 2.6vw;
}

.z_index_about .z_about_desc {
	border-top: 2px solid #000000;
	padding-top: 2.2vw;
	font-size: 16px;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	line-height: 30px;
}

.z_about_con .z_index_tit {
	text-align: left;
}

.z_index_more {
	display: inline-block;
	height: 46px;
	line-height: 46px;
	text-transform: uppercase;
	margin-left: 38px;
	font-size: 1.1vw;
	font-family: Futura;
	font-weight: normal;
	color: rgba(0, 0, 0, 1);
	position: relative;
}


.z_index_more::before {
	content: "";
	display: block;
	width: 46px;
	height: 46px;
	background: rgba(248, 181, 0, 1)!important;
	border-radius: 50%;
	position: absolute;
	left: -35px;
	top: 50%;
	transform: translateY(-50%);
	transition: ease .6s;
}

.z_index_more::after {
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	background: rgba(0, 0, 0, 1);
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}

.z_index_about .z_index_more {
	margin-top: 4.8125vw;
}

.z_index_more:hover::before {
	transform: translate(50px, -50%);
}

.z_about_banner {
	width: 45%;
	float: right;
	height: 30.9375vw;
	overflow: hidden;
	position: relative;
	padding-right: 6.25%;
}

.z_about_banner li {
	position: relative;
}

.z_about_banner li::before {
	content: "";
	z-index: 1;
	width: 0%;
	transition: ease .5s;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: url(../img/zz.png) no-repeat center;
	background-size: cover;
}

.z_about_banner li.swiper-slide-active::before {
	width: 100%;
}

.z_btn_warp {
	width: 17.7vw;
	height: 5.7vw;
	background: rgba(4, 127, 149, 1);
	z-index: 3;
	position: absolute;
	left: 23.27vw;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.z_btn_warp .iconfont {
	font-size: 20px;
	cursor: pointer;
	outline: none;
	color: rgba(255, 255, 255, .5);
}

.z_btn_warp .iconfont:hover {
	color: #fff;
}

.z_banner_num i {
	display: inline-block;
	width: 3.125vw;
	height: 1px;
	background: rgba(255, 255, 255, 1);
	margin: 0 10px;
}

.z_banner_num {
	display: flex;
	align-items: center;
	margin: 0 30px;
}

.z_banner_num em {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	font-family: Microsoft YaHei;
	color: rgba(248, 181, 0, 1);
}

.z_banner_num .all {
	color: rgba(255, 255, 255, 0);
	color: #fff;
}

.z_about_culture {
	width: 100%;
	padding: 90px 6.25%;
	box-sizing: border-box;
	background-attachment: fixed;
	background-size: cover;
}

.z_about_culture .z_index_tit {
	color: #fff;
	margin-bottom: 70px;
}

.z_culture_nav li {
	width: 16.6%;
	position: relative;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
	height: 10.4vw;
	text-align: center;
	margin-right: 3.1%;
	float: left;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.z_culture_nav li::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	background: #047F95;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: ease 1s;
}

.z_culture_nav li:last-child {
	margin-right: 0;
}

.z_culture_nav li span {
	font-size: 16px;
	font-family: Futura;
	text-transform: uppercase;
}

.z_culture_nav li h3 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 6px;
}

.z_culture_nav li.active::before {
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%) rotate(360deg);
}

.z_culture_nav li.active {
	color: #fff;
}

.z_culture_con {
	width: 100%;
	background: #fff;
	display: flex;
	padding: 2.6vw 2.6vw;
	box-sizing: border-box;
	margin-top: 48px;
	min-height: 240px;
}

.z_culture_tit {
	flex-shrink: 0;
	float: left;
	width: 280px;
}

.z_culture_tit h3 {
	font-size: 32px;
	font-weight: bold;
}

.z_culture_tit h4 {
	font-size: 18px;
	font-family: Futura;
	margin-top: 10px;
	text-transform: capitalize;
}

.z_culture_tit .line {
	width: 160px;
	height: 4px;
	background: rgba(4, 127, 149, 1);
	display: block;
	margin-top: 30px;
}

.z_culture_desc {
	font-size: 18px;
	margin-top: 10px;
	line-height: 32px;
}

.z_process_warp img {
	display: block;
	width: 100%;
}

.z_about_process {
	position: relative;
}

.z_about_process .z_index_tit {
	position: absolute;
	left: 0;
	top: 6.25vw;
	width: 100%;
}

.z_process_con li {
	text-align: right;
}

.z_process_con li::before {
	content: "";
	display: block;
	width: 26px;
	z-index: 1;
	height: 40px;
	background: url(../images/dz.png) no-repeat center;
	position: absolute;
	right: -30px;
	bottom: 0;
}

.z_process_con .li1 {
	position: absolute;
	right: 88vw;
	bottom: 13vw;
}

.z_process_con li h3 {
	font-size: 30px;
	font-family: Futura;
	font-weight: bold;
	margin-bottom: 5px;
}

.z_process_con li h4 {
	font-size: 16px;
}

.z_process_con .li2 {
	position: absolute;
	right: 73.95vw;
	bottom: 17.8vw;
}

.z_process_con .li3 {
	position: absolute;
	right: 60.95vw;
	bottom: 18.7vw;
}

.z_process_con .li4 {
	position: absolute;
	right: 49vw;
	bottom: 24.2vw;
}

.z_process_con .li5 {
	position: absolute;
	right: 30.5vw;
	bottom: 11.6vw;
}

.z_process_con .li6 {
	position: absolute;
	text-align: center;
	right: 12.5vw;
	bottom: 20.5vw;
	text-align: center;
}

.z_process_con .li7 {
	position: absolute;
	right: 8.5vw;
	bottom: 33.5vw;
}

.z_process_con .li6::before,
.z_process_con .li5::before {
	top: -3.5vw;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
}

.z_about_honor {
	width: 100%;
	padding: 5.2vw 6.25vw;
	box-sizing: border-box;
}

.z_about_honor .z_index_tit {
	margin-bottom: 4vw;
}

.z_honor_warp {
	background: #fff;
	height: 580px;
}

.z_honor_con {
	width: 50%;
	float: left;
	padding: 3vw 4vw;
	box-sizing: border-box;
}

.z_honor_con ul {
	height: 450px;
}

.z_honor_img {
	width: 50%;
	float: left;
	height: ;
}

.z_honor_con li {
	position: relative;
	padding-left: 20px;
	box-sizing: border-box;
	padding-right: 20px;
	box-sizing: border-box;
}

.z_honor_con li a {
	display: block;
	width: 100%;
	transition: ease .45s;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
}

.z_honor_con li.on a {
	color: #000;
	font-weight: bold;
}

.z_honor_con li {
	position: relative;
}

.z_honor_con li::before {
	content: "";
	z-index: 1;
	display: block;
	width: 5px;
	height: 5px;
	background: rgba(187, 187, 187, 1);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.z_honor_img img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.z_honor_img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 580px;
}

.nicescroll-rails {
	background: #ccc;
}

.z_honor_con li.on::before {
	background: #000;
}

.z_about_hz {
	padding: 5.2vw 6.25vw;
	box-sizing: border-box;
}

.z_about_hz .z_index_tit {
	margin-bottom: 3.125vw;
}

.z_hz_list li {
	width: 16.66%;
	margin-top: -1px;
	float: left;
	position: relative;
	height: 9.375vw;
	border: 1px solid #E0E0EC;
	margin-left: -1px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.z_hz_list li:nth-child(6n) {
	border-right: 1px solid #E0E0EC;
}

.z_hz_list li img {
	display: block;
	max-width: 80%;
	max-height: 100%;
	transition: ease 1s;
}

.z_hz_list li .dot {
	width: 5px;
	height: 5px;
	background: rgba(213, 213, 226, 1);
	border-radius: 50%;
	position: absolute;
}

.z_hz_list li .dot1 {
	position: absolute;
	left: -3px;
	top: -3px;
	z-index: 2;
}

.z_hz_list li .dot2 {
	position: absolute;
	left: -3px;
	bottom: -3px;
	z-index: 2;
}

.z_hz_list li::before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background: rgba(213, 213, 226, 1);
	border-radius: 50%;
	position: absolute;
	right: -3px;
	top: -3px;
	z-index: 1;
}

.z_hz_list li::after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background: rgba(213, 213, 226, 1);
	border-radius: 50%;
	position: absolute;
	right: -3px;
	bottom: -3px;
	z-index: 1;
}

.z_hz_list li:hover img {
	animation: swing 1s forwards;
}

.z_index_loadding {
	text-align: center;
	margin-top: 60px;
}

.z_index_loadding .icon {
	display: block;
	animation: rotates 2s linear infinite;
	margin: 0 auto;
}

.z_index_loadding h3 {
	display: inline-block;
	text-decoration: underline;
	color: #047f95;
	margin-top: 10px;
}

@keyframes rotates {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}

}

.z_footer {
	width: 100%;
	background: #2b2929;
	position: absolute;
	z-index: 1;
	padding: 2.08vw 6.25vw;
	box-sizing: border-box;
	color: #fff;
	left: 0;
	right: 0;
}

.z_footer a {
	color: #fff;
	display: inline-block;
	line-height: 14px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #fff;
}

.z_footer a:last-child {
	color: #fff;
	display: inline-block;
	line-height: 14px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 0px solid #fff;
}

.z_footer_about{
	display: flex;
	font-size: 1rem;
	line-height: 2;
}
.z_footer_about span{
	display: flex;
	font-size: 1.2rem;
}
.z_footer_about1{
	width: 45%;
}
.z_footer_about2{
	width: 30%;
}

.z_footer_about3{
	display: flex;
}

.z_footer_guanzhu{
	margin-right:10px;
}

.z_footer_about3 img{
	width: 7rem;
}
.z_footer_about3 p{
   font-size: 0.9rem;
   text-align: center;
}
.z_footer_about4 span{
	display: flex;
	line-height: 2;
}
.z_case_about .z_about_con {
	width: 50%;
}

.z_about_banner_warp {
	width: 50%;
	padding-right: 6.25vw;
	float: right;
	box-sizing: border-box;
}

.z_about_banner_warp .z_about_banner {
	width: 100%;
}

.z_case_about::before {
	display: none;
}

.z_case_banner {
	height: 31.25vw;
}

.z_case_banner li::before {
	display: none;
}

.z_case_banner .z_btn_warp {
	left: 0;
}

.z_case_about .z_about_con .z_index_more {
	margin-top: 4vw;
}

.z_case_about {
	padding: 3.29vw 0;
}

.z_case_warp {
	padding: 50px 6.25% 5px 6.25%;
	box-sizing: border-box;
	background: #F6F6F6;
}

.z_case_head {
	display: flex;
	margin-bottom: 3vw;
	justify-content: left;
	align-items: center;
	border-bottom: 2px solid #000000;
}

.z_case_head2 {
	display: block;
	margin-bottom: 4vw;
	justify-content: space-around;
	align-items: center;
}

.z_case_head .z_index_tit {
	float: left;
	text-align: left;
	padding-bottom: 2vw;
}

.z_case_fillter {
	float: right;
	margin-left: auto;
}

.z_case_fillter li {
	float: left;
	border-right: 1px solid #BBBBBB;
	width: 258px;
	padding: 0 30px;
	box-sizing: border-box;
}

.z_case_fillter li select {
	width: 100%;
	background: url(../images/arr.png) no-repeat right center;
}

.z_case_list li {
	width: 30.9%;
	position: relative;
	float: left;
	margin-right: 3.65%;
	margin-bottom: 2.125vw;
}

.z_case_list li:nth-child(3n) {
	margin-right: 0;
}

.z_case_list li .imgbox {
	width: 100%;
	height: 16.66vw;
	overflow: hidden;
	position: relative;
}

.z_case_list li:hover .imgbg {
	transform: scale(1.03, 1.03);
}

.z_case_list li .titbox {
	width: 100%;
	font-size: 18px;
	transition: ease .4s;
	background: #fff;
	text-align: center;
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	box-sizing: border-box;
}

.z_case_list li:hover .titbox {
	background: #047F95;
	color: #fff;
}

.z_case_list li .infobox {
	width: 100%;
	transition: ease 1s;
	transform: translateY(100%);
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 24px;
	box-sizing: border-box;
	color: #fff;
}

.z_case_list li .infobox h3 {
	margin-bottom: 8px;
}

.z_case_list li h4 span {
	display: inline-block;
	line-height: 14px;
	height: 14px;
	border-right: 1px solid #fff;
	padding: 0 14px;
}

.z_case_list li h4 span:nth-child(1) {
	padding-left: 0;
}

.z_case_list li:hover .infobox {
	transform: translateY(0);
	opacity: 1;
}

.z_case_list li h4 span:last-child {
	border-right: none;
}

.z_case_warp .z_index_loadding {
	margin-top: 0;
}

.z_page_wzbar {
	height: 6.25vw;
	color: #888888;
	line-height: 6.25vw;
	padding: 0 6.25vw;
	box-sizing: border-box;
	text-align: right;
	margin-top: 6.25vw;
	border-top: 1px solid #CCCCCC;
}

.z_page_wzbar a {
	color: #888;
}

.z_case_fl {
	width: 37%;
	float: left;
	position: fixed;
	left: 0;
	top: 12.5vw;
	box-sizing: border-box;
	padding-left: 6.25vw;
	padding-right: 4.16vw;
}

.z_case_tit {
	font-size: 28px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	border-top: 1px solid #666;
	padding: 10px 0;
}

.z_case_desc {
	font-size: 14px;
	font-weight: 400;
	color: rgba(4, 127, 149, 1);
	line-height: 32px;
	margin: 2.08vw 0;
}

.z_case_desc ul {
	border:2px solid #000;
	padding:0 10px;
}

.z_case_desc li span {
	display: inline-block;
	text-decoration: none;
}

.z_case_con {
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 24px;
	height: 15vw;
	overflow-y: auto;
	padding-right: 10px;
	box-sizing: border-box;
}

.z_case_fr {
	width: 63%;
	float: right;
	padding-right: 6.25vw;
	box-sizing: border-box;
}

.z_case_video {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.z_case_video video {
	width: 100%;
}

.z_play_btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.z_case_img li {
	margin-bottom: 20px;
}

.z_case_img li:last-child {
	margin-bottom: 0;
}

.z_case_img li img {
	display: block;
	width: 100%;
}

.z_topbtm_bar {
	text-align: center;
	padding: 2vw 0;
	position: relative;
}

.z_topbtm_bar .back {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.z_topbtm_bar .back .iconfont {
	margin-top: -3px;
	display: inline-block;
}

.z_topbtm_bar a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.z_topbtm_bar .iconfont {
	font-size: 20px;
	display: inline-block;
	margin-right: 10px;
	color: #666666;
}

.z_topbtm_bar a:hover {
	color: #1D7DB1;
}

.z_topbtm_bar a:hover .iconfont {
	color: #1D7DB1;
}

.z_topbtm_bar a.fr .iconfont {
	margin-left: 10px;
	margin-right: 0px;
}

.z_team_page {
	padding: 0 6.25vw;
	box-sizing: border-box;
	padding-bottom: 5.2vw;
}

.z_team_all {
	margin-top: 6.25vw;
	margin-bottom: 50px;
}

.z_team_all .imgbox {
	width: 50%;
	height: 31.25vw;
	float: left;
}

.z_team_all .infobox {
	width: 50%;
	height: 31.25vw;
	float: right;
	background: #F4F4F4;
	padding: 4vw 3.125vw;
	box-sizing: border-box;
}

.z_team_all .z_index_tit {
	text-align: left;
	margin-bottom: 2vw;
}

.z_team_all .z_index_tit .cn {
	font-size: 2.5vw;
}

.z_team_all .desc {
	padding-top: 2vw;
	border-top: 3px solid #000;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	line-height: 32px;
}

.z_team_swiper1 {
	overflow: hidden;
}

.z_team_swiper1 li {
	width: 20.3vw;
	float: left;
}

.z_team_swiper1 li .imgbox {
	width: 100%;
	overflow: hidden;
	height: 27.08vw;
	position: relative;
}

.z_team_swiper1 li .descbox {
	width: 100%;
	transition: ease 1s;
	opacity: 0;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(4, 127, 149, .9);
	padding: 15px;
	box-sizing: border-box;
	color: #fff;
}

.z_team_swiper1 li:hover .imgbg {
	transform: scale(1.05, 1.05);
}

.z_team_swiper1 li:hover .descbox {
	opacity: 1;
}

.z_team_swiper1 li .descbox h3 {
	font-size: 18px;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	line-height: 32px;
	margin-bottom: 10px;
}

.z_team_swiper1 li .descbox .text {
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	line-height: 28px;
}

.z_team_swiper1 li .infobox {
	padding: 20px 0;
}

.z_team_swiper1 li .infobox h3 {
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 8px;
}

.z_team_swiper1 li .infobox h4 {
	font-size: 14px;
	font-weight: 400;
	color: rgba(136, 136, 136, 1);
}

.swiper_btn_warp {
	position: relative;
	padding-bottom: 30px;
}

.swiper_btn_warp .iconfont {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: ease 1s;
	cursor: pointer;
	outline: none;
	width: 2.6vw;
	height: 2.6vw;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(221, 221, 221, 1);
	border-radius: 50%;
	text-align: center;
	line-height: 2.6vw;
	font-size: 20px;
	color: #C1C1C1;
}

.swiper_btn_warp .iconfont:hover {
	background: rgba(248, 181, 0, 1);
	color: #fff;
}

.swiper_btn_warp .prev {
	left: -4.16vw;
}

.swiper_btn_warp .next {
	right: -4.16vw
}

.z_team_box1 .iconfont {
	top: 12.6vw;
	transform: translateY(0);
}
.z_team_box1 {
	padding: 0 0 2vw;
}

.z_team_tit {
	border-bottom: 2px solid #000;
	text-align: left;
	margin-top: 4.2vw;
	padding-bottom: 2vw;
	margin-bottom: 50px;
}

.z_team_box{
    padding: 0 6.25%;
    box-sizing: border-box;
}
.z_team_tit .cn {
	font-size: 2.5vw;
}

.z_team_swiper2 {
	overflow: hidden;
}

.z_team_swiper2 li {
	width: 27.6vw;
}

.z_team_swiper2 li .imgbox {
	width: 50%;
	float: left;
	height: 18.2vw;
	overflow: hidden;
}

.z_team_swiper2 li .infobox {
	width: 50%;
	float: right;
	height: 18.2vw;
	overflow: hidden;
	background: #F4F4F4;
	transition: ease .6s;
	padding: 3vw 1.5625vw;
	box-sizing: border-box;
}

.z_team_swiper2 li h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
	margin-bottom: 1.4vw
}

.z_team_swiper2 li .desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
}

.z_team_swiper2 li:hover .imgbg {
	transform: scale(1.05, 1.05);
}

.z_team_swiper2 li:hover .infobox {
	background: #047F95;
	color: #fff;
}

.z_team_swiper3 .z_big_img {
	width: 33.3%;
	float: left;
	position: relative;
}

.z_big_img .imgbox {
	width: 100%;
	height: 36.9vw;
	position: relative;
	overflow: hidden;
}

.z_team_swiper3 {
	overflow: hidden;
}

.z_team_swiper3 .descbox {
	width: 100%;
	transition: ease 1s;
	opacity: 0;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(4, 127, 149, .9);
	padding: 15px;
	box-sizing: border-box;
	color: #fff;
}

.z_team_swiper3 .descbox h3 {}

.z_team_swiper3 li:hover .imgbg,
.z_big_img:hover .imgbg {
	transform: scale(1.05, 1.05);
}

.z_team_swiper3 li:hover .descbox,
.z_big_img:hover .descbox {
	opacity: 1;
}

.z_team_swiper3 .descbox h3 {
	font-size: 18px;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 10px;
}

.z_team_swiper3 .descbox .ellipsis4 {
	-webkit-line-clamp: 2;
}

.z_team_swiper3 .descbox .text {
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	line-height: 28px;
}

.z_big_img .infobox {
	padding: 20px 0;
}

.z_big_img .infobox h3 {
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 8px;
}

.z_big_img .infobox h4 {
	font-size: 14px;
	font-weight: 400;
	color: rgba(136, 136, 136, 1);
}

.z_small_img {
	width: 66.7%;
	float: right;
}

.z_small_img {
	width: 100%;
	float: none;
}

.z_small_img li {
	width: 21.4%;
	float: left;
	margin-left: 3.6%;
}

.z_small_img ul {
	margin-left: -2%;
}

.z_small_img li {
	width: 18%;
	float: left;
	margin-left: 2%;
}

.z_small_img li .imgbox {
	width: 100%;
	height: 21vw;
	overflow: hidden;
	position: relative;
}

.z_small_img li .descbox {
	padding: 15px
}

.z_small_img li .titbox {
	padding: 1.3vw 0;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

.z_small_img li .titbox span {
	color: #888888;
	font-size: 14px;
}

.z_team_mobile {
	display: none;
}

.z_zp_page {
	padding: 0 6.25vw;
	box-sizing: border-box;
	padding-top: 12vw;
}

.z_zp_img {
	width: 41.6vw;
	height: 41.6vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.z_zp_img img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.z_fuli_warp {
	background: #F4F4F4;
	margin: 4vw 0;
	padding: 4.5vw 3vw;
	overflow: hidden;
}

.z_fuli_warp .z_index_tit .cn {
	font-size: 2.39vw;
	margin-top: 0;
}

.z_fuli_list {
	text-align: center;
	margin-top: 4vw;
}

.z_fuli_list ul {
	display: flex;
}

.z_fuli_list li {
	display: inline-block;
	flex: 1;
}

.z_fuli_list li .icon {
	width: 7.29vw;
	height: 7.29vw;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.z_fuli_list li .icon img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	transition: ease 1s;
}

.z_fuli_list li:hover img {
	transform: rotate(360deg);
}

.z_fuli_list li h3 {
	font-size: 16px;
}

.z_job_warp {
	padding: 70px 0;
}

.z_job_fillter {
	margin: 4vw 0;
	margin-bottom: 0;
}

.z_job_fillter ul {}

.z_job_fillter li {
	width: 23%;
	height: 56px;
	line-height: 56px;
	float: left;
	border-bottom: 2px solid #000000;
	margin-right: 2.66%;
}

.z_job_fillter li:last-child {
	margin-right: 0;
}

.z_job_fillter li .sel_text {
	width: 100%;
	font-size: 16px;
	height: 56px;
	background: url(../images/arr.png) no-repeat right center;
}

.z_job_fillter li .input_text {
	width: 100%;
	height: 56px;
	padding-right: 50px;
}

.z_job_fillter li {
	position: relative;
}

.z_job_fillter li .sou {
	width: 40px;
	height: 56px;
	font-size: 16px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/sou.png) no-repeat center;
}

.z_job_list li {
	padding: 3vw 0;
	position: relative;
	border-bottom: 2px solid #000000;
}

.z_job_list li .tit {
	font-size: 32px;
	font-weight: 800;
	color: rgba(0, 0, 0, 1);
	line-height: 30px;
}

.z_job_list li .slg {
	margin: 30px 0;
}

.z_job_list li .slg span {
	display: inline-block;
	min-width: 120px;
	text-align: center;
	height: 40px;
	background: rgba(242, 242, 242, 1);
	line-height: 40px;
	color: #888888;
}

.z_job_list li .desc {
	font-size: 15px;
	font-weight: 400;
	color: rgba(136, 136, 136, 1);
	line-height: 30px;
	width: 55.5vw;
}

.z_job_list li .infobox {
	position: relative;
}

.z_job_list li .more {
	position: absolute;
	font-size: 16px;
	display: flex;
	align-items: center;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.z_job_list li .more .arr {
	display: inline-block;
	margin-right: 10px;
	width: 36px;
	height: 32px;
	background: url(../images/arr1.png) no-repeat center;
	background-size: 100% auto;
}

.z_job_list li:hover .arr {
	background: url(../images/arr2.png) no-repeat center;
	background-size: 100% auto;
}

.z_job_list li:hover .more {
	color: #047F95;
}

.z_job_list li::before {
	content: "";
	display: block;
	width: 0%;
	height: 2px;
	background: #047F95;
	position: absolute;
	left: 0;
	bottom: -2px;
	z-index: 1;
	transition: ease 1s;
}

.z_job_list li:hover::before {
	width: 100%;
}

.z_zp_xqwarp {
	width: 990px;
	margin: 0 auto;
	min-height: 630px;
}

.z_xpxq_tit {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 3vw;
}

.z_xqcon {
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 34px;
}

.z_xqcon a {
	font-weight: bold;
	color: #047F95;
}

.z_renwu_xqwarp {
	width: 1000px;
	margin: 0 auto;
}

.z_renwu_tit {
	font-size: 28px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	line-height: 32px;
	border-top: 2px solid #000;
	margin-top: 70px;
	font-weight: bold;
	padding-top: 2.5vw;
}

.z_renwu_cs {
	font-size: 16px;
	font-weight: 400;
	color: rgba(4, 127, 149, 1);
	line-height: 32px;
	margin: 30px 0;
}

.z_renwu_cs a {
	display: inline-block;
	margin-right: 40px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(4, 127, 149, 1);
}

.z_renwu_con {
	font-size: 16px;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	line-height: 32px;
}

.z_news_page {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 2vw 6.25%;
}

.z_news_page .z_index_loadding {
	margin-top: 0;
}

.z_news_head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	border-bottom: 2px solid #000;
	align-items: center;
}

.z_news_head .z_index_tit {
	text-align: left;
	padding-bottom: 2vw;
}

.z_news_year {
	margin-left: auto;
}

.z_year_sel {
	width: 320px;
	height: 54px;
	border: 2px solid rgba(204, 204, 204, 1);
	display: flex;
	align-items: center;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
}

.z_year_sel span {
	flex-shrink: 0;
}

.z_year_sel select {
	width: 145px;
	color: #047F95;
	height: 54px;
	margin-left: auto;
	font-size: 20px;
	font-family: Futura;
	background: url(../images/arr3.png) no-repeat right center;
}

.z_year_ts {
	margin-top: 6px;
	color: #999999;
}

.z_year_ts em {
	color: #000;
	font-weight: bold;
}

.z_news_list .first {
	width: 64.1%;
	height: 500px;
	border-bottom: none;
	float: left;
	position: relative;
	overflow: hidden;
}

.z_news_list .first .infobox {
	width: 54%;
	height: auto;
	position: absolute;
	right: 0;
	padding: 30px;
	padding-top: 0;
	box-sizing: border-box;
	bottom: 0;
	background: #047F95;
	color: #fff;
}

.z_news_list .first .infobox::before {
	content: "";
	display: block;
	width: 0%;
	height: 2px;
	background: #F8B500;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: ease 1s;
	z-index: 1;
}

.z_news_list .first:hover .infobox::before {
	width: 100%;
}

.z_year_time {
	display: block;
	width: 100px;
	height: 100px;
	font-family: Futura;
	background: #047f95a8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.z_year_time em {
	display: block;
	text-align: center;
	font-size: 46px;
}

.z_news_list li:hover .z_year_time {
	background: #F8B500a8;
}

.z_news_list .first .z_year_time {
	position: relative;
	margin-top: -50px;
	background: #F8B500;
}

.z_news_list .first .infobox h3 {
	font-size: 22px;
	margin: 20px 0;
}

.z_news_list .first .infobox h4 {
	line-height: 24px;
	margin-bottom: 40px;
	color: #fff;
}

.z_news_list .first:hover h3,
.z_news_list li:hover .more {
	color: #fff;
}

.z_news_list li .iconfont {
	font-size: 12px;
}

.z_news_list li:hover .imgbg {
	transform: scale(1.05, 1.05);
}

.z_news_list ul {
	margin-left: -2.5%;
}

.z_news_list li {
	width: 30.8%;
	margin-bottom: 60px;
	float: left;
	margin-left: 2.5%;
	border-bottom: 2px solid #000000;
	box-sizing: border-box;
	position: relative;
}

.z_news_list li .imgbox {
	height: 280px;
	position: relative;
	overflow: hidden;
}

.z_news_list li .imgbox .z_year_time {
	position: absolute;
	left: 20px;
	top: 20px;
}

.z_news_list li .infobox {
	padding: 30px 0;
	height: 218px;
	box-sizing: border-box;
}

.z_news_list li h3 {
	font-size: 16px;
}

.z_news_list li h4 {
	color: rgba(153, 153, 153, 1);
	font-size: 13px;
	line-height: 24px;
	margin: 25px 0;
	margin-bottom: 35px;
}

.z_news_list li::before {
	content: "";
	z-index: 1;
	width: 0;
	display: block;
	height: 2px;
	background: #047F95;
	position: absolute;
	left: 0;
	bottom: -2px;
	transition: ease 1s;
}

.z_news_list li:hover::before {
	width: 100%;
}

.z_news_list li:hover h3 {
	color: #047F95;
}

.z_news_list li:hover .more {
	color: #047F95;
}

.z_news_xqwarp {
	padding: 0 6.25vw;
	box-sizing: border-box;
}

.z_news_fl {
	border: 4px solid #047f95;
	width: 25.5vw;
	position: fixed;
	left: 6.25vw;
	float: left;
	box-sizing: border-box;
	padding: 1.5vw 2vw;
	padding-bottom: 5vw;
}

.z_news_tit {
	font-size: 1.66vw;
	line-height: 2.5vw;
	font-weight: bold;
	margin-bottom: 20px;
}

.z_news_fr {
	width: 65.4%;
	float: right;
}

.z_news_cs span {
	color: #999;
	display: inline-block;
	margin-right: 15px;
}

.z_news_cs {
	padding-bottom: 2vw;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
}

.bshare-custom a {
	padding: 0 !important;
	color: #fff !important;
	font-size: 24px !important;
	height: auto !important;
	width: auto !important;
	margin-right: 20px !important;
	background: none !important;
	display: inline-block;
	width: 50px !important;
	height: 50px !important;
	background: #cccccc !important;
	text-align: center;
	line-height: 50px !important;
	border-radius: 50%;
}

.bshare-custom a:hover {
	text-decoration: none !important;
	opacity: 1 !important;
	background: rgba(248, 181, 0, 1) !important;
}

.z_news_content {
	font-size: 16px;
	line-height: 30px;
	color: #444444;
	min-height: 500px;
}

.z_news_content img {
	width: 100% !important;
	height: auto !important;
	display:block;
	margin:0 auto;
	padding: 10px 0;
}

.z_conatct_page {
	padding: 6vw 6.25vw;
	padding-bottom: 6vw;
	box-sizing: border-box;
}

.z_contact_box {
	width: 100%;
	margin: 80px 0;
}

.z_contact_info {
	width: 38%;
	float: left;
	height: 640px;
	padding: 4.2vw 3.125vw;
	box-sizing: border-box;
	background: #000000;
	color: #fff;
}

.z_contact_map {
	width: 62%;
	float: right;
	height: 640px;
}

.z_contact_info .name {
	font-size: 1.875vw;
	display: inline-block;
	padding-bottom: 1.5vw;
	margin-bottom: 2vw;
	border-bottom: 2px solid #fff;
}

.z_contact_info .desc {
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	line-height: 32px;
}

.z_contact_code {
	margin-top: 40px;
}

.z_contact_code .code {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 110px;
}

.z_contact_code .code img {
	display: block;
	width: 110px;
}

.z_ly_form ul {
	margin-left: -1.2%;
	margin-top: 60px;
	margin-bottom: 50px;
}

.z_ly_form li {
	width: 32.1%;
	float: left;
	font-size: 16px;
	margin-left: 1.2%;
	border-bottom: 2px solid #000;
	height: 50px;
	line-height: 60px;
	display: flex;
	align-items: center;
}

.z_ly_form li label {
	flex-shrink: 0;
	margin-right: 20px;
}

.z_ly_form li .input_text {
	width: 100%;
	font-size: 16px;
}

.z_ly_form .texta_box label {
	display: block;
	font-size: 16px;
}

.z_ly_form .texta_box .texta_text {
	width: 100%;
	border-bottom: 2px solid #000;
	height: 50px;
	margin-top: 10px;
	font-size: 16px;
}

.z_form_btn {
	display: inline-block;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	margin: 0 auto;
	margin-top: 60px;
}

.z_form_btn img {
	margin-right: 10px;
}

.z_small_swiper {
	overflow: hidden;
}

/* .z_case_con{ position: relative;} */

.z_zhuanti_page {
	padding: 5vw 6.25vw;
	padding-top: 10vw;
	box-sizing: border-box;
}

.z_zhuanti_head {
	display: flex;
	align-items: flex-end;
	padding-bottom: 30px;
	border-bottom: 2px solid #000000;
	margin-bottom: 3.125vw;
}

.z_zhuanti_head .z_index_tit {
	float: left;
	text-align: left;
	margin-right: 90px;
}

.z_zhuanti_nav a {
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	color: #000000;
	line-height: 32px;
	margin-right: 80px;
	vertical-align: bottom;
}

.z_zhuanti_nav a.active,
.z_zhuanti_nav a:hover {
	color: #047F95;
	text-decoration: underline;
	font-weight: bold;
}

.z_zhuanti_head .z_search_box {
	width: 360px;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-left: auto;
	float: right;
}

.z_zhuanti_head .z_search_box .input_text {
	padding: 0 20px;
	width: 70%;
	box-sizing: border-box;
	height: 50px;
	float: left;
}

.z_zhuanti_head .z_search_box .sou {
	width: 50px;
	height: 50px;
	display: block;
	float: right;
	background: url(../images/sou.png) no-repeat center;
}

.z_zhuanti_list ul {
	margin-left: -2.4%;
}

.z_zhuanti_list li {
	width: 30.9%;
	float: left;
	margin-left: 2.4%;
	position: relative;
	margin-bottom: 3.125vw;
}

.z_zhuanti_list li::before {
	content: "";
	display: block;
	width: 0;
	position: absolute;
	z-index: 1;
	background: #047F95;
	height: 2px;
	left: 50%;
	bottom: 0;
	transition: ease 1s;
}

.z_zhuanti_list li:hover::before {
	width: 100%;
	left: 0;
}

.z_zhuanti_list li .imgbox {
	width: 100%;
	height: 16.66vw;
	overflow: hidden;
}

.z_zhuanti_list li:hover .imgbg {
	transform: scale(1.1, 1.1);
}

.z_zhuanti_list li .infobox {
	background: #F4F4F4;
	padding: 20px;
	box-sizing: border-box;
}

.z_zhuanti_list li h3 {
	font-size: 22px;
	font-weight: 400;
	color: #000000;
	line-height: 32px;
}

.z_zhuanti_list li .desc {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 26px;
	margin: 20px 0;
}

.z_zhuanti_list li .more {
	display: block;
	height: 36px;
	line-height: 36px;
	background: url(../images/arr4.png) no-repeat left center;
	padding-left: 55px;
}

.z_neikan_list li {
	width: 47.5%;
	float: left;
	margin-bottom: 3.125vw;
}

.z_neikan_list li:nth-child(even) {
	float: right;
}

.z_neikan_list li .imgbox {
	width: 285px;
	height: 380px;
	float: left;
	margin-right: 30px;
	border: 1px solid #b7b7b7;
}

.z_neikan_list li .num {
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	line-height: 32px;
}

.z_neikan_list li h3 {
	font-size: 22px;
	font-weight: 400;
	color: #000000;
	line-height: 32px;
	margin: 10px 0;
}

.z_neikan_list li .desc {
	font-size: 15px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	margin: 40px 0;
}

.z_neikan_list li .infobox {
	padding-top: 10px;
}

.z_neikan_list li .btnwarp a {
	display: inline-block;
	width: 10.4vw;
	line-height: 60px;
	text-align: center;
	height: 60px;
	background: #F1F1F1;
	font-size: 16px;
}

.z_neikan_list li .btnwarp em {
	display: inline-block;
	width: 25px;
	height: 20px;
	vertical-align: -3px;
	margin-right: 10px;
}

.z_neikan_list li .btnwarp .yan {
	background: url(../images/zyan.png) no-repeat center;
}

.z_neikan_list li .btnwarp .xz {
	background: url(../images/zxz.png) no-repeat center;
}

.z_banner_arr {
	width: 50px;
	height: 50px;
	z-index: 5;
	background: rgba(248, 181, 0, 1);
	border-radius: 50%;
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	animation: removes 2s infinite linear;
}

@keyframes removes {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0px);
	}
}

.z_banner_arr2 {
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	z-index: 8;
}

.z_banner_arr2 img {
	display: block;
	width: 2.6vw !important;
	animation: removes 2s infinite linear;
}

.z_banner_arr3 {
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	z-index: 8;
}

.z_banner_arr3 img {
	display: block;
	width: 2.6vw;
	animation: removes 2s infinite linear;
}

.z_culture_nav ul {
	display: flex;
	align-items: center;
}

.progress-bar {
	position: relative;
}

.progress-bar img {
	display: block;
	width: 100%;
}

.pb-background {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.pb-background img {
	display: block;
	position: absolute;
	bottom: 0;
}

.background-image {
	/*opacity: .3;*/
}


.pb-progress {
	/*height: 200px;*/
	overflow: hidden;
	position: relative;
	/*top: 90px;*/
	display: flex;
	align-items: center;
}


.progress-image {
	position: absolute;
	bottom: 0;
}

.z_menu_mask {
	width: 100%;
	height: 100%;
	transform: scale(.8, .8);
	transition: ease 1s;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background: #ffffff;
	padding: 0 6.25vw;
	box-sizing: border-box;
}

.z_menu_mask.on {
	opacity: 1;
	visibility: visible;
	transform: scale(1, 1);
}

.z_menu_top {
	height: 6.25vw;
	display: flex;
	align-items: center;
}

.z_menu_top .fr {
	margin-left: auto;
}

.z_menu_close {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.z_menu_close .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/close.png) no-repeat center;
	margin-left: 10px;
}

.z_menu_top .logo img {
	display: block;
	max-height: 36px;
}

.z_menu_warp .flwarp {}

.z_menu_nav {
	width: 18.75vw;
	border-left: 1px solid #dddddd;
	box-sizing: border-box;
	position: relative;
}

.z_menu_nav .one {
	display: block;
	position: relative;
	padding-left: 2.08vw;
	box-sizing: border-box;
	font-size: 1.875vw;
	color: #bbbbbb;
	line-height: 4.6875vw;
}

.z_menu_nav .one::before {
	content: "";
	display: block;
	width: 0;
	transition: ease 1s;
	height: 2px;
	background: #ffc000;
	position: absolute;
	right: 1.3vw;
	top: 50%;
	margin-top: -1px;
}

.z_menu_line::before {
	content: "";
	display: block;
	transform-origin: left center;
	width: 10px;
	height: 10px;
	border: 1px solid #000000;
	border-radius: 50%;
	position: absolute;
	left: -4px;
	bottom: -5px;
	background: #fff;
}

.z_menu_line {
	width: 1px;
	height: 0;
	background: #000000;
	position: absolute;
	left: -1px;
	top: 0;
	z-index: 1;
	transition: ease 1s;
}

.z_menu_nav li {
	position: relative;
}

.z_menu_nav li .z_menu_down {
	position: absolute;
	left: 18.75vw;
	top: 50%;
	margin-top: -1.2vw;
	opacity: 0;
	transition: ease 1s;
	transform: translateY(100px);
	visibility: hidden;
}

.z_menu_down a {
	display: block;
	width: 100px;
	font-size: 16px;
	line-height: 2.6vw;
}

.z_menu_down a:hover {
	color: #047f95;
}

.z_menu_nav li:hover .one,
.z_menu_nav li.active .one {
	color: #333;
}

.z_menu_nav li:hover .one::before {
	width: 10.4vw;
}

.z_menu_nav li:hover .z_menu_down {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.z_menu_down2 a {
	display: block;
	width: 100px;
	font-size: 17px!important;
	line-height: 2.5vw;
	text-align: center;
	color: #fee2bb;
}
.z_menu_down2 a::before {
	background: transparent!important;
}
.z_menu_down2 a:hover {
	color: #fee2bb;
	background-color:#055b54;
	
}

.z_header_nav li .z_menu_down2 {
	position: absolute;
	left: -77%;
	top: 50%;
	margin-top: 30px;
	opacity: 0;
	transition: ease 0.1s;
	transform: translateY(0px);
	visibility: hidden;
	background-color: #047f95;
	border-bottom: 2px solid #f8b500;
}

.z_header_nav li:hover .z_menu_down2 {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.z_menu_warp .flwarp {
	float: left;
}

.z_menu_warp .frwarp {
	width: 48.8%;
	float: right;
}

.z_menu_warp .frwarp .tit {
	font-size: 22px;
}

.z_menu_warp .frwarp .desc {
	color: #888888;
	line-height: 24px;
	margin: 20px 0;
}

.z_menu_warp .frwarp .imgbg {
	width: 100%;
	height: 26vw;
}

.z_menu_warp {
	margin-top: 2.5vw;
}

.z_menu_btm {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 2.6vw 6.25vw;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.z_menu_btm .fl {
	color: #999;
	font-size: 12px;
}

.z_menu_btm .fl a {
	color: #999;
	font-size: 12px;
}

.z_menu_btm .fr {
	display: flex;
	align-items: center;
	margin-left: auto;
	text-transform: uppercase;
}

.z_menu_btm .fr .bshare-custom {
	margin-left: 10px;
}

@media screen and (max-width:1440px) {

	.z_neikan_list li .btnwarp a {
		width: 9vw;
	}

	.z_menu_warp {
		margin-top: 0;
	}

	.z_big_img .imgbox {
		height: 37.8vw;
	}
}



@media screen and (max-width:1366px) {
	.z_culture_nav li {
		margin-right: 2.35vw;
	}

	.z_culture_nav li h3 {
		font-size: 20px;
	}

	.z_culture_tit h3 {
		font-size: 30px;
	}

	.z_case_con {
		height: 14vw;
	}

	.z_case_con {
		font-size: 14px;
		line-height: 24px;
	}

	.z_team_swiper2 li .infobox,
	.z_small_img li .descbox {
		padding: 20px 10px;
	}

	.z_fuli_list li h3 {
		font-size: 14px;
	}

	.z_fuli_warp {
		padding-left: 0;
		padding-right: 0;
	}

	.z_job_list li .tit {
		font-size: 26px;
	}

	.z_contact_info .desc {
		font-size: 14px;
	}

	.z_home_logo {
		width: 34%;
	}

	.z_big_img .imgbox {
		height: 37.9vw;
	}

}
	
@media screen and (max-width:980px) {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		text-align: center;
		font-weight: 600;
	}
	.z_header {
		width: 100%;
		z-index: 7;
		height: 48px;
		padding: 0 10px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.z_header_nav {
		width: 100%;
		z-index: 7;
		transform: translateY(100%);
		visibility: hidden;
		opacity: 0;
		transition: ease .8s;
		display: flex;
		align-items: center;
		justify-content: center;
		height: calc(100vh - 50px);
		position: fixed;
		left: 0;
		top: 48px;
		background: #F8B500;
	}

	.z_header_nav li {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center;
		line-height: 50px;
	}
	.z_header_nav.on {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}

	.z_logo {
		height: 20px;
	}
	.z_banner {
	    position: relative;
	    height: 50vh;
	    overflow: hidden;
	    margin-top: 0;
	}
	.z_index_page {
	    width: 100%;
	    height: 50vh;
	    position: relative;
	}

	.z_banner_text .z_banner_logo img {
		height: 100px;
	}

	.z_banner_text .h3 {
		font-size: 20px;
	}

	.z_banner_text .h4 {
		font-size: 16px;
	}

	.z_banner_hd {
		bottom: 10px;
		left: 0;
		display: flex;
		align-items: center;
		padding: 0;
		justify-content: center;
	}

	.z_footer_copy {
		display: none;
	}

	.z_menu_btn {
		opacity: 1;
		visibility: visible;
	}

	.z_swiper_hd li {
		margin: 0 5px;
	}

	.z_swiper_hd li.on {
		padding-right: 0px;
	}

	.z_swiper_hd li.on::after {
		width: 30px;
	}

	.z_swiper_hd li::after {
		display: none;
	}

	.z_swiper_hd li::before {
		display: none !important;
		content: "";
	}

	.z_swiper_hd li {
		width: 8px !important;
		height: 8px;
		background: #1D7DB1;
		padding-left: 0;
	}

	.z_swiper_hd li.on {
		background: rgba(248, 181, 0, 1);
		width: 8px !important;
	}

	.z_other_banner_text h3 {
		font-size: 14px;
	}

	.z_other_banner_text h4 {
		margin-top: 5px;
		font-size: 16px;
	}

	.z_page_nav li .imgbox {
		display: none;
	}

	.z_page_nav li {
		top: auto !important;
	}

	.z_page_nav li h3 {
		transform: translateY(0);
	}

	.z_page_nav {
		margin-top: 0;
		border-bottom: 1px solid #ddd;
	}

	.z_page_nav ul {
		height: 40px;
		background: none;
	}

	.z_page_nav li a {
		width: auto;
	}

	.z_page_nav li a:hover h3,
	.z_page_nav li.on h3 {
		transform: translateY(0);
	}

	.z_page_nav li h3 {
		font-size: 14px;
	}

	.z_page_nav li.on a h3 {
		color: rgba(248, 181, 0, 1);
	}

	.z_other_logo {
		height: 120px;
	}


.top-card {
    position: relative!important;
    width: 1200px;
    height: 20rem;
    margin: auto 1rem;
}

.chuangli {
    position: absolute;
    top: 4rem;
    left: 0.5625rem;
    width: 6.25rem;
    height: 1.875rem;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000;
    line-height: 1.4375rem;
}

.data1 {
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
    top: 2.5rem;
    left: 4.8125rem;
    width: 3.5625rem;
    height: 4.5rem;
    font-size: 2rem;
    line-height: 3.5rem;
}


.suffix1 {
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
    top: 3.8125rem;
    left: 7.925rem;
    width: 1.5rem;
    height: 2.25rem;
    font-size: 1rem;
    line-height: 1.75rem;
}


.desc1 {
    position: absolute;
    top: 6.125rem;
    left: 0.5625rem;
    height: 1.5rem;
    font-size: 1rem;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

.wanchengxiangmu {
    position: absolute;
    top: 4rem;
    left: 12rem;
    width: 6.25rem;
    height: 1.875rem;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000;
    line-height: 1.4375rem;
}

.data2{
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
    top: 2.5rem;
    left: 16.5rem;
    width: 7.125rem;
    height: 4.5rem;
    font-size: 2rem;
    line-height: 3.5rem;
}

.suffix2 {
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
    top: 3.375rem;
    left: 20.5375rem;
    width: 1.125rem;
    height: 2.8125rem;
    font-size: 1rem;
    line-height: 2.1875rem;
}

.desc2 {
    position: absolute;
    top: 6.125rem;
    left: 12rem;
    height: 1.5rem;
    font-size: 1rem;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

.yunyingjingqu {
    position: absolute;
    top: 10rem;
    left: 0.5625rem;
    width: 5rem;
    height: 1.875rem;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000;
    line-height: 1.4375rem;
}

.data3{
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
    top: 8.5rem;
    left: 4.8125rem;
    width: 5.3125rem;
    height: 4.5rem;
    font-size: 2rem;
    line-height: 3.5rem;
}

.suffix3 {
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
    top: 9.375rem;
    left: 9rem;
    width: 1.125rem;
    height: 2.8125rem;
    font-size: 1rem;
    line-height: 2.1875rem;
}

.desc3 {
    position: absolute;
    top: 12rem;
    left: 0.5625rem;
    height: 1.5rem;
    font-size: 1rem;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

.ronghuojiangxiang {
    position: absolute;
    top: 10rem;
    left: 12rem;
    width: 5rem;
    height: 1.875rem;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000;
    line-height: 1.4375rem;
}

.data4 {
    top: 8.5rem;
    left: 16.5rem;
    width: 5.3125rem;
    height: 4.5rem;
    font-size: 2rem;
    line-height: 3.5rem;
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
}

.suffix4 {
    top: 9.5rem;
    left: 19.525rem;
    width: 1.125rem;
    height: 2.8125rem;
    font-size: 1rem;
    line-height: 2.1875rem;
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
}

.desc4 {
    position: absolute;
    top: 12rem;
    left: 12rem;
    height: 1.5rem;
    font-size: 1rem;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

.gugan {
    position: absolute;
    top: 16rem;
    left: 0.5625rem;
    width: 6.25rem;
    height: 1.875rem;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000;
    line-height: 1.4375rem;
}

.data5 {
    position: absolute;
    top: 14.5rem;
    left: 4.8125rem;
    width: 7.125rem;
    height: 4.5rem;
    font-size: 2rem;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
    line-height: 3.5rem;
}

.suffix5 {
	top: 15.375rem;
    left: 8rem;
    width: 1.125rem;
    height: 2.8125rem;
    font-size: 1rem;
    line-height: 2.1875rem;
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #047f95;
}

.desc5 {
    position: absolute;
    top: 18rem;
    left: 0.5625rem;
    height: 1.5rem;
    font-size: 1rem;
    font-family: Source Han Sans CN-Light,Source Han Sans CN;
    font-weight: 300;
    color: #3c3c3c;
    line-height: 1.1875rem;
}

	.z_index_about {
		margin-top: 0;
		padding: 30px 0;
	}

	.z_about_con {
		width: 100%;
		padding: 0 12px;
	}

	.z_index_tit {
		text-align: center;
	}

	.z_index_tit .cn {
		font-size: 18px;
		margin-top: 0;
	}

	.z_index_about .z_index_tit {
		margin-bottom: 20px;
	}

	.z_index_about .z_about_desc {
		font-size: 14px;
		line-height: 24px;
		padding-top: 15px;
	}

	.z_index_more {
		margin-left: 35px;
		font-size: 14px;
	}

	.z_index_about .z_index_more {
		margin-top: 20px;
		font-size: 14px;
	}

	.z_about_banner {
		width: 100%;
		margin-top: 20px;
		padding-left:3.5vw;
	}

	.z_about_banner {
		height: 66vw;
	}

	.z_btn_warp {
		height: 50px;
		width: auto;
		left: auto;
		right: 0;
		padding: 0 10px;
	}

	.z_banner_num {
		margin: 0 10px;
	}

	.z_culture_nav ul {
		overflow-x: auto;
		white-space: nowrap;
		display: block;
	}

	.z_culture_nav li {
		width: auto;
		padding: 10px;
		height: auto;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.z_culture_nav li span {
		font-size: 12px;
	}

	.z_culture_nav li h3 {
		font-size: 14px;
		margin-top: 0px;
	}

	.z_about_culture {
		padding: 20px 10px;
		box-sizing: border-box;
	}

	.z_about_culture .z_index_tit {
		margin-bottom: 20px;
	}

	.z_culture_con {
		display: block;
		padding: 20px 10px;
	}

	.z_culture_tit {
		width: 100%;
		text-align: center;
	}

	.z_culture_tit h3 {
		font-size: 18px;
	}

	.z_culture_tit h4 {
		font-size: 14px;
		margin-top: 0;
	}

	.z_culture_tit .line {
		margin: 0 auto;
		width: 40px;
		height: 2px;
		margin: 20px auto;
	}

	.z_culture_desc {
		font-size: 14px;
		line-height: 24px;
		min-height: auto;
	}

	.z_culture_con {
		margin-top: 0px;
		min-height: auto;
	}

	.z_process_con li {
		position: relative !important;
		right: auto !important;
		bottom: auto !important;
		text-align: left;
	}

	.z_process_warp img {
		display: none;
	}

	.z_process_con li::before {
		display: none
	}

	.z_about_process .z_index_tit {
		position: relative;
		top: auto;
	}

	.z_about_process {
		padding: 20px 12px;
		box-sizing: border-box;
	}

	.z_process_con li {
		margin-bottom: 20px;
		text-align: left !important;
		text-align: center;
	}

	.z_process_con li h3 {
		font-size: 15px;
	}

	.z_process_con li h4 {
		font-size: 13px;
	}

	.z_honor_img {
		display: none;
	}

	.z_honor_con {
		width: 100%;
	}

	.z_honor_con li a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.z_honor_warp {
		height: auto;
	}

	.z_about_honor {
		padding: 20px 12px;
	}

	.z_hz_list li {
		width: 33.3%;
		height: 80px;
	}

	.z_hz_list li:nth-child(3n) {
		border-right: 1px solid #E0E0EC;
	}

	.z_about_hz {
		padding: 20px 12px;
	}

	.z_about_hz .z_index_tit {
		margin-bottom: 20px;
	}

	.z_index_loadding {
		margin-top: 20px;
	}

	.z_index_loadding .icon {
		height: 30px;
	}

	.z_index_about .z_index_tit {
		text-align: center;
	}
	
.z_footer_row {
	display: flex;
}

	.z_footer {
		font-size: 12px;
		line-height: 18px;
	}

	.z_footer .fr {
		width: 100%;
	}

	.z_footer a {
		font-size: 14px;
	}
	
	.z_footer_about{
		display: block;
	}

	.z_footer_about2{
		width: 100%;
		margin-bottom: 0.6rem;
	}
.z_footer_about3 img{
	display: block;
	width: 5rem;
}
.z_footer_about3 p{
   font-size: 0.8rem;
}
.z_footer_about4{
   font-size: 1rem;
   line-height: 1.5;
   text-align: center;
   margin-top: 10px;
}
.z_footer_about4 a{
   font-size: 1rem;
}

	.z_page_warp {
		padding-top: 0;
		margin-top: 49.8vw;
	}

	.z_case_about .z_about_con {
		width: 100%;
	}

	.z_about_banner_warp {
		width: 100%;
		padding-right: 0;
	}

	.z_case_about {
		padding-bottom: 0;
	}

	.z_case_warp {
		padding: 20px 10px;
	}

	.z_case_head {
		display: block;
	}

	.z_case_head .z_index_tit {
		text-align: center;
		margin-bottom: 10px;
		width: 100%;
	}
	
	.z_index_tit2{
		text-align: center;
		position: relative;
		width: 100%;
		margin: 1rem 0!important;
	}

	.z_index_tit2 a{
		font-size:15px;
	}

	.z_index_tit2 ul li{
		float:left;
		width: 33.333%;
		margin: .1rem 0!important;
	}
			
	.z_index_tit h1{
		font-size:20px;
		font-weight:600;
	}
	
	.z_case_fillter li {
		width: 33.3%;
		padding: 0 10px;
	}

	.z_case_fillter li:last-child {
		border-right: none;
	}

	.z_case_fillter {
		width: 100%;
	}

	.z_case_list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.z_case_list li .imgbox {
		height: 66vw;
	}

	.z_case_list li .titbox {
		line-height: 50px;
		height: 50px;
		font-size: 14px;
	}

	.z_case_list li .infobox {
		transform: translateY(0);
		opacity: 1;
		padding: 10px;
	}

	.z_case_fl {
		width: 100%;
		position: relative;
		padding: 0 10px;
		top: auto;
	}

	.z_case_fr {
		width: 100%;
	}

	.z_page_wzbar {
		height: 40px;
		line-height: 40px;
		margin-top: 50px;
	}

	.z_case_tit {
		font-size: 16px;
		border-top-width: 2px;
	}

	.z_case_desc {
		font-size: 12px;
		margin: 20px 0;
	}

	.z_case_con {
		height: auto;
	}

	.z_case_fr {
		padding: 10px;
	}

	.z_case_img li {
		margin-bottom: 5px;
	}

	.z_case_video {
		margin-bottom: 5px;
	}

	.z_play_btn img {
		height: 60px;
	}

	.z_team_page {
		padding: 0 12px;
	}

	.z_team_all {
		margin: 20px 0;
	}

	.z_team_all .imgbox {
		width: 100%;
		height: 64vw;
	}

	.z_team_all .infobox {
		width: 100%;
		height: auto;
		padding: 10px;
	}

	.z_index_tit .en {
		font-size: 14px;
	}

	.z_team_all .z_index_tit {
		margin-bottom: 10px;
	}

	.z_team_all .z_index_tit .cn {
		font-size: 18px;
	}

	.z_index_tit .cn {
		line-height: normal;
	}

	.z_team_all .desc {
		border-top-width: 2px;
		padding-top: 10px;
		font-size: 12px;
		line-height: 24px;
	}

	.z_team_swiper1 li .imgbox {
		height: 60vw;
	}

	.z_team_swiper1 li .descbox {
		display: none;
	}

	.z_team_swiper1 li .infobox {
		padding: 10px 0;
	}

	.z_team_swiper1 li .infobox h3 {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.z_team_swiper1 li .infobox h4 {
		font-size: 13px;
	}

	.swiper_btn_warp .iconfont {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		z-index: 3;
		background: rgba(248, 181, 0, 1);
		border-color: rgba(248, 181, 0, 1);
		color: #fff;
	}

	.swiper_btn_warp .next {
		right: 0;
	}

	.swiper_btn_warp .prev {
		left: 0;
	}

	.z_team_box1 .iconfont {
		top: 26vw;
	}

	.z_team_swiper2 li .imgbox,
	.z_team_swiper2 li .infobox {
		height: 60vw;
	}

	.z_team_all .z_index_tit {
		text-align: center;
	}

	.z_team_tit {
		margin-top: 20px;
		margin-bottom: 10px;
		padding-bottom: 20px;
	}

	.z_team_pc {
		display: none
	}

	.z_team_mobile {
		display: block;
	}

	.z_zp_page {
		padding: 20px 10px;
	}

	.z_zp_img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.z_zp_img img {
		width: 100%;
	}

	.z_fuli_warp .z_index_tit .cn {
		font-size: 18px;
	}

	.z_fuli_list ul {
		display: block;
	}

	.z_fuli_list li {
		width: 33.3%;
		display: block;
		float: left;
		min-height: 120px;
	}

	.z_fuli_list li .icon {
		width: 60px;
		height: 60px;
	}

	.z_fuli_list li .icon img {
		max-height: 30px;
	}

	.z_fuli_list li h3 {
		font-size: 12px;
	}

	.z_job_warp {
		padding: 10px 0;
	}

	.z_job_fillter li {
		width: 48%;
		height: 40px;
		margin-right: 3.5%;
		border-bottom-width: 1px;
	}

	.z_job_fillter li:nth-child(2) {
		margin-right: 0;
	}

	.z_job_fillter li .sel_text,
	.z_job_fillter li .input_text {
		font-size: 14px;
		height: 40px;
	}

	.z_job_list li {
		padding: 20px 0;
	}

	.z_job_list li .tit {
		font-size: 16px;
		line-height: normal;
	}

	.z_job_list li .slg {
		margin: 15px 0;
	}

	.z_job_list li .slg span {
		display: inline-block;
		min-width: auto;
		line-height: 30px;
		padding: 0 10px;
		height: 30px;
		left: 30px;
		font-size: 12px;
	}

	.z_job_list li .desc {
		width: 100%;
		line-height: 24px;
		font-size: 12px;
	}

	.z_job_list li .more {
		display: none;
	}

	.z_zp_xqwarp {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		min-height: auto;
	}

	.z_xpxq_tit {
		font-size: 16px;
	}

	.z_xqcon {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	.z_renwu_xqwarp {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}

	.z_renwu_tit {
		margin-top: 10px;
		font-size: 16px;
	}

	.z_renwu_cs {
		font-size: 14px;
		margin: 10px 0;
	}

	.z_renwu_cs a {
		font-size: 14px;
	}

	.z_renwu_cs span {
		margin-right: 10px;
	}

	.z_renwu_con {
		font-size: 14px;
		line-height: 24px;
	}

	.z_topbtm_bar a {
		font-size: 14px;
	}

	.z_home_text {
		width: 100%;
	}

	.z_home_logo {
		width: 80%;
	}

	.z_home_paocess {
		font-size: 20px;
	}

	.z_home_paocess .num {
		font-size: 40px;
	}

	.z_home_text .text {
		padding-top: 0px;
	}

	.z_home_text {
		top: 45%;
	}

	.z_cloud {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.z_cloud img {
		width: auto;
		max-width: none;
	}

	.sidebox {
		display: block;
	}

	.z_news_page {
		width: 94%;
		padding: 20px 0;
	}

	.z_news_head {
		display: block;
		margin-bottom: 20px;
	}

	.z_news_head .z_index_tit {
		text-align: center;
		margin-bottom: 1px;
	}

	.z_year_sel {
		width: 100%;
	}

	.z_news_list .first,
	.z_news_list li {
		width: 100%;
		margin-left: 0;
	}

	.z_news_list ul {
		margin-left: 0;
	}

	.z_news_list .first {
		height: auto;
	}

	.z_news_list .first .imgbg {
		height: 220px;
	}

	.z_news_list li:hover .imgbg {
		transform: scale(1, 1);
	}

	.z_news_list .first .infobox {
		position: inherit;
		width: 100%;
		padding: 15px 0;
		background: none;
		color: #333;
	}

	.z_news_list .first .z_year_time {
		position: absolute;
		left: 10px;
		top: 10px;
		margin-top: 0;
	}

	.z_news_list .first .infobox h3 {
		margin: 0;
		font-size: 14px;
	}

	.z_news_list li .infobox {
		padding: 15px 0;
		height: auto;
	}

	.z_news_list .first .infobox h4 {
		color: rgba(153, 153, 153, 1);
	}

	.z_news_list li h4 {
		margin: 10px 0;
		text-align: left;
	}

	.z_news_list .first .infobox h4 {
		margin-bottom: 10px;
	}

	.z_year_time em {
		font-size: 20px;
	}

	.z_news_list li .z_year_time {
		width: 80px;
		height: 80px;
		background: #047f95a8;
	}

	.z_news_list li {
		margin-bottom: 10px;
	}

	.z_news_list .first ::before {
		display: block;
	}

	.z_news_list li .imgbox {
		height: 220px;
	}

	.bshare-custom {
		display: none;
	}

	.z_news_fl {
		width: 100%;
		padding: 15px;
		position: relative;
		left: auto;
		border-width: 2px;
	}

	.z_news_fr {
		width: 100%;
	}

	.z_news_xqwarp {
		padding: 12px;
	}

	.z_news_tit {
		font-size: 16px;
		line-height: normal;
		margin-bottom: 15px;
	}

	.z_news_cs {
		font-size: 12px;
		padding-bottom: 0px;
		border-bottom: none;
		margin-bottom: 0;
	}

	.z_news_cs span {
		margin-right: 5px;
	}

	.z_news_content {
		margin-top: 20px;
		line-height: 24px;
		font-size: 15px;
		min-height: auto;
	}

	.z_conatct_page {
		padding: 20px 10px;
	}

	.z_contact_box {
		margin: 20px 0;
	}

	.z_contact_info {
		width: 100%;
		height: auto;
		padding: 15px 10px;
		box-sizing: border-box;
	}

	.z_contact_info .name {
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.z_contact_info .desc {
		line-height: 24px;
		font-size: 12px;
	}

	.z_contact_code .code {
		width: 80px;
	}

	.z_contact_code .code img{
		width:100%;
	}
	
	.z_contact_code {
		margin-top: 20px;
	}

	.z_contact_map {
		width: 100%;
		height: auto
	}

	.z_ly_form ul {
		margin-top: 20px;
		margin-left: 0;
	}

	.z_ly_form ul li {
		width: 100%;
		margin-left: 0;
		font-size: 14px;
	}

	.z_ly_form ul {
		margin-bottom: 17px;
	}

	.z_ly_form .texta_box label,
	.z_ly_form li .input_text,
	.z_ly_form .texta_box .texta_text {
		font-size: 14px;
	}

	.z_form_btn {
		margin-top: 20px;
	}

	.z_job_fillter li .sou {
		height: 40px;
	}

	.z_zhuanti_head {
		display: block;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.z_zhuanti_head .z_index_tit {
		width: 100%;
		float: none;
		text-align: center
	}

	.z_zhuanti_page {
		padding: 20px 10px;
	}

	.z_zhuanti_nav {
		margin: 20px 0;
		text-align: center
	}

	.z_zhuanti_nav a {
		font-size: 14px;
		margin: 0 10px;
	}

	.z_zhuanti_head .z_search_box {
		width: 100%;
	}

	.z_zhuanti_list li {
		width: 97.6%;
		margin-bottom: 10px;
	}

	.z_zhuanti_list li .imgbox {
		height: 50vw;
	}

	.z_zhuanti_list li .infobox {
		padding: 10px;
	}

	.z_zhuanti_list li h3 {
		font-size: 15px;
		line-height: 18px;
	}

	.z_zhuanti_list li .desc {
		font-size: 13px;
		line-height: 20px;
		margin: 10px 0;
	}

	.z_zhuanti_list li .more {
		background-size: auto 20px;
		padding-left: 30px;
		height: 22px;
		line-height: 22px;
	}

	.z_neikan_list li {
		width: 100%;
		margin-bottom: 20px;
	}

	.z_neikan_list li .imgbox {
		margin: 0 auto;
		float: none;
		width: 180px;
		height: 240px;
	}

	.z_neikan_list li .infobox {
		width: 100%;
	}

	.z_neikan_list li h3 {
		font-size: 16px;
		text-align: center;
		margin: 0;
	}

	.z_neikan_list li .num {
		display: block;
		text-align: center;
	}

	.z_neikan_list li .desc {
		font-size: 13px;
		margin: 10px 0;
		line-height: 20px;
	}

	.z_neikan_list li .btnwarp {
		text-align: center;
	}

	.z_neikan_list li .btnwarp a {
		width: 40%;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.fl, .fl_warp{
		float: none;
	}

.z_banner_arr3 {
	bottom: 5%;
	z-index: 1;
}

.z_banner_arr3 img {
	width: 6.6vw!important;
}
.z_menu_down2{
	left: 10vw!important;
}
.z_menu_down2 a{
	line-height: 9.6vw!important;
}
.sidebox2{
	display:block!important;
}
.links{
	display:none;
}
.display{
		display: none!important;
	}
	
}

.copyright {
	text-align: center;
	padding-top: 20px;
}

.links{
	padding-top: 20px;
}

.sidebox2-yw{
	padding:10px 0;
}

.sidebox2-ywx{
	position: fixed;
	bottom: 40px;
	width: 100% !important;
	transition: ease 1s;
	transform: translateY(100%);
	opacity: 0;
	z-index: -1;
	padding: 10px 0;
}
.sidebox2-ywx a {
	padding: 4px 2px;
	font-size: 12px;
	
}
.sidebox2-yw:hover .sidebox2-ywx{
    transform: translateY(0%);
    opacity: 1;

}

.sidebox2-call{
	border-left: 1px solid;
	padding: 10px 0;
}

.sidebox2{
   display:none;
   position:fixed;
   bottom:0;
   background:#00000061;
   z-index:999;
   width:100%;
   height:40px;
}
.sidebox2 div{
    color: #f9bd1ddb;
    width: 33.333%;
    height: 40px;
    float: left;
    text-decoration: none;
    text-align: center;
    background: #068095eb;
}
.sidebox2 a{
	color: #f9bd1ddb;
}
#ttkefu_linkstate{
	display:none!important;
}

#ttkefuminily{
	z-index:100;
}
.ttCpRhtbarHtml{
	display:none!important;
}