/*common*/
.bg {
	display: block;
	height: 350px;
	overflow: hidden;
}



.bg h3 {
	font-size: 3.2em;
	color: #f0f0f0;
	margin-bottom: 20px;
}

.bg p {
	font-size: 1.5em;
	color: #f0f0f0;
}

.fbc {
	background: #f7f7f7;
}

.onc,
.onc i,
.onc p {
	color: #15918e !important;
}

.onbc {
	background: #15918e !important;
	color: #f0f0f0 !important;
}

.onbc a {
	background: #15918e !important;
	color: #f0f0f0 !important;
}

h2 {
	font-size: 2.8em;
	text-align: center;
	color: #333333;
	margin: 50px 0;
}

.page-icon {
	margin: 20px 0 20px 0;
	font-size: 0;
	text-align: center;
}

.page-icon a,
.page-disabled,
.page-next {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 4px 10px 5px;
	font-size: 14PX;
	margin-right: 10px;
}

.page-icon a {
	text-decoration: none;
	color: #333333;
}

.page-icon a:hover {
	color: #f0f0f0;
	background: #9e9e9e;
}

.page-current {
	color: #15918e;
	padding: 4px 10px 5px;
	font-size: 14PX;
}

.page-disabled {
	color: #ccc;
}

.ftitle {
	font-size: 1.5em;
	margin-bottom: 30px;
	color: #626060;
	line-height: 30px;
	text-align: justify;
}

@media (max-width:540px) {
	.bg {
		margin-top: 55px;
		height: 200px;
		text-align: center;
	}

	.h180 {
		height: 50px
	}

	.bg h3 {
		font-size: 2.0em;
		margin-bottom: 10px;
	}

	.bg p {
		font-size: 1.3em;
	}
}

@media (min-width: 540.7px) and (max-width: 768px) {
	.bg {
		margin-top: 55px;
		height: 200px;
	}

	.h180 {
		height: 80px
	}

	.bg h3 {
		font-size: 2.0em;
		margin-bottom: 10px;
	}

	.bg p {
		font-size: 1.3em;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.bg {
		margin-top: 55px;
		height: 300px;
	}

	.h180 {
		height: 100px
	}

	.bg h3 {
		font-size: 2.0em;
		margin-bottom: 10px;
	}

	.bg p {
		font-size: 1.3em;
	}
}
@media (max-width: 991px) {
	.stg .create .create_l {
		display: none;
	}
	.stg .create .create_r .content-tit{
		font-size: 20px;
		display: block;
		text-align: center;
		margin: 10px 0;
	}
}

/**********************Legal Notice********************/

.lgl h4 {
	font-size: 2.4em;
	margin: 30px 0 15px 0;
}

.lgl p {
	font-size: 1.4em;
	line-height: 28px;
	margin-bottom: 20px;
	color: #626060;
	text-indent: 2em;
}

.lgl img {
	display: block;
	margin: 0 auto;
}

/************************3D Show**********************/

.d3 .allbg {
	background: url('../images/3d-bg.jpg') no-repeat top center;
	position: relative;
}

.d3 .allShow {
	height: 635px;
	margin: 0 auto;
	position: relative;
}

.d3 .allbg h1 {
	font-size: 3.0em;
	color: #333;
	text-align: center;
	font-weight: 100;
	margin: 0 auto;
	line-height: 80px
}

.d3 .allbg .list {
	right: 0;
	top: 20px;
	width: 250px;
}

.d3 .allbg .list button {
	cursor: pointer;
	float: left;
	width: 200px;
	height: 45px;
	line-height: 45px;
	background-color: #f0f0f0;
	border: 0;
}

.d3 .allbg .list span {
	float: left;
	width: 45px;
	height: 45px;
	display: block;
	background-color: #15918e;
	cursor: pointer
}

.d3 .allbg .list span i {
	font-size: 3.2em;
	color: #f0f0f0;
	padding-left: 7px;
}

.d3 .allbg .list ul {
	position: absolute;
	top: 44px;
	left: 0;
	width: 200px;
	float: left;
	height: auto;
	display: none;
	z-index: 999;
	border-top: 1px solid #15918e;
}

.d3 .allbg .list ul li {
	font-size: 1.4em;
	width: 200px;
	float: left;
	height: 50px;
	display: block
}

.d3 .allbg .list ul li a {
	line-height: 50px;
	text-align: center;
	width: 100%;
	display: block;
	background-color: #f0f0f0
}

.d3 .allbg .btn {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -180px;
	width: 440px
}

.d3 .allbg .btn button {
	display: block;
	width: 180px;
	height: 50px;
	text-align: center;
	background: #15918e;
	float: left;
	margin-right: 40px;
	color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	border: none;
}

.d3 .allbg .btn button.jiegou {
	background: #3a3a3a;
}

#allImg {
	width: 734px;
	margin: 0 auto;
	padding-top: 80px;
	background: url('../images/360_btn.png') no-repeat center 25px;
	cursor: url("/zg/images/mouse.png"), url("/zg/images/mous.cur"), auto;
}

#allJiegou {
	display: none;
	width: 800px;
	margin: 0 auto;
}

#bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#prog {
	width: 365px;
	height: 45px;
	background: url(../images/bar.png) no-repeat center bottom;
	position: absolute;
	z-index: 2;
	top: 35%;
	left: 50%;
	margin: -20px 0 0 -162px;
	font-size: 14px;
	text-align: center;
	color: #dcdcdc;
}

#bar {
	width: 0%;
	height: 16px;
	background: url(../images/bar_line.png) repeat-x;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
	left: 0;
}

@media (max-width:540px) {
	#allImg {
		width: 100%;
		padding-top: 180px;
	}

	.d3 .allShow {
		height: 470px;
	}

	.d3 .allbg .btn {
		left: calc(50% + 25px);
	}

	.d3 .allbg .btn button {
		width: 135px;
		height: 40px;
	}

	#allJiegou {
		width: auto;
		padding-top: 170px;
	}
}

@media (max-width:768px) {
	#allImg {
		width: 100%;
		margin-left: 15px;
	}
}

/************************Hr Page**********************/

.hr_bg {
	background: url("../images/hr-bg.jpg") center;
	height: 600px;
}

.hr .recruit {
	text-align: center;
}

.hr .recruit li {
	display: inline-block;
	width: 377px;
	margin-right: 30px;
	position: relative;
	cursor: pointer;
}

.hr .recruit li span {
	font-size: 2.4em;
	font-weight: 600;
	color: #f0f0f0;
	position: absolute;
	top: 15px;
	left: 25px;
}

.hr .recruit li:hover span {
	color: #15918e;
}

.hr .recruit li:first-child+li+li {
	margin-right: 0;
}

.hr .standard {
	height: 580px;
	background: url("../images/hr-4.jpg");
	color: #f0f0f0;
}

.hr .standard .lbox {
	margin-top: 120px;
	margin-left: 43px;
}

.hr .standard .lbox p {
	font-size: 1.6em;
	line-height: 32px;
}

.hr .standard .lbox span {
	display: block;
	font-size: 4.5em;
	font-weight: 500;
	line-height: 67px;
	letter-spacing: 4px;
	margin-bottom: 30px;
}

.hr .standard .rbox {
	margin-top: 42px;
	width: 600px;
	text-align: center;
}

.hr .standard .rbox li {
	display: inline-block;
	width: 249px;
	height: 240px;
	text-align: left;
	background: url('../images/hr-7.png');
	margin: 0 20px 20px 0;
	opacity: 0.9;
}

.hr .standard .rbox li:first-child+li {
	background-position-x: 250px;
	color: #000000;
	margin-right: 0;
}

.hr .standard .rbox li:first-child+li+li {
	background-position-y: 240px;
	color: #000000;
}

.hr .standard .rbox li:first-child+li+li+li {
	color: #f0f0f0;
	background-position-x: 250px;
	background-position-y: 240px;
	margin-right: 0;
}

.hr .standard .rbox li span {
	display: block;
	font-size: 2.0em;
	font-weight: 600;
	margin: 40px 0 25px 30px;
}

.hr .standard .rbox li p {
	font-size: 1.5em;
	line-height: 30px;
	padding: 0 30px;
}

.hr .apply li {
	display: inline-block;
	width: 397px;
	height: 300px;
	text-align: center;
	margin-bottom: 50px;
	vertical-align: top;
}

.hr .apply li:fisrt-child+li+li {
	margin-right: 0;
}

.hr .apply li p {
	line-height: 35px;
	font-size: 1.4em;
}

.hr .apply li:hover p:not(.title) {
	color: #15918e;
}

.hr .apply li .title {
	font-size: 1.6em;
	margin-bottom: 20px;
}

.hr .apply li span {
	display: block;
	width: 90px;
	height: 90px;
	background: #dcdcdc;
	border-radius: 50px;
	margin: 20px auto;
	position: relative;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	z-index: 2;
	behavior: url(../images/pie.htc);
}

.hr .apply li:hover span {
	background: #15918e;
}

.hr .apply li i {
	position: absolute;
	top: 13px;
	left: 22px;
	z-index: 9;
	font-size: 4.6em;
	color: #15918e;
}

.hr .apply li:hover i {
	color: #ffffff;
}

.hr .sign p {
	font-size: 1.4em;
}

.hr .sign p a {
	float: right;
	color: #9e9e9e !important;
}

.hr .sign ul {
	position: relative;
	width: 100%;
	height: 200px;
	margin: 30px 0;
}

.hr .sign ul:before {
	nt: '';
	position: relative;
	top: 108px;
	transform: translateY(-50%);
	display: block;
	width: 100%;
	height: 15px;
	background: #f1f1f1;
}

.hr .sign li {
	position: relative;
	left: 10px;
	top: -20px;
	display: inline-block;
	width: 237px;
	padding-bottom: 30px;
}

.hr .sign li:first-child+li,
.hr .sign li:first-child+li+li+li {
	top: 0;
	padding-top: 10px;
	padding-bottom: 0;
	transform: translateY(calc(100% + 24px));
}

.hr .sign li:before {
	content: '';
	position: absolute;
	bottom: -14px;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #15918e;
	color: inherit;
	-webkit-user-select: none;
	vertical-align: bottom;
	z-index: 2;
	behavior: url(../images/pie.htc);
}

.hr .sign li:nth-child(2n):before {
	top: 0;
	transform: translateY(-100%);
}

.hr .sign li strong {
	display: block;
	font-size: 1.6em;
	line-height: 26px;
	margin-bottom: 10px;
	color: #333333;
	font-weight: 600;
}

.hr .welfare li {
	display: inline-block;
	width: 189px;
	height: 140px;
	margin-bottom: 50px;
	cursor: pointer;
	margin-right: 144px;
	background: #ffffff;
}

.hr .welfare li.yu,
.hr .welfare li.qiu {
	margin-right: 0;
}

.hr .welfare li p {
	font-size: 1.8em;
	line-height: 40px;
	text-align: center;
	color: #626060;
}

.hr .welfare li i {
	display: block;
	width: 80px;
	height: 70px;
	margin: 10px auto;
	background: url(../images/hr-6.png);
}

.hr .welfare li.xin i {
	background-position-x: -3px;
	background-position-y: 1px;
}

.hr .welfare li.xin:hover i {
	background-position-y: 153px;
	transition: all 0.4s;
}

.hr .welfare li.hun i {
	background-position-x: -85px;
	background-position-y: -1px;
}

.hr .welfare li.hun:hover i {
	background-position-y: 151px;
	transition: all 0.4s;
}

.hr .welfare li.xian i {
	background-position-x: -169px;
	background-position-y: -1px;
}

.hr .welfare li.xian:hover i {
	background-position-y: 151px;
	transition: all 0.4s;
}

.hr .welfare li.yu i {
	background-position-x: -256px;
	background-position-y: 1px;
}

.hr .welfare li.yu:hover i {
	background-position-y: 151px;
	transition: all 0.4s;
}

.hr .welfare li.can i {
	background-position-x: -3px;
	background-position-y: -79px;
}

.hr .welfare li.can:hover i {
	background-position-y: 73px;
	transition: all 0.4s;
}

.hr .welfare li.fu i {
	background-position-x: -85px;
	background-position-y: -82px;
}

.hr .welfare li.fu:hover i {
	background-position-y: 70px;
	transition: all 0.4s;
}

.hr .welfare li.lan i {
	background-position-x: -163px;
	background-position-y: -82px;
}

.hr .welfare li.lan:hover i {
	background-position-y: 70px;
	transition: all 0.4s;
}

.hr .welfare li.qiu i {
	background-position-x: -256px;
	background-position-y: -82px;
}

.hr .welfare li.qiu:hover i {
	background-position-y: 69px;
	transition: all 0.4s;
}

@media (max-width:540.7px) {
	.hr .recruit li {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}

	.hr .recruit li img {
		width: 100%;
		border-radius: 5px;
	}

	.hr .standard {
		height: 435px;
	}

	.hr .standard .lbox {
		float: none;
		margin: 0;
		padding-top: 20px;
		text-align: center;
	}

	.hr .standard .lbox span {
		display: none;
	}

	.hr .standard .lbox em {
		display: none;
	}

	.hr .standard .rbox {
		float: none;
		margin: 0 auto;
		padding-top: 30px;
		width: auto;
	}

	.hr .standard .rbox ul {
		width: 310px;
		margin: 0 auto;
	}

	.hr .standard .rbox li {
		width: 140px;
		height: 140px;
		border-radius: 0 28px;
		text-align: center;
		vertical-align: top;
		margin: 0;
	}

	.hr .standard .rbox li:first-child+li,
	.hr .standard .rbox li:first-child+li+li {
		border-radius: 28px 0;
	}

	.hr .standard .rbox li p {
		display: none;
		font-size: 1.2em;
		padding: 30px 0 0 10px;
		line-height: 25px;
	}

	.hr .standard .rbox li span {
		display: block;
		font-size: 2.4em;
		padding-top: 36%;
		margin: 0;
	}

	.hr .standard .rbox li:hover span {
		display: none;
	}

	.hr .standard .rbox li:hover p {
		display: block;
	}

	.hr .apply li {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.hr .welfare {
		text-align: center;
	}

	.hr .welfare li {
		width: 140px;
		margin-right: 10px;
		margin-bottom: 30px;
	}

	.hr .welfare li:nth-child(4n) {
		margin-right: 10px;
	}

	.hr .sign ul {
		position: static;
		height: auto;
		overflow: hidden;
	}

	.hr .sign ul:before {
		display: none;
	}

	.hr .sign li {
		position: relative;
		top: 0;
		display: block;
		padding: 0 0 20px 30px;
		transform: none !important;
		margin: 10px 0;
	}

	.hr .sign li:first-child+li,
	.hr .sign li:first-child+li+li+li {
		padding-bottom: 20px;
		padding-top: 0;
	}

	.hr .sign li:before {
		position: absolute;
		top: 13px;
		left: 0;
		bottom: auto;
		transform: translateY(-50%) !important;
		width: 15px;
		height: 15px;
	}

	.hr .sign li:nth-child(2n):before {
		top: 12px;
	}

	.hr .sign p a {
		float: none;
	}

	h2 {
		margin: 30px 0;
		font-size: 2.0em;
	}

	.ftitle {
		font-size: 1.4em;
	}

	.hr_bg {
		background: url("../images/hr-bg-4.jpg") center;
		height: 150px;
		margin-top: 55px;
	}

	.hrhh {
		height: 20px;
	}
}

@media (min-width:540.7px) and (max-width:768px) {
	.hr .recruit li {
		width: 30%;
		margin-right: 13px;
	}

	.hr .standard {
		height: 650px;
		background: url("../images/hr-4.jpg") repeat-y;
	}

	.hr .standard .lbox {
		float: none;
		margin: 0;
		padding-top: 20px;
		text-align: center;
	}

	.hr .standard .lbox span {
		display: none;
	}

	.hr .standard .rbox {
		float: none;
		margin: 0 auto;
		padding-top: 30px;
		width: auto;
	}

	.hr .apply li {
		width: 90%;
		margin: 0 5%;
	}

	.hr .apply li {
		height: 320px;
	}

	.hr .welfare {
		text-align: center;
	}

	.hr .welfare li {
		margin-right: 60px;
	}

	.hr .welfare li:nth-child(3n) {
		margin-right: 60px;
	}

	.hr .welfare li:nth-child(2n) {
		margin-right: 0;
	}

	.hr .recruit li span {
		font-size: 1.6em;
	}

	.hr .sign ul {
		position: static;
		height: auto;
		overflow: hidden;
	}

	.hr .sign ul:before {
		display: none;
	}

	.hr .sign li {
		position: relative;
		top: 0;
		display: block;
		width: 100%;
		padding: 0 0 0 30px;
		transform: none !important;
		margin: 10px 0;
	}

	.hr .sign li:before {
		position: absolute;
		top: 20%;
		left: 0;
		bottom: auto;
		transform: translateY(-50%) !important;
		width: 20px;
		height: 20px;
	}

	.hr .sign li:nth-child(2n):before {
		top: 34%;
	}

	.ftitle {
		font-size: 1.4em;
	}

	.hr .standard .rbox li {
		width: 230px;
		height: 230px;
	}

	.hr_bg {
		background: url("../images/hr-bg-4.jpg") center;
		height: 200px;
		margin-top: 55px;
	}

	.hrhh {
		height: 20px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hr .recruit li {
		width: 30%;
	}

	.hr .standard {
		height: 650px;
	}

	.hr .standard .lbox {
		float: none;
		margin: 0;
		padding-top: 20px;
		text-align: center;
	}

	.hr .standard .lbox span {
		display: none;
	}

	.hr .standard .rbox {
		float: none;
		margin: 0 auto;
		padding-top: 30px;
		text-align: center;
	}

	.hr .apply li {
		height: 378px;
		width: 247px;
	}

	.hr .welfare {
		text-align: center;
	}

	.hr .welfare li:nth-child(4n) {
		margin-right: 61px;
	}

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

	.hr .welfare li {
		margin-right: 61px;
	}

	.hr .sign ul:before {
		top: 64%;
	}

	.hr .sign li {
		width: 147px;
	}

	.hr .sign p a {
		float: none;
	}

	.hr_bg {
		background: url("../images/hr-bg-3.jpg") center;
		height: 300px;
		margin-top: 55px;
	}

	.hrhh {
		height: 30px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hr .recruit li {
		width: 304px;
	}

	.hr .standard .rbox {
		width: 577px;
	}

	.hr .standard .lbox span {
		font-size: 3.6em;
	}

	.hr .apply li {
		height: 320px;
		width: 309px;
		margin-right: 15px;
	}

	.hr .welfare li {
		margin-right: 71px;
	}

	.hr .sign ul:before {
		top: 64%;
	}

	.hr .sign li {
		width: 193px;
	}

	.hr_bg {
		background: url("../images/hr-bg-2.jpg") center;
		height: 400px;
	}
}

/************************Contact Us**********************/
.contact_bg {
	background: url("../images/contact-bg.jpg") no-repeat center;
}

.ctt .addtel {
	position: relative;
	height: 630px;
	text-align: center;
}

.ctt .addtel dl {
	display: inline-block;
	width: 49%;
	min-height: 290px;
	background: url("../images/contact-2.jpg") no-repeat center;
	overflow: hidden;
	margin-right: 20px;
	text-align: center;
	color: #f0f0f0;
}

.ctt .addtel dl.tel {
	background: url("../images/contact-1.jpg") no-repeat center;
	margin-right: 0;
}

.ctt .addtel dt {
	font-size: 2.8em;
	padding: 100px 0 20px 0;
}

.ctt .addtel dd {
	font-size: 1.6em;
}

.ctt .addtel dd span {
	padding-right: 15px;
}

.ctt .addtel ul {
	position: absolute;
	bottom: -140px;
	background: #ffffff;
	box-shadow: #f7f7f7 0px 0px 30px 5px;
	z-index: 2;
	margin-bottom: 30px;
}

.ctt .addtel li {
	display: inline-block;
	width: 297px;
	font-size: 1.6em;
	text-align: center;
	color: #626060;
	margin: 30px 0;
	overflow: hidden;
}

.ctt .addtel li span {
	display: block;
	width: 100px;
	height: 100px;
	background: #f1f1f1;
	margin: 0 auto;
	border-radius: 50px;
	margin-bottom: 30px;
	behavior: url(../images/pie.htc);
}

.ctt .addtel li span i {
	display: block;
	padding: 13px;
	font-size: 50px;
	color: #15918e;
}

.ctt .addtel li:nth-child(2) span i {
	font-size: 40px;
	padding-top: 22px;
}

.ctt .addtel li:hover span {
	background: #15918e;
	transition: all .6s;
}

.ctt .addtel li:hover span i {
	color: #ffffff;
	transition: all .6s;
}

.ctt .addtel li a {
	display: block;
	margin-top: 20px;
}

.ctt .sns ul li {
	display: inline-block;
	width: 237px;
	font-size: 1.6em;
	text-align: center;
	color: #333333;
	margin-bottom: 40px;
}

.ctt .sns ul li img {
	margin: 0 auto 30px;
}

.ctt .sns ul li:hover p {
	color: #15918e;
}

.ctt .biaodan form {
	display: block;
	height: 330px;
	font-size: 1.4em;
}

.ctt .biaodan form .form_l {
	width: 568px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative
}

.ctt .biaodan form input {
	line-height: 45px;
	border: 1px solid #e5e5e5;
	height: 45px;
	margin-bottom: 20px;
	width: 566px;
	text-indent: 14px;
	float: left;
	opacity: .8;
}

.ctt .biaodan form .form_r {
	width: 568px;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative
}

.ctt .biaodan form .form_r textarea {
	height: 110px;
	width: 560px;
	text-indent: 10px;
	border: 1px solid #e5e5e5;
	line-height: 30px;
	opacity: .8;
}

.ctt .biaodan form .form_l button {
	cursor: pointer;
	width: 120px;
	height: 40px;
	background-color: #999999;
	color: #FFF;
	line-height: 40px;
	float: right;
	border: none;
	position: absolute;
	right: 100px;
	bottom: 50px;
	border-radius: 5px;
}

.ctt .biaodan form .form_r button {
	cursor: pointer;
	width: 120px;
	height: 40px;
	background-color: #15918e;
	color: #FFF;
	line-height: 40px;
	border: none;
	position: absolute;
	left: 100px;
	bottom: 50px;
	border-radius: 5px;
}

.ctt .form_l select#product {
	line-height: 45px;
	border: 1px solid #e5e5e5;
	height: 45px;
	margin-bottom: 20px;
	width: 568px;
	text-indent: 14px;
	float: left;
	opacity: .8;
}

.ctt .map {
	position: relative;
}

.ctt .map .mapbox {
	height: 550px;
}

.BMap_shadow div img {
	display: none !important;
}

.BMap_pop div:nth-child(1) {
	border-radius: 10px 0 0 0;
}

.BMap_pop div:nth-child(3) div {
	border-radius: 0 10px 0 0;
}

.BMap_pop div:nth-child(5) div {
	border-radius: 0 0 0 10px;
}

.BMap_pop div:nth-child(7) div {
	border-radius: 0 0 10px 0;
}

.ctt .map .mapz {
	width: 50%;
	height: 550px;
	z-index: 1;
	position: absolute;
	background: #15918e;
	bottom: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.ctt .map .mapz li {
	display: inline-block;
	padding: 30px 40px;
	text-align: center;
	float: right;
	margin-top: 270px;
}

.ctt .map .mapz li span {
	display: block;
	margin-top: 5px;
	font-size: 1.4em;
	color: #f0f0f0;
}

.ctt .hotel {
	text-align: center;
}

.ctt .hotel li p {
	line-height: 35px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ctt .hotel li {
	display: inline-block;
	width: 377px;
	text-align: center;
	font-size: 1.4em;
	overflow: hidden;
	background: #e9e9e9;
	margin-right: 30px;
	padding: 20px 0;
}

.ctt .hotel li:first-child+li+li {
	margin-right: 0px;
}

.ctt .hotel li img {
	width: 90%;
	margin: 0 5%;
	transition: all 0.6s;
}

.ctt .hotel li img:hover {
	transform: scale(0.9);
}

.ctt .hotel li p:nth-child(3) {
	width: 350px;
	height: 290px;
	margin: 0 15px;
	overflow: hidden;
}

@media (max-width:768px) {
	.ctt .addtel {
		position: unset;
		height: auto;
	}

	.ctt .addtel dl {
		width: 90%;
		margin-right: 0;
		border-radius: 5px;
		min-height: 190px
	}

	.ctt .addtel ul {
		position: unset;
		margin-top: 20px;
	}

	.ctt .sns {
		text-align: center;
	}

	.ctt .sns ul li {
		width: 135px;
	}

	.ctt .sns ul li:first-child+li+li {
		display: none;
	}

	.ctt .addtel li {
		width: 147px;
		margin: 0;
	}

	.ctt .map .mapbox {
		width: 90%;
		margin: 0 auto;
		height: 350px;
	}

	.ctt .biaodan form .form_l {
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	.ctt .biaodan form .form_r {
		width: 100%;
		height: 320px;
	}

	.ctt .biaodan form {
		height: 510px;
	}

	.ctt .biaodan form .form_r button {
		left: calc(50% - 50px);
	}

	.ctt .hotel li img {
		width: 80%;
		margin: 10px 0;
		border-radius: 5px;
	}

	.ctt .form_l select#product {
		width: 100%;
	}

	.ctt .addtel dt {
		font-size: 1.8em;
		font-weight: 600;
		padding-top: 60px;
	}

	.ctt .addtel dd {
		font-size: 1.4em;
		padding: 0 20px;
	}

	.ctt .addtel li p {
		display: none;
	}

	.ctt .biaodan form input {
		width: 98%;
	}

	.ctt .biaodan form .form_r textarea {
		width: 98%;
	}

	.ctt .hotel li {
		width: 100%;
		margin-right: 0;
	}

	.ctt .addtel li span {
		width: 80px;
		height: 80px;
	}

	.ctt .addtel li span i {
		font-size: 40px;
		padding: 10px;
	}

	.ctt .addtel li:nth-child(2) span i {
		font-size: 33px;
		padding-top: 17px;
	}

	.ctt .sns ul li img {
		width: 80%;
		margin: 0 0 10px 0;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.ctt .addtel dl {
		margin-right: 11px;
	}

	.ctt .addtel ul {
		position: unset;
		margin-top: 20px;
	}

	.ctt .addtel li {
		width: 164px;
	}

	.ctt .map .mapbox {
		width: 750px;
		margin: 0 auto;
	}

	.ctt .hotel li {
		width: 240px;
		margin-right: 10px;
	}

	.ctt .biaodan form .form_l {
		width: 355px;
	}

	.ctt .biaodan form .form_r {
		width: 355px;
	}

	.ctt .sns ul li {
		width: 147px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.ctt .addtel dl {
		margin-right: 19px;
	}

	.ctt .addtel li {
		width: 243px;
	}

	.ctt .sns ul li {
		width: 193px;
	}

	.ctt .map .mapbox {
		width: 980px;
		margin: 0 auto;
	}

	.ctt .hotel li {
		width: 314px;
		margin-right: 10px;
	}

	.ctt .biaodan form .form_l {
		width: 470px;
	}

	.ctt .biaodan form .form_r {
		width: 470px;
	}
}

/************************About Us**********************/
/* .about_bg {background:url("../images/about-bg.jpg") no-repeat center;} */
.main .nav {
	background: #f7f7f7;
	height: 100px;
	height: 30px;
	padding: 20px 0;
	text-align: center;
	line-height: 30px;
}

.main .nav li {
	display: inline-block;
	width: 19%;
	font-size: 2.0em;
	border-right: 1px dashed #999999;
	text-align: center;
	font-weight: 600;
	color: #626060;
}

.main .nav li:first-child+li+li+li+li {
	border-right: 0;
}

.abt .vio {
	cursor: pointer;
}

.abt .advantage {
	text-align: center;
}

.abt .advantage li {
	display: inline-block;
	width: 24%;
	font-size: 1.6em;
	text-align: center;
	color: #626060;
}

.abt .advantage li .icon img {
	height: 60px;
	margin: 20px auto;
}

.abt .advantage li span {
	color: #15918e;
	font-size: 2.8rem;
	font-weight: 600;
}

.abt .degree {
	color: #f0f0f0;
	padding-bottom: 30px;
	position: relative;
	text-align: center;
}

.abt .degree h2 {
	color: #f0f0f0;
}

.abt .degree .ftitle {
	color: #fff;
}

.abt .degree li {
	display: inline-block;
	width: 297px;
	text-align: center;
	margin-bottom: 60px;
}

.abt .degree li span {
	display: block;
	font-size: 1.4em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.abt .degree li .icon {
	display: block;
	height: 60px;
	margin: 0 auto 20px;
}

.abt .degree li .icon img {
	height: 100%;
}

/* .abt .degree li:hover i {color:#15918e;} */
.abt .useto {
	position: relative;
	text-align: center;
}

.abt .useto p {
	text-align: center;
	font-size: 1.4em;
	color: #f0f0f0;
}

.abt .useto li {
	display: inline-block;
	margin: 50px 30px 20px 0;
	width: 274px;
}

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

.abt .useto li a {
	display: block;
	font-size: 1.6em;
	color: #f0f0f0;
	cursor: pointer;
	margin: 50px;
	text-align: center;
	font-weight: 600;
	padding-bottom: 10px;
}

.abt .honor {
	text-align: center;
}

.abt .honor li {
	display: inline-block;
	width: 340px;
	text-align: center;
	background: #f7f7f7;
	margin: 20px 10px;
	padding: 40px 20px;
}

.abt .honor li:first-child+li+li,
.abt .honor li:first-child+li+li+li+li {
	margin-right: 0;
}

.abt .honor li img {
	transition: all 0.3s;
	aspect-ratio: 337 / 210;
	object-fit: contain;
	width: 100%;
}

.abt .honor li img:hover {
	transform: scale(1.1);
}

.abt .honor li span {
	display: block;
	font-size: 1.6em;
	margin-top: 25px;
}

.abt .honor li:hover span {
	color: #15918e;
}

/* .abt .factory img {margin-bottom:14px;}
.abt .factory img.farm {margin-left:14px;} */
.abt .duty li {
	position: relative;
}

.abt .duty .lbox,
.abt .duty .rbox {
	width: 50%;
	margin-bottom: 50px;
}

.abt .duty .rmclass:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #242020;
	z-index: 1;
	opacity: 0.6;
}

.abt .duty li span {
	position: absolute;
	left: 50px;
	top: 30px;
	z-index: 2;
	font-size: 2.4em;
	color: #f0f0f0;
	font-weight: 600;
}

.abt .duty .lbox {
	font-size: 0;
}

.abt .duty .lbox li {
	font-size: 12px;
}

.abt .duty .lbox li {
	display: inline-block;
	width: 50%;
	height: 269px;
}

.abt .duty .lbox li:nth-child(3) {
	display: block;
	width: 100%;
	height: 296px;
}

.abt .duty .rbox li {
	display: block;
	width: 100%;
	height: 563px;
}

.abt .duty li:hover:after {
	display: none;
}

@media (max-width: 400px) {
	.abt .advantage li{
		width: 49%;
	}
}
@media (max-width:768px) {
	.abt .advantage li span {
		font-size: 1.4em;
	}

	/* .abt .factory img:nth-child(5) {display:none;}
	.abt .factory img:nth-child(6) {display:none;} */
	.main .nav li {
		font-size: 1.4em;
		width: 18%;
	}

	.abt .useto li {
		margin: 10px;
		border-radius: 5px;
		height: 80px;
		line-height: 80px;
		width: 145px;
		vertical-align: top;
	}

	.abt .useto li a {
		margin: 0;
		font-size: 1.4em;
	}

	.abt .honor li {
		display: block;
		width: auto;
	}

	.abt .advantage li {
		font-size: 1.4em;
	}

	.abt .honor li:nth-child(3n) {
		margin: 20px auto;
	}

	.abt .useto p,
	.abt .degree p {
		display: none;
	}

	.abt .degree li {
		width: 49%;
		margin-bottom: 30px;
		vertical-align: top;
	}

	.abt .degree li span {
		white-space: unset;
	}

	.abt .duty li:after {
		display: none;
	}

	.abt .honor li span {
		font-size: 1.4em;
	}

	.abt .useto li:first-child+li+li+li {
		margin-right: 10px;
	}

	.abt .duty .lbox {
		width: 100%;
		float: none;
		margin-bottom: 0;
	}

	.abt .duty .lbox li {
		width: 100%;
		margin-bottom: 10px;
	}

	.abt .duty .lbox li span {
		font-size: 20px;
	}

	.abt .duty .rbox {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	.abt .duty .rbox li {
		height: 270px;
		background-position: center;
		margin-bottom: 20px;
	}

	/* .abt .duty .rbox li span { display: none; } */
}

@media (min-width:768px) and (max-width:991px) {
	.abt .factory img:nth-child(5) {
		display: none;
	}

	.abt .factory img:nth-child(6) {
		display: none;
	}

	.abt .honor li {
		width: 190px;
		padding: 20px;
	}

	.abt .degree p {
		display: none;
	}

	.abt .degree li {
		width: 350px;
		margin-bottom: 30px;
	}

	.abt .advantage li span {
		font-size: 2.2em;
	}

	.abt .useto li {
		margin: 10px;
	}

	.abt .useto li:first-child+li+li+li {
		margin-right: 10px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.abt .degree li {
		width: 242px;
	}

	.abt .useto li {
		margin: 50px 3px 20px 0;
		width: 233px;
		vertical-align: top;
	}

	.abt .factory img:nth-child(5) {
		display: none;
	}

	.abt .factory img:nth-child(6) {
		display: none;
	}

	.abt .honor li {
		width: 267px;
	}

	.abt .advantage li span {
		font-size: 2.4em;
	}
}

/************************Zg Strength**********************/
.stg .aptitude li {
	display: inline-block;
	width: 287px;
	text-align: center;
	background: #f7f7f7;
	margin: 0 10px 20px 0;
	border: 1px solid #dcdcdc;
}

.stg .aptitude li:nth-child(4n) {
	margin-right: 0;
}

.stg .aptitude li {
	position: relative;
}
.stg .aptitude li img{
	width: 100%;
	aspect-ratio: 160 / 210;
	object-fit: contain;
}
.stg .aptitude li .zoom {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 287px;
	height: 100%;
	background: rgba(199, 0, 8, 0.8);
	cursor: pointer;
}

.stg .aptitude li .zoom i {
	display: block;
	font-size: 4.2em;
	color: #f0f0f0;
	margin: 80px 0 40px;
}

.stg .aptitude li .zoom h4 {
	font-size: 1.6em;
	color: #f0f0f0;
	margin: 0 20px;
}

.mask-img {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, .2);
}

.picture {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	height: 800px; max-height: 100%;
	line-height: 800px;
	text-align: center;
	background: #666;
	z-index: 10000;
}


.picture .phone {
	vertical-align: middle;
	max-width: 100%;
	max-height: 90%;
}

.picture .left {
	position: absolute;
	left: 30px;
	top: 320px;
	width: 25px;
	height: 40px;
	line-height: 40px;
}

.picture .right {
	position: absolute;
	right: 30px;
	top: 320px;
	width: 25px;
	height: 40px;
	line-height: 40px;
}

.picture i {
	font-size: 3.2em;
	color: #f0f0f0;
	cursor: pointer;
}
@media (max-width: 900px) {
	.picture{
		width: 100%; height: 100%;
		line-height: 1;
	}
	.picture .phone{
		width: 80%;
		height: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	.picture .left{
		left: 10px;
	}
	.picture .right{
		right: 10px;
	}
}
.stg .honor {
	text-align: center;
}

.stg .honor li {
	display: inline-block;
	width: 340px;
	text-align: center;
	background: #ffffff;
	margin: 20px 10px;
	padding: 40px 20px;
}

.stg .honor li:nth-child(3n) {
	margin-right: 0;
}
.stg .honor li img{
	width: 100%;
	aspect-ratio: 337 / 210;
	object-fit: contain;
}
.stg .honor li p {
	font-size: 1.8em;
	margin-top: 50px;
	margin-bottom: 20px;
}

.stg .honor li span {
	display: block;
	font-size: 1.6em;
	margin-top: 25px;
}

.stg .honor li:hover span {
	color: #15918e;
}

.stg .tech {
	position: relative;
}

.stg .tech li {
	display: inline-block;
	width: 289px;
	text-align: center;
	background: #f7f7f7;
	margin: 0 10px 30px 0;
}

.stg .tech li:nth-child(4n) {
	margin-right: 0;
}

.stg .tech table {
	width: 100%;
	text-align: center;
}

.stg .tech table thead tr td {
	height: 55px;
	background: #15918e;
	color: #f0f0f0;
	font-size: 2.2em;
}

.stg .tech table tr td {
	height: 40px;
	font-size: 1.4em;
	padding: 0.2rem;
	border: 0.02rem solid #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.stg .tech table tbody {
	display: block;
	width: 100%;
	height: 200px;
	overflow-y: scroll;
}

.stg .tech table thead,
tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #f2f2f4;
	margin-top: -1px;
}

.stg .tech table tbody::-webkit-scrollbar {
	display: none;
}

.stg .create {
	height: 800px;
}

.stg .create .create_l {
	float: left;
	width: 313px;
}

.stg .create .create_l li {
	width: 313px;
	height: 87px;
	background: #333333;
	text-align: center;
	font-size: 1.8em;
	color: #f0f0f0;
	margin-bottom: 1px;
	line-height: 82px;
	cursor: pointer;
}

.stg .create .create_l li a {
	color: #f0f0f0 !important;
}

.stg .create .create_l li:hover {
	background: #15918e;
}

.stg .create .create_r {
	float: right;
	width: 887px;
	background: #ffffff;
}

.stg .create .create_r .high {
	height: 441px;
}

.stg .create .create_r .high .high_left {
	float: left;
	width: 390px;
	padding-top: 100px;
	margin: 0 20px;
	font-size: 1.4em;
	line-height: 35px;
}

.stg .create .create_r .high .high_left span {
	font-size: 1.5em;
	padding-top: 10px;
}

.stg .create .create_r .high .high_right {
	display: inline-block;
	width: 410px;
	margin-top: 100px;
}

.stg .create .create_r .standard table {
	display: block;
	overflow: auto;
	height: 440px;
	overflow-x: hidden;
}

.stg .create .create_r .standard table tr td {
	height: 55px;
	width: 855px;
	font-size: 1.4em;
	text-align: left;
	padding-left: 60px;
	border: 1px solid #dcdcdc;
}

.stg .create .create_r .authen {
	background: #666666;
}

.stg .create .create_r .authen li {
	display: inline-block;
	width: 293px;
	height: 189.5px;
	padding-top: 30px;
}

.stg .create .create_r .authen li .img{
	text-align: center;
	width: 135px;
	height: 80px;
	margin: 30px auto 10px;
}
.stg .create .create_r .authen li .img img {
	max-height: 100%;
	max-width: 100%;
}
/* .stg .create .create_r .authen li span {
	display: block;
	width: 135px;
	height: 80px;
	background: url("../images/strength-5.png") no-repeat;
	margin: 30px auto 10px;
} */

.stg .create .create_r .authen li p {
	text-align: center;
	color: #f0f0f0;
}

.stg .create .create_r .authen .span1 {
	background-position-x: 0;
}

.stg .create .create_r .authen .span2 {
	background-position-x: -136px;
}

.stg .create .create_r .authen .span3 {
	background-position-x: -276px;
}

.stg .create .create_r .authen .span4 {
	background-position-x: -412px;
}

.stg .create .create_r .authen .span5 {
	background-position-x: -542px;
}

.stg .create .create_r .authen .span6 {
	background-position-x: -684px;
}

.stg .create .create_r .production ul {
	height: 440px;
	overflow-y: scroll;
}

.stg .create .create_r .production li {
	display: inline-block;
	width: 257px;
	margin: 0 20px 30px 10px;
	position: relative;
}

.stg .create .create_r .production li:after {
	content: "";
	width: 100%;
	height: 20%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #15918e;
	z-index: 1;
	opacity: 0.6;
}

.stg .create .create_r .production li img {
	width: 100%;
}

.stg .create .create_r .production li p {
	text-align: center;
	width: 100%;
	height: 20%;
	color: #f0f0f0;
	font-size: 1.4em;
	line-height: 38px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.stg .create .create_r .device ul {
	height: 440px;
	overflow-y: scroll;
}

.stg .create .create_r .device li {
	display: inline-block;
	width: 257px;
	margin: 0 20px 30px 10px;
	position: relative;
}

.stg .create .create_r .device li:after {
	content: "";
	width: 100%;
	height: 20%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #15918e;
	z-index: 1;
	opacity: 0.6;
}

.stg .create .create_r .device li img {
	width: 100%;
}

.stg .create .create_r .device li p {
	text-align: center;
	width: 100%;
	height: 20%;
	color: #f0f0f0;
	font-size: 1.4em;
	line-height: 38px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.stg .create .create_r .content:nth-of-type(n+2) {
	display: none;
}

.stg .science h2 {
	color: #f0f0f0;
}

.stg .science .sci_top {
	height: 700px;
	background: url("../images/strength-7.jpg") no-repeat center;
	color: #f0f0f0;
}

.stg .science .sci_top .science_title {
	font-size: 2.4em;
	padding: 50px 0;
	text-align: center;
	font-weight: 600;
}

.stg .science .sci_top ul li {
	width: 520px;
	display: inline-block;
	font-size: 1.5em;
	margin: 50px 126px 50px 0;
	line-height: 30px;
}

.stg .science .sci_top ul li span {
	font-size: 1.4em;
}

.stg .science .sci_top ul li i {
	display: block;
	font-size: 2.8em;
	text-align: left;
	padding-left: 21px;
	padding-bottom: 20px;
}

.stg .science .sci_top ul li:hover i {
	color: #15918e;
}

.stg .science .sci_top ul li:nth-child(2n) {
	margin-right: 0;
}

.stg .science .sci_bottom {
	text-align: center;
}

.stg .science .sci_bottom li {
	width: 210px;
	height: 260px;
	display: inline-block;
	font-size: 1.5em;
	margin: 50px 33px 50px 0;
	line-height: 35px;
	text-align: center;
	background: #ffffff;
	color: #999999;
}

.stg .science .sci_bottom li i {
	font-size: 3.2em;
	display: block;
	margin: 70px auto;
}

.stg .science .sci_bottom li:hover i {
	color: #15918e;
}

.stg .science .sci_bottom li p {
	display: block;
	margin: 0 auto;
	width: 150px;
	padding-bottom: 10px;
	font-size: 1.2em;
	position: relative;
}

.stg .science .sci_bottom li:hover p {
	color: #333333;
}

.stg .science .sci_bottom li p:after {
	content: " ";
	display: block;
	width: 0;
	height: 2px;
	background: #15918e;
	position: absolute;
	bottom: 0;
	transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}

.stg .science .sci_bottom li:hover p:after {
	width: 100%;
}

.stg .science .sci_bottom li:last-child {
	margin-right: 0;
}

.stg .lead .title {
	font-size: 2.4em;
	font-weight: 600;
	margin: 60px 0;
	color: #333333;
}

.stg .lead .content {
	width: 1200px;
	height: 252px;
	overflow: hidden;
}

.stg .lead .content li {
	width: 1200px;
	height: 252px;
	background: #f7f7f7;
}

.stg .lead .content li:not(:first-child) {
	display: none;
}

.stg .lead .content .lt {
	width: 471px;
	float: left;
}
.stg .lead .content .lt img {
	max-height: 245px;
}

.stg .lead .content .rt {
	padding-left: 550px;
	padding-top: 30px;
	/* line-height: 50px; */
	font-size: 1.8em;
	color: #626060;
}

.stg .lead .content .rt span {
	display: block;
	font-size: 1.2em;
	color: #333333;
	background: url("../images/strength-line-1.png") no-repeat left bottom;
	margin-bottom: 20px;
	line-height: 50px;
}

.stg .lead .timeline {
	width: 1200px;
	height: 100px;
	margin: 50px 0;
}

.stg .lead .timeline .lt {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
}

.stg .lead .timeline .lt span,
.timeline .rt span {
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	text-align: center;
	margin: 25px auto;
	cursor: pointer;
}

.stg .lead .timeline .lt i {
	font-size: 2.4em;
	color: #626060;
	padding-left: 9px;
}

.stg .lead .timeline .rt i {
	font-size: 2.4em;
	color: #626060;
	padding-right: 9px;
}

.stg .lead .timeline .lt i:hover,
.stg .lead .timeline .rt i:hover {
	color: #15918e;
}

.stg .lead .timeline .rt {
	display: block;
	float: right;
	width: 100px;
	height: 100px;
}

.stg .lead .timeline .line {
	display: inline-block;
	width: 95px;
	height: 100px;
	background: url("../images/strength-line-2.png") no-repeat center center;
}

.stg .lead .timeline .mid {
	display: block;
	float: left;
	width: 1000px;
	height: 100px;
	position: relative;
	overflow: hidden;
}

.stg .lead .timeline .mid ul {
	width: 1400px;
	position: absolute;
	left: 0px;
	top: 0;
	float: left;
	background: url("../images/strength-line-2.png") repeat-x center center;
}
.stg .lead .timeline .mid .swiper-container {
	background: url("../images/strength-line-2.png") repeat-x center center;
}

.stg .lead .timeline .mid li{
	float: left;
	width: 100px;
	height: 100px;
	background: url("../images/strength-line-2.png") no-repeat center center;
	text-align: center;
}
.stg .lead .timeline .mid .li {
	cursor: pointer;
	height: 100px;
	background: url("../images/strength-line-2.png") no-repeat center center;
	text-align: center;
}
.stg .lead .timeline .mid .li:hover p{
	color: #15918e;
}

.stg .lead .timeline .mid li i,
.stg .lead .timeline .mid .li i {
	display: block;
	font-size: 3.8em;
	color: #626060;
	padding-top: 2px;
}

.stg .cooperate p a {
	color: #15918e;
}

@media (max-width:540px) {
	.stg .tech table thead tr td {
		font-size: 1.4em;
	}

	.stg .tech table tr td {
		font-size: 1.2em;
	}

	.stg .science .sci_top ul li i {
		font-size: 0.8em;
		color: #ff2212;
	}

	.stg .science .sci_top ul li span {
		font-size: 1.0em;
		color: #ff2212;
	}

	.stg .science .sci_bottom li:nth-child(2n) {
		margin-right: 0 !important;
	}

	.stg .science .sci_bottom li {
		height: 120px !important;
		margin: 15px 15px 15px 0 !important;
	}

	.stg .science .sci_bottom li:last-child {
		display: none;
	}

	.stg .aptitude ul{
		display: flex; flex-wrap: wrap; justify-content: space-between;
	}
	.stg .aptitude li {
		display: block;
		margin: 10px auto;
		border: 0;
		width: 48%;
	}

	.stg .honor li {
		padding: 0 20px;
	}
}

@media (max-width:768px) {
	.stg .science .sci_top ul li {
		width: 100%;
		display: block;
		margin: 15px auto;
		text-align: left;
		font-size: 1.4em;
	}

	.stg .science .sci_top ul li i {
		float: left;
		margin-right: 10px;
		font-size: 1.6em;
		padding-bottom: 0;
	}

	.stg .science .sci_top {
		height: auto;
	}

	.stg .honor li {
		display: block;
		width: auto;
	}

	.stg .tech li {
		display: block;
		width: 95%;
		margin: 20px auto;
	}

	.stg .tech li:nth-child(4n) {
		margin-right: auto;
	}

	.stg .honor li span {
		font-size: 1.4em;
		padding: 15px 0;
		margin: 0;
	}

	.stg .science .sci_bottom li {
		width: 126px;
		height: 170px;
		margin: 35px 15px 35px 0;
		border-radius: 10px;
	}

	.stg .science .sci_bottom li i {
		font-size: 2.8em;
		margin: 15px auto;
		color: #15918e;
	}

	.stg .science .sci_bottom li p {
		width: 127px;
		font-size: 1.0em;
	}

	.stg .science .sci_bottom li p:after {
		display: none;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.stg .science .sci_top ul li {
		width: 310px;
		vertical-align: top;
	}

	.stg .science .sci_top {
		height: 750px;
	}

	.stg .tech .table_title span {
		width: 216px;
	}

	.stg .tech .table_title span:nth-child(2) {
		width: 352px;
	}

	.stg .tech .table_title span:nth-child(3) {
		width: 181px;
	}

	.stg .honor li {
		width: 187px;
		padding: 20px;
	}

	.stg .honor li:nth-child(3n) {
		margin-right: 10px;
	}

	.stg .tech ul {
		width: 90%;
		margin: 0 auto;
	}

	.stg .tech li {
		margin: 20px;
	}

	.stg .aptitude li {
		width: 175px;
	}

	.stg .tech .table_title {
		height: 88px;
	}

	.stg .science .sci_bottom li {
		width: 126px;
		height: 170px;
		margin: 35px 15px 35px 0;
	}

	.stg .science .sci_bottom li i {
		font-size: 2.8em;
		margin: 35px auto;
	}

	.stg .science .sci_bottom li p {
		width: 127px;
		font-size: 1.0em;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.stg .science .sci_top ul li {
		width: 425px;
	}

	.stg .tech li {
		width: 234px;
	}

	.stg .tech .table_title span {
		width: 261px;
	}

	.stg .tech .table_title span:nth-child(2) {
		width: 476px;
	}

	.stg .tech .table_title span:nth-child(3) {
		width: 242px;
	}

	.stg .science .sci_top ul li {
		width: 425px;
	}

	.stg .aptitude li {
		width: 232px;
	}

	.stg .science .sci_bottom li {
		width: 166px;
		height: 214px;
	}

	.stg .science .sci_bottom li i {
		margin: 50px auto;
	}

	.stg .honor li {
		width: 264px;
	}
}

/************************Zg Humanity**********************/

.hum .vision {
	height: 500px;
	margin-bottom: 100px;
}
.hum .vision .container{
	padding-top: 100px;
	color: #fff;
	display: flex;
}
.hum .vision .tit {
	font-size: 22px;
	font-weight: 600;
	margin: 0;
	color: #fff;
}
.hum .vision .intro {
	font-size: 14px;
	color: #f0f0f0;
	margin-left: 1em; margin-top: .7em;
	flex: 1;
}


.hum .culture .brand .lbox {
	display: inline-block;
	width: 300px;
	float: left;
}

.hum .culture .brand .rbox {
	display: inline-block;
	width: calc(100% - 355px);
	background: #f7f7f7;
	padding-left: 55px;
	min-height: 264px;
}

.hum .culture .brand .rbox .tit {
	display: block;
	font-size: 2.6em;
	color: #333333;
	font-weight: 600;
	padding: 30px 0;
}
.hum .culture .sprite ul{
	display: flex;
	flex-wrap: wrap;
}
.hum .culture .sprite li {
	display: inline-block;
	width: 300px;
	height: 260px;
	background: #15918e;
	vertical-align: top;
}

.hum .culture .sprite li:first-child+li,
.hum .culture .sprite li:first-child+li+li+li {
	background: none;
}

.hum .culture .sprite li span {
	display: block;
	font-size: 22px;
	color: #f0f0f0;
	padding: 60px 0 15px 30px;
	font-weight: 600;
}

.hum .culture .sprite li p {
	font-size: 1.5em;
	color: #f0f0f0;
	padding: 20px 45px 0 30px;
	line-height: 30px;
}
.hum .culture .idea ul{
	display: flex;
}
.hum .culture .idea li {
	display: inline-block;
	/* width: 50%; */
	/* height: 257px; */
	background: url('../images/humanity-10.jpg') no-repeat center;
	position: relative;
	width: 100%;
	height: 300px;
	background-size: cover;
}

.hum .culture .idea li:first-child+li {
	background: url('../images/humanity-11.jpg') no-repeat center;
}

.hum .culture .idea li:after {
	content: "";
	width: 100%;
	height: 56px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000000;
	opacity: 0.6;
	z-index: 2;
}

.hum .culture .idea li:hover:after {
	opacity: 0.8;
}

.hum .culture .idea li:last-child:after {
	background: #15918e;
}

.hum .culture .idea p {
	font-size: 1.4em;
	color: #f0f0f0;
	width: 100%;
	height: 56px;
	position: absolute;
	left: 30px;
	bottom: -6px;
	z-index: 99;
}

.hum .culture .idea span {
	font-size: 2.0em;
	font-weight: 600;
}

.hum .activity {
	margin: 60px 0;
}

.hum .activity .goddess {
	height: 379px;
	margin-bottom: 20px;
	display: flex;
}
.hum .activity .goddess-img{
	flex: 1;
	background-color: #15918e;
}
.hum .activity .goddess .smalltext {
	float: right;
	width: 407px;
	height: 379px;
	background: #15918e;
	color: #f0f0f0;
	position: relative;
}

.hum .activity .goddess .smalltext i {
	position: absolute;
	color: #15918e;
	top: 60px;
	left: -20px;
	font-size: 3.2em;
}

.hum .activity .goddess span {
	display: block;
	font-size: 2.8em;
	font-weight: 600;
	padding-top: 60px;
	padding-left: 30px;
}

.hum .activity .goddess p {
	padding-top: 30px;
	font-size: 1.4em;
	padding-left: 30px;
	padding-right: 10px;
	max-height: 100%;
	overflow-y: auto;
}

.hum .activity li {
	display: inline-block;
	width: 383px;
	height: 372px;
	position: relative;
	margin-right: 21px;
}

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

.hum .activity li:after {
	content: "";
	width: 100%;
	height: 120px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #15918e;
	opacity: 0.6;
	z-index: 2;
}

.hum .activity li:hover:after {
	opacity: 0.9;
	transition: all 0.6s;
}

.hum .activity li p {
	text-align: left;
	font-size: 1.6em;
	color: #f0f0f0;
	position: absolute;
	left: 40px;
	bottom: 20px;
	z-index: 9
}

.hum .activity li span {
	display: block;
	font-size: 2.8em;
	color: #f0f0f0;
	font-weight: 600;
	padding-top: 60px;
	position: absolute;
	left: 40px;
	bottom: 55px;
	z-index: 9
}

.hum .activity li:nth-child(2):after {
	display: none;
}

.hum .activity li:first-child+li p {
	color: #333333;
	top: 80px;
}

.hum .activity li:first-child+li span {
	color: #333333;
	top: -30px;
}

.hum .activity li:nth-child(3) {
	margin-right: 0;
}

.hum .activity li:last-child:after {
	background: #1c9cd2;
}

@media (max-width:768px) {
	.hum .vision {
		height: 200px;
		margin-bottom: 30px;
	}
	.hum .vision .container{
		padding-top: 60px;
	}

	.hum .culture .brand .lbox {
		display: none;
	}

	.hum .culture .brand .rbox {
		width: auto;
		padding: 20px;
	}

	.hum .culture .idea p {
		font-size: 1em;
		left: unset;
		bottom: -19px;
		text-align: center;
	}

	.hum .culture .idea span {
		display: none;
	}
	.hum .activity .goddess{
		height: auto;
	}
	.hum .activity .goddess-img{
		padding-top: calc(119 / 265 * 100%);
		height: auto;
	}
	.hum .activity .goddess .smalltext {
		width: 45px;
		height: auto;
	}

	.hum .activity .goddess p {
		display: none;
	}

	.hum .activity .goddess span {
		font-size: 1.8em;
		padding-left: 14px;
		padding-top: 5vw;
	}

	.hum .activity li span {
		bottom: 8px;
	}

	.hum .culture .idea li {
		width: 100%;
	}

	.hum .activity {
		height: auto;
		margin-bottom: 0 !important;
	}

	.hum .culture .brand .rbox span {
		font-size: 2.0em;
	}

	.hum .culture .brand .rbox span {
		text-align: center;
	}

	.hum .culture .sprite ul {
		width: 300px;
		margin: 0 auto;
		display: block;
		font-size: 0;
	}

	.hum .culture .sprite li:first-child {
		width: 150px;
		height: 130px;
		border-radius: 10px 0 0 0;
		margin-top: 20px;
	}

	.hum .culture .sprite li:first-child+li img {
		border-radius: 0 10px 0 0;
		margin-top: 20px;
	}

	.hum .culture .sprite li:nth-child(3) {
		width: 150px;
		height: 130px;
		margin-bottom: 20px;
		border-radius: 0 0 10px 0;
	}

	.hum .culture .sprite li:last-child {
		float: left;
	}

	.hum .activity li {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.hum .activity li span {
		font-size: 1.8em;
		width: 100px;
		left: calc(50% - 50px);
		text-align: center;
	}

	.hum .activity li p {
		font-size: 1.4em;
		bottom: 10px;
		left: 20px;
		padding-right: 20px;
		display: none;
	}

	.hum .activity li:after {
		height: 40px;
	}

	.hum .culture .sprite li:first-child+li,
	.hum .culture .sprite li:first-child+li+li+li {
		width: 150px;
		height: auto;
	}

	.hum .culture .sprite li:first-child+li+li+li img {
		border-radius: 0 0 0 10px;
	}

	.hum .culture .sprite li p {
		display: none;
	}

	.hum .culture .sprite li span {
		padding-top: 50px;
		font-size: 20px;
	}

	.hum .activity .goddess:hover {
		background: url('../images/humanity-6.jpg');
	}
	.hum .culture .idea ul{
		display: block;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hum .culture .brand .lbox {
		display: none;
	}

	.hum .culture .brand .rbox {
		width: auto;
		padding-right: 55px;
	}

	.hum .culture .sprite ul {
		width: 600px;
		margin: 0 auto;
	}

	.hum .culture .sprite li:first-child {
		width: 300px;
		border-radius: 66px 0 0 0;
		margin-top: 20px;
	}

	.hum .culture .sprite li:first-child+li img {
		border-radius: 0 66px 0 0;
		margin-top: 20px;
	}

	.hum .culture .sprite li:nth-child(3) {
		width: 300px;
		margin-bottom: 20px;
		border-radius: 0 0 66px 0;
		order: 4;
	}

	.hum .culture .sprite li:last-child {
		float: left;
	}

	.hum .culture .idea p {
		font-size: 1em;
		left: 20px;
		bottom: -14px;
	}

	.hum .activity .goddess .smalltext {
		width: 150px;
	}

	.hum .activity li {
		width: 240px;
		margin-right: 10px;
	}

	.hum .culture .brand .rbox span {
		text-align: center;
	}

	.hum .culture .sprite li:first-child+li+li+li img {
		border-radius: 0 0 0 66px;
	}

	.hum .culture .idea li,
	.hum .culture .idea li:after {
		border-radius: 10px;
	}

	.hum .activity li span {
		font-size: 1.8em;
		width: 100px;
		left: calc(50% - 50px);
		text-align: center;
	}

	.hum .activity li p {
		font-size: 1.4em;
		bottom: 10px;
		left: 20px;
		padding-right: 20px;
	}

	.hum .activity .goddess:hover {
		background: url('../images/humanity-6.jpg');
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hum .culture .sprite li {
		width: 245px;
		height: 212px;
	}

	.hum .activity .goddess .smalltext {
		width: 188px;
	}

	.hum .activity li {
		width: 310px;
	}

	.hum .activity li span {
		font-size: 1.8em;
		width: 100px;
		left: calc(50% - 50px);
		text-align: center;
	}

	.hum .activity li p {
		font-size: 1.4em;
		bottom: 10px;
		left: 20px;
		padding-right: 20px;
	}
}

/************************Brand Process**********************/

.his .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.his .left {
	width: 140px;
	border-bottom: 2px solid #DDD;
	background: #FFF;
	float: left;
}

.his .left li:hover {
	border-left: 3px solid #15918e;
}

.his .left li a {
	height: 40px;
	line-height: 40px;
	display: block;
	color: #333
}

.his .left li a:hover,
.left li.active a {
	color: #0066FF
}

.his .left li.active {
	border-left: 3px solid #15918e;
}

.his .left li {
	border-left: 3px solid #f0f0f0;
	border-bottom: 1px solid #EEEEEE;
	font-size: 14px;
	height: 40px;
	margin-bottom: 1px;
	overflow: hidden;
	padding-left: 25px;
}

.his .event_year {
	width: 60px;
	border-bottom: 2px solid #DDD;
	text-align: center;
	float: left;
	margin-top: 10px;
}

.his .event_year li {
	height: 40px;
	line-height: 40px;
	background: #FFF;
	margin-bottom: 1px;
	font-size: 18px;
	color: #828282;
	cursor: pointer;
}

.his .event_year li.current {
	/* width: 61px; */
	background: #15918e;
	color: #f7f7f7;
	text-align: left;
	padding-left: 9px;
	position: relative;
}
.his .event_year li.current:after{
	content: '';
	position: absolute; right: -20px; top: 10px;
	border: 10px solid transparent;
	border-left-color: #15918e;
}

.his .event_list {
	width: 90%;
	float: right;
	background: url('../images/dian.png') 139px 0 repeat-y;
	margin: 10px 0 20px 0;
}

.his .event_list h3 {
	margin: 0 0 10px 132px;
	font-size: 24px;
	font-family: Georgia;
	color: #15918e;
	padding-left: 25px;
	background: url('../images/history-1_02.png') left center no-repeat;
	height: 38px;
	line-height: 30px;
	font-style: italic;
	text-align: center;
}

.his .event_list li {
	background: url('../images/history-1.png') 136px -80px no-repeat;
}

.his .event_list li .event_y {
	width: 127px;
	text-align: right;
	display: block;
	float: left;
	margin-top: 10px;
	font-size: 1.4em;
}

.his .event_list li .event_cnt {
	width: 75%;
	margin-left: 40px;
	display: inline-block;
	padding-left: 10px;
	background: url('../images/history-1.png') -21px 0 no-repeat;
	line-height: 25px;
	_float: left;
}

.his .event_list li .event_t1,
.his .event_list li .event_t2 {
	width: 100%;
	text-align: left;
	border-bottom: 2px solid #DDD;
	padding: 10px 15px;
	background: #FFF;
	margin: 0;
	font-size: 1.4em;
}

.his .event_list li .event_t2 img {
	max-width: 400px;
}

@media (max-width:768px) {
	.his .event_list {
		width: 100%;
		background: url(../images/dian.png) 25px 0 repeat-y;
	}

	.his .event_list h3 {
		margin-left: 18px;
	}

	.his .event_list li {
		background: url('../images/history-1.png') 20px -80px no-repeat;
	}

	.his .event_list li .event_y {
		width: 65px;
	}

	.his .event_list li .event_t2 img {
		max-width: 80%;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.his .event_list li .event_cnt {
		margin-left: 150px;
	}

	.his .event_list li .event_t2 img {
		max-width: 80%;
	}
}

/************************Industrial Park**********************/

/* .park_bg {
	background: url('../images/park-bg.jpg') center;
	height: 600px;
} */
.pak .brief ul{
	display: flex;
}
.pak .brief li {
	display: inline-block;
	width: 50%;
	height: 398px;
	vertical-align: top;
}

.pak .brief li:first-child+li {
	background-color: #f7f7f7;
	padding-bottom: 40px;
}

.pak .brief li h3 {
	font-size: 2.8em;
	text-align: left;
	padding-left: 40px;
	padding-top: 20px;
	margin-bottom: 30px;
}

.pak .brief li .desc {
	font-size: 1.4em;
	padding: 0 40px;
	line-height: 30px;
	color: #626060;
}

.pak .project {
	/* background: url("../images/park-3.jpg") no-repeat; */
}

.pak .project h2 {
	color: #f0f0f0;
}

.pak .project .tit {
	display: block;
	font-size: 2.8em;
	padding: 40px 0 0 40px;
	color: #f0f0f0;
	font-weight: 600;
	position: absolute;
	z-index: 9;
}

.pak .project .lbox {
	display: inline-block;
	width: 688px;
	height: 510px;
	/* background: url("../images/park-4.jpg") no-repeat center; */
	position: absolute;
	left: 0;
	position: relative;
}

.pak .project .lbox .desc {
	font-size: 1.6em;
	line-height: 36px;
	padding: 40px;
	color: #f0f0f0;
	position: absolute;
	bottom: 46%;
	z-index: 9;
	opacity: 0;
	transition: all 0.6s;
}

.pak .project .lbox:hover .desc {
	opacity: 1;
	transition: 0.6s
}

.pak .project .lbox:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #15918e;
	opacity: 0;
	z-index: 2;
}

.pak .project .lbox:hover:after {
	opacity: 0.6;
	transition: 0.6s
}

.pak .project .rbox {
	display: inline-block;
	position: absolute;
	right: 0;
}

.pak .project .rbox dl {
	width: 488px;
	height: 248px;
	/* background: url("../images/park-5.jpg") no-repeat center; */
	position: relative;
}

.pak .project .rbox dl dt {
	font-size: 2.8em;
	padding: 40px 0 0 40px;
	color: #f0f0f0;
	font-weight: 600;
	position: absolute;
	z-index: 9;
}

.pak .project .rbox dl dd {
	display: block;
	font-size: 1.5em;
	color: #f0f0f0;
	padding: 0 20px;
	position: absolute;
	bottom: 50px;
	z-index: 9;
	opacity: 0;
	transition: all 0.6s;
}

.pak .project .rbox dl:first-child+dl {
	/* background: url("../images/park-6.jpg") no-repeat center; */
	margin-top: 14px;
}

.pak .project .rbox dl:hover dd {
	opacity: 1;
	transition: 0.6s
}

.pak .project .rbox dl:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #15918e;
	opacity: 0;
	z-index: 2;
}

.pak .project .rbox dl:hover:after {
	opacity: 0.6;
	transition: 0.6s
}

.pak .project li {
	display: inline-block;
	width: 350px;
	height: 430px;
	/* background: url("../images/park-9.jpg") no-repeat; */
	margin-right: 71px;
	position: relative;
	transition: all 0.9s;
}

.pak .project li .tit {
	display: block;
	width: 100px;
	text-align: center;
	font-size: 8em;
	color: #15918e;
	position: absolute;
	left: calc(50% - 95px);
	top: 0;
	z-index: 2;
}

.pak .project li i {
	width: 150px;
	height: 100px;
	background: url("../images/youjian.png") no-repeat;
	background-size: 40%;
	position: absolute;
	left: 50%;
	bottom: -45px;
	margin-left: -30px;
	z-index: 2;
}

.pak .project li .desc {
	position: absolute;
	width: 250px;
	text-align: center;
	left: calc(50% - 125px);
	top: 50%;
	color: #333333;
	z-index: 2;
	font-size: 2.4em;
	font-weight: 600;
}

.pak .project li:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #f7f7f7;
	z-index: 1;
	opacity: 0.8;
}

.pak .project li:nth-child(2) {
	/* background: url("../images/park-7.jpg") no-repeat; */
}

.pak .project li:last-child {
	/* background: url("../images/park-8.jpg") no-repeat; */
	margin-right: 0;
}

.pak .project li:hover:after {
	background: #15918e;
}

.pak .project li:hover h4 {
	color: #f0f0f0;
	top: 118px;
}

.pak .project li:hover i {
	background-position-y: -45px;
}

.pak .project li .desc {
	display: none;
	font-size: 1.6em;
	color: #f0f0f0;
	font-weight: 500;
}

.pak .project li h4 {
	width: 260px;
	text-align: center;
	position: absolute;
	left: calc(50% - 130px);
	top: 50%;
	color: #333333;
	z-index: 2;
	opacity: 0.9;
	font-size: 2.4em;
	font-weight: 600;
}

.pak .advantage dl {
	/* background: url("../images/park-10.jpg") no-repeat center; */
	width: 100%;
	height: 350px;
	padding-top: 50px;
	margin-bottom: 20px;
	text-align: center;
	color: #f0f0f0;
}

.pak .advantage dl div {
	background: #15918e;
	width: 290px;
	height: 300px;
	margin-bottom: 30px;
}

.pak .advantage dt {
	font-size: 2.4em;
	font-weight: 600;
	padding: 30px;
	text-align: center;
}

.pak .advantage dd {
	padding: 0 30px;
	font-size: 1.4em;
	text-align: left;
}

.pak .advantage dl:first-child+dl {
	/* background: url("../images/park-11.jpg") no-repeat center; */
}

.pak .advantage dl div.one {
	margin-left: 50px;
}

.pak .advantage dl div.two {
	background: #000000;
	margin-left: 850px;
}

.pak .progress {
	/* background: url("../images/park-12.jpg") no-repeat; */
	position: relative;
}

.pak .progress h2 {
	text-align: left;
	color: #f0f0f0;
	font-size: 2.8em;
	margin: 60px 0;
}

.pak .progress .rebox {
	position: relative;
}

.pak .progress .probox {
	width: 100%;
	height: 272px;
	overflow: hidden;
}

.pak .progress .btn {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	position: absolute;
	top: 38%;
	left: 40px;
	z-index: 10;
	background: rgba(247, 247, 247, .3);
	border: 1px solid transparent
}

.pak .progress .btn:hover {
	cursor: pointer;
	background: rgba(247, 247, 247, .6);
	border: 1px solid #ffffff;
}

.pak .progress .btn i {
	color: #333333;
	font-size: 2.4em;
	padding-left: 10px;
}

.pak .progress .btn:nth-child(3) {
	left: unset;
	right: 40px;
}

.pak .progress .btn:nth-child(3) i {
	padding-right: 10px;
	padding-left: 0;
}

.pak .progress .next i {
	padding-right: 10px;
}

.pak .progress .probox ul {
	width: 6000px;
	height: 272px;
	padding: 0;
	margin: 0;
}

.pak .progress .probox li {
	float: left;
	width: 380px;
	margin-right: 30px;
	overflow: hidden;
	position: relative;
}
.pak .progress .probox li img{
	width: 100%;
	aspect-ratio: 2;
	object-fit: cover;
}
.pak .progress .probox li p {
	display: block;
	height: 30px;
	color: #626060;
	font-size: 1.4em;
	background: #ffffff;
	padding: 20px;
	transition: all 0.3s;
}

.pak .progress .probox li span {
	display: block;
	float: right;
}

.pak .probox li .zoom {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 380px;
	height: 100%;
	background: rgba(199, 0, 8, 0.8);
	cursor: pointer;
	text-align: center;
}

.pak .probox li .zoom i {
	display: block;
	font-size: 4.2em;
	color: #f0f0f0;
	margin: 80px 0 40px;
}

.pak .probox li .zoom h4 {
	font-size: 1.6em;
	color: #f0f0f0;
	margin: 0 20px;
}


@media (max-width:540.7px) {
	.pak .project li {
		background: content-box !important;
	}

	.pak .project .rbox dl:first-child+dl {
		border-radius: 0 0 10px 10px;
		margin-top: 0;
	}

	/* .park_bg {
		background: url("../images/park-bg-4.jpg") center;
		height: 150px;
		margin-top: 55px;
	} */
}

@media (max-width:768px) {
	.pak .brief {
		padding: 0;
	}

	.pak .brief li:first-child {
		/* display: none; */
		height: auto;
	}
	.pak .brief ul {
		flex-wrap: wrap;
	}
	.pak .brief li {
		width: 100%;
		height: 320px;
		height: auto;
	}

	.pak .brief li .desc {
		padding: 0 10%;
	}

	.pak .project {
		/* background: url("../images/park-3.jpg") repeat-y; */
	}

	.pak .project .lbox {
		width: 100%;
		height: 200px;
		left: 0;
		opacity: 1;
		border-radius: 10px 10px 0 0;
	}

	.pak .project .rbox {
		display: block;
		position: unset;
		margin-top: -4px;
	}

	.pak .project .rbox dl {
		width: 100%;
		height: 180px;
		background-size: cover;
	}

	.pak .project .rbox dl dt {
		font-size: 1.6em;
		padding: 30px 0 0 10px;
	}

	.pak .project .tit {
		font-size: 1.6em;
		padding: 30px 0 0 10px;
	}

	.pak .project .lbox p {
		opacity: 1;
		font-size: 1.2em;
		line-height: 24px;
		padding: 0 10px;
		bottom: unset;
		top: 70px;
	}

	.pak .project .rbox dl dd {
		opacity: 1;
		position: unset;
		font-size: 1.2em;
		padding: 80px 10px 30px;
		background: rgba(0, 0, 0, 0.3)
	}

	.pak .project .lbox:after,
	.pak .project .rbox dl:after {
		display: none;
	}

	.pak .project li {
		display: block;
		width: 90%;
		height: 200px;
		margin: 20px auto;
		border-radius: 20px;
		background-size: cover !important;
	}

	.pak .project li i {
		height: 50px;
		bottom: 0;
		display: none;
	}

	.pak .project li h4 {
		font-size: 1.6em;
		top: 55%;
	}

	.pak .project li:last-child {
		margin-right: auto;
	}

	.pak .project li:after {
		border-radius: 20px;
	}

	.pak .project li:hover h4 {
		top: 30px;
	}

	.pak .project li .desc {
		font-size: 1.3em;
		width: 240px;
		left: calc(50% - 120px);
		top: 38%;
	}

	.pak .advantage dl {
		height: 300px;
	}

	.pak .advantage dl div {
		margin: 0 auto !important;
		border-radius: 20px;
		height: 260px;
	}

	.pak .advantage dt {
		font-size: 2.0em;
	}

	.pak .progress .btn {
		left: 15px;
		opacity: 0.2;
	}

	.pak .progress .btn:nth-child(3) {
		right: 15px;
	}

	.pak .project li .tit {
		font-size: 5em;
		left: calc(50% - 50px);
		padding: 40px 0 0 0;
		top: -15px;
	}

	.pak .progress .probox li {
		width: 334px;
		border-radius: 10px;
	}

	.pak .progress .probox li p {
		padding: 10px;
		font-size: 0.9em;
	}

	.pak .progress h2 {
		font-size: 2.0em;
		margin: 30px 0;
		text-align: center;
	}
}

@media (min-width: 540.7px) and (max-width: 768px) {
	.park_bg {
		background: url("../images/park-bg-4.jpg") center;
		height: 200px;
		margin-top: 55px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.pak .brief li {
		height: 249px;
	}

	.pak .brief li h2 {
		margin: 25px 0 15px 0;
		font-size: 2.0em;
	}

	.pak .project .lbox {
		width: 450px;
	}

	.pak .project .rbox dl {
		width: 276px;
	}

	.pak .project .rbox dl dt {
		padding: 20px 0 0 20px;
	}

	.pak .project .rbox dl dd {
		font-size: 1.4em;
		bottom: 25px;
	}

	.pak .project li {
		width: 230px;
		height: 300px;
		margin-right: 26px;
	}

	.pak .project li:last-child p {
		width: 200px;
		left: 15px;
		font-size: 1.4em;
	}

	.pak .project li .tit {
		font-size: 6em;
	}

	.pak .project li h4 {
		font-size: 2.0em;
		top: 56%;
	}

	.pak .project li:hover h4 {
		top: 70px;
	}

	.pak .project li .desc {
		width: 180px;
		left: calc(50% - 90px);
		top: 44%;
	}

	.pak .project li i {
		background-size: 35%;
		bottom: -55px;
		display: none;
	}

	.pak .advantage dl div.two {
		margin-left: 410px;
	}

	.pak .progress .btn {
		left: 15px;
	}

	.pak .progress .btn:nth-child(3) {
		right: 15px;
	}

	.pak .project li .desc {
		font-size: 1.4em;
	}

	.park_bg {
		background: url("../images/park-bg-3.jpg") center;
		height: 300px;
		margin-top: 55px;
	}

	.pak .project .lbox p {
		bottom: 34%;
		font-size: 1.4em;
	}

	.pak .progress .probox li {
		width: 363px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.pak .brief li {
		height: 325px;
	}

	.pak .project .lbox {
		width: 500px;
	}

	.pak .project .rbox dl {
		width: 456px;
	}

	.pak .project .rbox .scale {
		width: 456px;
	}

	.pak .project .rbox .content {
		width: 456px;
	}

	.pak .project li {
		width: 300px;
		height: 400px;
		margin-right: 36px;
	}

	.pak .project li span {
		top: 18px;
	}

	.pak .advantage dl div.two {
		margin-left: 640px !important;
	}

	.pak .progress .probox li {
		width: 307px;
	}

	.park_bg {
		background: url("../images/park-bg-2.jpg") center;
		height: 400px;
	}
}



/* 荣誉证书 */
.md-honor-1 .desc {font-size: 15px;line-height: 1.75;margin-bottom: 20px;color: #666;text-align: center;}

.md-honor-1 .list { padding-bottom: 30px; }

.md-honor-1 .ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-honor-1 .ul .li { background-color: #f7f7f7; border: 1px solid #dcdcdc; width: calc(287 / 1200 * 100%); margin-right: calc(17 / 1200 * 100%); margin-bottom: calc(17 / 1200 * 100%); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.md-honor-1 .ul .li:nth-of-type(4n) { margin-right: 0; }

.md-honor-1 .ul .li .img { width: 100%; aspect-ratio: 160 / 210; -o-object-fit: contain; object-fit: contain; }

.md-honor-1 .ul .li:hover .zoom { display: block; }

.md-honor-1 .ul .zoom { display: none; position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background: rgba(21, 145, 142, 0.8); cursor: -webkit-zoom-in; cursor: zoom-in; text-align: center; }

.md-honor-1 .ul .zoom i { display: block; font-size: 2vw; color: #f0f0f0; margin: 80px 0 40px; }

.md-honor-1 .ul .zoom h4 { font-size: 1.6em; color: #f0f0f0; margin: 0 20px; }

.md-honor-1 .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #15918e; opacity: .6; }

.md-honor-1 .swiper-pagination-bullet-active { background-color: #15918e; opacity: 1; }

@media (max-width: 900px) { .md-honor-1 .ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-honor-1 .ul .li { width: 49%; margin-right: 0; margin-bottom: 2%; }
  .md-honor-1 .ul .zoom i { font-size: 30px; } }

@media (max-width: 500px) { .md-honor-1 .ul .zoom i { font-size: 20px; margin: 25% 0 10px; } }