/* public */
pre {
	white-space: pre-wrap;
	font-family: 'bodys';
	word-wrap: break-word;
}

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;
	outline: none;
}

img {
	border: 0;
	max-width: 100%;
}

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

body {
	font-size: 14px;
	overflow-x: hidden;
	font-family: 'bodys';
	color: #000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-overflow-scrolling: touch;
	background: #e9e9e9;
}

a {
	font-size: 14px;
	text-decoration: none;
	color: #333;
	transition: all .45s;
	z-index: 99999;
}

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

.clearfix {
	*zoom: 1;
}

/*IE/7/6*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

input,
textarea,
select {
	outline: none;
	font-family: 'bodys';
	line-height: normal;
	border: none;
	background: none;
}

textarea {
	resize: none;
	overflow: hidden;
}

select {
	-webkit-appearance: none;
	appearance: none;
	-ms-appearance: none;
	border-radius: 0;
}

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

i,
em {
	font-style: normal;
}

table {
	max-width: 100%;
	overflow: hidden;
}

.u_hidden {
	display: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.z-container {
	width: 83.3%;
	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;
}

.clear {
	clear: both;
}

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

/* @font-face {
  font-family: 'bodys'; 
  src: url("../font/SourceHanSansCN-Normal.ttf");

} */
@font-face {
	font-family: 'bodys';
	src: url("../font/icomoon.ttf");

}

@font-face {
	font-family: 'en';
	/* project id 574899 */
	src: url("https://ac57.com/frontend/web/fonts/MONTSERRAT-BOLD.OTF");

}

@font-face {
	font-family: 'num';
	/* project id 574899 */
	src: url("https://ac57.com/frontend/web/fonts/Swiss721BT-Heavy.otf");

}

@font-face {
	font-family: 'num2';
	/* project id 574899 */
	src: url("../font/BAHNSCHRIFT.TTF");

}

@font-face {
	font-family: 'num3';
	/* project id 574899 */
	src: url("https://ac57.com/frontend/web/fonts/Knockout-HTF69-FullLiteweight.otf");

}

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

/*分享*/
#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-vertical>.swiper-wrapper {
	flex-direction: column;
}

body.fixed .z_header {
	transform: translateY(-100%);
	visibility: hidden;
}

.z_header {
	width: 100%;
	height: 6.25vw;
	z-index: 10;
	transition: ease 1s;
	overflow: hidden;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	display: table;
	padding: 0 6%;
	box-sizing: border-box;
}

.z_header.on {
	height: 6.25vw;
}

.z_header.on .z_header_nav li {
	line-height: height:6.25vw;
}

.z_header .z_row {
	display: table-cell;
}

.z_header_logo {
	float: left;
	position: absolute;
	left: 6%;
	top: 50%;
	transform: translateY(-50%);
}

.z_header_logo img {
	display: block;
	max-height: 34px;
}

.z_header_nav {
	margin: 0 auto;
	text-align: center;
}

.z_header_nav li {
	display: inline-block;
	margin: 0 30px;
	position: relative;
	line-height: 80px;
}

.z_header_nav li:before {
	content: "";
	border: 1px solid #333;
	display: block;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: scale(.2) translateY(-50%);
	transition: ease .4s;
	opacity: 0;
}

.z_header_nav li:after {
	content: "";
	border: 1px solid #333;
	display: block;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	position: absolute;
	right: 50%;
	top: 50%;
	transform: scale(.2) translateY(-50%);
	transition: ease .4s;
	opacity: 0;
}

.z_header_nav li:hover:before,
.z_header_nav li.active:before {
	left: -15px;
	transform: scale(1) translateY(-50%);
	opacity: 1;
}

.z_header_nav li:hover:after,
.z_header_nav li.active:after {
	right: -15px;
	transform: scale(1) translateY(-50%);
	opacity: 1;
}

.z_header_nav li a {
	font-size: 16px;
	font-weight: bold;
	font-family: 'bodys';
	color: #767676;
}

.z_header_fr {
	position: absolute;
	right: 0%;
	top: 50%;
	transform: translateY(-50%);
}

.z_header_tel {
	float: left;
}

.z_header_tel span {
	float: left;
	color: #696969;
}

.z_header_tel .num {
	float: left;
	line-height: 20px;
	font-family: Bahnschrift;
	border-left: 1px solid #e5e5e5;
	font-size: 18px;
	padding-left: 20px;
	margin-left: 20px;
}

.z_mobile_btn {
	float: right;
	width: 160px;
	cursor: pointer;
}

.z_header_nav li.active a,
.z_header_nav li:hover a {
	color: #000000;
}

.z_mobile_btn .line {
	display: block;
	width: 38px;
	height: 2px;
	transition: ease .4s;
	background: #1b1b1b;
	margin: 10px auto;
}

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

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

/* .z_banner{ height:calc(100vh - 80px); margin-top:7.8125vw; overflow: hidden; background: url(../image/bgbg2.png) no-repeat center; background-attachment: fixed; background-size: cover;}
.z_banner .bd li{ background: #000; } */
.z_banner {
	overflow: hidden;
	background: url(../image/bgbg2.png) no-repeat center;
	background-attachment: fixed;
	background-size: cover;
}

.z_banner .bd li {
	background: #000;
}

.z_banner {
	position: relative;
	margin-top: 6.25vw;
}

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

.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.1);
	transition: ease 2s;
	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_banner .bd li.swiper-slide-active .banner_tit,
.z_banner .bd li.swiper-slide-duplicate-active .banner_tit {
	transform: translateY(0%);
	opacity: 1;
	transition-delay: .5s;
}

.z_banner .bd li.slide2 .banner_tit {
	font-size: 6.77vw;
	line-height: 6vw;
}

.banner_tit {
	color: #fff;
	font-size: 5.6vw;
	transition: ease 1s;
	transform: translateY(100%);
	font-weight: bold;
	opacity: 0;
}

.z_banner_text {
	width: 100%;
	height: 100%;
	padding: 0 8%;
	padding-top: 7.8125vw;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
}

/*.z_banner .bd li .z_banner_fl{ transform: translateY(-100%);}
.z_banner .bd li .z_banner_fr{ transform: translateY(100%);}*/
/*.z_banner .bd li:nth-child(even) .z_banner_fl{ transform: translateY(100px);}
.z_banner .bd li:nth-child(even)  .z_banner_fr{ transform: translateY(-100px);}*/
/*.z_banner .bd li.swiper-slide-active .z_banner_fl,.z_banner .bd li.swiper-slide-duplicate-active .z_banner_fl{ transform: translateY(0); opacity: 1;}
.z_banner .bd li.swiper-slide-active .z_banner_fr,.z_banner .bd li.swiper-slide-duplicate-active .z_banner_fr{ transform: translateY(0); opacity: 1;}*/

.jdbar .jding.on {
	width: 100%;
}

.z_banner_img {
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
}

.z_banner_fr {
	float: right;
}

.z_banner_fl,
.z_banner_fr {
	width: 50%;
	height: 100%;
	float: left;
	background-position: center;
	transition: ease 1s;
	background-size: cover;
	position: relative;
}

.banner_tit {
	color: #fff;
	font-size: 4vw;
	transition: ease 1s;
	/*transform: translateY(100%);*/
	font-weight: bold;
	/*opacity: .5;*/
}

.gswebsite {
	font-size: 16px;
	color: #646569;
	font-weight: bold;
	transform: rotate(-90deg);
	display: inline-block;
	margin-bottom: 20vh;
}

.gslog {
	color: #565a5b;
	line-height: 36px;
}

.gslog h3 {
	font-size: 18px;
	font-weight: bold;
}

.banner_jd {
	color: #fff;
	line-height: 20px;
	margin: 8vh 0;
	display: flex;
	align-items: center;
}

.banner_jd span {
	font-weight: bold;
}

.jdbar {
	width: 180px;
	margin: 0 15px;
	height: 1px;
	display: inline-block;
	background: rgba(255, 255, 255, .3);
	position: relative;
}

.jdbar .jding {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0%;
	transition: ease 2s;
	background: #fff;
}

/*.z_banner .swiper-slide-active .banner_tit,.z_banner .swiper-slide-duplicate-active .banner_tit{ transform: translate(0); opacity: 1;}.jdbar .jding.on{ width: 100%;}
*/
.index_about {
	background: #e9e9e9;
	height: 51vw;
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	align-items: center;
	justify-content: center;
	display: none;
}

.index_about .z-container {
	position: relative;
	height: 100%
}

.index_about_img {
	width: 100%;
	position: absolute;
	transition: ease 3s;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
}

.index_about_img .imgbg {
	width: 100%;
	height: 100%;
	animation-duration: 2S;
}

.index_about.on .index_about_img .imgbg {
	transform: scale(1, 1);
	opacity: 1;
}

.index_about .index_about_desc {
	position: absolute;
	left: 0;
	top: 6.5vw;
}

.index_about_desc .tit1 {
	font-size: 3.125vw;
	font-weight: bold;
	font-family: "en";
	color: #2f323a;
}

.index_about_desc .line,
.index_desc .line,
.z_nav_list li .line,
.z_line {
	width: 170px;
	height: 12px;
	margin: 2.08vw 0;
}

.index_about_desc .line em,
.index_desc .line em,
.z_nav_list li .line em,
.z_line em {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/line.jpg) left;
	background-position: center center;
	-webkit-animation: scrollBad 5s linear infinite;
	-moz-animation: scrollBad 5s linear infinite;
	animation: scrollBad 5s linear infinite;
}

@keyframes scrollBad {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -170px 0;
	}
}

.index_about_desc .tit2 {
	font-size: 18px;
	color: #949494;
	line-height: 36px;
	font-family: "en" !important;
}

.index_about_desc .tit3 {
	font-size: 32px;
	font-family: "黑体";
	line-height: 50px;
	margin-top: 5vh;
}

.index_about_desc .tit3 .em1 {
	color: #ce2f32;
}

.index_about_desc .tit3 .em2 {
	color: #484848;
}

.index_about_warp {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: -6.7vw;
}

.about_box {
	width: 50%;
	color: #fff;
	transition: ease 1s;
	z-index: 2 !important;
	/*transform: scale(1.4,1.4); opacity: 0;*/
	float: left;
	height: 445px;
	position: relative;
	padding: 0 6%;
	box-sizing: border-box;
}

.about_box.on {
	transform: scale(1, 1);
	opacity: 1;
}

.about_box1 {
	float: right;
	background: rgba(51, 175, 161, .95);
}

.about_num {
	font-size: 7.5vw;
	position: relative;
	line-height: 110px;
	font-family: "num";
}

.about_num:before {
	content: "";
	display: block;
	width: 180px;
	height: 120px;
	position: absolute;
}

.about_num .num1 {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #fff;
	transition: ease .5s;
}

.about_num .num2 {
	position: absolute;
	transition: ease .5s;
	right: 0;
	top: 0;
	transform: translateY(100%) scale(.6, .6);
	opacity: 0;
}

.about_box:hover .about_num .num2 {
	transform: translateY(0) scale(1, 1);
	opacity: 1;
}

.about_box:hover .about_num .num1 {
	transform: translateY(-100%) scale(.6, .6);
	opacity: 0;
}

/*.about_box:hover .about_num{  -webkit-text-fill-color:#fff;
  -webkit-text-stroke:1px #fff;}*/
.about_box1 {
	padding-top: 14vh;
	box-sizing: border-box;
}

.about_box1 .z_warp {
	width: 82%;
}

.about_box1 .about_num {
	position: absolute;
	right: 17%;
	top: 0;
	z-index: 1;
}

.about_box1 .about_num:before {
	left: 50%;
	top: -60%;
	background: url(../image/num1.png) no-repeat center;
	background-size: cover;
}

.about_box1 .desc {
	line-height: 30px;
	height: 90px;
	margin-bottom: 8vh;
}

.about_list ul {
	display: flex;
	justify-content: space-between;
}

.about_list li {
	display: inline-block;
	text-align: center;
}

.about_list li h3 {
	font-size: 36px;
	font-family: 'num2';
}

.about_list li h4 {
	color: rgba(255, 255, 255, .5);
}

.about_box2 {
	float: left;
	background: #3b3136;
}

.about_box2 .about_num {
	position: absolute;
	right: 60px;
	top: 130px;
	z-index: 1;
}

.about_box2 .about_num:before {
	left: 40%;
	top: 72%;
	background: url(../image/num2.png) no-repeat center;
	background-size: cover;
}

.about_box2 {
	padding-top: 13vh;
	box-sizing: border-box;
	background: url(../image/zbgs1.jpg) no-repeat center;
	background-size: cover;
}

.about_box2 .tit {
	font-size: 16px;
	font-weight: bold;
}

.about_box2 .desc {
	line-height: 30px;
	height: 120px;
	color: rgba(255, 255, 255, .5);
	margin: 30px 0;
}

.index_more {
	display: inline-block;
	text-decoration: underline;
	color: #fff;
	text-transform: capitalize;
	font-size: 12px;
}

.index_more em {
	display: inline-block;
	vertical-align: -3px;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	background: url(../image/z_more.png) no-repeat center;
	background-size: 100% 100%;
}

.about_box3 {
	background-position: center;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-size: cover;
	text-align: right;
	background-repeat: no-repeat;
	z-index: 1;
}

.about_box3:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/abou2.png) no-repeat right center;
	background-size: auto 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.about_box3 .tit {
	font-size: 24px;
	font-weight: bold;
}

.about_box3 .line {
	display: inline-block;
	width: 176px;
	margin-top: 20px;
	height: 40px;
	background: url(../image/num3.png) no-repeat left center;
	background-size: cover;
}

.about_box3 .desc {
	line-height: 30px;
	margin: 10px 0;
}

.about_box3 .more {
	display: inline-block;
	transition: ease .4s;
	width: 170px;
	height: 36px;
	line-height: 36px;
	background: #fff;
	text-align: center;
	font-weight: bold;
}

.about_box3 .more:hover {
	background: url(../image/casebg.png) no-repeat center;
	background-size: cover;
	color: #fff;
}

.index_yw {
	width: 100%;
	padding-top: 13vh;
	padding-bottom: 11vh;
	box-sizing: border-box;
	color: #fff;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	position: relative;
	border-top: 2px solid #666;
}

.index_yw:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/ren.jpg) no-repeat right center;
	position: absolute;
	right: 0;
	top: 0;
	background-size: cover;
}

.index_yw_an {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../image/bg2.jpg) no-repeat center;
	background-size: cover;
	z-index: 1;
	transition: cubic-bezier(0.215, .61, .355, 1) 2s;
}

.index_yw .index_desc {
	width: 400px;
}

.index_ye:after {
	content: "";
	display: block;
	width: 50%;
	height: 50%;
}

.index_desc .tit1 {
	font-size: 3.125vw;
	font-family: "en";
	font-weight: bold;
	line-height: 3.125vw;
}

.index_desc .line {
	margin: 30px 0;
}

.index_desc .tit2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
}

.index_desc .tit3 {
	font-size: 30px;
	line-height: 52px;
	font-weight: bold;
	margin-top: 50px;
}

.yw_list dl {
	display: inline-block;
	margin-left: 6vw;
	vertical-align: top;
	text-align: center;
}

.yw_list .icon img {
	display: block;
	margin: 0 auto;
}

.yw_list .tit {
	margin: 40px 0;
	margin-top: 50px;
}

.yw_list .tit h3 {
	font-size: 18px;
}

.yw_list .tit h4 {
	font-weight: bold;
	color: rgba(255, 255, 255, .5);
}

.yw_nav a {
	display: block;
	line-height: 36px;
	color: rgba(255, 255, 255, .5);
}

.yw_nav a:hover {
	color: #fff;
}

.index_case {}

.index_case .z-container {
	background: #fff;
	box-sizing: border-box;
	margin-top: -11vh;
	background: #fff;
}

.index_case_head .index_desc .line {
	margin: 25px 0;
	margin-bottom: 30px;
}

.index_case_head {
	padding: 60px 0;
}

.index_case_head .desc {
	color: #636363;
}

.case_nav li {
	display: inline-block;
	padding-top: 25px;
	box-sizing: border-box;
	text-align: center;
	width: 100px;
	height: 100px;
	background: #f5f5f5;
}

.case_nav li .icon {
	height: 24px;
	overflow: hidden;
	margin-bottom: 10px;
}

.case_nav li .icon img {
	margin: 0 auto;
	display: block;
	transition: ease .4s;
}

.case_nav li.active,
.case_nav li:hover {
	background: #535353;
}

.case_nav li.active img,
.case_nav li:hover img {
	transform: translateY(-24px);
}

.case_nav li.active a,
.case_nav li:hover a {
	color: #fff;
}

.case_nav_desc {
	border: 1px solid #eeeeee;
	color: #4b4b4b;
	height: 100px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	box-sizing: border-box;
}

.case_nav_desc .index_more {
	color: #333;
	display: block;
	float: right;
	margin-left: auto;
}

.case_nav_desc .fl a {
	color: #bb3837;
	text-decoration: underline;
	display: inline-block;
	margin-left: 10px;
}

.index_case .z-container {
	position: relative;
	z-index: 1;
	padding: 0 5%;
	box-sizing: border-box;
	padding-bottom: 3vh;
}

.index_case .z-container:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../image/bg3.png) no-repeat bottom center;
	background-size: 100% auto;
}

.z_index_cases .z-container:before {
	display: none;
}

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

.index_case_list li {
	width: 31.3%;
	margin-left: 2%;
	margin-bottom: 40px;
	float: left;
}

.index_case_list li .imgbox {
	height: 17.5vw;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.index_case_list li .imgbox:before {
	content: "";
	display: block;
	width: 100%;
	z-index: 1;
	height: 100%;
	background: url(../image/casebg.png) no-repeat bottom center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease 1s;
	opacity: 0;
}

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

.index_case_list li:hover .imgbg {
	transform: scale(1.1, 1.1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.index_case_list li:hover .imgbox:before {
	opacity: 1;
}

.index_case_list li .infobox {
	height: 120px;
	z-index: 1;
	background-size: cover;
	background-position: center bottom;
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: 30px;
	box-sizing: border-box;
	padding-right: 100px;
	box-sizing: border-box;
}

.index_case_list li .infobox:after {
	content: "";
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: inherit;
	filter: blur(20px);

}


.index_case_list li .infobox:before {
	content: "";
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .7);
	position: absolute;
	left: 0;
	top: 0;
}

.index_case_list li h3 {
	font-size: 16px;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}

.index_case_list li h4 {
	color: #717171;
	position: relative;
	z-index: 2;
}

.index_case_list li .index_more {
	position: absolute;
	z-index: 2;
	color: #333;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

/*.index_case_list li:hover .infobox:before{  background: rgba(238,238,238,1);}
*/
.index_news {
	width: 100%;
	box-sizing: border-box;
	background: url(../image/newsbgs.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: cover;
}

.index_news {
	color: #fff;
	margin-top: -11vh;
}

.index_news .index_desc {
	margin-top: -5vh;
}

.index_news .index_desc .tit1 {
	color: #ffbe08;
}

.index_news .index_desc .index_more {
	margin-top: 50px;
}

.index_news .z_row {
	margin: 0 auto;
	height: 100vh;
	display: flex;
	align-items: center;
}

.news_swiper {
	margin-top: 14vh;
}

.news_swiper li {
	position: relative;
	z-index: 1;
}

.news_swiper li:after {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: -10%;
	background: url(../image/casebg.png) no-repeat center;
	background-size: cover;
	transition: ease .6s;
	opacity: 0;
	height: 120%;
}

.news_swiper li:hover:after {
	opacity: 1;
}

.news_swiper li a {
	color: #fff;
	padding: 10px 0;
	display: block;
	padding-left: 50px;
	padding-right: 4vw;
	box-sizing: border-box;
	box-sizing: border-box;
}

.news_swiper li h3 {
	font-size: 40px;
	margin-bottom: 10px;
	font-family: "num2";
}

.news_swiper li:before {
	content: "";
	display: block;
	z-index: 1;
	width: 2px;
	height: 100%;
	background: #5ab5ab;
	position: absolute;
	left: 10px;
	top: 0;
}

.news_swiper li h4 {
	font-size: 26px;
	font-weight: bold;
	line-height: 38px;
	height: 76px;
}

.news_swiper li:nth-child(3n):before,
.news_swiper li:nth-child(3n) a:after {
	background: #005aff;
}

.news_swiper li:nth-child(2n):before,
.news_swiper li:nth-child(2n) a:after {
	background: #bf4458;
}

.news_swiper li a:after {
	content: "";
	display: block;
	width: 21px;
	opacity: 0;
	height: 2px;
	background: #5AB5AB;
	position: absolute;
	left: 1px;
	top: 50%;
	margin-top: -1px;
	transform: translateY(-100px);
	transition: ease .5s;
}

.news_swiper li:hover a:after {
	transform: translateY(0);
	opacity: 1;
}

.index_btmwarp {}

.index_btmwarp .z-container {
	background: #fff;
	margin-top: -11vh;
}

.index_contact {
	margin: 0 auto;
	padding: 9vh 0;
}

.contact_tit {
	margin-bottom: 80px;
}

.contact_tit h3 {
	font-size: 52px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "en";
}

.contact_tit h4 {
	font-size: 28px;
	font-weight: bold;
}

.contact_desc dl {
	display: flex;
	align-items: center;
	margin-bottom: 60px;
	align-items: flex-start;
}

.contact_desc dl dt {
	flex-shrink: 0;
	margin-right: 40px;
}

.contact_desc dl .icon {
	display: block;
	margin-bottom: 10px;
}

.contact_desc dl .icon img {
	display: block;
	margin: 0 auto;
}

.contact_desc dl span {
	font-size: 18px;
	font-weight: bold;
}

.contact_desc dl h3 {
	font-size: 24px;
	margin-bottom: 5px;
	font-family: "num2";
	font-weight: normal;
}

.contact_desc dl h4 {
	color: #888;
}

.contact_desc dl:last-child {
	margin-bottom: 0;
	display: none;
}

.index_lyform {
	width: 40%;
}

.index_lyform li {
	width: 46%;
	margin-bottom: 10px;
	float: left;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
	z-index: 1;
	padding-left: 10px;
	box-sizing: border-box;
}

.index_lyform li:before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #bfbfbf;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	border-radius: 50%;
}

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

.index_lyform .tit {
	font-size: 18px;
	margin-bottom: 20px;
}

.index_lyform li label {
	display: block;
	line-height: 68px;
}

.index_lyform li .text {
	width: 100%;
	height: 68px;
}

.index_lyform li .text::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #212121;
	font-size: 14px;
}

.index_lyform li .text::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #212121;
	font-size: 14px;
}

.index_lyform li .text:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #212121;
	font-size: 14px;
}

.index_lyform li.texta {
	width: 100%;
}

.index_lyform .z_subbtn {
	width: 52px;
	position: relative;
	cursor: pointer;
	margin-top: 4vh;
	height: 28px;
	overflow: hidden;
}

.index_lyform .z_subbtn img {
	display: block;
	transition: ease .4s;
}

.index_lyform .z_subbtn .btn {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/* .index_lyform .z_subbtn:hover  img{ transform: translateX(-52px);} */
.index_logo {
	background: #f6f6f6;
	border-top: 1px solid #efefef;
}

.index_logo li {
	width: 12.5%;
	padding: 20px;
	box-sizing: border-box;
	transition: ease .4s;
	float: left;
	height: 17vh;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index_logo li img {
	display: block;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	max-height: 100%;
	max-width: 100%;
}

.index_logo li:hover {
	background: #e9e9e9;
}

.index_logo li:hover img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.z_footer {
	overflow: hidden;
	width: 100%;
	background: #1b1b1b;
	background-size: cover !important;
	background-attachment: fixed !important;
	color: #fff;
	position: relative;
	z-index: 1;
}

.z_footer .z-container3 {
	width: 1400px;
}

.z_footer.z-container {
	width: 83.3%;
}

.z_footer:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	top: 0;
}

.foot_line {
	width: 100%;
	height: 5px;
	background: url(../image/line2.png) no-repeat center;
	background-size: cover;
}

.foot_top {
	padding: 9vh 0;
	display: flex;
	align-items: flex-start;
}

.foot_tel {
	float: left;
	margin-right: 4vw;
	padding-left: 25px;
	box-sizing: border-box;
	background: url(../image/f1.png) no-repeat left top 1px;
}

.foot_tel h3,
.foot_addre h3 {
	font-size: 12px;
	color: #797979;
	margin-bottom: 10px;
}

.foot_tel h3 span {
	color: #fff;
}

.foot_tel h4 {
	font-size: 24px;
	font-family: "num2";
}

.foot_tel h5 {
	font-family: "num2";
	font-size: 16px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.foot_addre {
	padding-left: 25px;
	width: 310px;
	box-sizing: border-box;
	float: left;
	background: url(../image/f2.png) no-repeat left top 1px;
}

.foot_addre h4 {
	line-height: 24px;
}

.foot_fr {
	float: right;
	margin-top: 28px;
	margin-left: auto;
}

.foot_nav {
	margin-bottom: 5vh;
}

.foot_nav a {
	color: #fff;
	display: inline-block;
	padding: 0 10px;
}

.z_retop {
	float: right;
	cursor: pointer;
	position: relative;
}

.z_retop .hovers {
	position: absolute;
	left: 0;
	top: 0;
	transition: ease .4s;
	opacity: 0;
}

.z_retop .hovers img {
	display: block;
}

.z_retop:hover .hovers {
	opacity: 1;
}

.foot_btm {
	padding: 6vh 0;
}

.foot_btm .fl {
	display: flex;
	align-items: center;
}

.indexinto {
	display: inline-block;
	border: 1px solid #fff;
	margin-right: 20px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	padding: 0 20px;
	color: #fff;
}

.indexinto .iconfont {
	display: inline-block;
	margin-right: 6px;
	vertical-align: -2px;
	font-size: 18px;
}

.foot_share li {
	display: inline-block;
	margin: 0 10px;
}

.foot_share li .iconfont {
	color: rgba(255, 255, 255, .3);
	font-size: 20px;
}

.foot_share li:hover .iconfont {
	color: #fff;
}

.foot_copy {
	margin-left: auto;
	text-align: right;
	color: rgba(255, 255, 255, .3);
	font-size: 12px;
	line-height: 24px;
}

#captchaimg {
	left: auto !important;
	right: 0 !important;
}

.z_nav_mask {
	width: 100%;
	height: 100%;
	transition: ease .6s;
	transform: scale(.9, .9);
	opacity: 0;
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background: #fff;
	padding: 3.6vw 8.33vw;
	box-sizing: border-box;
}

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

.z_nav_top {
	display: flex;
	align-items: center;
	margin-bottom: 3.2vw;
}

.z_nav_top .logo img {
	display: block;
	height: 46px;
}

.z_nav_contact {
	width: 740px;
	margin-left: 80px;
}

.z_nav_contact .z_top {
	border-bottom: 5px solid #373737;
	display: flex;
	align-items: flex-start;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.z_nav_tel {
	font-size: 13px;
	line-height: 24px;
	color: #161616;
	float: left;
	font-family: 'en';
}

.z_nav_contact .z_en {
	margin-left: auto;
	font-size: 2.5vw;
	font-family: "en";
	text-transform: uppercase;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #333;
	transition: ease .5s;
	float: right;
	line-height: 48px;
}

.z_cn {
	font-weight: bold;
}

.z_nav_list ul {
	margin-left: -1.7%;
}

.z_nav_list li {
	width: 31.6%;
	margin-bottom: 2.6vw;
	transition: ease .8s;
	-webkit-transition: ease .8s;
	overflow: hidden;
	float: left;
	position: relative;
	margin-left: 1.7%;
	height: 13.5vw;
	border: 2px solid #434343;
	box-sizing: border-box;
}

.z_nav_list li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 2.08vw;
	padding-right: 10vw;
	box-sizing: border-box;
}

.z_nav_list li .num {
	font-size: 5vw;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10vw;
	text-align: center;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #d4d4d4;
	transition: ease .5s;
	font-family: "num";
}

.z_nav_list li .tit h3 {
	text-transform: uppercase;
	font-family: "en";
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 30px;
}

.z_nav_list li .tit h4 {
	font-size: 16px;
	font-weight: bold;
}

.z_nav_list li .line {
	margin: 1.6vw 0;
}

.z_nav_list li .line em {
	animation: none;
}

.z_nav_list li .more {
	font-size: 13px;
	transition: ease .5s;
}

.z_nav_list li .desc {
	font-size: 13px;
	line-height: 28px;
	color: #fff;
	transform: translateY(100%);
	transition: ease .5s;
}

.z_nav_list li:hover .desc {
	transform: translateY(-30%);
}

.z_nav_list li:hover .more {
	opacity: 0;
}

.z_nav_list li:hover {
	background: #5ab5ab;
	border-color: #5AB5AB;
}

.z_nav_list li:hover a {
	color: #fff;
}

.z_nav_list li:hover .num {
	-webkit-text-stroke: 1px #fff;
}

.z_slide_bar {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 2.6vw;
}

.z_slide_bar ul {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.z_slide_bar li:before {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: #7f7f7f;
	position: absolute;
	right: -65px;
	top: 50%;
	transform: translateY(-50%);
}

.z_slide_bar li {
	position: relative;
	margin: 0 40px;
	cursor: pointer;
}

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

.z_slide_bar li em {
	display: block;
	height: 25px;
}

.z_slide_bar li .kf {
	background: url(../image/s1.png) no-repeat center;
	margin-bottom: 5px;
}

.z_slide_bar li .code {
	background: url(../image/s2.png) no-repeat center;
	width: 25px;
}

.z_slide_bar li .z_slid_code {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	transition: ease .4s;
	bottom: 30px;
	transform: scale(0);
}

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

.z_slide_bar li:hover .z_slid_code {
	transform: scale(1, 1);
}

.z_slide_bar2 {
	position: fixed;
	opacity: 1;
	bottom: auto;
	transition: ease .5s;
	right: 25px;
	top: 50%;
	z-index: 9;
	transform: translate(0, -50%);
	left: auto;
}

.z_slide_bar2.on {
	opacity: 1;
	visibility: visible;
}

.z_slide_bar2 ul {
	display: block;
	text-align: center;
}

.z_slide_bar2 li {
	margin: 0;
	margin-bottom: 70px;
}

.z_slide_bar2 li:before {
	display: none;
}

.z_slide_bar2 li .code {
	margin: 0 auto;
}

.z_slide_bar2 li:nth-child(2):before {
	display: block;
	position: absolute;
	left: 50%;
	bottom: -60px;
	height: 50px;
	width: 1px;
	transform: translateY(0);
	top: auto;
}

.z_slide_bar2 li:nth-child(2):after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -60px;
	height: 50px;
	width: 1px;
	background: #7f7f7f;
}

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

.z_small_banner {
	width: 40%;
	height: 40vh;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 6;
}

.z_small_banner .imgwarp {
	width: 78%;
	height: 40vh;
	position: relative;
}

.z_small_banner .imgwarp li {
	height: 100%;
	width: 100%;
	transition: ease 1s;
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0, 0);
	opacity: 0;
}

.z_small_banner .imgwarp li.on {
	opacity: 1;
	transform: scale(1, 1);
}

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

.z_small_banner .other_num {
	width: 22%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	background: #00a17e;
	text-align: center;
	float: right;
	height: 40vh;
}

.z_small_banner .other_num em {
	display: block;
	margin: 3vh 0;
	font-family: "num2";
	font-size: 25px;
}

.z_small_banner .other_num .index {
	font-size: 48px;
	line-height: 48px;
}

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

.z_other_banner {
	width: 100%;
	height: 100vh;
}

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

.other_banner_text .z-row {
	width: 78%;
	margin: 0 auto
}

.other_banner_text h3 {
	font-size: 4.58vw;
	color: #00a17e;
	font-family: "en";
	line-height: 80px;
}

.other_banner_text .line {
	margin: 30px 0;
}

.other_banner_text h4 {
	line-height: 50px;
	font-size: 30px;
	margin-bottom: 20px;
}

.other_banner_text .link {
	display: inline-block;
	font-size: 18px;
	position: relative;
	line-height: 40px;
	color: #fff;
}

.other_banner_text .link:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #00a17e;
	position: absolute;
	left: 0;
	bottom: 0;
}

.other_banner_text .link:hover {
	color: #00A17E;
}

.other_banner_text .desc {
	width: 270px;
	line-height: 30px;
	margin: 30px 0;
}

/*案例页面*/
.z_case_page .z_row {
	margin: 0 auto;
	position: relative;
}

/*.z_case_page .z-container:before{ content: ""; display: block; width: 100%; height: 12px; background: url(../image/line3.jpg) repeat-x; position: absolute; left: 0; top: 0;}
*/
.z_case_page {
	position: relative;
	z-index: 1;
}

.z_case_page:before {
	content: "";
	display: block;
	width: 40%;
	background: #fff;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.z_case_page .z_row:after {
	content: "";
	display: block;
	width: 200%;
	height: 12px;
	background: url(../image/line3.jpg) repeat-x;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

/*案例详情*/
.z_case_xqpage {
	width: 70%;
	position: relative;
	padding: 30px 8%;
	box-sizing: border-box;
	background: #fff;
	margin: 0 auto;
	z-index: 1;
	float: right;
	margin-top: 27vh;
}

.z_case_xqpage:before,
.z_news_page:before {
	content: "";
	display: block;
	width: 100%;
	height: 12px;
	background: url(../image/line3.jpg) repeat-x;
	position: absolute;
	left: 0;
	top: 0;
}

.z_casexq_tit {
	color: #5ab5ab;
	padding: 30px 0;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 30px;
}

.z_casexq_tit .tit {
	text-transform: uppercase;
	font-weight: bold;
}

.z_casexq_class {
	color: #606060;
	line-height: 24px;
}

.z_casexq_img {
	padding: 30px 0;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

.z_casexq_img img {
	display: block;
	text-align: center;
	max-width: 100%;
}

.z_casexq_code {
	text-align: center;
}

.z_casexq_code li {
	display: inline-block;
	text-transform: uppercase;
	margin: 0 15px;
	vertical-align: top;
	line-height: 108px;
	width: 112px;
	height: 112px;
	border: 2px solid #dcdcdc;
	box-sizing: border-box;
}

.z_casexq_code li a {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-family: "en";
}

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

.z_casexq_code li.code {
	background: url(../image/line4.png) no-repeat center;
	background-size: cover;
	border: none;
	padding: 5px;
}

.z_casexq_code h3 {
	color: #5ab5ab;
	margin-top: 30px;
}

.z_other_banner2 {
	position: fixed;
	left: 0;
	top: 0;
	transition: ease .4s;
}

.z_other_banner2 .other_banner_text .z-row {
	width: 88%;
}

.z_topbtm_bar {
	width: 30%;
	position: fixed;
	transition: ease .4s;
	left: 0;
	bottom: 0;
	background: #5ab5ab;
	height: 12vh;
	line-height: 12vh;
	z-index: 1;
}

.z_topbtm_bar.animated {
	animation: none;
}

.z_topbtm_bar a {
	display: block;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	color: #fff;
	text-align: center;
}

.z_topbtm_bar .arr {
	display: inline-block;
	width: 24px;
	height: 20px;
	overflow: hidden;
	margin: 0 5px;
}

.z_topbtm_bar .arr img {
	display: block;
	max-width: 100%;
	transition: ease .4s;
	margin: 0 auto;
}

.z_topbtm_bar a:hover .arr img {
	transform: translateY(-20px);
}

.z_case_share li {
	display: inline-block;
	margin-right: 10px;
}

.z_case_share li .iconfont {
	color: #fff;
	font-size: 24px;
}

.z_news_page {
	margin-top: 80px;
	position: relative;
	padding: 80px 0;
	box-sizing: border-box;
}

.z_news_list li .imgbox {
	width: 68%;
	height: 73vh;
	overflow: hidden;
	float: right;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

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

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

.z_news_list li:hover .imgbox {
	transform: scale(.9);
}

.z_news_list li {
	position: relative;
}

.z_news_list li .infobox {
	position: absolute;
	padding-left: 50px;
	box-sizing: border-box;
	width: 37%;
	z-index: 1;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.z_news_list li .infobox:before {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: #434343;
	position: absolute;
	left: -50px;
	top: 0;
}

.z_news_list li .infobox:after {
	content: "";
	display: block;
	width: 2px;
	height: 0%;
	transition: ease 1s;
	background: #00a17e;
	position: absolute;
	left: -50px;
	top: 0;
}

.z_news_list li:hover .infobox:after {
	height: 100%;
}

.z_news_list li .time {
	font-family: "num2";
	font-size: 65px;
	color: #00a17e;
	line-height: 60px;
}

.z_news_list li .tit {
	font-size: 42px;
	font-weight: bold;
	line-height: 60px;
	margin-bottom: 30px;
}

.z_news_list li .index_more {
	color: #333;
}

canvas {
	display: block;
	vertical-align: bottom
}

.z_nav_close {
	width: 160px;
	height: 80px;
	background: url(../image/close.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

#particles-js {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../image/ren.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	z-index: -1;
}

.z_header2 {
	background: #e9e9e9;
	display: flex;
	justify-content: center;
	align-items: center;
}

.z_newsxq_page {
	width: 91%;
	z-index: 1;
	margin-left: 9%;
	margin-top: 80px;
	position: relative;
}

.white_bgs {
	background: #fff;
}

.z_newsxq_page:before {
	content: "";
	width: 100%;
	height: 12px;
	background: url(../image/line3.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.z_newsxq_fl {
	width: 79.5%;
	float: left;
	border-right: 1px solid #d2d2d2;
	padding: 6.7vw;
	padding-right: 15vw;
	box-sizing: border-box;
}

.z_newsxq_tit .title {
	font-size: 3.125vw;
	margin-top: 14px;
	font-weight: bold;
}

.z_newsxq_tit .slg {
	font-size: 16px;
	font-weight: bold;
}

.z_newsxq_tit {
	margin-bottom: 3.125vw;
}

.z_newsxq_con {
	line-height: 30px;
	font-size: 14px;
	padding-bottom: 5.7vw;
}

.z_newsxq_con img {
	max-width: 100% !important;
	height: auto !important;
}

.bshare-custom a {
	background: none !important;
	font-size: 22px;
	margin: 0 !important;
	cursor: pointer;
	margin-right: 15px !important;
	padding: 0 !important;
}

.bshare-custom a:hover {
	color: #BF2E2E !important;
	text-decoration: none !important;
	opacity: 1 !important;
}

.z_newsxq_fr {
	width: 20.5%;
	float: right;
	display: flex;
	align-items: center;
	position: fixed;
	transition: ease .4s;
	right: 0;
	justify-content: center;
	padding-top: 6.7vw;
}

.z_newsxq_fr .warps {
	display: inline-block;
}

.z_newsxq_fr .en {
	font-family: 'en';
	text-transform: uppercase;
	margin-bottom: 10px;
}

.z_newsxq_fr .h3 {
	font-weight: bold;
	font-size: 16px;
	font-weight: bold;
}

.z_newsxq_fr .itmes {
	margin-bottom: 4.68vw;
}

.z_public_bg {
	width: 100%;
	height: 100%;
	background: url(../image/bgbg.png) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.z_next_bar a {
	display: flex;
	align-items: center;
	width: 100%;
	font-weight: bold;
	margin-top: 30px;
	font-size: 1.35vw;
	color: #7e7e7e;
}

.z_next_bar a span {
	color: #272727;
}

.z_next_bar a:hover {
	color: #333;
}

.z_next {
	justify-content: center;
	margin-top: 8vw;
}

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

.z_contact_page {
	position: relative;
}

.z_contact_page .contact_img {
	display: block;
	width: 100%;
}

@keyframes zoombig {
	0% {
		transform: scale(1.1, 1.1);
	}

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

.z_service_banner .imgbg {
	animation: zoombig 1s linear forwards;
}
















.z_news_pages {
	margin-top: 80px;
	position: relative;
}

.z_news_pages:before {
	content: "";
	display: block;
	width: 100%;
	height: 12px;
	background: url(../image/line3.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.z_news_pages .news_bigimg {
	display: block;
	width: 100%;
}

.z_news_box {
	width: 46.875%;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 6.7vw;
	box-sizing: border-box;
}

.z_other_tit span {
	font-size: 16px;
}

.z_other_tit .title {
	font-size: 3.125vw;
	font-weight: bold;
	margin: 2vw 0;
}

.z_other_tit .entit {
	font-size: 24px;
	font-weight: bold;
	font-family: 'en' !important;
}

.z_bigarr {
	display: inline-block;
	height: 5.2vw;
}

.z_bigarr img {
	display: block;
	max-height: 100%;
	animation: moves 2s linear infinite;
}

.z_news_box .z_bigarr {
	margin: 5.6vw 0;
}

.z_news_class a {
	font-size: 1vw;
	font-weight: bold;
	color: #9b9b9b;
	display: inline-block;
	margin-right: 1.8vw;
}

.z_news_class a:hover,
.z_news_class a.active {
	color: #272727;
}

.z_news_conwarp {
	padding: 6.25vw;
	box-sizing: border-box;
	position: relative;
	padding-bottom: 0;
}

/* .z_news_conwarp ul {
	display: grid;
	grid-gap: 2.6vw;
	grid-template-columns: repeat(3, minmax(0, 1fr));
} */

.z_news_listwarp .imgbox {
	height: 17vw;
	width: 25vw;
	flex-shrink: 0;
	margin-left: 3vw;
}

.z_news_listwarp li {
	background: #fff;
	margin-bottom: 2vw;

}

.z_news_listwarp li a {
	display: flex;
	/* flex-flow: column; */
	flex-flow: row-reverse;
	padding: 2vw;
	box-sizing: border-box;
	justify-content: space-between;
}

.z_news_listwarp .title {
	font-size: 1.25vw;
}

.z_news_listwarp .infobox {
	display: flex;
	flex-flow: column;
}

.z_news_listwarp .desc {
	font-size: 16px;
	color: #666;
	margin-top: 1.6vw;
	line-height: 26px;
}

.z_news_listwarp .infobox .z_news_slg {
	display: none;
}

.z_news_listwarp .index_more {
	margin-top: auto;
	color: #000;
}

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

	50% {
		transform: scale(1.1)
	}

	100% {
		ttransform: scale(1)
	}
}

.z_other_footer {
	padding: 3.125vw;
	box-sizing: border-box;
	line-height: 24px;
}

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

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

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

.z_contact_page {
	background: url(../image/contact_img.jpg) no-repeat top center;
	background-size: 100% auto;
	background-attachment: fixed;
	margin-top: 7.8526vw;
}

.z_contact_warp {
	width: 91.6%;
	background: rgba(255, 255, 255, .97);
	padding: 6.25vw;
	box-sizing: border-box;
}

.z_culture_img1 {
	display: none;
}

.conatct_tit span {
	font-size: 16px;
	font-weight: bold;
}

.conatct_tit .title {
	font-size: 3.64vw;
	line-height: 4vw;
	font-weight: bold;
	margin: 30px 0;
}

.conatct_tit .line {
	margin: 3.125vw 0;
}

.contact_dl ul {
	display: flex;
	justify-content: space-between;
}

.contact_dl li {}

.contact_dl li .tit {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.contact_dl li .con {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

.contact_dl li h4 {
	font-family: "en";
}

.contact_dl li .yx {
	text-decoration: underline;
}

.conatct_code {
	margin-top: 5.2vw;
}

.conatct_code .codebox {
	width: 100px;
	text-align: center;
	float: left;
}

.conatct_code .codebox:first-child {
	margin-right: 28.5vw;
}

.conatct_code .codebox img {
	display: block;
	width: 100%;
	height: 100px;
}

.conatct_code .codebox h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 25px;
}

.z_contact_ly {
	width: 91.6%;
	margin-left: 8.4%;
	background: #fff;
	position: relative;
	margin-top: 11.9vw;
}

.z_contact_ly:before {
	content: "";
	display: block;
	width: 100%;
	height: 12px;
	background: url(../image/line3.png) no-repeat center;
	background-size: cover;
}

.z_contact_form {
	padding: 5.2vw 0;
	padding-right: 8.3vw;
	padding-left: 32vw;
	box-sizing: border-box;
}

.z_contact_form .tit {
	font-size: 3.64vw;
	line-height: 4.68vw;
	font-weight: bold;
	margin-bottom: 3.5vw;
}

.z_contact_form .form_ul li {
	width: 47.4%;
	float: left;
}

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

.z_contact_form .label {
	display: block;
	font-size: 18px;
	font-weight: bold;
}

.z_contact_form .form_ul li .input_text {
	width: 100%;
	display: block;
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 2.6vw;
}

.myinput_text {
	width: 100%;
	display: block;
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 2.6vw;
}

.z_contact_way .tit2 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}

.z_way_li li {
	display: inline-block;
	position: relative;
	font-size: 16px;
	margin-right: 4vw;
}

.z_check_box {
	position: relative;
	display: flex;
	align-items: center;
}

.check_input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.check_input+label {
	width: 15px;
	display: inline-block;
	height: 15px;
	margin-right: 10px;
	vertical-align: -1px;
	background: url(../image/radio1.png) no-repeat center;
	background-size: 100% 100%;
}

.check_input:checked+label {
	background: url(../image/radio2.png) no-repeat center;
	background-size: 100% 100%;
}

.z_texta_warp {
	margin: 3vw 0;
}

.z_texta_warp .texta {
	width: 100%;
	background: #ffffff;
	border: 2px solid #e5e5e5;
	margin-top: 15px;
	box-sizing: border-box;
	;
	padding: 15px;
	box-sizing: border-box;
	height: 280px;
	box-sizing: border-box;
	line-height: 20px;
}

.z_ly_btn {
	font-size: 20px;
	cursor: pointer;
	font-weight: bold;
	background: url(../image/arr4.png) no-repeat right center;
	padding-right: 60px;
}

.z_ly_btn:hover {
	font-weight: bold;
}

/*服务*/
.z_service_banner {
	width: 100%;
	overflow: hidden;
	height: 100vh;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.z_service_banner .imgbg {
	position: relative;
	background-attachment: fixed;
}

.z_service_banner .imgbg:after {
	content: "";
	overflow: hidden;
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: inherit;
	filter: blur(20px);
	z-index: 1;
}

.z_banner_con {
	width: 50%;
	height: 100vh;
	display: flex;
	align-items: center;
	padding: 6.77vw;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255, 255, 255, .5);
}

.z_banner_con .title {
	font-size: 3.64vw;
	font-weight: bold;
	line-height: 4.1vw;
	margin-bottom: 2.6vw;
}

.z_banner_con .slg {
	font-size: 16px;
	font-weight: bold;
	;
	margin-bottom: 30px;
}

.z_banner_con .en {
	font-size: 24px;
	font-weight: bold;
	font-family: "en";
	margin-bottom: 5.2vw;
}

.z_service_part1 {
	background: #000;
	overflow: hidden;
	z-index: 1;
}

.z_service_part1:before {
	content: "";
	width: 100%;
	height: 120%;
	position: absolute;
	left: 0;
	bottom: -5vw;
	background: url(../image/service2.png) no-repeat bottom center;
	background-attachment: fixed;
	background-size: 100% auto;
}

.z_service_part {
	padding: 8.33vw 4.16vw;
	color: #fff;
	box-sizing: border-box;
	position: relative;
}

.z_service_tit {
	font-size: 6.5vw;
	letter-spacing: -5px;
	margin-bottom: 4.16vw;
}

.z_service_textbox {
	width: 23vw;
	margin-bottom: 8.3vw;
}

.z_service_textbox .title {
	font-size: 1.875vw;
}

.z_service_textbox .desc {
	line-height: 24px;
	margin: 2.08vw 0;
}

.z_service_textbox .desc_p {
	line-height: 30px;
}

.z_service_part1 .z_service_textbox2 {
	margin-left: 22.9vw;
}

.z_service_textbox3 {
	margin-left: 54.1%;
}

.z_service_qy {
	margin-top: 2.08vw;
	width: auto;
}

.z_service_qy li {
	display: flex;
	min-height: 40px;
	width: 300px;
	margin-bottom: 10px;
	padding: 10px 0;
	min-width: 16.1vw;
	align-items: center;
	border-bottom: 2px solid #ffffff;
}

.z_service_qy li img {
	display: block;
	max-height: 50px;
	float: left;
}

.z_service_qy li .txt {
	float: right;
	margin-left: auto;
}

.z_service_img1 {
	width: 45.83vw;
	height: 45.83vw;
	position: absolute;
	right: 0;
	top: 20.8vw;
}

.z_service_part1 .z_bigarr {
	position: absolute;
	left: 26.9vw;
	bottom: 26vw;
}

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

.z_service_part2 {
	padding-bottom: 27.6vw;
	position: relative;
	z-index: 1;
}

.z_service_part2:before {
	content: "";
	display: block;
	width: 100%;
	background: url(../image/service4.png) no-repeat bottom center;
	background-attachment: fixed;
	background-size: 100% auto;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.z_service_img2 {
	width: 45.8vw;
	height: 45.8vw;
	position: absolute;
	left: 0;
	top: -11.97vw;
	z-index: 1;
}

.z_service_frwarp {
	float: right;
	width: 39vw;
}

.z_service_part2 .z_service_flwarp {
	margin-top: 37.8vw;
	float: left;
}

.z_service_part3 {
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: #333;
}

.z_service_part3 .z_service_img {
	position: relative;
	margin-top: -17vw;
	z-index: 1;
}

.z_service_part3 .z_service_img img {
	display: block;
	width: 100%;
}

.z_service_part3 .desc_img {
	margin-top: 3.125vw;
}

.z_service_flwarp {
	float: left;
}

.z_service_frwarp {
	float: right;
}

.z_service_qy2 li {
	border-bottom-color: #333;
}

.z_service_part4 {
	padding-bottom: 14vw;
	z-index: 1;
}

.z_service_part4:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/service8.png) no-repeat center;
	background-size: 100% 100%;
	background-attachment: fixed;
	position: absolute;
	right: 0;
	bottom: 0;
}

.z_service_part4 .z_service_img {
	width: 45.8vw;
	position: absolute;
	right: 0;
	top: -11.9vw;
}

.z_service_part4 .z_service_frwarp {
	margin-top: 40.5vw;
}

.z_service_part5 {
	color: #333;
	padding-bottom: 0;
	padding-top: 13.5vw;
}

.z_service_part5 .z_service_img {
	width: 45.8vw;
	position: absolute;
	z-index: 1;
	left: 0;
	top: -8.3vw;
}

.z_service_part5 .ly_tit {
	font-size: 36px;
	margin-top: 20px;
}

.z_service_part5 .z_service_tit {
	margin-bottom: 0;
}

.z_service_form ul {
	margin: 4.2vw 0;
	width: 32.3vw;
}

.z_service_form ul li {
	border-bottom: 1px solid #2f323a;
	margin-bottom: 10px;
}

.z_service_form ul li .text {
	display: block;
	height: 3.125vw;
	font-size: 16px;
}

.z_service_form .z_tjbtn {
	width: 170px;
	cursor: pointer;
	height: 60px;
	line-height: 60px;
	background: #2f323a;
	color: #fff;
}

.z_service_form .z_tjbtn:hover {
	background: #005AFF;
}

.z_service_part6 {
	color: #333;
	background: url(../image/service10.png)no-repeat right center;
	background-size: auto 11.66vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.z_service_con .tit {
	font-size: 3.64vw;
	margin: 2.1vw 0;
	font-weight: bold;
	margin-top: 1vw;
}

.z_service_con .desc {
	font-size: 16px;
	font-weight: bold;
}

.z_about_banner {
	height: auto;
}

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

.z_about_banner .z_banner_con {
	z-index: 1;
}

.z_about_banner .z_banner_con:before {
	content: "";
	filter: blur(40px);
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	position: absolute;
	left: 0;
	top: 0;
	;
}

.z_about_warp {
	width: 91.66%;
	padding: 6.25vw 8.33vw;
	box-sizing: border-box;
	position: absolute;
	top: 100vh;
	left: 0;
	z-index: 1;
	background: url(../image/aboutbg.jpg) no-repeat center;
	background-size: cover;
}

.z_about_tit .h3 {
	font-size: 3.64vw;
	line-height: 3.125vw;
	color: #3a3a3a;
	font-weight: bold;
	font-family: 'en';
}

.z_about_tit h4 {
	font-size: 1.5625vw;
	font-weight: bold;
}

.z_about_desc {
	width: 29.7vw;
	line-height: 32px;
	font-size: 15px;
	color: #737373;
	margin: 3.125vw 0;
}

.z_about_num {
	margin-top: 5vw;
}

.z_about_num li {
	display: inline-block;
	margin-right: 3.8vw;
	text-align: center;
}

.z_about_num li h3 em {
	font-weight: bold;
	font-size: 3.125vw;
}

.z_about_num li h3 {
	font-size: 40px;
	font-weight: bold;
	color: #3a3a3a;
	display: flex;
	align-items: center;
	font-family: 'num2'
}

.z_about_num li h4 {
	color: #acacac;
}

.z_about_culture {
	width: 91.66%;
	min-height: 86.4vw;
	color: #fff;
	padding: 0 5.7vw;
	box-sizing: border-box;
	margin-left: 8.34%;
	background: url(../image/ren.jpg) no-repeat bottom right;
	background-attachment: fixed;
	position: relative;
	background-size: cover;
	padding-top: 700px;
}

.z_about_culture .index_desc .tit3 {
	margin-top: 20px;
}

.z_culture_info {
	position: absolute;
	left: 5.7vw;
	bottom: 6.7vw;
	max-width: 40vw;
}

.z_culture_info .num {
	font-size: 1.56vw;
	margin-right: 20px;
	display: inline-block;
}

.z_culture_info h3 {
	font-size: 1.82vw;
	margin-bottom: 20px;
}

.z_culture_info .desc {
	padding-left: 64px;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

.flwarp {
	float: left;
}

.frwarp {
	float: right;
}

.z_culture_text {
	position: absolute;
	right: 0;
	bottom: 6.77vw;
}

.z_culture_text .text_img {
	height: 5.72vw;
	margin-top: 2.6vw;
}

.z_culture_text .text_img img {
	display: block;
	max-height: 100%;
}

.z_culture_cilire {
	position: absolute;
	left: 41.6vw;
	bottom: 26.15vw;
}

.z_culture_cilire img {
	animation: rotate 5s linear infinite;
}

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

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

}

.z_about_process {
	background: #fff;
	margin-left: 8.34%;
	width: 91.66%;
	padding: 5.2vw 5.7vw;
	box-sizing: border-box;
}

.z_process_warp {
	/* border-bottom: 5px solid #1b1b1b;
	border-top: 5px solid #1b1b1b; */
	display: flex;
	align-items: flex-end;
	margin-top: 3.125vw;
}

.z_process_con,
.z_process_year {
	width: 50%;
	float: left;
}

.z_process_con {
	padding: 3.125vw 0;
	position: relative;
}

.z_process_con .child {}

.z_process_con .child {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transform: translateY(3.5vw);
	transition: ease .5s;
	left: 0;
	bottom: 0;
	bottom: 3.125vw;
}

.z_process_con .child.on {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.z_process_con .arrimg {
	margin-bottom: 3.125vw;
}

.z_process_con .con {
	font-size: 1.25vw;
	line-height: 2.5vw;
}

.z_process_year {
	width: 28vw;
	margin-left: auto;
	position: relative;
	float: right;
	overflow: hidden;
	height: 26vw;
}

.z_process_year li {
	font-family: 'num3';
	color: transparent;
	box-sizing: border-box;
	-webkit-text-stroke: 2px #0d1619;
	text-align: center;
	font-size: 13vw;
}

.z_process_year li.swiper-slide-active,
.z_process_year li.swiper-slide-duplicate-active {
	color: #0d1619;
	-webkit-text-stroke: 0px #0d1619;
}

.z_process_year .yearbtn {
	position: absolute;
	cursor: pointer;
	z-index: 1;
	top: 55%;
	transform: translateY(-50%);
}

.z_process_year .prev {
	left: 0;
}

.z_process_year .next {
	right: 0;
}

.z_about_btmwarp {
	padding-left: 8.34%;
	box-sizing: border-box;
	position: relative;
	background: #e9e9e9;
	z-index: 1;
	display: none;
}

.z_about_team {
	background: #313131;
}

.z_about_btmwarp:before {
	content: "";
	z-index: 1;
	display: block;
	width: 8.34%;
	background: #313131;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.z_team_box {
	width: 33.5%;
	min-height: 24.4vw;
	float: left;
	background: #2b4fd6;
	color: #fff;
	padding: 4.68vw 3.64vw;
	box-sizing: border-box;
}

.z_team_box .z_about_tit .h3 {
	color: #fff;
	margin-bottom: 20px;
}

.z_team_box .desc {
	font-size: 16px;
	line-height: 30px;
}

.z_team_pic {
	width: 48.8vw;
	float: left;
	position: relative;
}

.z_team_pic li {
	width: 12.2vw;
	height: 12.2vw;
	overflow: hidden;
	float: left;
	position: relative;
}

.z_team_pic li .imgbg {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.z_team_pic li .imgbg img {
	display: block;
	width: 100%;
	height: 100%;
}

.z_team_pic li .infobox {
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: ease 1s;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(43, 79, 214, .9);
	padding: 2.08vw 1.56vw;
	box-sizing: border-box;
	color: #fff;
}

.z_team_pic li h3 {
	font-size: 24px;
	margin-bottom: 10px;
}

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

.z_team_pic li:hover .infobox {
	opacity: 1;
}

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

.z_team_pic li:last-child {
	position: absolute;
	left: -12.2vw;
	bottom: 0;
}

.z_about_Journal {
	min-height: 53.6vw;
	position: relative;
	z-index: 1;
	padding-right: 9.1%;
	box-sizing: border-box;
}

.z_about_Journal:before {
	content: "";
	pointer-events: none;
	display: block;
	width: 100%;
	height: 49.3vw;
	background: #2ccab9;
	position: absolute;
	left: 0;
	top: 0;
}

.z_journal_con {
	padding: 5.2vw;
	box-sizing: border-box;
	padding-right: 0;
}

.z_journal_text {
	width: 27vw;
	float: left;
}

.z_journal_num {
	width: 41vw;
	float: right;
	border-bottom: 3px solid #313131;
	border-top: 3px solid #313131;
}

.z_journal_num ul {
	display: flex;
	justify-content: space-between;
}

.z_journal_text .desc {
	line-height: 30px;
	margin-top: 2.08vw;
}

.z_journal_num li h4 {
	font-size: 6.25vw;
	font-style: italic;
	line-height: 5.25vw;
	margin-top: 10px;
	font-family: "num3";
}

.z_journal_num li {
	padding: 2.6vw 0;
}

.z_journal_list .flwarp {
	width: 48.4%;
	float: left;
	height: 48.4vw;
}

.z_rz_item {
	position: relative;
}

.z_rz_item a {
	display: block;
	width: 100%;
	height: 100%;
}

.z_rz_item .infobox {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 2vw;
	box-sizing: border-box;
	color: #fff;
}

.z_rz_item .touxiang {
	width: 44px;
	height: 44px;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #e9b108;
}

.z_rz_item .touxiang img {
	display: block;
	width: 100%;
	height: 100%;
}

.z_rz_item .z_user {
	display: flex;
	align-items: center;
	color: #ffb000;
	font-weight: bold;
}

.z_rz_item .z_user span {
	display: inline-block;
	margin-right: 20px;
}

.z_rz_item .desc {
	font-size: 1.8vw;
	line-height: 2.6vw;
	margin-top: 20px;
	font-weight: bold;
	max-height: 5.2vw;
	overflow: hidden;
}

.z_rz_item .imgbg {
	transition: ease 1s;
}

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

.z_journal_list .frwarp {
	width: 49%;
	float: right;
}

.z_journal_list .z_rz_top {
	height: 23.17vw;
}

.z_journal_list .z_rz_top .z_rz_item {
	height: 100%;
	width: 47%;
}

.z_rz_btm {
	height: 23.17vw;
	width: 100%;
	margin-top: 2.08vw;
}

.z_job_head {
	background: none;
}

.z_czbox {
	width: 10%;
	text-align: center;
	position: absolute;
	left: -10%;
	bottom: 5.2vw;
	color: #fff;
}

.z_journal_bar {
	text-align: center;
	margin: 20px auto;
}

.z_journal_bar li {
	width: 100%;
	margin: 30px 0;
	flex: 1;
	position: relative;
}

.z_journal_bar li.on {
	color: yellow;
}

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

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

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

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

.z_journal_bar li:nth-child(5):before {
	content: "05";
}

.z_journal_bar li:nth-child(6):before {
	content: "06";
}

.z_journal_bar li:nth-child(7):before {
	content: "07";
}

.z_journal_bar li:nth-child(8):before {
	content: "08";
}

.z_journal_bar li:nth-child(9):before {
	content: "09";
}

.z_journal_bar li:nth-child(10):before {
	content: "10";
}

.z_czbox .btn {
	cursor: pointer;
}

.z_job_warp {
	width: 100%;
	background: #fff;
	width: 91.66%;
	margin-top: 4.68vw;
	position: relative;
}

.z_job_warp .z_job_padd {
	padding-left: 8.33%;
	box-sizing: border-box;
	display: none;
}

.z_job_warp:before {
	content: "";
	display: block;
	width: 100%;
	height: 12px;
	background: url(../image/line3.png) no-repeat left center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.z_job_head {
	border-bottom: 2px solid #eeeeee;
	padding: 5.2vw 0;
	position: relative;
}

.z_sb {
	position: absolute;
	bottom: 5.2vw;
	right: 8.33%;
}

.z_sb img {
	animation: moves 2s linear infinite;
}

.z_job_head:before {
	content: '';
	display: block;
	width: 13vw;
	height: 2px;
	background: #e5e5e5;
	position: absolute;
	left: 8.33%;
	top: 9.7vw;
	z-index: 1;
}

.z_job_item {
	padding: 30px 0;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	border-bottom: 2px solid #eeeeee;
	transition: ease 1s;
}

.z_job_title {
	width: 19.3vw;
	float: left;
}

.z_job_title .h3 {
	font-size: 1.875vw;
	font-weight: bold;
}

.z_job_title .h4 {
	color: #717171;
	font-size: 1.04vw;
	line-height: 1.8vw;
	margin: 20px 0;
}

.job_more {
	background: url(../image/zmore.png) no-repeat left center;
	cursor: pointer;
	padding-left: 50px;
	height: 30px;
	line-height: 30px;
}

.z_job_box {
	width: 18.2vw;
	overflow-y: auto;
	float: left;
	margin-left: 5.2vw;
}

.z_job_box h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.z_job_box .desc {
	line-height: 30px;
	color: #969696;
}

.z_job_num {
	font-size: 5.8vw;
	font-family: "num2";
	color: #e8e8e8;
	transition: ease .6s;
	position: absolute;
	right: 5.2vw;
	top: 3.9vw;
}

.z_job_con {
	height: 140px;
	overflow: hidden;
	transition: ease .3s;
}

.z_job_item.on .z_job_con {
	height: auto;
}

.z_journal_text .z_line {
	margin: 30px 0;
}

.z_journal_text .z_line em {
	background: url(../image/line6.png) no-repeat center;
	width: 116px;
	background-size: cover;
	animation: none
}

.z_culture_text .text_img {
	font-size: 7.8125vw;
	cursor: pointer;
	transition: ease .5s;
	box-sizing: border-box;
	font-family: 'en';
	color: #fff;
	text-transform: uppercase;
}

.z_culture_text .text_img.on {
	color: transparent;
	-webkit-text-stroke: 2px #fff;
}

.z_child_box {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease .6s;
	transform: translateY(100px);
}

.z_child_box.on {
	opacity: 1;
}

.z_child_box.on {
	transform: translateY(0);
	opacity: 1;
}

.z_child_box:nth-child(1) {
	position: relative;
}

.z_case_subnav {
	padding: 30px 0;
	border-top: 1px solid #dcdcdc;
}

.z_case_subnav a {
	font-size: 16px;
	color: #9b9b9b;
	line-height: 20px;
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 10px;
}

.z_case_subnav a.active {
	color: #0d0000;
}

.z_case_subnav a:hover {
	color: #0d0000;
}

.z_case_pagebar {
	text-align: center;
	border-top: 1px solid #dcdcdc;
	padding-top: 40px;
	margin-top: 40px;
	padding-bottom: 40px;
}

.z_case_pagebar li a {
	display: inline-block;
	width: 42px;
	font-weight: bold;
	margin: 0 7px;
	height: 42px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	line-height: 40px;
	text-align: center;
}

.z_case_pagebar li.btn a,
.z_case_pagebar li.btn span {
	width: 78px;
}

.z_case_pagebar li {
	display: inline-block
}

.z_case_pagebar li span {
	display: inline-block;
	width: 42px;
	font-weight: bold;
	margin: 0 7px;
	height: 42px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	line-height: 40px;
	text-align: center;
}

.z_case_pagebar li.active a,
.z_case_pagebar a:hover {
	border-color: #313131;
}

.cursor {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	margin: -25px 0 0 -25px;
	z-index: 12;
	visibility: hidden;
}

.cursor:before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: all .4s cubic-bezier(.3, 1.83, .49, .88);
}

.cursor.nav:before {
	background: none;
	border: 1px solid #fff;
	width: 80px;
	height: 30px;
	border-radius: 15px;
}

.cursor.btn:before {
	width: 6rem;
	height: 6rem;
}

.cursor.btn2:before {
	width: 30px;
	height: 30px;
	border: 1px solid #f4f4f4;
	background: none;
}

.cursor,
.cursor::after {
	user-select: none;
	pointer-events: none;
	mix-blend-mode: difference
}

.z_message_pop {
	width: 535px;
	position: fixed;
	z-index: 12;
	background: #fff;
	left: 50%;
	top: 50%;
	margin-left: -267px;
	margin-top: -160px;
	visibility: hidden;
	transform: translateY(-1000%);
	visibility: hidden;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
	animation-name: asd;
	animation-delay: 20s;
	animation-duration: 1.2s;
	animation-timing-function: cubic-bezier(.8, -.5, .2, 1.4);
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.z_message_tit {
	border: 4px solid #5ab5ab;
	box-sizing: border-box;
	border-bottom: none;
	padding: 65px;
	box-sizing: border-box;
}

.z_message_tit h3 {
	font-size: 30px;
	font-weight: bold;
	margin: 10px 0;
}

.z_message_tit .desc {
	line-height: 28px;
}

.z_message_tit .desc span {
	text-decoration: underline;
}

.z_message_tit .line {
	margin: 25px 0;
}

.z_message_tit .line img {
	display: block;
}

.z_message_btn .btn {
	display: block;
	width: 50%;
	text-align: center;
	float: left;
	height: 42px;
	line-height: 42px;
	background: #313131;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.z_message_btn .btn2 {
	background: #5ab5ab;
}

@keyframes asd {
	0% {
		transform: translateY(-1000%);
		visibility: hidden;
	}

	100% {
		transform: translateY(0);
		visibility: visible;
	}
}

.Contact .z_message_pop {
	animation-name: asd1;
	visibility: visible;
	transform: translate(0, 0);
	animation-delay: 0s;
}

@keyframes asd1 {
	0% {
		transform: translate(0, 0);
		visibility: visible;
	}

	100% {
		transform: translate(350%, 0);
		visibility: hidden;
	}
}

.z_message_close {
	width: 40px;
	height: 40px;
	background: red;
	position: absolute;
	right: -50px;
	top: -50px;
	cursor: pointer;
	background: url(../image/z_closes.png) no-repeat center;
	background-size: 100% 100%;
}

@media screen and (max-width:1600px) {
	.yw_list dl {
		margin-left: 6vw;
	}
}

@media screen and (max-width:1440px) {
	.about_box {
		height: 340px;
	}

	.about_box1 .about_num {
		right: 0%;
	}

	.about_box1 .z_warp {
		width: 100%;
	}

	.about_num {
		font-size: 6vw;
		line-height: 6vw;
	}

	.about_box2 .about_num:before {
		top: 50%;
	}

	.about_box1 .about_num:before {
		top: -50%;
	}

	.about_box1,
	.about_box2 {
		padding-top: 10vh;
	}

	.yw_list dl {
		margin-left: 5vw;
	}

	.index_desc .tit3,
	.index_about_desc .tit3 {
		font-size: 26px;
		line-height: 36px;
	}

	.index_desc .tit1,
	.index_about_desc .tit1 {
		font-size: 40px;
		line-height: 40px;
	}

	.index_desc .tit3 {
		line-height: 40px;
	}

	.news_swiper li h4 {
		font-size: 18px;
		line-height: 24px;
		height: 48px;
	}

	.contact_tit h3 {
		font-size: 40px;
	}

	.about_num:before {
		width: 120px;
		height: 80px;
	}

	.index_yw {
		padding: 15vw 0;

	}

	.index_news {
		padding: 15vh 0;
		padding-bottom: 10vh;
	}

	/*.z_nav_list li a{ padding:20px; padding-right: 8vw;}
.z_nav_list li .num{ width: 8vw;}
.z_nav_list li .line{ margin: 10px 0;}
.z_nav_list li .tit h3{ font-size: 26px; line-height: 26px;}
.z_nav_list li .desc{ line-height: 20px; height: 40px;}
.z_news_list li .tit{ font-size: 30px; line-height: 40px;}
.z_news_list li .infobox:before,.z_news_list li .infobox:after{ left: 0;}*/
	.z_nav_list li {
		margin-bottom: 1.6vw;
	}

	.z_slide_bar {
		bottom: 1.6vw;
	}

	.z_nav_mask {
		padding: 1.8vw 8.33vw;
	}

	.z_about_desc {
		width: 40vw;
	}

	.z_about_culture {
		min-height: 100vw;
	}

	.yw_list dl {
		margin-left: 3vw;
	}
}

@media screen and (max-width:1366px) {
	.z-container {
		width: 90% !important;
	}

	.z_footer .z-container3 {
		width: 94%;
	}

	/*.z_nav_top{ margin-bottom: 6vh;}
	.z_nav_list li{ margin-bottom: 20px;}*/
	/*.other_banner_text h3{ font-size: 60px; line-height: 60px;}
	.other_banner_text .z_line{ margin: 20px 0;}
	.other_banner_text h4{ line-height: 40px; font-size: 26px;}
	.z_service_textbox{ width: 25vw;}*/
}

@media screen and (max-width: 980px) {
	.z_header {
		height: 50px;
		width: 100%;
		padding: 0 10px;
	}

	.z_header_nav {
		width: 100%;
		display: none;
		height: 100%;
		position: fixed;
		left: 0;
		top: 50px;
	}

	.z_header_tel {
		display: none;
	}

	.z_header_logo {
		left: 10px;
	}

	.z_header_logo img {
		height: 26px;
	}

	.z_mobile_btn {
		width: auto;
		margin-right: 10px;
	}

	.z_mobile_btn .line {
		width: 30px;
	}

	.z-container {
		width: 94%;
	}

	.index_about_desc .tit1 {
		font-size: 20px;
	}

	.index_about_desc .line {
		height: 8px;
		margin: 10px 0;
	}

	.index_about_desc {
		position: relative;
		left: auto;
		top: auto;
		padding: 20px 0;
	}

	.index_about_desc .tit2 {
		line-height: 20px;
		font-size: 14px;
	}

	.index_about_img .imgbg {
		background-size: 100% auto !important;
	}

	.index_about_desc .tit3 {
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
	}

	.index_about_warp {
		padding-top: 0;
		position: relative;
		bottom: auto;
	}

	.about_box {
		width: 100%;
		padding: 20px 10px;
		transform: scale(1, 1);
		opacity: 1;
		height: auto;
	}

	.about_box1 {}

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

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

	.about_num:before {
		width: 90px;
		height: 60px;
		top: -45px;
		right: -30px;
		display: none;
	}

	.about_num {
		position: relative !important;
		margin-bottom: 0px;
		right: auto !important;
		top: auto !important;
		;
		line-height: 30px;
		text-align: center;
	}

	.about_box1 .z_warp {
		width: 100%;
	}

	.index_about {
		height: auto;
		padding-bottom: 20px;
		display: none;
	}

	.about_box2 .desc {
		height: auto;
		margin: 10px 0;
		line-height: 24px;
	}

	.about_box3 .tit {
		font-size: 18px;
	}

	.index_about_desc .line,
	.index_desc .line {
		width: 100px;
	}

	.index_about .z-container {
		height: auto;
	}

	.index_yw {
		height: auto;
		padding: 20px 0;
	}

	.index_desc .tit1 {
		font-size: 24px;
		line-height: 20px;
	}

	.index_about_desc .line,
	.index_desc .line {
		height: 6px;
		margin: 20px 0;
	}

	.index_desc .tit2 {
		font-size: 14px;
		line-height: 20px;
	}

	.index_desc .tit3 {
		font-size: 16px;
		margin-top: 20px;
		line-height: 24px;
	}

	.yw_list {
		width: 100%;
	}

	.yw_list dl:last-child {
		margin-bottom: 0;
	}

	.yw_list dl {
		margin: 0;
		margin-bottom: 20px;
		text-align: left;
		width: 100%;
		display: flex;
		align-items: flex-start;
	}

	.yw_list dt {
		flex-shrink: 0;
		width: 70px;
		text-align: center;
		margin-right: 10px;
	}

	.yw_list .tit {
		margin: 0;
	}

	.yw_list .icon img {
		height: 50px;
	}

	.yw_list .tit h3 {
		font-size: 14px;
		margin-top: 10px;
	}

	.yw_list .tit h4 {
		display: none;
	}

	.yw_nav a {
		display: inline-block;
		text-align: left;
		margin-right: 10px;
		line-height: 24px;
	}

	.index_case .z-container {
		top: 0;
		width: 100%;
	}

	.index_case_head {
		padding: 20px 0;
	}

	.index_case_head .index_desc .line {
		margin: 20px 0;
	}

	.index_case_fr {
		width: 100%;
		margin-top: 20px;
	}

	.case_nav {
		background: #f5f5f5;
	}

	.case_nav ul {
		display: flex;
	}

	.case_nav li {
		width: auto;
		height: auto;
		flex: 1;
		padding: 10px 0;
	}

	.case_nav_desc {
		padding: 10px;
		height: auto;
		display: block;
	}

	.case_nav_desc .fl,
	.case_nav_desc .fr {
		float: none;
	}

	.case_nav_desc .fl {
		margin-bottom: 10px;
	}

	.index_case_list ul {
		margin-left: 0;
	}

	.index_case_list li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}

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

	.index_case .z-container {
		padding-bottom: 10px;
	}

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

	.news_swiper li a {
		padding-left: 20px;
	}

	.news_swiper li h4 {
		font-size: 14px;
		line-height: 20px;
	}

	.news_swiper li:before {
		left: 0;
	}

	.news_swiper li a {
		padding-right: 10px;
	}

	.index_news {
		height: auto;
		margin-top: 0;
		padding: 20px 0;
	}

	.index_news .z_row {
		height: auto;
	}

	.index_btmwarp .z-container,
	.index_news .index_desc,
	.index_case .z-container {
		margin-top: 0;
	}

	.index_btmwarp .z-container {
		width: 100%;
	}

	.index_btmwarp .z-container3,
	.z-container3 {
		width: 94%;
	}

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

	.contact_tit h4 {
		font-size: 18px;
	}

	.index_contact {
		padding: 20px 0;
	}

	.contact_tit {
		margin-bottom: 20px;
	}

	.contact_desc dl span {
		font-size: 16px;
	}

	.contact_desc dl h3 {
		font-size: 18px;
	}

	.contact_desc dl dt {
		margin-right: 10px;
	}

	.index_lyform {
		width: 100%;
		margin-top: 30px;
	}

	.index_lyform .tit {
		font-size: 16px;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.index_lyform li {
		width: 100%;
		margin-bottom: 0;
	}

	.index_lyform li .text {
		height: 45px;
	}

	.index_lyform .z_subbtn {
		margin-top: 10px;
	}

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

	.index_logo {
		display: none;
	}

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

	.foot_top {
		display: block;
		padding: 20px 0;
		padding-bottom: 0;
		position: relative;
	}

	.foot_tel h4 {
		font-size: 20px;
	}

	.foot_tel {
		margin-bottom: 20px;
	}

	.foot_addre {
		width: 100%;
	}

	.foot_nav {
		display: none;
	}

	.z_retop {
		position: absolute;
		right: 10px;
		top: 20px;
	}

	.z_retop img {
		display: block;
		height: 20px;
	}

	.foot_btm .fl {
		display: none;
	}

	.foot_btm {
		padding: 10px 0;
	}

	.foot_copy {
		width: 100%;
		text-align: left;
		line-height: 20px;
	}

	.z_nav_top,
	.z_slide_bar {
		display: none;
	}

	.z_nav_close {
		height: 50px;
		width: auto;
		right: 10px;
		width: 50px;
		background-size: 15px;
		display: none;
	}

	.z_nav_mask {
		width: 100%;
		height: calc(100vh - 50px);
		top: 50px;
		padding: 10px 20px;
	}

	.z_nav_list ul {
		margin-left: 0;
	}

	.z_nav_list li {
		width: 100%;
		height: auto;
		border-width: 1px;
		margin-left: 0;
		margin-bottom: 10px;
	}

	.z_nav_list li .desc {
		display: none;
	}

	.z_nav_list li a {
		padding: 10px 15px;
		padding-right: 60px;
	}

	.z_nav_list li .tit h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.z_nav_list li .num {
		width: 60px;
		font-size: 30px;
	}

	.z_nav_list li .more,
	.z_nav_list li .line {
		display: none;
	}

	.z_small_banner {
		display: none;
	}

	.z_other_banner {
		height: 40vh;
		margin-top: 50px;
	}

	.other_banner_text .z_line {
		display: none;
	}

	.other_banner_text h4 {
		font-size: 16px;
		line-height: 24px;
		margin: 0;
	}

	.other_banner_text .link {
		display: none;
	}

	.other_banner_text h3 {
		font-size: 30px;
		margin-bottom: 10px;
		line-height: 30px;
	}

	.z_other_banner2,
	.z_topbtm_bar {
		position: relative;
		width: 100%;
	}

	.other_banner_text .desc {
		margin: 10px 0;
		line-height: 20px;
		font-size: 12px;
		height: 80px;
	}

	.z_case_share {
		display: none;
	}

	.z_topbtm_bar {
		height: 50px;
		line-height: 50px;
	}

	.z_case_xqpage {
		width: 94%;
		float: none;
		margin: 0 auto;
		padding: 10px;
		margin-top: 20px;
	}

	.z_casexq_tit {
		padding: 20px 0;
		margin-bottom: 20px;
	}

	.z_casexq_img {
		padding: 20px 0;
		margin-bottom: 20px;
	}

	.z_casexq_code li {
		width: 100px;
		height: 100px;
		margin: 0 5px;
	}

	.z_casexq_code h3 {
		margin-top: 20px;
	}

	.z_news_list li .infobox {
		position: relative;
		top: auto;
		transform: translateY(0);
		width: 100%;
		padding-left: 0;
	}

	.z_news_list li .infobox:before,
	.z_news_list li .infobox:after {
		display: none;
	}

	.z_news_list li .time {
		font-size: 26px;
		line-height: 26px;
	}

	.z_news_page {
		margin-top: 50px;
		padding: 30px 0;
		padding-bottom: 0;
	}

	.z_news_page li .z_line {
		display: none;
	}

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

	.z_news_page li .tit {
		line-height: 24px;
		font-size: 14px;
		margin-bottom: 10px;
	}

	.z_news_list li .imgbox {
		width: 100%;
		height: 200px;
		margin-top: 20px;
	}

	.news_swiper,
	.index_news .index_desc .index_more {
		margin-top: 30px;
	}

	.contact_desc dl {
		margin-bottom: 20px;
	}

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

	.z_newsxq_fr {
		display: none;
	}

	.z_newsxq_fl {
		width: 100%;
		padding: 20px;
	}

	.z_newsxq_page {
		width: 100%;
		margin: 0 auto;
		margin-top: 50px;
	}

	.z_header2 {
		background: #fff;
	}

	.z_next_bar a {
		margin-top: 10px;
		font-size: 14px;
	}

	.z_newsxq_tit .title {
		font-size: 18px;
		margin-top: 10px;
	}

	.z_news_pages {
		margin-top: 50px;
	}

	.z_news_conwarp {
		padding: 30px 12px;
	}

	.z_news_listwarp li {
		width: 100%;

	}

	.z_news_listwarp li a {
		display: block;
		padding: 12px;
	}

	.z_news_listwarp li .imgbox {
		width: 100%;
		margin-left: 0;
		height: 50vw;
	}

	.z_news_listwarp li .desc {
		margin: 10px 0;
	}

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

	.z_news_listwarp .box2 .desc,
	.z_news_listwarp .box2 .index_more {
		opacity: 1;
		transform: translateX(0);
	}

	.z_news_box {
		width: 100%;
		padding: 20px 0;
		height: auto;
		position: relative;
		text-align: center;
	}

	.z_other_tit .title {
		font-size: 18px;
		margin: 20px 0;
	}

	.z_other_tit .entit,
	.z_bigarr {
		display: none;
	}

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

	.z_news_listwarp li .title {
		font-size: 16px;
	}

	.z_news_listwarp li .desc {
		font-size: 14px;
		line-height: 24px;
	}

	.z_news_listwarp .box2 .title {
		font-size: 16px;
	}

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

	.z_footer {
		width: 100%;
	}

	.z_other_footer {
		font-size: 12px;
		line-height: 20px;
	}

	.z_contact_warp {
		padding: 15px;
		padding-top: 80px;
	}

	.conatct_tit .title {
		font-size: 18px;
		line-height: 20px;
		margin: 20px 0;
	}

	.conatct_tit {
		text-align: center;
	}

	.conatct_tit .line {
		margin: 0 auto;
	}

	.contact_dl ul {
		display: block;
	}

	.contact_dl li {
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
	}

	.contact_dl li .tit {
		margin-bottom: 10px;
	}

	.contact_dl li .con {
		line-height: 20px;
		font-size: 14px;
	}

	.z_header {
		background: #fff !important;
	}

	.conatct_code {
		display: flex;
		justify-content: center;
	}

	.conatct_code .codebox:first-child {
		margin: 0;
	}

	.conatct_code .codebox {
		margin: 0 10px;
	}

	.z_contact_form {
		padding: 20px;
	}

	.z_contact_form .form_ul li {
		width: 100%;
		margin-bottom: 10px;
	}

	.z_contact_form .label {
		font-size: 15px;
	}

	.z_contact_form .form_ul li .input_text {
		line-height: 40px;
	}

	.z_contact_way .tit2 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.z_contact_form .tit {
		font-size: 18px;
		line-height: 24px;
	}

	.z_way_li li {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}

	.z_texta_warp {
		margin: 20px 0;
	}

	.z_texta_warp .texta {
		height: 200px;
	}

	.z_ly_btn {
		font-size: 18px;
		background-size: auto 20px;
		padding-right: 40px;
	}

	.conatct_tit {
		display: none;
	}

	.conatct_code .codebox h3 {
		margin-bottom: 5px;
	}

	.z_contact_ly:before {
		height: 6px;
	}

	.z_contact_ly {
		margin-top: 30px;
	}

	.z_service_banner {
		height: 50vh;
		margin-top: 50px;
	}

	.z_banner_con .en {
		font-size: 14px;
		margin-bottom: 0;
	}

	.z_banner_con .slg {
		font-size: 18px;
		margin-bottom: 0;
	}

	.z_banner_con .title {
		margin: 20px 0;
	}

	.z_banner_con {
		height: 50%;
		top: 25%;
	}

	.z_service_textbox {
		width: 100%;
		text-align: center;
		margin-left: 0 !important;
	}

	.z_service_img {
		position: relative;
		height: auto;
		width: 100%;
		margin-bottom: 20px;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
	}

	.z_service_tit {
		letter-spacing: 0;
		font-size: 28px;
	}

	.z_service_part {
		padding: 15px;
	}

	.z_service_textbox .title {
		font-size: 18px;
	}

	.z_service_qy li {
		width: 100%;
	}

	.z_service_part2 .z_service_flwarp {
		margin-top: 0;
	}

	.z_service_frwarp {
		width: 100%;
	}

	.z_service_tit {
		text-align: center;
	}

	.z_service_textbox .desc_p {
		color: rgba(255, 255, 255, .5);
	}

	.z_service_part3 .z_service_textbox .desc_p {
		color: #666;
	}

	.z_service_part4 .z_service_img,
	.z_service_part5 .z_service_img {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		width: 100%;
	}

	.z_service_part4 .z_service_frwarp {
		margin-top: 0;
	}

	.z_service_form ul {
		width: 100%;
	}

	.z_service_form ul li .text {
		height: 40px;
		font-size: 14px;
	}

	.z_service_part5 .ly_tit {
		font-size: 18px;
		text-align: center;
		margin-top: 10px;
	}

	.z_service_form .z_tjbtn {
		height: 40px;
		width: 120px;
		margin: 0 auto;
		line-height: 40px;
		display: block;
	}
}

.z_process_warp {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}



.z_process_warp .z_index_tit {
	margin-top: 1.0416666667vw
}

.z_process_warp .z_about_tit {
	margin-right: 3vw;
	width: 30%;
	margin-top: 1.0416666667vw;
}

@media screen and (max-width: 980px) {
	.z_process_warp .z_index_tit {
		margin-top: 10px
	}
}

.z_process_warp .conwarp {
	margin-left: auto;
	flex: 1;
}

@media screen and (max-width: 980px) {
	.z_process_warp .conwarp {
		width: 100%
	}
}

.z_process_warp li {
	padding-top: 2.0833333333vw;
	padding-bottom: 2.0833333333vw;
	line-height: 30px;
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-bottom: 1px solid #474342
}

@media screen and (max-width: 980px) {
	.z_process_warp li {
		padding-top: 12px;
		padding-bottom: 12px
	}
}

@media(max-width: 1440px) {
	.z_process_warp li {
		line-height: 1.875vw
	}
}

@media(max-width: 1000px) {
	.z_process_warp li {
		line-height: 24px
	}
}

@media screen and (max-width: 980px) {
	.z_process_warp li {
		line-height: 24px
	}
}

@media screen and (max-width: 1920) {
	.z_process_warp li {
		line-height: 24px
	}
}

@media(max-width: 1440px) {
	.z_process_warp li {
		font-size: 1vw;
		font-size: 16px
	}
}

@media(max-width: 1000px) {
	.z_process_warp li {
		font-size: 14px !important;
		font-size: 16px
	}
}

.z_process_warp li .year {
	width: 15.625vw;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px
}

@media screen and (max-width: 980px) {
	.z_process_warp li .year {
		width: 100%
	}
}

@media(max-width: 1440px) {
	.z_process_warp li .year {
		font-size: 1vw;
		font-size: 16px
	}
}

@media(max-width: 1000px) {
	.z_process_warp li .year {
		font-size: 18px !important;
		font-size: 16px
	}
}

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

	.z_process_warp li,
	.z_process_warp .z_flex_warp {
		display: block
	}

	.z_process_warp .z_about_tit {
		margin-right: 0vw;
	}

}

.z_process_warp .z_flex_warp {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	border-top: 2px solid #474342
}