body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
	font-family: Arial, font2018;
	font-weight: normal;
	text-align: justify;
}

body,
html {
	height: 100%;
}

@font-face {
	font-family: "font2018";
	src: url("/style/font/font2018.woff2") format("woff2"),
		url("/style/font/font2018.woff") format("woff"),
		url("/style/font/font2018.ttf") format("truetype"),
		url("/style/font/font2018.eot") format("embedded-opentype"),
		url("/style/font/font2018.svg") format("svg");
}


.se-header {
	position: fixed;
	z-index: 999;
	width: 99.5%;
	padding: 0 0 0 0.5%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}

.se-header .logo {
	display: block;
	float: left;
	margin-right: 4em;
	position: relative;
}

.se-header .logo #img1 {
	height: 60px;
	display: block;
	float: left;
}

.se-header .logo #img2 {
	height: 60px;
	display: block;
}

.se-header .logo:hover #img2 {
	opacity: 1;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}

.h5-nav-left {
	display: block;
	float: left;
	width: 50%;
	overflow: hidden;
	position: relative;
	height: 100%;
}

.h5-nav-left img {
	display: block;
	min-height: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: cover;
	-webkit-filter: grayscale(50%);
}

.drawer-menu {
	display: block;
	float: left;
	width: 30%;
	position: relative;
	height: 80%;
	padding: 8% 10% 0;
	margin: 0;
}

.drawer-menu dd {
	position: absolute;
	bottom: 2%;
	text-align: left;
	width: 60%;
}

.drawer-menu dd a {
	color: #666;
	margin: 0 8% 0 0;
	font-size: 1em;
	letter-spacing: 1px;
}

.pc-nav {
	display: block;
	float: left;
	height: 60px;
	line-height: 54px;
}

.pc-nav a {
	color: #444;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 0;
	line-height: 40px;
	display: block;
	float: left;
	margin: 5px 1.4em;
}

.pc-nav a:hover {
	border-bottom: 1px solid #10A56F;
	color: #10A56F;
}

.pc-nav-tel {
	color: #666;
	float: right;
	line-height: 60px;
	margin-right: 100px;
	letter-spacing: 1px;
	font-size: 15px;
}

.pc-nav-tel img {
	display: block;
	float: left;
	height: 24px;
	margin-top: 18px;
	margin-right: 0.5em;
	opacity: 0.8;
}

.pc-nav-tel span {}

.pc-nav-tel a {}

.pc-nav-tel a .fa {}

.se-header .drawer-menu li {
	position: relative;
	display: block;
	overflow: hidden;
}

.se-header .drawer-menu li h5 {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.se-header .drawer-menu li h5 a {
	font-size: 5em;
	height: 1.6em;
	line-height: 1.6em;
	display: inline-block;
}

.se-header .drawer-menu li h5 font {
	position: absolute;
	height: 2px;
	width: 100%;
	top: 49%;
	background: #10A56F;
	opacity: 0;
	left: -100%;
}

.se-header .drawer-menu li:hover h5 font {
	opacity: 1;
	left: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.se-header .drawer-menu li:hover a {
	color: #10A56F;
}

.se-header .drawer-menu dd {}

.se-header .drawer-menu dd h4 {
	display: inline-block;
	margin: 0 8% 0 0;
}

.se-header .drawer-menu dd h4 strong {
	font-weight: normal;
	display: block;
	position: relative;
}

.se-header .drawer-menu dd h4 strong a {
	display: inline-block;
	margin: 0;
	font-family: font2018;
	font-size: 16px;
}

.se-header .drawer-menu dd h4 strong span {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #000;
	top: 50%;
	left: -100%;
	opacity: 0;
}

.se-header .drawer-menu dd h4:hover strong span {
	opacity: 1;
	left: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.se-header .drawer-menu dd h4:hover strong a {
	color: #666;
}



.in-ser {
	display: block;
	overflow: hidden;
	padding: 1% 1% 0 1%;
	border-top: 2px solid #fff;
}

.in-ser a {
	position: relative;
	display: block;
	float: left;
	width: 32.6%;
	overflow: hidden;
	margin: 0 1% 1% 0;
}

.in-ser a:nth-child(3n) {
	float: right;
	margin: 0 0 1% 0;
}

.in-ser a img {
	display: block;
	width: 100%;
	opacity: 0.8;
}

.in-ser a dd {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4) 10%, rgba(28, 30, 31, 0) 80%);
	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}

.in-ser a dd span {
	display: block;
	height: 1px;
	width: 10%;
	background: #eee;
	float: left;
	margin: 60px 10px 0 50px;
}

.in-ser a dd h3 {
	display: block;
	float: left;
	margin: 50px 0 0 0;
}

.in-ser a dd h3 font {
	display: block;
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.in-ser a dd h3 .fa {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #10a56f;
	color: #fff;
	font-size: 16px;
}

.in-ser a dd h3 strong {
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	display: block;
	line-height: 1em;
}

.in-ser a:hover dd {
	background-image: linear-gradient(to right, rgba(16, 165, 111, 0.75) 10%, rgba(28, 30, 31, 0) 80%)
}



.pa-banner {
	display: block;
	position: relative;
	overflow: hidden;
	max-height: 100%;
	margin: 0.7rem 0 0 0;
}

.pa-banner img {
	display: block;
	width: 100%;
}

.pa-banner dd {
	position: absolute;
	top: 50%;
	left: 1%;
	width: 100%;
	height: auto;
	z-index: 5;
	margin-top: -94px;
}

.pa-banner dd h3 {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.pa-banner dd h3 span {
	display: block;
	float: left;
	width: 100px;
	height: 1px;
	background: #fff;
	margin: 18px 12px 0 0;
}

.pa-banner dd h3 font {
	text-transform: uppercase;
	display: block;
	float: left;
	color: #fff;
	line-height: 40px;
	font-size: 0.4rem;
	letter-spacing: 2px;
	height: 40px;
	font-family: font2018;
}

.pa-banner dd h4 {
	color: #fff;
	letter-spacing: 2px;
	font-size: 0.24rem;
	margin: 20px 0 20px 112px;
	height: 26px;
	line-height: 26px;
}

.pa-banner dd a {
	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	display: inline-block;
	font-size: 0.18rem;
	margin: 20px 0 0 112px;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
}

.pa-banner dd a .fa {
	color: #fff;
}

.pa-banner dd a strong {
	animation: downico 1.5s ease-out infinite;
	position: relative;
	display: block;
	line-height: 30px;
}

.pa-banner h6 {
	width: 40%;
	background-image: radial-gradient(#ffffff 15%, #af666600 16%), radial-gradient(#ffffff 15%, transparent 16%);
	background-size: 120px 120px;
	background-position: 0 0, 60px 60px;
	min-height: 720px;
	overflow: hidden;
	top: 0;
	right: 0;
	position: absolute;
	height: 100%;
}


@keyframes downico {
	0% {
		top: 0;
		opacity: 1;
	}

	35% {
		top: 40%;
		opacity: 0;
	}

	65% {
		top: -40%;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

.in-company-2 {
	display: block;
	overflow: hidden;
	margin: 1%;
	width: 98%;
	position: relative;
	/* margin-bottom: 3%; */
}

.in-company-2 dd {
	display: block;
	overflow: hidden;
	width: 32.666%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-image: url(/style/images/in-service-01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}

.in-company-2 dd a {
	width: 16%;
}

.in-company-2 dd p {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.1);
	transition: all .5s;
}

.in-company-2 dt img {
	width: 100%;
	display: block;
}

.in-company-2 dt {
	position: relative;
	display: block;
	float: right;
	width: 32.666%;
	overflow: hidden;
}

.in-company-2 dt h3,
.in-company-2 dd h3 {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	z-index: 4;
	margin-top: -51px;
}

.in-company-2 dt h3 span,
.in-company-2 dd h3 span {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-shadow: 0 0 10px #000;
	margin-bottom: 10px;
	letter-spacing: 2px;
	height: 50px;
	line-height: 50px;
}

.in-company-2 dt h3 a {
	color: #fff;
	border: 1px solid #eee;
	width: 16%;
	padding-top: 0;
}

.in-company-2 dt h3 a .fa {
	color: #fff;
}

.in-company-2 dt p {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: rgba(16, 165, 111, 0.86);
}

.in-company-2 dt video {
	display: block;
	width: 100%;
}

.in-company-2 #i-c-dd {
	display: block;
	overflow: hidden;
	width: 32.666%;
	position: absolute;
	top: 0;
	left: 33.666%;
	height: 100%;
	background-image: url(/style/images/in-service-03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}

.in-company-2-h4 {
	display: block;
	font-size: 40px;
	margin: 50px 0 50px 1%;
}

.in-company-2 dt h3 a font {
	color: #fff;
}

.index-banner {
	width: 100%;
	display: block;
	overflow: hidden;
	height: 100%;
	position: relative;
}

.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
	opacity: 0;
}

.index-banner .swiper-button-next:hover,
.index-banner .swiper-button-prev:hover {
	opacity: 1;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}

.index-banner .swiper-button-next img,
.index-banner .swiper-button-prev img {
	height: 60px;
}




.in-case dl dd a .i-c-img .in-l-h6,
.in-case dl dt a .i-c-img .in-l-h6 {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
}

.in-case dl dd a .i-c-img .in-l-h6 #h5,
.in-case dl dt a .i-c-img .in-l-h6 #h5 {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.in-case dl dd a .i-c-img .in-l-h6 #h5 #h4,
.in-case dl dt a .i-c-img .in-l-h6 #h5 #h4 {
	transition: 0.5s;
	display: block;
	width: 20%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.in-case dl dd a .i-c-img .in-l-h6 #h5 #title,
.in-case dl dt a .i-c-img .in-l-h6 #h5 #title {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.in-case dl dd a:hover .i-c-img .in-l-h6 #h5 #h4,
.in-case dl dt a:hover .i-c-img .in-l-h6 #h5 #h4 {
	width: 5%;
}

.in-case dl dd a:hover .i-c-img .in-l-h6,
.in-case dl dt a:hover .i-c-img .in-l-h6 {
	opacity: 1;
}

.in-case dl dd a img,
.in-case dl dt a img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.in-case dl dd a:hover img,
.in-case dl dt a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}




.in-banner-txt {
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	right: 0;
	bottom: 0;
	padding: 5%;
}

.in-banner-txt p {
	display: none;
	height: 1px;
	background: #fff;
	margin-left: -23%;
	width: 20%;
	position: absolute;
	top: 50%;
	margin-top: -50px;
}

.in-banner-txt dl {}

.in-banner-txt dl h3 {
	line-height: 1em;
	display: block;
	font-size: 2.6em;
	margin: 0 0 26px 0;
	letter-spacing: 1px;
	font-family: font2018;
	width: 100%;
	text-align: left;
	color: #fff;
}

.in-banner-txt dl h4 {
	display: block;
	font-size: 17px;
	letter-spacing: 2px;
	margin: 0 0 26px 0;
	color: #fff;
}

.index-banner .in-banner-txt dl a {
	color: #10A56F;
	border: 1px solid #10A56F;
	display: inline-block;
	padding: 8px 40px;
	font-size: 14px;
	letter-spacing: 2.4px;
	position: relative;
	overflow: hidden;
}

.index-banner .in-banner-txt dl a strong {
	margin-left: 6px;
}

.index-banner .in-banner-txt dl a:hover font,
.index-banner .in-banner-txt dl a:hover strong {
	color: #fff;
}

.index-banner .in-banner-txt dl a font,
.index-banner .in-banner-txt dl a strong {
	position: relative;
	z-index: 3;
}

.index-banner .in-banner-txt dl a #a-bg {
	position: absolute;
	background: #10A56F;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.index-banner .in-banner-txt dl a:hover #a-bg {
	opacity: 1;
	left: 0;
}


#wrapper #numimg {
	display: block;
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.4);
}



.page-ys-right-3 a {
	display: block;
	overflow: hidden;
	margin-bottom: 24px;
}

.page-ys-right-3 a span {
	display: inline-block;
	color: #333;
	font-size: 16px;
	letter-spacing: 2px;
}

.page-ys-right-3 a .fa {
	color: #333;
	font-size: 16px;
	margin-left: 20px;
}

.page-ys-right-3 a:hover span,
.page-ys-right-3 a:hover .fa {
	color: #10A56F;
}



.index-info {
	display: block;
	overflow: hidden;
	position: relative;
	background: #f4f5f7;
}

.index-info dd {
	display: block;
	overflow: hidden;
	float: right;
	width: 50%;
}

.index-info dd h3 {
	overflow: hidden;
	display: block;
	width: 90%;
	margin: 10% 5% 16%;
}

.index-info dd h3 span {
	display: block;
	float: left;
	font-size: 20px;
	letter-spacing: 2px;
	color: #333;
}

.index-info dd h3 strong {
	display: block;
	float: left;
	width: 50px;
	margin: 16px 10px 0 0;
	height: 1px;
	background: #ccc;
}

.index-info dd .index-info-txt {
	overflow: hidden;
	display: block;
	width: 95%;
	margin: 0 0 0 5%;
}

.index-info dd .index-info-txt p {
	display: block;
	float: left;
	width: 50px;
	margin: 34px 10px 0 0;
	height: 1px;
	background: #ccc;
}

.index-info dd .index-info-txt h4 {
	display: block;
	float: left;
	width: 85%;
}

.index-info dd .index-info-txt h4 span {
	display: block;
	font-size: 2.8em;
	letter-spacing: 4px;
	font-weight: bold;
	font-family: font2018;
	text-align: left;
}

.index-info dd .index-info-txt h4 font {
	display: block;
	font-size: 18px;
	letter-spacing: 2px;
	color: #666;
	margin: 1em 0 2em;
}

.index-info dd .index-info-txt h4 strong {}

.index-info dd .index-info-txt h4 a {
	width: 24%;
	margin: 0;
}

.index-info dt {
	display: block;
	float: left;
	width: 50%;
	position: relative;
}

.index-info dt img {
	display: block;
	width: 100%;
}

.index-info dt a {}

.index-info dt .in-l-h6 {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
}

.index-info dt .in-l-h6 #h5 {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.index-info dt .in-l-h6 #h5 #h4 {
	transition: 0.5s;
	display: block;
	width: 20%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.index-info dt .in-l-h6 #h5 #title {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.index-info dt a:hover .in-l-h6 {
	opacity: 1;
}

.index-info dt a:hover .in-l-h6 #h5 #h4 {
	width: 5%;
}


.in-service {
	display: block;
	overflow: hidden;
	background: #eef0f3;
	padding: 100px 0;
}

.in-service dl {
	display: block;
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}

.in-service dl dd {
	display: block;
	overflow: hidden;
}

.in-service dl dd .in-service-dd {
	display: block;
	float: left;
	width: 65%;
	padding: 10% 0 0;
}

.in-service dl dd .in-service-dd p {
	display: block;
	float: left;
	width: 10%;
	margin: 10px 10px 0 0;
	height: 1px;
	background: #999;
}

.in-service dl dd .in-service-dd h4 {
	display: block;
	float: right;
	margin-right: 18%;
	width: 70%;
}

.in-service dl dd .in-service-dd h4 span {
	display: block;
	font-size: 17px;
	letter-spacing: 2px;
	color: #333;
	margin-bottom: 1em;
}

.in-service dl dd .in-service-dd h4 font {
	display: block;
	letter-spacing: 2px;
	font-size: 18px;
	margin-bottom: 2em;
}

.in-service dl dd .in-service-dd h4 a {
	margin: 0;
	width: 30%;
}

.in-service dl dd img {
	display: block;
	float: right;
	width: 35%;
}

.in-service dl dt {
	display: block;
	overflow: hidden;
}

.in-service dl dt img {
	display: block;
	width: 65%;
}

.in-service dl dt .in-service-dd {
	display: block;
	overflow: hidden;
	float: right;
	width: 30%;
	padding: 10% 0 5%;
}

.in-service dl dt .in-service-dd p {
	display: block;
	float: left;
	width: 15%;
	margin: 10px 10px 0 0;
	height: 1px;
	background: #999;
}

.in-service dl dt .in-service-dd h4 {
	display: block;
	float: right;
	margin-right: 10%;
	width: 70%;
}

.in-service dl dt .in-service-dd h4 span {
	display: block;
	font-size: 17px;
	letter-spacing: 2px;
	color: #333;
	margin-bottom: 1em;
}

.in-service dl dt .in-service-dd h4 font {
	display: block;
	letter-spacing: 2px;
	font-size: 18px;
	margin-bottom: 2em;
}

.in-service dl dt .in-service-dd h4 a {
	margin: 0;
	width: 56%;
}


#wrapper section #section-home #block-4 ul>li input {
	width: 180px !important;
	left: 50%;
	margin-left: -90px !important;
}



/*
.in-com{ display: block;overflow: hidden;margin: 200px 0 1%;position: relative;}
.in-com .i-c-left{    padding-left: 25%;     position: relative;display: block;float: left;width: 24%;}
.in-com .i-c-left img{display: block;width: 100%;     -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.in-com .i-c-left:hover img{  -webkit-filter: grayscale(0%);  }
.in-com .i-c-left a{position: absolute;top: 50%;left: 75%;border: 1px solid #10A56F; color:#10A56F; width: 60px;height: 60px;display: block;text-align: center;line-height: 60px;margin: -31px 0 0 -31px; opacity: 0;   z-index: 2;}
.in-com .i-c-left a .fa{}
.in-com .i-c-left:hover a{opacity: 1; }

.i-c-right{ display: block;float: right;width:50%;  }
.i-c-right .index-info-txt{display: block;width: 100%;position: relative;overflow: hidden;}
.i-c-right .index-info-txt p{ display: block;float: left;width: 6%;height: 1px;background: #ccc;margin: 26px 0 0 0;}
.i-c-right .index-info-txt h4{ display: block;float: right;width: 92%;overflow: hidden;}
.i-c-right .index-info-txt h4 span{ display: block;font-size: 2.4em;letter-spacing: 1px;font-weight: normal;    color: #666;}
.i-c-right .index-info-txt h4 font{ display: block;font-size: 17px;letter-spacing: 2px;color: #666;margin: 1em 0 2em;}
.i-c-right .index-info-txt h4 a{ display: block;width: 16%; margin: 0;}

.i-c-right dd{ width: 25%;display: block;overflow: hidden;position: absolute;bottom: 0;}
.i-c-right dd img{display: block;width: 100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.i-c-right dd a{ opacity: 0;color: #10A56F;position: absolute;top: 50%;right: 50%;border: 1px solid #10A56F;width: 60px;height: 60px;display: block;text-align: center;line-height: 60px;margin: -31px -31px 0 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;   z-index: 2;}
.i-c-right dd:hover img{  -webkit-filter: grayscale(0%);  }
.i-c-right dd:hover a{ opacity: 1;}
*/






.index-pic {
	position: relative;
	display: block;
	margin: 100px auto;
	max-width: 1400px;
	overflow: hidden;
}

.index-pic img {
	display: block;
	width: 40%;
	margin-left: 60%;
	position: relative;
	z-index: 5;
}

.index-pic p {
	position: absolute;
	width: 95%;
	height: 90%;
	top: 0;
	left: 0;
	background: #333;
	z-index: 2;
}





.in-event {
	display: block;
	margin: 50px auto;
	width: 98%;
	overflow: hidden;
}

.in-event dl {
	display: block;
	overflow: hidden;
}

.in-event dl a {
	position: relative;
	display: block;
	float: left;
	width: 18.4%;
	margin: 0 2% 2% 0;
	min-height: 98px;
	border-bottom: 1px solid #eee;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.in-event dl a:nth-child(5n) {
	margin: 0 0 1% 0;
}

.in-event dl a span {
	display: inline;
	font-size: 19px;
	color: #666;
	letter-spacing: 2px;
	border-bottom: 1px solid #fff;
	font-family: font2018;
	line-height: 1em;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.in-event dl a font {
	display: block;
	color: #999;
	font-size: 12px;
	margin: 10px 0;
	letter-spacing: 2px;
}

.in-event dl a .fa {
	color: #333;
	font-size: 16px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.in-event h4 {
	display: block;
	font-size: 40px;
	margin-bottom: 50px;
}

.in-event dl a:hover span {
	color: #000;
	border-bottom: 1px solid #333;
}

.in-event dl a:hover .fa {
	right: 0;
}

.in-event dl a:hover {
	border-bottom: 1px solid #fff;
}

/*

.index-t-a{display: block;max-width: 1400px;padding: 0 100px;overflow: hidden;margin: 100px auto 0;}
.index-t-a dd{ position: relative; display: block;float: left;width: 50%;background: #000; overflow: hidden; }
.index-t-a dd img{ display: block;width: 30%; margin: 0 -10% 0 70%;}
.index-t-a dd p{ position: absolute;width: 60%;top: 18%;left: 10%;text-align: left;}
.index-t-a dd p span{ display: block;font-size: 24px;color: #fff; letter-spacing: 2px; }
.index-t-a dd p font{display: block;color: #eee;font-size: 14px;letter-spacing: 2px; margin: 20px 0;      width: 60%;}
.index-t-a dd p a{ width: 30%;margin: 0;color: #fff;border: 1px solid #eee;}
.index-t-a #a img{margin: 0;}
.index-t-a #a{ background: #f3f4f8;}
.index-t-a #a p{ left: auto;right: 10%;text-align: right;}
.index-t-a #a p span{ letter-spacing: 2px;color: #333;}
.index-t-a #a p font{ color: #333;     margin: 20px 0 20px 40%;}
.index-t-a #a p a{margin-left: 60%;color: #000;border: 1px solid #333;}



.in-news-n{ display: block;overflow: hidden;}
.i-n-n-left{ display: block;float: left;width: 50%;background: #333;position: relative; padding: 5% 0;}
.i-n-n-left img{ display: block;width: 90%;float: right;margin-right: -10%;  -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.i-n-n-left:hover img{  -webkit-filter: grayscale(0%);   }
.i-n-n-left a{position: absolute;top: 50%;right: 40%;border: 1px solid #10A56F;width: 60px;height: 60px;display: block;text-align: center;line-height: 60px;margin: -31px -31px 0 0; color:#10A56F;  opacity: 0; z-index: 2;}
.i-n-n-left:hover a{opacity: 1;} 

.i-n-n-left p{ writing-mode: tb-rl;color: #20c387;text-align: left;position: absolute;left: 5%;top: 15%;letter-spacing: 2px;font-size: 12px;}
.i-n-n-left p span{}
.i-n-n-left p font{width: 1px;height: 60px;background: #20c387;display: block;position: absolute;bottom: -60px;left: 8px;}
.i-n-n-right{ overflow: hidden;   display: block;float: right;width: 42%; padding-top: 5%;}
.i-n-n-right .i-n-n-right-title{ padding-bottom: 10px;position: relative;display: block;overflow: hidden;border-bottom: 1px solid #eee; margin-bottom: 1em;}
.i-n-n-right .i-n-n-right-title span{      letter-spacing: 2px;  display: block;font-size: 2em;     color: #666;letter-spacing: 2px; }
.i-n-n-right .i-n-n-right-title p{ display: block;color: #333;font-size: 17px;letter-spacing: 2px;}
.i-n-n-right .i-n-n-right-title p strong{    display: inline-block;height: 1px;width: 50px;background: #ccc;vertical-align: top;margin: 10px 5px 0 0;}
.i-n-n-right .i-n-n-right-title a{ position: absolute;height: 40px;width: 40px;border: 1px solid #10A56F;top: 0;right: 5%;text-align: center;line-height: 40px;color: #10A56F;}
.i-n-n-right dl{ display: block;overflow: hidden;   }
.i-n-n-right dl a{    position: relative; display: block;overflow: hidden; padding: 5px 0;margin: 10px 0;}
.i-n-n-right dl a span{ display: block;color: #777;font-size: 16px;float: left;    letter-spacing: 2px;}
.i-n-n-right dl a font{ opacity: 0;color: #999;font-size: 12px;float: right;letter-spacing: 1px;}
.i-n-n-right dl a:hover font{  opacity: 1; transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; }
.i-n-n-right dl a p{  opacity: 0;   position: absolute;bottom: 0;left: -100%;width: 100%;height: 1px;background: #eee;}
.i-n-n-right dl a:hover p{ opacity: 1; left:0; transition: all 0.6s linear 0s;-webkit-transition: all 0.6s linear 0s;}
.i-n-n-right dl a:hover span{ color:#10A56F;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; }



.i-n-n-left a:hover,.in-com .i-c-left a:hover,.i-c-right dd a:hover,.i-n-n-right .i-n-n-right-title a:hover{ opacity: 1; color:#fff; background:#10A56F; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}





.in-fashion{ padding:0;overflow: hidden;    background: #000;}
.in-fashion a{ display: block;overflow: hidden;padding:0;float: left;width: 50%;}
.in-fashion a img{ display: block;width: 100%;}
.in-fashion dl{display: block;overflow: hidden;padding:8% 0 0 5%;float: left;width:40%;}
.in-fashion dl h3{ display: block;overflow: hidden;margin-bottom: 30px;}
.in-fashion dl h3 span{ display: block;color: #fff;float: left;font-size: 17px;letter-spacing: 2px;}
.in-fashion dl h3 font{ height: 1px;background: #ccc;float: left;width: 10%;margin: 10px;}
.in-fashion dl font{ display: block;color: #fff;font-size:2em; letter-spacing: 2px;   margin-bottom: 20px;     width: 60%;line-height: 36px;}
.in-fashion dl strong{ display: block;font-weight: normal;color: #fff;font-size: 17px;letter-spacing: 2px;    margin-bottom: 30px;}
.in-fashion dl h4{ display: block;height: 40px;border: 1px solid #eee;text-align: center;width: 24%;line-height: 40px;color: #fff;}
.in-fashion dl h4 .fa{ color: #fff;display: inline-block;}
*/




.page-banner {
	display: block;
	overflow: hidden;
	background-image: url(/style/images/page-contact-banner.jpg);
	padding: 8% 0 6%;
	position: relative;
	background-size: cover;
	background-position: center center;
}

.page-banner dl {
	display: block;
	position: relative;
	z-index: 2;
	padding: 1%;
}

.page-banner dl span {
	display: block;
	float: left;
	margin-top: 12px;
	width: 120px;
	height: 1px;
	background: #fff;
}

.page-banner dl dd {
	display: block;
	float: left;
	margin: 0 0 0 10px;
}

.page-banner dl dd h3 {
	display: block;
	font-size: 17px;
	margin-bottom: 3em;
	color: #fff;
	letter-spacing: 2px;
}

.page-banner dl dd font {
	display: block;
	color: #fff;
	font-size: 3em;
	letter-spacing: 2px;
}

.page-banner dl dd strong {
	display: block;
	color: #fff;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 17px;
}

.page-banner p {
	position: absolute;
	z-index: 1;
	width: 50%;
	height: 100%;
	background: #10a56fdb;
	top: 0;
	left: 0;
}



.index-info dd .index-info-txt h4 a font {
	display: inline-block;
	margin: 0;
	color: #10A56F;
	position: relative;
	font-size: 14px;
	z-index: 2;
}

.index-info dd .index-info-txt h4 a:hover font {
	color: #fff;
}

.in-hr {
	display: block;
	padding: 100px 0;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #eee;
}

.in-hr h3 {
	display: block;
	text-align: center;
	font-size: 24px;
	letter-spacing: 2px;
}

.in-hr h4 {
	display: block;
	text-align: center;
	font-size: 17px;
	letter-spacing: 2px;
	color: #666;
	margin: 0 0 40px;
}

.in-hr .a {
	display: block;
	width: 8%;
	border: 1px solid #10A56F;
	color: #10A56F;
	text-align: center;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	letter-spacing: 1px;
}

.in-hr .a strong {
	display: inline-block;
	font-size: 14px;
	margin-left: 5px;
}

.in-hr h5 {
	text-align: center;
	font-size: 15px;
	letter-spacing: 2px;
	color: #999;
	margin: 10px 0 0 0;
}

.in-hr h5 a {
	color: #10A56F;
}

.in-hr dt {
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 50px 0 0;
}

.in-hr dt a {
	position: relative;
	display: inline-block;
	color: #999;
	margin: 0 20px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	letter-spacing: 1px;
	font-size: 1.4em;
	overflow: hidden;
}

.in-hr dt a p {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #000;
	bottom: 0;
	left: -100%;
	opacity: 0;
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}

.in-hr dt a:hover p {
	left: 0;
	opacity: 1;
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}

.in-hr dt a:hover {
	color: #000;
	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
}




.in-case {
	display: block;
	margin: 1% 0 50px 0;
	overflow: hidden;
}

.in-case h4 {
	margin: 1% 0 50px 1%;
	overflow: hidden;
	display: block;
	font-size: 40px;
	margin-bottom: 50px;
}

.in-case dl {
	display: block;
	overflow: hidden;
	padding: 0 1%;
	margin-bottom: 5%;
}

.in-case dl dd {
	display: block;
	overflow: hidden;
	margin-bottom: 4%;
}

.in-case dl dd a {
	position: relative;
	display: block;
	float: left;
	width: 24.25%;
	overflow: hidden;
	margin: 0 1% 0 0;
}

.in-case dl dd a img {
	display: block;
	width: 100%;
}

.in-case dl dd a:first-of-type {
	width: 49.5%;
}

.in-case dl dd a:first-of-type .i-c-txt {
	position: absolute;
	bottom: 5%;
	left: 3%;
}

.in-case dl dd a:first-of-type .i-c-txt p span,
.in-case dl dd a:first-of-type .i-c-txt p font {
	color: #fff;
}

.in-case dl dd a:nth-child(3n) {
	float: right;
	margin: 0;
}

.in-case dl dd a .i-c-txt,
.in-case dl dt a .i-c-txt {
	display: block;
	overflow: hidden;
	margin-top: 1em;
}

.in-case dl dd a .i-c-txt strong,
.in-case dl dt a .i-c-txt strong {
	display: block;
	width: 100px;
	height: 1px;
	background: #999;
	float: left;
	margin: 16px 1em 0 0;
}

.in-case dl dd a .i-c-txt p,
.in-case dl dt a .i-c-txt p {
	display: block;
	float: left;
}

.in-case dl dd a .i-c-txt p span,
.in-case dl dt a .i-c-txt p span {
	display: block;
	color: #333;
	font-size: 1.4em;
	letter-spacing: 4px;
	font-family: font2018;
	font-weight: bold;
}

.in-case dl dd a .i-c-txt p font,
.in-case dl dt a .i-c-txt p font {
	display: block;
	font-size: 16px;
	color: #666;
	letter-spacing: 2px;
}

.in-case dl dt {
	display: block;
	overflow: hidden;
}

.in-case dl dt a {
	display: block;
	float: left;
	width: 24.25%;
	overflow: hidden;
	margin: 0 1% 0 0;
	position: relative;
}

.in-case dl dt a img {
	display: block;
	width: 100%;
}

.in-case dl dt a:nth-child(4n) {
	float: right;
	margin: 0;
}

.in-case .dl dd a:first-of-type {
	width: 24.25%;
}

.in-case .dl dd a:first-of-type .i-c-txt p span,
.in-case .dl dd a:first-of-type .i-c-txt p font {
	color: #333;
}

.in-case .dl dd a:first-of-type .i-c-txt {
	position: relative;
}

.in-case .dl dd a:nth-child(3n) {
	width: 49.5%;
}

.in-case .dl dd a:nth-child(3n) .i-c-txt {
	position: absolute;
	bottom: 5%;
	left: 3%;
}

.in-case .dl dd a:nth-child(3n) .i-c-txt p span,
.in-case .dl dd a:nth-child(3n) .i-c-txt p font {
	color: #fff;
}


.in-case dl dd a h3,
.in-case dl dt a h3 {
	z-index: 2;
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	height: 40%;
	opacity: 0;
}

.in-case dl dd a h3 img,
.in-case dl dt a h3 img {
	position: relative;
	display: block;
	height: 100%;
	width: auto;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.in-case dl dd a:hover h3,
.in-case dl dt a:hover h3 {
	opacity: 1;
}

.in-case dl dd a:hover h3 img,
.in-case dl dt a:hover h3 img {
	opacity: 1;
	;
	margin: 0 auto;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.in-case dl dd a .i-c-img,
.in-case dl dt a .i-c-img {
	display: block;
	position: relative;
	overflow: hidden;
}


.in-case dl dd a h6,
.in-case dl dt a h6 {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 115, 73, 0.96);
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
	z-index: 1;
}

.in-case dl dd a:hover h6,
.in-case dl dt a:hover h6 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.in-case dl dd a:hover .i-c-txt,
.in-case dl dt a:hover .i-c-txt {
	opacity: 0.5;
}

.in-case dl dd #in-dd-big-a h3 {
	height: 26%;
	top: 37%;
}




.in-company {
	display: block;
	overflow: hidden;
}

.in-company dl {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 14.8rem;
	padding: 0.6rem 0 0 0;
}

.in-company dl a {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	overflow: hidden;
}

.in-company dl a .i-c-img {
	display: block;
	/* width: 100%; */
	width: 7.41rem;
	overflow: hidden;
	position: relative;
	margin-bottom: 50%;
}

.in-company dl a .i-c-img img {
	display: block;
	width: 100%;
	-webkit-filter: grayscale(100%);
}

.in-company dl a .i-c-img .fa {
	position: absolute;
	z-index: 2;
	background: #fff;
	width: 50px;
	height: 50px;
	left: 45%;
	top: 40%;
	color: #000;
	text-align: center;
	line-height: 50px;
	opacity: 0.5;
}

.in-company dl a .i-c-txt {
	/* width: 50%; */
	width: 4.24rem;
	height: 33.333%;
	background: #1A4CA7;
	right: 0;
	bottom: 0;
	display: block;
	position: absolute;
	transition: all 0.2s linear 0s;
	color: #fff;
	-webkit-transition: all 0.2s linear 0s;
}

.in-company dl a .i-c-txt:hover {
	color: #fff;
}

.in-company dl a .i-c-txt span {
	font-style: italic;
	opacity: 0.2;
	position: absolute;
	top: 50%;
	font-size: 150px;
	height: 240px;
	line-height: 240px;
	margin-top: -120px;
	text-align: center;
	display: block;
	width: 100%;
}

.in-company dl a .i-c-txt p {
	position: absolute;
	top: 45%;
	height: 80px;
	margin-top: -40px;
	text-align: center;
	display: block;
	width: 100%;
}

.in-company dl a .i-c-txt p font {
	display: block;
	font-size: 0.16rem;
	letter-spacing: 1px;
	padding-top: 0.2rem;
	width: 3.73rem;
	margin: 0 auto;
	line-height: 0.26rem;
}

.in-company dl a .i-c-txt p strong {
	display: block;
	font-size: 0.3rem;
	font-weight: bold;
	font-family: 微軟正黑體;
	letter-spacing: 2px;
}


.in-company dl .a {}

.in-company dl .b .i-c-img {
	margin-bottom: 0;
	margin-top: 50%;
}

.in-company dl .b .i-c-txt {
	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	/* width: 50%; */
	width: 7.41rem;
	height: 33.333%;
	background: #333;
	right: auto;
	bottom: auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.in-company dl .a:hover .i-c-txt {
	background: #333;
}

.in-company dl .b:hover .i-c-txt {
	background: #1A4CA7;
}




.index-news {
	display: block;
	overflow: hidden;
}

.i-n-center {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0;
}

.i-n-center h6 {
	display: block;
	font-size: 1.6em;
	color: #666;
	margin-bottom: 2em;
	letter-spacing: 2px;
}

.i-n-center dl {
	display: block;
	overflow: hidden;
}

.i-n-center dl dd {
	display: block;
	border-top: 1px solid #eee;
	padding: 80px 5%;
	overflow: hidden;
	position: relative;
}

.i-n-center dl dd .i-n-left {
	position: relative;
	display: block;
	float: left;
	width: 40%;
	color: #999;
	letter-spacing: 2px;
	font-size: 2em;
	margin-top: 1em;
	line-height: 1em;
}

.i-n-center dl dd .i-n-left a {
	display: block;
	width: 40px;
	height: 40px;
	font-size: 14px;
	z-index: 9;
	color: #000;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 40px;
	background: rgba(255, 255, 255, 0.5);
	float: left;
}

.i-n-center dl dd .i-n-left span {
	display: block;
	float: left;
	margin-right: 0.5em;
	color: #333;
	margin-top: 5px;
}

.i-n-center dl dd .i-n-left p {
	display: block;
	width: 100%;
	float: left;
	color: #333;
	font-size: 17px;
}

.i-n-center dl dd .i-n-left p strong {
	display: inline-block;
	width: 2em;
	height: 1px;
	background: #ccc;
	margin: 15px 10px 0 0;
	vertical-align: top;
}

.i-n-center dl dd .i-n-center-list {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	margin-left: 5%;
}

.i-n-center dl dd .i-n-center-list a {
	display: block;
	overflow: hidden;
	line-height: 1.8em;
}

.i-n-center dl dd .i-n-center-list a span {
	display: block;
	float: left;
	font-size: 15px;
	color: #555;
	margin-right: 2em;
	letter-spacing: 2px;
}

.i-n-center dl dd img {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: auto;
	transform-origin: 50% 50%;
	transform: scale(0.6);
	transition: transform 0.68s cubic-bezier(0, 1, 0.7, 1);
}

.i-n-center dl dd:hover img {
	transform: scale(1);
}

.i-n-center dl dd h6 {
	position: absolute;
	top: 0;
	left: 0;
	background: #eef0f3;
	width: 100%;
	height: 100%;
	z-index: 0;
	transition: transform 0.44s cubic-bezier(0, 1, 0.7, 1);
	transform: scaleY(0);
	transform-origin: 100% 0;
}

.i-n-center dl dd:hover h6 {
	transform: scaleY(1);
	transform-origin: 0 100%;
}

.i-n-center dl dd:nth-child(2n) h6 {
	position: absolute;
	top: 0;
	left: 0;
	background: #eef0f3;
	width: 100%;
	height: 100%;
	z-index: 0;
	transition: transform 0.44s cubic-bezier(0, 1, 0.7, 1);
	transform: scaleY(0);
	transform-origin: 0 100%;
}

.i-n-center dl dd:nth-child(2n):hover h6 {
	transform: scaleY(1);
	transform-origin: 100% 0;
}







.about-fa {
	display: block;
	padding: 100px 15%;
	overflow: hidden;
}

.about-fa h6 {
	display: block;
	text-align: right;
	font-size: 30px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	margin-right: 50px;
}

.about-fa dl {
	display: block;
	float: left;
	width: 49.5%;
}

.about-fa dl:nth-child(2n) {
	float: right;
}

.about-fa dl dd {
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 2%;
}

.about-fa dl dd img {
	display: block;
	width: 100%;
	-webkit-filter: grayscale(100%);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.about-fa dl dd .a-fa-txt {
	position: absolute;
	bottom: 10%;
	left: 10%;
	width: 80%;
	z-index: 2;
}

.about-fa dl dd .a-fa-txt p {
	display: block;
	height: 1px;
	width: 10%;
	background: #eee;
	float: left;
	margin: 1.5em 0 0 0;
}

.about-fa dl dd .a-fa-txt h4 {
	display: block;
	float: right;
	width: 88%;
}

.about-fa dl dd .a-fa-txt h4 span {
	display: block;
	color: #fff;
	font-size: 2em;
}

.about-fa dl dd .a-fa-txt h4 font {
	display: block;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
}

.about-fa dl .aa {
	display: block;
	width: 60%;
	margin-left: 40%;
}

.about-fa dl:nth-child(2n) .bb {
	font-size: inherit;
	display: block;
	width: 100%;
}

.about-fa dl:nth-child(2n) dd {
	display: block;
	width: 60%;
}

.about-fa dl:nth-child(2n) dd:last-child {
	margin-left: 0;
}


.about-fa dl dd:hover img {
	-webkit-filter: grayscale(0%);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}



.about {
	display: block;
	overflow: hidden;
}

.about .about-title {
	display: block;
	width: 14.8rem;
	margin: 120px auto;
	overflow: hidden;
}

.about .about-title p {
	display: block;
	width: 8%;
	height: 1px;
	background: #999;
	float: left;
	margin-top: 10px;
}

.about .about-title dd {
	display: block;
	float: right;
	width: 90%;
}

.about .about-title dd h3 {
	display: block;
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 2em;
	color: #333;
}

.about .about-title dd h4 {
	display: block;
	font-size: 0.18rem;
	letter-spacing: 2px;
	line-height: 36px;
	width: 100%;
	text-align: justify;
	margin-bottom: 0;
	color: #000;
	font-family: font2018;
}

.about .about-title dd h5 {
	color: #10A56F;
	letter-spacing: 2px;
	font-size: 16px;
}

.about #about-4 {
	margin: 0 0 100px 28%;
	width: 50%;
}

.about #about-4 dl dd .about-img-txt {
	opacity: 0;
	width: 100%;
	top: auto;
	height: auto;
	left: 0;
	padding: 50px;
	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	padding: 100% 0 50px 5%;
	bottom: 0;
	z-index: 3;
}

.about #about-4 dl dd .about-img-txt h4 font {
	font-size: 14px;
}

.about #about-4 dl dd .about-img-txt h4 span {
	font-size: 18px;
	text-transform: uppercase;
}

.about #about-4 dl dd:hover .about-img-txt {
	opacity: 1;
}

.about #about-4 dl dd p {
	background: rgba(16, 165, 111, 0.9);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}

.about #about-4 dl dd:hover p {
	opacity: 1;
	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}


.about-bg {
	display: block;
	overflow: hidden;
	/* padding: 200px 0; */
	padding: 1.17rem 0 0.91rem 0;
	/* margin: 0 0 100px; */
}

.about-bg dl {
	display: block;
	color: #fff;
	width: 14.8rem;
	margin: 0 auto;
	overflow: hidden;
}

.about-bg dl p {
	display: block;
	width: 6%;
	height: 1px;
	background: #eee;
	float: left;
	margin-top: 11px;
}

.about-bg dl span {
	font-size: 0.18rem;
}

.about-bg dl dd {
	display: block;
	float: right;
	width: 13.83rem;
}

.about-bg dl dd h3 {
	display: block;
	font-size: 18px;
	letter-spacing: 2px;
	/* margin-bottom: 2em; */
	color: #fff;
}

.about-bg dl dd h4 {
	display: block;
	font-size: 0.2rem;
	letter-spacing: 1px;
	line-height: 30px;
	width: 100%;
	text-align: justify;
	margin-bottom: 2em;
	color: #fff;
}

.about-bg dl dd h5 {
	color: #fff;
	letter-spacing: 2px;
	font-size: 16px;
}


.about-2info {
	display: block;
	overflow: hidden;
}

.about-2info dl {
	background: #eef0f3;
	display: block;
	overflow: hidden;
	float: left;
	width: 50%;
}

.about-2info dl:nth-child(2n) {
	background: #000;
}

.about-2info dl dd {
	display: block;
	width: 80%;
	margin: 4em auto 2em;
	overflow: hidden;
}

.about-2info dl dd h3 {
	display: block;
	text-align: right;
	letter-spacing: 2px;
	font-size: 16px;
}

.about-2info dl dd .about-2info-txt {
	display: block;
	margin: 3em 0;
	overflow: hidden;
}

.about-2info dl dd .about-2info-txt h4 {
	display: block;
	width: 8%;
	height: 1px;
	background: #ccc;
	float: left;
	margin-top: 10px;
}

.about-2info dl dd .about-2info-txt h5 {
	display: block;
	float: right;
	width: 88%;
}

.about-2info dl dd .about-2info-txt h5 span {
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 26px;
	margin-bottom: 2em;
	letter-spacing: 2px;
	text-align: justify;
}

.about-2info dl dd .about-2info-txt h5 a {
	display: block;
	height: 40px;
	padding-top: 1px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-box-flex: 0;
	-ms-flex: 0 auto;
	background: none;
	color: #10A56F;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
	width: 20%;
	margin: 0;
	border: 1px solid #10A56F;
}

.about-2info dl dd .about-2info-txt h5 a strong {
	font-size: 16px;
	margin-left: 10px;
	color: #10A56F;
}

.about-2info dl:nth-child(2n) dd .about-2info-txt h4 {
	display: block;
	width: 6%;
	height: 1px;
	background: #eee;
	float: left;
	margin-top: 10px;
}

.about-2info dl:nth-child(2n) dd .about-2info-txt h5 {
	display: block;
	float: right;
	width: 90%;
}

.about-2info dl:nth-child(2n) dd .about-2info-txt h5 span {
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	margin-bottom: 2em;
	letter-spacing: 2px;
	text-align: justify;
}

.about-2info dl:nth-child(2n) dd .about-2info-txt h5 a {
	display: block;
	height: 40px;
	padding-top: 1px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-box-flex: 0;
	-ms-flex: 0 auto;
	background: none;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	width: 20%;
	margin: 0;
	border: 1px solid #10A56F;
}

.about-2info dl:nth-child(2n) dd .about-2info-txt h5 a strong {
	font-size: 16px;
	margin-left: 10px;
	color: #10A56F;
}

.about-2info dl:nth-child(2n) dd h3 {
	display: block;
	text-align: right;
	color: #fff;
	letter-spacing: 2px;
	font-size: 17px;
}


.about-img {
	display: block;
	width: 56%;
	margin: 0 auto 100px;
	overflow: hidden;
}

.about-img dl {
	display: block;
	float: left;
	width: 48%;
	overflow: hidden;
}

.about-img dl:nth-child(2n) {
	float: right;
}

.about-img dl dd {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 0 9%;
}

.about-img dl dd img {
	display: block;
	width: 100%;
	overflow: hidden;
	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
}

.about-img dl dd:hover img {
	-webkit-filter: grayscale(0%);
}

.about-img dl dd .about-img-txt {
	position: absolute;
	bottom: 5%;
	left: 5%;
	width: 90%;
}

.about-img dl dd .about-img-txt h3 {
	display: block;
	float: left;
	width: 10%;
	height: 1px;
	background: #eee;
	margin-top: 15px;
}

.about-img dl dd .about-img-txt h4 {
	display: block;
	float: right;
	width: 86%;
}

.about-img dl dd .about-img-txt h4 span {
	display: block;
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

.about-img dl dd .about-img-txt h4 font {
	display: block;
	letter-spacing: 2px;
	color: #fff;
	font-size: 14px;
	text-align: justify;
}



.site-loaded p {
	text-transform: uppercase;
	overflow: hidden;
	top: 34%;
	text-align: center;
	z-index: 2;
	left: 0;
	width: 100%;
}

.site-loaded p span {
	color: #666;
	font-size: 30px;
	text-align: center;
	display: block;
	margin: 0;
}

.site-loaded p font {
	display: block;
	color: #666;
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 1%;
}

.site-loaded p strong {
	display: block;
	width: 1px;
	background: #666;
	height: 100px;
	margin: 0 auto;
	opacity: 0.5;
}



.about-design-solution {
	display: block;
	padding: 100px 0;
	border-top: 1px solid #eee;
}

.about-design-solution dl {
	display: block;
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}

.about-design-solution dl dd {
	display: block;
	float: left;
	width: 40%;
	overflow: hidden;
}

.about-design-solution dl dd p {
	display: block;
	width: 20%;
	height: 1px;
	background: #ccc;
	float: left;
	margin-top: 20px;
}

.about-design-solution dl dd .about-design-solution-txt {
	display: block;
	float: right;
	width: 75%;
}

.about-design-solution dl dd .about-design-solution-txt h3 {
	max-width: 340px;
	display: block;
	overflow: hidden;
	margin-bottom: 3em;
}

.about-design-solution dl dd .about-design-solution-txt h3 span {
	display: block;
	float: left;
	font-size: 1.6em;
	letter-spacing: 2px;
}

.about-design-solution dl dd .about-design-solution-txt h3 font {
	float: left;
	font-size: 40px;
	margin: 0 0 0 1em;
	color: #0f7349;
}

.about-design-solution dl dd .about-design-solution-txt h4 {
	max-width: 240px;
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	color: #666;
	margin-bottom: 3em;
	line-height: 26px;
}

.about-design-solution dl dd .about-design-solution-txt a {
	margin: 0;
	width: 70%;
}

.about-design-solution dl img {
	float: right;
	width: 56%;
	display: block;
}

.case-pic dl dd a font {
	display: inline-block;
	font-size: 14px;
	margin: 0;
	color: #10A56F;
}

.case-pic dl dd a span {
	margin: 0;
}

.about-team a strong {
	display: block;
	overflow: hidden;
	margin: 20px 0;
}

.about-team a .txt1 {
	display: inline-block;
	color: #666;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
	border-right: 1px solid #ccc;
	padding-right: 10px;
	line-height: 1em;
	margin-right: 10px;
}

.about-team a .txt2 {
	display: inline-block;
	color: #666;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
}

.about-team a font {
	display: block;
	color: #000;
	font-size: 14px;
	letter-spacing: 2px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

.team-news .about-team a p {
	border: 0;
	padding: 30px 0 0;
}


.about-wh {
	display: block;
	background: #eef0f3;
	padding: 100px 15%;
	overflow: hidden;
}

.about-wh .a-w {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 1%;
}

.about-wh .a-w dd {
	position: relative;
	display: block;
	background: #fff;
	float: left;
	width: 60%;
}

.about-wh .a-w dd img {
	display: block;
	width: 100%;
}

.about-wh .a-w dd .a-w-txt {
	position: absolute;
	height: 50%;
	background: #fff;
	width: 100%;
	z-index: 2;
	bottom: 0;
	left: 0;
}

.about-wh .a-w dd .a-w-txt p {
	display: block;
	width: 10%;
	float: left;
	height: 1px;
	background: #ccc;
	margin: 10px 0 0 0;
}

.about-wh .a-w dd .a-w-txt h3 {
	display: block;
	float: right;
	width: 88%;
}

.about-wh .a-w dd .a-w-txt h3 span {
	display: block;
	font-size: 16px;
	letter-spacing: 2px;
	height: 26px;
	line-height: 26px;
}

.about-wh .a-w dd .a-w-txt h3 font {
	color: #333;
	display: block;
	letter-spacing: 2px;
	font-size: 20px;
	margin: 18px 0;
	line-height: 26px;
	min-height: 80px;
	font-weight: bold;
	font-weight: bold;
	overflow: hidden;
}

.about-wh .a-w dd .a-w-txt h3 strong {
	display: block;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
}

.about-wh .a-w dd .a-w-txt .a-w-txt-all {
	display: block;
	overflow: hidden;
	height: 140px;
	position: absolute;
	top: 50%;
	margin-top: -70px;
	width: 80%;
	left: 10%;
}

.about-wh .a-w .a-w1 {
	background: #fff;
	width: 39%;
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: 0;
	height: 50%;
}

.about-wh .a-w .a-w1 .a-w-txt {
	height: 100%;
}


.a-w-2 {}

.about-wh .a-w-2 dd {
	float: right;
}

.about-wh .a-w-2 .a-w1 {
	right: 61%;
	bottom: 50%;
}




.a-w-video {
	position: relative;
	display: block;
	width: 70%;
	margin: 50px auto 0;
	overflow: hidden;
}

.a-w-video video {
	display: block;
	width: 100%;
}

.a-w-video #img1 {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.a-w-video #img2 {
	position: absolute;
	top: 50%;
	z-index: 4;
	margin-top: -122px;
	left: 50%;
	margin-left: -32px;
	width: 64px;
}

.a-w-video p {
	position: absolute;
	z-index: 5;
	color: #08d48a;
	left: 0;
	top: 50%;
	font-size: 30px;
	text-align: center;
	width: 100%;
	height: 90px;
	margin-top: -45px;
	line-height: 90px;
}

.a-w-video span {
	position: absolute;
	z-index: 5;
	color: #fff;
	left: 0;
	top: 50%;
	font-size: 17px;
	text-align: center;
	width: 100%;
	letter-spacing: 2px;
	margin-top: px;
	height: 26px;
	line-height: 26px;
	margin-top: 40px;
}

.a-w-video span strong {
	font-weight: normal;
	border-bottom: 1px solid #eee;
	font-size: 17px;
}



.newslist {
	display: block;
	overflow: hidden;
	margin-bottom: 100px;
}

.newslist dt {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.newslist dt img {
	display: block;
	width: 100%;
}

.newslist dt .news-list-title {
	position: absolute;
	width: 80%;
	top: 50%;
	left: 10%;
	margin-top: -87px;
}

.newslist dt .news-list-title p {
	display: block;
	width: 8%;
	height: 1px;
	background: #eee;
	float: left;
	margin-top: 24px;
}

.newslist dt .news-list-title h4 {
	display: block;
	float: left;
	width: 70%;
	overflow: hidden;
	margin-left: 2%;
}

.newslist dt .news-list-title h4 strong {
	display: block;
	color: #fff;
	font-size: 0.4rem;
	margin-bottom: 20px;
}

.newslist dt .news-list-title h4 span {
	display: block;
	font-size: 17px;
	letter-spacing: 2px;
	color: #fff;
}

.newslist dt .news-list-title h4 font {
	display: block;
	font-size: 22px;
	color: #fff;
	letter-spacing: 2px;
	margin: 1em 0;
}

.newslist dt .news-list-title h5 {
	display: block;
	float: right;
	width: 20%;
	overflow: hidden;
}

.newslist dt .news-list-title h5 a {
	color: #fff;
	background: #10A56F;
	display: block;
	float: right;
	padding: 0.8em 1.4em;
	font-size: 14px;
	letter-spacing: 1px;
}

.newslist dd {
	display: block;
	width: 70%;
	position: relative;
	margin: -8% auto 0;
	overflow: hidden;
}

.newslist dd a {
	display: block;
	float: left;
	width: 30.6%;
	margin: 0 4% 0 0;
	overflow: hidden;
}

.newslist dd a:nth-child(3n) {
	float: right;
	margin: 0 0 2% 0;
}

.newslist dd a img {
	display: block;
	width: 100%;
}

.newslist dd a .news-list-title-txt {
	display: block;
	overflow: hidden;
	margin: 1em 0;
}

.newslist dd a .news-list-title-txt p {
	display: block;
	width: 16%;
	height: 1px;
	background: #999;
	float: left;
	margin-top: 10px;
}

.newslist dd a .news-list-title-txt h4 {
	float: right;
	width: 80%;
	overflow: hidden;
}

.newslist dd a .news-list-title-txt h4 span {
	display: block;
	color: #333;
	letter-spacing: 2px;
	font-size: 14px;
	margin-bottom: 1em;
}

.newslist dd a .news-list-title-txt h4 font {
	display: block;
	font-size: 16px;
	letter-spacing: 1px;
	color: #666;
}


.newslist1 {
	display: block;
	overflow: hidden;
	border-top: 1px solid #eee;
	padding: 100px 15% 80px 15%;
	position: relative;
}

.newslist1 dt {
	display: block;
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}

.newslist1 dt img {
	display: block;
	width: 100%;
	transition: all 1s;
	margin: 1.1rem 0 0 0;
}

.newslist1 dt:hover img {
	transform: scale(1.03);
}

.newslist1 dd {
	position: absolute;
	left: 45%;
	width: 55%;
}

.newslist1 dd p {
	display: block;
	width: 18%;
	height: 1px;
	background: #eee;
	float: left;
	margin-top: 2em;
}

.newslist1 dd h4 {
	display: block;
	float: right;
	width: 80%;
}

.newslist1 dd h4 a {
	display: block;
	overflow: hidden;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee;
	padding-bottom: 16px;
}

.newslist1 dd h4 a font {
	float: left;
	display: block;
	font-size: 16px;
	color: #333;
	letter-spacing: 2px;
	font-family: font2018;
	margin-bottom: 0;
}

.newslist1 dd h4 a strong {
	float: right;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	letter-spacing: 2px;
}

.newslist1-div {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

.newslist1 dd h4 a:hover font {
	color: #1A4CA7;
}

.newslist2 dt {
	position: relative;
	display: block;
	width: 50%;
	float: right;
	overflow: hidden;
}

.newslist2 dt img {
	display: block;
	width: 100%;
	transition: all 1s;
	margin: 1.2rem 0 0 0;
}

.newslist2 dt:hover img {
	transform: scale(1.03);
}

.newslist2 dd {
	left: 0;
}

.newslist2 dd p {
	float: right;
}

.newslist2 dd h4 {
	float: left;
}

.newslist1 .team-news-a {
	margin: 0 0 0 70%;
	width: 15%;
}

.newslist2 .team-news-a {
	margin: 0 0 0 16%;
	width: 15%;
}

.newslist1 .n-l-1-a1 {
	width: 58px;
	height: 58px;
	position: absolute;
	right: 45.65%;
	top: 50%;
	z-index: 9;
	color: #10A56F;
	border: 1px solid #fff;
	text-align: center;
	line-height: 58px;
	background: rgba(255, 255, 255, 0.5);
	margin-top: -30px;
	transition: all .5s;
}

.newslist1 .n-l-2-a2 {
	width: 58px;
	height: 58px;
	position: absolute;
	left: 45.65%;
	top: 50%;
	z-index: 9;
	color: #10A56F;
	border: 1px solid #fff;
	text-align: center;
	line-height: 58px;
	background: rgba(255, 255, 255, 0.5);
	margin-top: -30px;
	transition: all .5s;
}

.newslist1 .n-l-1-a1:hover,
.newslist1 .n-l-2-a2:hover {
	background: #10A56F;
	color: #fff;
	border: 1px solid #10A56F;
}


.newslist-w {
	display: block;
	overflow: hidden;
	margin-bottom: 0;
}

.news-list-all {
	display: block;
	overflow: hidden;
	background: #eef0f3;
}

.news-list-left {
	padding: 2% 0;
	display: block;
	float: left;
	width: 81%;
	margin-left: 1%;
	overflow: hidden;
}

.news-list-left dl {
	display: block;
}

.news-list-left dl a {
	background: #fff;
	position: relative;
	display: block;
	float: left;
	width: 47.5%;
	margin: 0 1% 1% 0;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
	padding: 2% 1%;
}

.news-list-left dl a:nth-child(2n) {
	float: right;
	margin: 0 0 1% 0;
}

.news-list-left dl a img {
	display: block;
	float: left;
	width: 45%;
}

.news-list-left dl a h4 {
	display: block;
	float: right;
	width: 41%;
	padding-left: 10%;
	position: relative;
	overflow: hidden;
	margin-top: 40px;
	padding-right: 2%;
}

.news-list-left dl a h4 span {
	display: block;
	width: 15%;
	height: 1px;
	background: #ccc;
	top: 12px;
	position: absolute;
	left: 0;
}

.news-list-left dl a h4 font {
	display: block;
	color: #999;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 10px 0;
}

.news-list-left dl a h4 strong {
	display: block;
	color: #000;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 18px;
	line-height: 28px;
}

.news-list-left dl a:hover h4 strong {
	color: #10A56F;
}

.news-list-right {
	display: block;
	float: right;
	overflow: hidden;
	width: 15%;
	padding: 2% 0;
	margin-right: 1%;
}

.news-list-right dd {
	display: block;
	overflow: hidden;
}

.news-list-right dd a {
	display: block;
	overflow: hidden;
	background: #333;
	margin-bottom: 0;
	padding: 22% 20%;
}

.news-list-right dd a span {
	letter-spacing: 2px;
	display: block;
	font-size: 17px;
	margin-bottom: 50px;
}

.news-list-right dd a font {
	display: inline-block;
	border-top: 1px solid #eee;
	font-size: 12px;
	letter-spacing: 2px;
}

.news-list-right dd a:nth-child(1n) {
	background: #10A56F;
}

.news-list-right dd a:nth-child(2n) {
	background: #333;
}

.news-list-right dd a:nth-child(3n) {
	background: #999;
}

.news-list-right dd a:nth-child(4n) {
	background: #666;
}

.news-list-right dd a:nth-child(5n) {
	background: #333;
}

.news-show {
	display: block;
	padding: 61px 0;
	overflow: hidden;
}

.news-show dd {
	display: block;
	float: left;
	width: 100%;
	position: relative;
}

.news-show dd .news-show-top {
	background: #f9f9f9;
	padding: 3% 0;
	overflow: hidden;
}

.news-show dd h4 {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding: 0 5%;
}

.news-show dd h4 span {
	display: block;
	font-size: 14px;
	letter-spacing: 1px;
	color: #666;
	margin-bottom: 10px;
}

.news-show dd h4 font {
	color: #000;
	display: block;
	letter-spacing: 2px;
	font-size: 0.36rem;
	line-height: 1em;
	padding-bottom: 15px;
	font-family: font2018;
}

.news-show dd h5 {
	display: block;
	overflow: hidden;
	padding: 0 5%;
}

.news-show dd h5 span {
	display: block;
	color: #666;
	font-size: 14px;
	letter-spacing: 2px;
}

.news-show dd h5 span span {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
}

.news-show dd h5 a {
	color: #999;
	border-bottom: 1px solid #eee;
	margin-right: 10px;
	font-size: 14px;
	letter-spacing: 1px;
}

.news-show dd h6 {
	position: relative;
	min-height: auto;
	padding: 3% 10% 3% 5%;
	width: 55%;
	overflow: hidden;
	display: block;
	margin: 0;
	color: #333;
	line-height: 28px;
}

.news-show dd h6 p,
.news-show dd h6 span {
	display: block;
	overflow: hidden;
	letter-spacing: 2px;
	font-size: 16px !important;
	line-height: 28px;
	color: #333;
}

.news-show dd h6 img {
	max-width: 100%;
	display: block;
}


.news-show dd h6 p a {
	color: #000;
}

.news-show dd h6 .n-s-d-line {
	position: absolute;
	height: 100%;
	width: 1px;
	background: #eee;
	right: 0;
	top: 0;
	z-index: 3;
}


.news-show dd #share {
	position: absolute;
	right: 2%;
	top: 160px;
}

.news-show dd #share h3 {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	color: #999;
	letter-spacing: 2px;
	margin-right: 5px;
	font-size: 16px;
}

.news-show dd #share h4 {
	margin: 0;
	padding: 0;
	border: 0;
	height: 41px;
	line-height: 41px;
}

.news-show dd #share h4 a {
	width: 39px;
	height: 39px;
	padding: 0;
	margin: 0;
	background: none !important;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 50%;
	margin-left: 5px;
}

.news-show dd #share h4 a:before {
	color: #10a56f;
	font-size: 1.2em;
	line-height: 40px;
	text-align: center;
	display: block;
}


.bd_weixin_popup .bd_weixin_popup_head {
	padding-top: 25px;
}

.bd_weixin_popup .bd_weixin_popup_head span {
	display: block;
	text-align: center;
	font-weight: normal;
	color: #999;
	letter-spacing: 2px;
	font-size: 14px;
}

.bd_weixin_popup .bd_weixin_popup_foot {
	display: none;
}

body .bd_weixin_popup {
	width: 300px !important;
	height: 300px !important;
}

body .bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
	font-family: 宋体;
	font-size: 20px !IMPORTANT;
	right: 5px;
	color: #000 !important;
}


.news-show dt {
	display: block;
	overflow: hidden;
	width: 100%;
	background: #f9f9f9;
	position: relative;
}

.news-show dt p {
	margin-right: -1px;
	position: absolute;
	width: 2px;
	height: 100%;
	background: #fff;
	top: 0;
	right: 50%;
}

.news-show dt a {
	position: relative;
	padding: 0.22rem 5%;
	display: block;
	float: left;
	width: 40%;
	overflow: hidden;
}

.news-show dt a span {
	color: #666;
	font-size: 24px;
	top: 50%;
	position: absolute;
	left: 10%;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
}

.news-show dt a h3 {
	display: block;
	overflow: hidden;
	margin-top: 0;
}

.news-show dt a h3 strong {
	display: block;
	text-align: right;
	color: #666;
	font-weight: normal;
	margin-bottom: 6px;
	font-size: 13px;
	letter-spacing: 1px;
}

.news-show dt a h3 font {
	color: #1A4CA7;
	font-size: 17px;
	letter-spacing: 2px;
	display: block;
	text-align: right;
}

.news-show dt a:nth-child(3n) strong,
.news-show dt a:nth-child(3n) font {
	text-align: left;
}

.news-show dt a:nth-child(3n) span {
	left: auto;
	right: 10%;
}

.news-show dt a:hover {
	background: #1A4CA7;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.news-show dt a:hover strong,
.news-show dt a:hover font,
.news-show dt a:hover span {
	color: #fff;
}


.news-show-form {
	display: block;
	overflow: hidden;
	margin: 0 0 100px 0;
	text-align: center;
}

.news-show-form span {
	display: block;
	text-align: center;
	font-size: 24px;
	letter-spacing: 2px;
	color: #666;
}

.news-show-form font {
	color: #666;
	display: block;
	font-size: 17px;
	letter-spacing: 2px;
	margin: 0 0 10px;
}

.news-show-form form {
	display: block;
	overflow: hidden;
	width: 650px;
	margin: 0 auto;
}

.news-show-form form input {
	display: block;
	height: 49px;
	line-height: 49px;
	text-indent: 1em;
	width: 528px;
	float: left;
	border: 1px solid #e2e2e2;
	background: #fbfbfb;
	letter-spacing: 2px;
	font-size: 14px;
}

.news-show-form form .btn-submit {
	text-indent: 0;
	height: 50px;
	width: 120px;
	display: block;
	float: right;
	border: 0;
	text-align: center;
	color: #fff;
	background: #1A4CA7;
	font-size: 17px;
}


.n-s-right {
	display: block;
	position: absolute;
	width: 20%;
	right: 6%;
	top: 350px;
}

.n-s-right strong {
	display: block;
	font-weight: normal;
	font-size: 24px;
	color: #666;
	border-bottom: 1px solid #eee;
}

.n-s-right h3 {
	display: block;
	overflow: hidden;
	margin-top: 20px;
}

.n-s-right h3 a {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	margin: 20px 0;
}

.n-s-right h3 a span {
	display: block;
	letter-spacing: 1px;
	font-size: 13px;
	color: #999;
}

.n-s-right h3 a font {
	color: #888;
	display: block;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 24px;
}

.n-s-right h3 a:hover font,
.n-s-right h3 a:hover span {
	color: #000;
}


.m-c-title {
	display: block;
	width: 98%;
	overflow: hidden;
	margin: 0 auto;
}

.m-c-title span {
	display: inline;
	width: 100px;
	background: #ccc;
	height: 1px;
	float: left;
	margin: 20px 5px 0 0;
}

.m-c-title font {
	display: inline;
	font-size: 26px;
	letter-spacing: 2px;
	color: #333;
}




.p-c-banner {
	display: block;
	overflow: hidden;
	position: relative;
	background-image: url(/style/images/page-about-banner.jpg);
	background-size: cover;
}

.p-c-banner dl {
	position: relative;
	width: 100%;
	background: rgba(16, 165, 111, 0.9);
	color: #fff;
	z-index: 2;
	font-size: 24px;
	letter-spacing: 1px;
	font-family: font2018;
	padding: 240px 1% 200px;
	line-height: 30px;
}

.p-c-banner dl p {
	display: block;
	width: 50%;
	display: block;
	width: 50%;
	font-size: 20px;
	letter-spacing: 2px;
}



.case-list {
	display: block;
	overflow: hidden;
	margin-bottom: 0;
	padding: 60px 0.5% 0;
}

.case-list a {
	display: block;
	position: relative;
}

.case-list a img {
	display: block;
	width: 100%;
}

.case-list a .c-l-txt {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.case-list a .c-l-txt strong {
	margin: 22.5px 0 0 0;
	display: block;
	height: 1px;
	background: #ccc;
	width: 15%;
	position: absolute;
	top: 1em;
	left: 0;
}

.case-list a .c-l-txt p {
	display: block;
	float: right;
	overflow: hidden;
	width: 82%;
	margin-top: 1em;
}

.case-list a .c-l-txt p span {
	text-align: left;
	display: block;
	color: #000;
	font-size: 28px;
	letter-spacing: 2px;
	margin: 0 0 0;
	font-family: font2018;
	height: 46px;
	line-height: 46px;
}

.case-list a .c-l-txt p font {
	display: block;
	color: #000;
	letter-spacing: 2px;
	font-size: 16px;
}

.case-list a:hover p span,
.case-list a:hover p font {
	color: #999;
}

.case-list .moreload {
	display: block;
	overflow: hidden;
}

.case-list .moreload ul {
	display: block;
	overflow: hidden;
}

.case-list .moreload ul li {
	display: block;
	width: 24%;
	float: left;
	margin: 0 0.5%;
	position: relative;
	overflow: hidden;
	padding-bottom: 6%;
}

.case-list .moreload .more {
	display: block;
	text-align: center;
	border-bottom: 1px solid #eee;
	padding-bottom: 100px;
}

.case-list .moreload .toa {
	overflow: hidden;
	display: block;
	height: 50px;
	border: 1px solid #10A56F;
	color: #10A56F;
	line-height: 50px;
	font-size: 15px;
	letter-spacing: 2px;
	width: 12%;
	margin: 0 auto;
	position: relative;
}

.case-list .moreload .toa .fa {}


.case-web {
	display: block;
	width: 100%;
	background: #333;
	padding: 100px 0;
}

.case-web dl {
	display: block;
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}

.case-web dl dd {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #444;
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.case-web dl dd:nth-child(2n) {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.case-web dl dd p {
	display: block;
	overflow: hidden;
	float: left;
	width: 56%;
}

.case-web dl dd p span {
	display: block;
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px;
	letter-spacing: 2px;
}

.case-web dl dd p font {
	display: block;
	color: #ccc;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 22px;
	margin: 0 0 30px 0;
}

.case-web dl dd p a {
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
}

.case-web dl dd p a strong {
	font-size: 16px;
	margin-left: 10px;
}

.case-web dl dd img {
	display: block;
	float: right;
	width: 15%;
}



.market-1 {
	display: block;
	overflow: hidden;
	padding: 70px 0;
}

.m-1-one {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding: 1% 1% 60px 1%;
	width: 98%;
}

.m-1-one .m-1-one-left {
	display: none;
	float: left;
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 2px;
	width: 20%;
	color: #fff;
}

.m-1-one .m-1-one-right {
	display: block;
	float: right;
	font-size: 30px;
	overflow: hidden;
	width: 100%;
}

.m-1-one .m-1-one-right h3 {
	font-size: 18px;
	letter-spacing: 1px;
	width: 50%;
	overflow: hidden;
	margin: auto;
	line-height: 30px;
	font-weight: normal;
}

.m-1-one .m-1-one-right h3 span {
	display: block;
	font-family: font2018;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 1px;
}

.m-1-one .m-1-one-right h4 {
	margin: 0 auto 30px;
	display: block;
	overflow: hidden;
	width: 50%;
}

.m-1-one .m-1-one-right h4 span {
	display: block;
	float: left;
	width: 120px;
	height: 1px;
	background: #ccc;
	margin: 20px 10px 0 10px;
}

.m-1-one .m-1-one-right h4 font {
	display: inline-block;
	font-size: 24px;
	letter-spacing: 2px;
	float: left;
}


.m-1-two {
	display: block;
	overflow: hidden;
	padding: 60px 25% 30px;
}

.m-1-two dd {
	display: block;
	overflow: hidden;
	margin-bottom: 50px;
	float: left;
	width: 100%;
}

.m-1-two dd strong {
	display: none;
	float: left;
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 2px;
	width: 20%;
	font-family: font2018;
	color: #fff;
}

.m-1-two dd span {
	display: block;
	float: none;
	font-weight: normal;
	font-size: 26px;
	width: 100%;
	line-height: 36px;
	margin-bottom: 20px;
}

.m-1-two dd font {
	display: block;
	float: none;
	width: 100%;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 26px;
}

.m-1-three {
	padding-top: 80px;
}

.m-1-three .m-1-3-left {
	display: block;
	float: left;
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 2px;
	width: 20%;
}

.m-1-three .m-1-3-right {
	font-size: 30px;
	letter-spacing: 2px;
	width: 70%;
	overflow: hidden;
	line-height: 36px;
	font-weight: normal;
}

.m-1-three .m-1-3-right h3 {
	font-size: 20px;
	letter-spacing: 2px;
	overflow: hidden;
	line-height: 36px;
	font-weight: normal;
	width: 80%;
}

.m-1-three .m-1-3-right h4 {
	margin: 30px 0;
	display: block;
	font-size: 26px;
}

.m-1-three .m-1-3-right h4 a {
	color: #000;
	font-family: font2018;
	letter-spacing: 0;
}


.partner-case {
	display: block;
	overflow: hidden;
	padding: 60px 0;
}

.partner-case dl {
	display: block;
	overflow: hidden;
	padding: 1%;
}

.partner-case dl a {
	position: relative;
	display: block;
	float: left;
	width: 24.25%;
	overflow: hidden;
	margin: 0 1% 1% 0;
	transition: all .8s;
}

.partner-case dl a:nth-child(4n) {
	margin: 0 0 1% 0;
	float: right;
}

.partner-case dl a img {
	display: block;
	width: 100%;
}

.partner-case dl a .p-c-txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	opacity: 0;
	transition: all .5s;
}

.partner-case dl a .p-c-txt dd {
	padding: 0 15%;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 70%;
	top: 50%;
	margin-top: -38.5px;
}

.partner-case dl a .p-c-txt dd span {
	display: block;
	float: left;
	width: 10%;
	height: 1px;
	background: #10A56F;
	margin: 20px 0 0 0;
}

.partner-case dl a .p-c-txt dd p {
	float: right;
	width: 88%;
	overflow: hidden;
}

.partner-case dl a .p-c-txt dd p font {
	display: block;
	letter-spacing: 2px;
	font-size: 17px;
}

.partner-case dl a .p-c-txt dd p strong {
	display: block;
	font-size: 2.6em;
	font-weight: normal;
	color: #10A56F;
	line-height: 1em;
	margin-bottom: 10px;
	font-family: font2018;
}

.partner-case dl a:hover .p-c-txt {
	opacity: 1;
	transition: 0.3s;
}


.partner-case-logo {}

.partner-case-logo dl {
	display: block;
	overflow: hidden;
	padding: 1%;
}

.partner-case-logo dl img {
	display: block;
	float: left;
	margin: 0 4.6% 1% 0;
	opacity: 0.5;
}

.partner-case-logo dl img:hover {
	opacity: 1;
	transition: 0.3s;
}


.p-c-about {
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.p-c-about .p-c-about-txt {
	display: block;
	height: 90%;
	width: 39.5%;
	position: absolute;
	overflow: hidden;
	padding: 5%;
}

.p-c-about .p-c-about-txt span {
	display: block;
	float: left;
	width: 10%;
	margin: 16px 0 0 0;
	background: #666;
	height: 1px;
}

.p-c-about .p-c-about-txt p {
	color: #000;
	display: block;
	float: right;
	width: 85%;
	font-size: 1.2em;
	letter-spacing: 2px;
	line-height: 36px;
	padding: 0 0 0 2%;
	font-family: font2018;
}

.p-c-about .p-c-about-txt a {
	display: block;
	border: 1px solid #10a56f;
	color: #10a56f;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	letter-spacing: 2px;
	width: 20%;
	margin: 4em 0 0 15%;
}

.p-c-about .p-c-about-txt a strong {
	margin-left: 5px;
}

.p-c-about .p-c-about-c {
	display: block;
	float: right;
	width: 49.5%;
}

.p-c-about .p-c-about-c a {
	width: 49%;
	margin: 0 2% 2% 0;
	transition: all .8s;
}

.p-c-about .p-c-about-c a:nth-child(2n) {
	float: right;
	margin: 0 0 2% 0;
}


.page-form {
	background: #10A56F;
	padding: 100px 0;
	display: block;
	overflow: hidden;
}

.page-form dl {
	display: block;
	width: 50%;
	margin: 0 auto;
}

.page-form h3 {
	display: block;
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

.page-form h4 {
	letter-spacing: 2px;
	display: block;
	color: #eee;
	font-size: 14px;
	margin-bottom: 40px;
}

.page-form h5 {
	letter-spacing: 2px;
	text-align: right;
	font-size: 13px;
	color: #ddd;
}

.page-form h5 a {
	color: #fff;
	text-decoration: underline;
}

.page-form form {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}

.page-form form input {
	display: block;
	height: 50px;
	border: 0;
	line-height: 50px;
	width: 24.25%;
	float: left;
	margin: 0 1% 0 0;
	text-indent: 1em;
	color: #fff;
	background-color: rgba(0, 0, 0, .1);
}

.page-form form input:last-child {
	float: right;
	margin: 0;
	background: #fff;
	color: #0f7349;
	text-indent: 0;
	text-align: center;
	font-size: 15px;
}


.case-web-img {
	position: relative;
	display: block;
	background: #000;
	overflow: hidden;
}

.case-web-img dt {
	display: block;
	width: 75%;
	float: right;
	margin-right: -25%;
	height: 700px;
	background-image: url(../images/case-web-img-bg.jpg);
	background-position: 0px 50%;
	background-size: 1451px;
	background-repeat: no-repeat;
}

.case-web-img dl {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.case-web-img dl dd {
	display: block;
	width: 50%;
	overflow: hidden;
	margin: 12% auto;
}

.case-web-img dl dd h3 {
	display: block;
	color: #fff;
	font-size: 20px;
	margin-bottom: 3%;
	letter-spacing: 2px;
}

.case-web-img dl dd h4 {
	letter-spacing: 2px;
	display: block;
	color: #999;
	font-size: 14px;
	margin-bottom: 40px;
	width: 50%;
	line-height: 26px;
}

.case-web-img dl dd a {
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
}

.case-web-img dl dd a strong {
	font-size: 14px;
	margin-left: 10px;
}


.case-web-bottom {
	background: #eef0f3;
	display: block;
	width: 100%;
	overflow: hidden;
}

.case-web-bottom img {
	display: block;
	width: 100%;
}

.case-web-bottom dd {
	display: block;
	width: 50%;
	margin: 100px auto;
	overflow: hidden;
}

.case-web-bottom dd h3 {
	font-size: 20px;
	text-align: center;
	display: block;
	margin: 0 0 30px;
}

.case-web-bottom dd h4 {
	display: block;
	text-align: left;
	font-size: 15px;
	letter-spacing: 2px;
	max-width: 550px;
	margin: 0 auto 50px;
	line-height: 28px;
	color: #666;
	text-align: justify;
}

.case-web-bottom dd a {
	display: block;
	height: 40px;
	padding-top: 1px;
	padding-right: 25px;
	padding-left: 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 auto;
	background-color: #10A56F;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	width: 16%;
	margin: 0 auto;
}

.case-web-bottom dd a strong {
	font-size: 16px;
	margin-left: 10px;
}





.design-banner {
	display: block;
	overflow: hidden;
	position: relative;
	background: #f7f7f7;
}

.design-banner img {
	display: block;
	width: 100%;
	margin: 0;
}

.design-banner dd {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	text-transform: uppercase;
	z-index: 2;
	color: #fff;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.design-banner dd span {
	font-size: 60px;
	text-align: center;
	display: block;
	margin: 17% auto;
}

.design-banner .fa-angle-down {
	position: absolute;
	z-index: 3;
	bottom: 10%;
	text-align: center;
	color: #fff;
	width: 100%;
}

.design-banner .fa-angle-down:before {
	height: 40px;
	width: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	font-size: 1.4em;
}


.design-list {
	display: block;
	overflow: hidden;
}

.design-list dl {
	position: relative;
	display: block;
	width: 66%;
	margin: 100px auto;
	overflow: hidden;
}

.design-list dl dd {
	display: block;
	float: left;
	width: 39%;
	background: #f7f9fb;
	margin: 0 2% 2% 0;
	overflow: hidden;
	padding: 5%;
}

.design-list dl dd:nth-child(2n) {
	float: right;
	margin: 0 0 2% 0;
}

.design-list dl dd img {
	display: block;
	width: 100%;
	overflow: hidden;
}

.design-list dl dd p {
	display: block;
	margin: 30px 0 20px;
	letter-spacing: 2px;
	text-align: center;
}

.design-list dl dd p span {
	display: block;
	font-size: 16px;
	font-weight: bold;
}

.design-list dl dd p font {}

.design-list dl dd h3 {
	color: #666;
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	margin: 0 auto 20px;
	width: 80%;
	text-align: center;
}

.design-list dl dd a {
	width: 20%;
	min-width: 100px;
}



/*
.design-list dl{ position: relative;display: block;width: 98%;margin: 100px auto;overflow: hidden; }
.design-list dl .design-list-1{ display: block;overflow: hidden;margin-bottom:5%;position: relative;    border-bottom: 1px solid #eee;     float: left;width: 45%;padding: 1%;}
.design-list dl .design-list-1:nth-child(2n){  float: right; }
.design-list dl .design-list-1 img{ display: block;width: 42%;float: right;    margin-right: 15%; -webkit-filter: grayscale(100%); margin-bottom: 16%; }
.design-list dl .design-list-1 dd{ position: absolute;top: 0;left: 0;width:100%;height: 100%;}
.design-list dl .design-list-1 dd h3{display: block;overflow: hidden;}
.design-list dl .design-list-1 dd h3 span{display: block; line-height: 30px;letter-spacing: 2px;font-size: 19px;color: #333;width:40%; }
.design-list dl .design-list-1 dd h3 p{display: block;height: 1px;width:55%;background: #eee;margin: 30px 0;}
.design-list dl .design-list-1 dd h3 .d-l-a-txt{display: block;font-size: 14px;color: #999;margin: 0 0 40px;width: 40%;letter-spacing: 1px;}
.design-list dl .design-list-1 dd h3 .d-l-a{ display: block;height: 40px;padding-top: 1px;padding-right: 20px;padding-left: 20px;-webkit-box-flex: 0;
    -ms-flex: 0 auto;background: none;color: #10A56F;font-size: 16px;line-height: 40px;text-align: center;width: 20%;border: 1px solid #10A56F;}
.design-list dl .design-list-1 dd h3 .d-l-a font{font-size: 14px;}
.design-list dl .design-list-1 dd h3 .d-l-a span{}
.design-list dl .design-list-1 dd h3 .d-l-a strong{ font-size: 16px;margin-left: 10px;color: #10A56F;}
.design-list dl .design-list-1 dd .h4{ position: absolute;right: 0;bottom: 0;font-size: 300px;font-weight: bold;color: #f9911b;height: auto;margin: 0;padding: 0;  }


.design-list dl .design-list-2 dd h3{}
.design-list dl .design-list-2 dd h3 span{ margin-left: 60%;text-align: right;}
.design-list dl .design-list-2 dd h3 p{    margin-left: 45%;width: 55%;}
.design-list dl .design-list-2 dd h3 .d-l-a-txt{    text-align: right;margin-left: 60%;}
.design-list dl .design-list-2 dd h3 .d-l-a{    margin-left: 74%;}
.design-list dl .design-list-2 img{ float: left;    margin-left: 15%; }
.design-list dl .design-list-2 dd .h4{ position: absolute;right:auto;bottom: 0;font-size: 400px;font-weight: bold;color: #f9911b;height: auto;margin: 0;padding: 0;  }

*/


















.design-about {
	background: #f4f4f4;
	padding: 50px 0.5%;
	display: block;
	overflow: hidden;
}

.design-about dl {
	display: block;
	overflow: hidden;
}

.design-about dl a {
	display: block;
	background: #fff;
	float: left;
	width: 24.625%;
	margin: 0 0.5% 0 0;
	overflow: hidden;
}

.design-about dl a:nth-child(4n) {
	float: right;
	margin: 0 0 0 0;
}

.design-about dl a img {
	display: block;
	width: 100%;
	-webkit-filter: grayscale(100%);
}

.design-about dl a h3 {
	display: block;
	margin: 3em 2em;
}

.design-about dl a h3 span {
	display: block;
	color: #10A56F;
	font-size: 2em;
	margin-bottom: 16px;
}

.design-about dl a h3 font {
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	color: #666;
}

.design-about dl a h4 {
	display: block;
	margin: 0 2em 2em;
	text-align: right;
	overflow: hidden;
}

.design-about dl a h4:before {
	color: #999;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #ccc;
	display: block;
	text-align: center;
	float: right;
	font-size: 1em;
}

.design-about dl a:hover h4:before {
	color: #10A56F;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #10A56F;
	display: block;
	text-align: center;
	float: right;
	font-size: 1em;
}

.design-about dl a:hover img {
	-webkit-filter: grayscale(0%);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.team-banner .fa-angle-down {
	position: absolute;
	z-index: 3;
	bottom: 10%;
	text-align: center;
	color: #fff;
	width: 100%;
}

.team-banner .fa-angle-down:before {
	height: 40px;
	width: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	font-size: 1.4em;
}

.team-banner {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.team-banner img {
	display: block;
	width: 100%;
	margin: 0;
}

.team-banner span {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	text-transform: uppercase;
	z-index: 2;
	color: #fff;
	font-size: 60px;
	text-align: center;
	line-height: 12em;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.team-txt {
	display: block;
	overflow: hidden;
	padding: 100px 0;
	text-align: justify;
	width: 40%;
	margin: 0 auto;
	font-size: 17px;
	letter-spacing: 2px;
	line-height: 26px;
	color: #666;
}

.team-txt h6 {
	display: block;
	margin: 30px 0 0;
}

.team-txt h6 span {
	display: block;
	float: left;
	width: 10%;
	height: 1px;
	background: #10A56F;
	;
	margin: 13px 2% 0 0;
}

.team-txt h6 font {
	display: block;
	float: left;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 16px;
	color: #10A56F;
}

.team-s {
	display: block;
	overflow: hidden;
	background: #eee;
	padding-bottom: 100px;
}

.team-s dl {
	display: block;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding: 100px 0 50px;
}

.team-s dl dd {
	display: block;
	overflow: hidden;
	width: 32.666%;
	float: left;
	margin: 0 1% 3% 0;
}

.team-s dl dd:nth-child(3n) {
	margin: 0 0 3% 0;
	float: right;
}

.team-s dl dd:hover .team-s-img img {
	-webkit-filter: grayscale(0%);
}

.team-s dl dd:hover .team-s-img span {
	opacity: 0;
}

.team-s dl dd .team-s-img {
	position: relative;
	display: block;
	overflow: hidden;
}

.team-s dl dd .team-s-img img {
	display: block;
	width: 100%;
	/* -webkit-filter: grayscale(100%); */
}

.team-s dl dd .team-s-img span {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
	top: 50%;
	left: 0;
	font-size: 160px;
	/* text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.21); */
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	opacity: 0.9;
	height: 240px;
	line-height: 240px;
	margin-top: -120px;
	font-family: font2018;
	font-size: 0.8rem;
}

.team-s dl dd .team-s-o {
	display: block;
	overflow: hidden;
	margin-top: 6%;
}

.team-s dl dd .team-s-o h3 {
	display: block;
	float: left;
	width: 16%;
	height: 0.01rem;
	background: rgba(204, 204, 204, 1);
	margin-top: 2%;
}

.team-s dl dd .team-s-o h4 {
	display: block;
	float: right;
	width: 80%;
	overflow: hidden;
}

.team-s dl dd .team-s-o h4 span {
	display: block;
	color: #000;
	font-size: 20px;
}

.team-s dl dd .team-s-o h4 font {
	display: block;
	color: #666;
	letter-spacing: 2px;
	font-size: 14px;
	margin: 8px 0;
}

.team-s dl dd .team-s-o h4 strong {
	color: rgba(102, 102, 102, 1);
	display: block;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 22px;
}

.team-s dl dd .team-s-o h4 strong .txt1 {
	display: inline-block;
	vertical-align: top;
	margin-right: 4%;
	line-height: 1;
	/* border-right: 1px solid #999; */
	padding-right: 4%;
	padding-top: 0.13rem;
}

.team-s dl dd .team-s-o h4 strong .txt2 {
	display: inline-block;
	vertical-align: top;
	line-height: 1;
}




.a-wh-info {
	display: block;
	width: 70%;
	margin: 0 auto 50px;
	overflow: hidden;
	margin-top: -6%;
	position: relative;
	z-index: 3;
}

.a-wh-info a {
	display: block;
	float: left;
	overflow: hidden;
	width: 32%;
	margin: 0 2% 0 0;
}

.a-wh-info a:nth-child(3n) {
	float: right;
	margin: 0;
}

.a-wh-info a img {
	display: block;
	width: 100%;
	border-bottom: 10px solid #10A56F;
}

.a-wh-info a p {
	display: block;
	overflow: hidden;
	padding: 30px 0 50px;
	border-bottom: 1px solid #ccc;
}

.a-wh-info a p span {
	display: block;
	color: #000;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: bold;
	font-weight: bold;
}

.a-wh-info a p strong {
	line-height: 26px;
	display: block;
	color: #333;
	font-weight: normal;
	font-size: 16px;
	margin: 10px 0;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 2px;
	font-family: font2018;
}

.a-wh-info a p font {
	display: block;
	color: #000;
	font-size: 14px;
	letter-spacing: 2px;
}

.a-wh-info a p span #line {
	display: inline-block;
	width: 50px;
	height: 1px;
	background: #ccc;
	vertical-align: top;
	margin: 10px 10px 0 0;
}

.a-wh-news {
	background: #eef0f3;
	padding: 100px 0;
	display: block;
	overflow: hidden;
}

.a-wh-news .a-wh-info {
	margin-top: 0;
}



.team-news {
	display: block;
	overflow: hidden;
	margin: 0 0 100px;
}

.team-news h6 {
	display: block;
	overflow: hidden;
	position: relative;
}

.team-news h6 img {
	display: block;
	width: 100%;
}

.team-news h6 p {
	position: absolute;
	top: 34%;
	text-align: center;
	z-index: 2;
	left: 0;
	width: 100%;
}

.team-news h6 p span {
	color: #fff;
	font-size: 30px;
	text-align: center;
	display: block;
	margin: 0 0 10px;
}

.team-news h6 p font {
	display: block;
	color: #fff;
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 1%;
}

.team-news h6 p strong {
	display: block;
	width: 1px;
	background: #fff;
	height: 100px;
	margin: 0 auto;
	opacity: 0.5;
}

.team-news dl {
	display: block;
	width: 80%;
	overflow: hidden;
	margin: 0 auto 50px;
	margin-top: -6%;
	position: relative;
}

.team-news dl a {
	display: block;
	float: left;
	width: 25%;
	background: #eee;
}

.team-news dl a:nth-child(2n) {
	background: #f7f7f7;
}

.team-news dl a img {
	display: block;
	width: 100%;
	overflow: hidden;
}

.team-news dl a dd {
	display: block;
	padding: 10%;
	overflow: hidden;
}

.team-news dl a dd h3 {
	display: block;
	color: #000;
	margin-bottom: 3em;
	font-size: 14px;
	letter-spacing: 2px;
}

.team-news dl a dd h4 {
	display: block;
	color: #000;
	font-size: 16px;
	margin-bottom: 3em;
	letter-spacing: 2px;
	line-height: 26px;
	font-weight: bold;
}

.team-news dl a dd h5 {
	display: block;
	overflow: hidden;
}

.team-news dl a dd h5 span {
	display: block;
	color: #666;
	margin-bottom: 10px;
}

.team-news dl a dd h5 font {
	display: inline-block;
	color: #666;
	font-size: 14px;
	letter-spacing: 2px;
}

.team-news-a {
	display: block;
	height: 40px;
	padding-top: 1px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-box-flex: 0;
	-ms-flex: 0 auto;
	background: none;
	color: #1A4CA7;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	width: 10%;
	margin: 0 auto;
	border: 1px solid #1A4CA7;
	position: relative;
	overflow: hidden;
}

.team-news-a strong {
	font-size: 16px;
	margin-left: 10px;
	color: #1A4CA7;
	position: relative;
	z-index: 2;
	transition: all .5s;
}

.team-news-a font {
	position: relative;
	z-index: 2;
	font-size: 14px;
	display: inline-block;
	color: #1A4CA7;
}

.team-news-a #a-bg {
	opacity: 0;
	background: #1A4CA7;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	z-index: 1;
	margin: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	display: block;
}

.team-news-a:hover #a-bg {
	opacity: 1;
	left: 0;
}

.team-news-a:hover font,
.team-news-a:hover .fa {
	color: #fff;
}

.team-news-a1:hover #a-bg {
	opacity: 1;
	left: 0;
	background: #fff;
}

.team-news-a1:hover font,
.team-news-a1:hover .fa {
	color: #1A4CA7;
}

.p-c-about .p-c-about-txt a:hover {
	border: 1px solid #1A4CA7;
}

.about-2info dl:nth-child(2n) dd .about-2info-txt h5 a:hover {
	border: 1px solid #1A4CA7;
}




.market-list dl dd .p h3 .market-list-go span,
.market-list dl dd .p h3 .market-list-go .fa {
	letter-spacing: 0;
	display: inline-block;
	font-size: 14px;
	color: #1A4CA7;
	position: relative;
	z-index: 2;
	font-weight: normal;
}

.market-list dl dd .p h3 .market-list-go,
.market-list dl dd .p h3 .market-list-on {
	position: relative;
	overflow: hidden;
}

.market-list dl dd .p h3 .market-list-go p,
.market-list dl dd .p h3 .market-list-on p {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	background: #1A4CA7;
	z-index: 1;
	opacity: 0;
}

.market-list dl dd .p h3 .market-list-go:hover p,
.market-list dl dd .p h3 .market-list-on:hover p {
	opacity: 1;
	left: 0;
}

.market-list dl dd .p h3 .market-list-on:hover span,
.market-list dl dd .p h3 .market-list-on:hover .fa,
.market-list dl dd .p h3 .market-list-go:hover span,
.market-list dl dd .p h3 .market-list-go:hover .fa {
	color: #fff;
}

.market-list dl dd .p h3 .market-list-on span,
.market-list dl dd .p h3 .market-list-on .fa {
	display: inline-block;
	font-size: 14px;
	position: relative;
	z-index: 2;
	letter-spacing: 0;
	font-weight: normal;
}

.market-list dl dd .p h3 .market-list-go,
.market-list dl dd .p h3 .market-list-on:hover {
	border: 1px solid #1A4CA7;
}






.case-list .moreload .toa #a-bg {
	opacity: 0;
	background: #10A56F;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	z-index: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.case-list .moreload .toa font,
.case-list .moreload .toa .fa {
	position: relative;
	z-index: 2;
}

.case-list .moreload .toa:hover #a-bg {
	opacity: 1;
	left: 0;
}

.case-list .moreload .toa:hover font,
.case-list .moreload .toa:hover .fa {
	color: #fff;
}


.team-about {
	margin: 0 auto;
	display: block;
	overflow: hidden;
	text-align: center;
	padding: 0.6rem 0;
	width: 14.8rem;
}

.team-about a {
	color: #000;
}

.team-about span {
	display: block;
	font-size: 15px;
	/* margin-bottom: 0.2rem; */
}

.team-about font {
	display: block;
	letter-spacing: 2px;
	margin: 0.2rem 0 0.39rem 0;
	/* margin-bottom: 30px; */
	color: #000;
	font-size: 20px;
}

.team-about strong {
	color: #1A4CA7;
	font-size: 18px;
	border: 1px solid;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
}

.team-work {
	display: block;
	background: #eee;
	padding: 100px 0;
	text-align: center;
}

.team-work dl {
	display: block;
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}

.team-work dl a {
	display: block;
	width: 40%;
	float: left;
	background: #fff;
	text-align: center;
	padding: 7% 5%;
}

.team-work dl a span {
	display: block;
	color: #000;
	font-size: 16px;
}

.team-work dl a font {
	display: block;
	text-align: center;
	font-size: 22px;
	color: #000;
	margin: 16px 0;
	letter-spacing: 2px;
}

.team-work dl a strong {
	display: inline-block;
	width: 36px;
	border: 1px solid #000;
	text-align: center;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	font-size: 16px;
	color: #000;
}

.team-work dl a:nth-child(2n) {
	background: #1A4CA7;
}

.team-work dl a:nth-child(2n) span,
.team-work dl a:nth-child(2n) font,
.team-work dl a:nth-child(2n) strong {
	color: #fff;
}

.team-work dl a:nth-child(2n) strong {
	border: 1px solid #eee;
}


.team-about a strong:hover {
	color: #fff;
	background: #1A4CA7;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}








.webfooer {
	display: block;
	background: #fff;
	overflow: hidden;
	border-top: 0.01rem solid #eee;
	width: 14.8rem;
	margin: 0 auto;
	padding: 0.7rem 0 0 0;
}

.webfooer dl {
	display: block;
	float: left;
	/* width: 25%; */
	overflow: hidden;
	margin-right: 0.79rem;
}

.webfooer dl h3 {
	display: block;
	margin-bottom: 30px;
}

.webfooer dl h3 a {
	display: block;
	letter-spacing: 2px;
	color: #000;
	font-size: 0.2rem !important;
}

.webfooer dl dd {}

.webfooer dl dd h4 {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.webfooer dl dd h4 span {
	display: block;
	color: #333;
	margin-bottom: 0.2rem;
	font-size: 13px;
	letter-spacing: 2px;
}

.webfooer dl dd h4 span:first-of-type a {
	font-weight: bold;
	border: 0;
}

.webfooer dl dd h4 span:first-of-type {
	margin-bottom: 0.2rem;
}

.webfooer dl dd h4 span a {
	letter-spacing: 2px;
	display: inline-block;
	color: #333;
	font-size: 0.14rem !important;
	font-family: font2018;
	border-bottom: 1px solid #ccc;
}

.webfooer-bottom {}

.webfooer-bottom h3 {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #999;
	letter-spacing: 1px;
	border-bottom: 1px solid #eee;
	padding: 20px 0;
	margin-bottom: 20px;
}

.webfooer-bottom dd {
	display: block;
	overflow: hidden;
	padding: 0 1% 0;
}

.webfooer-bottom dd h4 {
	display: block;
	color: #999;
	letter-spacing: 1px;
	font-size: 12px;
}

.webfooer-bottom dd a {
	display: inline-block;
	color: #999;
	font-size: 12px;
	float: left;
	margin: 0 10px 0 0;
	letter-spacing: 1px;
}

.webfooer-bottom h3 #cnzz_stat_icon_1256276506 {
	opacity: 0.1;
}




.contact-info {
	display: block;
	overflow: hidden;
}

.contact-info a {
	position: relative;
	display: block;
	float: left;
	width: 33.333%;
	overflow: hidden;
}

.contact-info a img {
	display: block;
	width: 100%;
}

.contact-info a dd {
	z-index: 2;
	padding: 12%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
}

.contact-info a dd p {
	display: block;
	float: left;
	height: 1px;
	width: 10%;
	background: #eee;
	margin: 10px 0 0 0;
}

.contact-info a dd .contact-info-txt {
	display: block;
	float: right;
	width: 86%;
	overflow: hidden;
}

.contact-info a dd .contact-info-txt span {
	letter-spacing: 2px;
	line-height: 1;
	display: block;
	font-size: 2em;
	margin-bottom: 10px;
}

.contact-info a dd .contact-info-txt font {
	opacity: 0;
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	margin: 1.4em 0 1.4em 2em;
}

.contact-info a dd .contact-info-txt strong {
	opacity: 0;
	display: block;
	width: 40px;
	text-align: center;
	height: 40px;
	border: 1px solid #eee;
	line-height: 40px;
	font-size: 16px;
	margin: 0 0 0 2em;
}

.contact-info a h4 {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 115, 73, 0.96);
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
	z-index: 1;
}

.contact-info a:hover h4 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.contact-info a:hover .contact-info-txt font {
	opacity: 1;
	margin: 1.4em 0 1.4em 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.contact-info a:hover .contact-info-txt strong {
	opacity: 1;
	margin: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.6s;
}

.webfooer dl dd h4 span:first-of-type a:hover {
	border: 0;
}

.webfooer dl dd h4 span a:hover {
	border-bottom: 1px solid #fff;
	color: #1A4CA7;
}



.page-contact {
	display: block;
	padding: 100px 1% 0;
	overflow: hidden;
}

.page-contact .p-c-shanghai {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	margin-bottom: 50px;
	padding-bottom: 50px;
}

.page-contact .p-c-shanghai dd {
	display: block;
	overflow: hidden;
	float: left;
	width: 65%;
}

.page-contact .p-c-shanghai dd h3 {
	display: block;
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 0;
}

.page-contact .p-c-shanghai dd h4 {
	display: block;
	letter-spacing: 4px;
	font-size: 3em;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: font2018;
	line-height: 1;
}

.page-contact .p-c-shanghai dd h5 {
	display: block;
	overflow: hidden;
}

.page-contact .p-c-shanghai dd h5 span {
	display: block;
	height: 1px;
	width: 10%;
	background: #ccc;
	float: left;
	margin: 12px 0 0 0;
}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt {
	display: block;
	float: left;
	width: 88%;
	margin-left: 2%;
}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt strong {}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt p {
	display: block;
	font-size: 20px;
	letter-spacing: 2px;
	width: 100%;
	line-height: 1em;
}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt p a {
	color: #333;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-family: font2018;
}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt font {
	display: block;
	font-size: 16px;
	margin: 26px 0;
}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt font a {
	color: #333;
	border-bottom: 1px solid #ccc;
	letter-spacing: 2px;
	font-size: 14px;
}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt .team-news-a {
	margin: 0;
	width: 15%;
	position: relative;
	overflow: hidden;
}

.page-contact .p-c-shanghai dt {
	position: relative;
	display: block;
	float: right;
	width: 35%;
	overflow: hidden;
}

.page-contact .p-c-shanghai dt img {
	display: block;
	width: 100%;
	transition: all 1s;
}

.page-contact .p-c-shanghai dt img:hover {
	transform: scale(1.03);
}

.page-contact .p-c-shanghai dt a {
	position: absolute;
	width: 20%;
	left: 40%;
	margin-top: -20px;
	top: 50%;
	z-index: 2;
	background: #1A4CA7;
	color: #fff;
	transition: all .5s;
}

.page-contact .p-c-shanghai dt a:hover {
	color: #1A4CA7;
	background-color: #fff;
}

.page-contact .p-c-shanghai dt a:hover strong {
	color: #1A4CA7;
}

.page-contact .p-c-shanghai dt:hover img {
	-webkit-filter: grayscale(0%);
}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt font a:hover,
.page-contact .p-c-two dd h5 .p-c-shanghai-txt font a:hover {
	color: #1A4CA7;
}

.page-contact .p-c-two {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	margin-bottom: 50px;
	padding-bottom: 50px;
}

.page-contact .p-c-two dl {
	display: block;
	overflow: hidden;
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
}

.page-contact .p-c-two dl:nth-child(3n) {
	float: right;
	margin: 0;
}

.page-contact .p-c-two dd {
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
}

.page-contact .p-c-two dd h3 {
	display: block;
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.page-contact .p-c-two dd h4 {
	display: block;
	letter-spacing: 4px;
	font-size: 2em;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: font2018;
	line-height: 1;
}

.page-contact .p-c-two dd h5 {}

.page-contact .p-c-two dd h5 span {
	display: block;
	height: 1px;
	width: 10%;
	background: #ccc;
	float: left;
	margin: 12px 0 0 0;
}

.page-contact .p-c-two dd h5 .p-c-shanghai-txt {
	display: block;
	float: left;
	width: 88%;
	margin-left: 2%;
}

.page-contact .p-c-two dd h5 .p-c-shanghai-txt strong {}

.page-contact .p-c-two dd h5 .p-c-shanghai-txt p {
	display: block;
	font-size: 18px;
	letter-spacing: 2px;
	width: 100%;
}

.page-contact .p-c-two dd h5 .p-c-shanghai-txt p a {
	color: #333;
	border-bottom: 1px solid #ccc;
}

.page-contact .p-c-two dd h5 .p-c-shanghai-txt font {
	display: block;
	font-size: 14px;
	margin: 20px 0;
}

.page-contact .p-c-two dd h5 .p-c-shanghai-txt font a {
	color: #333;
	border-bottom: 1px solid #ccc;
	letter-spacing: 2px;
	font-size: 14px;
}

.page-contact .p-c-two dd h5 .p-c-shanghai-txt .team-news-a {
	margin: 0;
	width: 24%;
}

.page-contact .p-c-two dt {
	position: relative;
	display: block;
	float: right;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

.page-contact .p-c-two dt img {
	display: block;
	width: 100%;
	-webkit-filter: grayscale(100%);
}

.page-contact .p-c-two dt a {
	position: absolute;
	width: 20%;
	left: 40%;
	margin-top: -20px;
	top: 50%;
	z-index: 2;
	background: rgba(255, 255, 255, 0.6);
}

.page-contact .p-c-two dt:hover img {
	-webkit-filter: grayscale(0%);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.page-contact-manages {
	display: block;
	margin: 70px 0;
	overflow: hidden;
}

.page-contact-manages dd {
	display: block;
	overflow: hidden;
	margin-bottom: 50px;
}

.page-contact-manages dd h3 {
	display: block;
	font-size: 17px;
	letter-spacing: 2px;
	margin-bottom: 0;
}

.page-contact-manages dd h4 {
	display: block;
	letter-spacing: 2px;
	font-size: 2.4em;
	margin-bottom: 20px;
	line-height: 1;
	font-family: font2018;
	font-weight: bold;
}

.page-contact-manages dd h5 {
	display: block;
	height: 1px;
	width: 10%;
	background: #ccc;
	float: left;
	margin: 0;
}

.page-contact-manages form {
	display: block;
	overflow: hidden;
	width: 60%;
}

.page-contact-manages form input {
	display: block;
	width: 90%;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #333;
	margin-bottom: 1em;
	border: 1px solid #ddd;
	text-indent: 1em;
}

.page-contact-manages form textarea {
	display: block;
	width: 90%;
	height: 120px;
	line-height: 40px;
	font-size: 15px;
	color: #333;
	margin-bottom: 1em;
	border: 1px solid #ddd;
	text-indent: 1em;
}

.page-contact-manages form .input-text {
	float: left;
	width: 20%;
	margin-right: 1em;
	overflow: hidden;
}

.page-contact-manages form img {
	display: block;
	float: left;
	height: 40px;
}

.page-contact-manages form p {
	display: block;
	overflow: hidden;
}

.page-contact-manages form .btn-submit {
	text-indent: 0;
	display: block;
	text-align: center;
	border: 0;
	background: #10A56F;
	color: #fff;
	letter-spacing: 2px;
	width: 15em;
	height: 50px;
	line-height: 50px;
}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt a font,
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt a .fa,
.page-contact .p-c-two dd h5 .p-c-shanghai-txt a font,
.page-contact .p-c-two dd h5 .p-c-shanghai-txt a .fa {
	color: #10A56F;
	position: relative;
	z-index: 2;
	display: inline;
	font-size: 14px;
}

.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt a:hover font,
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt a:hover .fa,
.page-contact .p-c-two dd h5 .p-c-shanghai-txt a:hover font,
.page-contact .p-c-two dd h5 .p-c-shanghai-txt a:hover .fa {
	color: #fff;
}


/*
.in-m-company{background: #eef0f3;padding: 50px 0;}
.in-market-2{position: relative;display: block;min-width:76%; max-width: 1300px;margin:8em auto;overflow: hidden;}
.in-market-2 img{display: block;width: 50%;float: right;    margin-right: 1px;}
.in-market-2 .i-m-txt1{ position: absolute;background: #fff;width: 30%;left: 20%;height: 60%;z-index: 1;}
.in-market-2 .i-m-txt1 span{ display: block;color: #000;font-size: 2em;width: 80%;margin: 10% auto 5%;}
.in-market-2 .i-m-txt1 font{    display: block;color: #666;font-size: 17px;letter-spacing: 2px;margin: 0 auto;width: 80%;}
.in-market-2 .i-m-txt1 .a{cursor:pointer;position: relative;}
.in-market-2 .i-m-txt1 .b{cursor:pointer; background:#10A56F;color: #fff;    position: relative;}
.in-market-2 .i-m-txt1 a{display: block;margin:2em 0 0 10%;width: 40%;border: 1px solid #eee;text-align: center;line-height: 40px;}
.in-market-2 .i-m-txt1 a strong{}

.in-market-2 .i-m-txt1 .a #to{    z-index: 1;opacity: 0;width: 0;position: absolute;height: 100%;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s;background: #10A56F;}
.in-market-2 .i-m-txt1 .a .t{display: inline-block;position: relative;z-index: 3;    color: #10A56F;}
.in-market-2 .i-m-txt1 .a .fa{ position: relative;z-index: 2;color: #10A56F;}

 
.in-market-2 .i-m-txt1 .a:hover #to{opacity: 1;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s;width: 100%;}
.in-market-2 .i-m-txt1 .a:hover .t,.in-market-2 .i-m-txt1 .a:hover .fa{ color:#fff; }

.in-market-2 .i-m-txt1 .b #to{ z-index: 1;opacity: 0;width: 0;position: absolute;height: 100%;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s;background: #fff;}
.in-market-2 .i-m-txt1 .b .fa{position: relative;z-index: 3;}
.in-market-2 .i-m-txt1 .b .t{display: inline-block;position: relative;z-index: 3;color:#fff;}
.in-market-2 .i-m-txt1 .b:hover #to{opacity: 1;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s;width: 100%;}
.in-market-2 .i-m-txt1 .b:hover .t{ color:#10A56F; }
.in-market-2 .i-m-txt1 .b:hover .fa-long-arrow-right{ color:#10A56F; }


.i-m-2-pro{ position: absolute;left: 0;bottom: 5%;z-index: 3;width: 60%;}

.i-m-2-pro a{ display: block;overflow: hidden;position: relative;background:#eef0f3;width: 49%;float: left;margin: 0 2% 0 0;}
.i-m-2-pro a:nth-child(2n){ float: right;margin: 0;}
.i-m-2-pro a img{ display: block; width:100%; margin:0 auto;     float: none;}
.i-m-2-pro a .in-pro-txt{   position: relative;bottom: 0;left: 0;width: 80%; padding: 10%;overflow: hidden;background: #fff;}
.i-m-2-pro a .in-pro-txt p{ display: block;float: left;width: 10%;height: 1px;background: #ccc;margin: 10px 0 0 0;}
.i-m-2-pro a .in-pro-txt h4{ display: block;float: right;width: 88%;}
.i-m-2-pro a .in-pro-txt h4 span{ display: block;font-size: 17px;color: #000;letter-spacing: 2px;}
.i-m-2-pro a .in-pro-txt h4 font{display: block;font-size: 14px;color: #666;letter-spacing: 2px;margin: 10px 0 20px;}
.i-m-2-pro a .in-pro-txt h4 .a{     position: relative;display: block;border: 1px solid #10A56F;text-align: center;color: #10A56F;font-size: 16px;line-height: 40px;letter-spacing: 2px;width: 160px;}
.i-m-2-pro a .in-pro-txt h4 .a .fa{position: relative;z-index: 2;color: #10A56F;}

.i-m-2-pro a .in-pro-txt h4 .a #to{  opacity: 0;   position: absolute;width: 0;height: 100%;top: 0;left: 0;z-index: 1;background: #10A56F; }
.i-m-2-pro a .in-pro-txt h4 .a .t{display: inline-block;position: relative;z-index: 3;}
.i-m-2-pro a:hover .in-pro-txt h4 .a #to{  z-index: 1; opacity: 1; width:100%;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s; }

.i-m-2-pro a:hover .in-pro-txt h4 .a .t,.i-m-2-pro a:hover .in-pro-txt h4 .a .fa{color:#fff;}

*/




.hr-list {
	display: block;
	overflow: hidden;
	padding: 100px 0 100px;
}

.job-infos {
	display: block;
	margin: 0 auto;
	width: 98%;
}

.job-infos dl {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	margin-bottom: 70px;
	padding-bottom: 50px;
}

.job-infos dl:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}

.job-infos dl h5 {
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
}

.job-infos dl h5 span {
	display: block;
	float: left;
	width: 60px;
	height: 1px;
	background: #ccc;
	margin: 20px 5px 0 0;
}

.job-infos dl h5 font {
	display: block;
	letter-spacing: 2px;
	font-size: 2.4em;
	line-height: 1;
}

.job-infos dl dd {
	display: block;
	overflow: hidden;
}

.job-infos dl dd a {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 32%;
	margin: 0 2% 2% 0;
}

.job-infos dl dd a:nth-child(3n) {
	float: right;
	margin: 0;
}

.job-infos dl dd a h6 {
	position: relative;
	z-index: 3;
	margin: 0;
	padding: 50px 60px;
	box-shadow: none;
	border: 1px solid #d2d7dc;
	font-size: 20px;
	line-height: 1.1;
	color: #463f4a;
}

.job-infos dl dd a span {
	display: block;
	color: #000;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
}

.job-infos dl dd a font {
	margin: 10px 0;
	display: block;
	color: #999;
	font-size: 14px;
	letter-spacing: 2px;
}

.job-infos dl dd a strong {
	display: block;
	color: #999;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: font2018;
}

.job-infos dl dd a:hover h3 {
	transform: scaleY(1);
	transform-origin: 0 100%;
}

.job-infos dl dd a h3 {
	position: absolute;
	top: 0;
	left: 0;
	background: #eef0f3;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: transform 0.44s cubic-bezier(0, 1, 0.7, 1);
	transform: scaleY(0);
	transform-origin: 100% 0;
}

.job-infos dl dd a .fa {
	opacity: 0;
	position: absolute;
	color: #10A56F;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	top: 50%;
	margin-top: -20px;
	right: 10%;
	z-index: 4;
	font-size: 17px;
}

.job-infos dl dd a:hover .fa {
	opacity: 1;
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}

.job-infos dl dd a:hover h6 span {
	color: #10A56F;
}

.hr-nav {
	display: block;
	overflow: hidden;
}

.hr-nav a {
	position: relative;
	background: #eef0f3;
	display: block;
	float: left;
	width: 50%;
	overflow: hidden;
}

.hr-nav a img {
	display: block;
	float: left;
	width: 50%;
	-webkit-filter: grayscale(100%);
}

.hr-nav a dd {
	position: relative;
	display: block;
	float: left;
	width: 40%;
	overflow: hidden;
	padding: 7% 5% 0;
}

.hr-nav a dd p {
	display: block;
	float: left;
	height: 1px;
	width: 10%;
	background: #999;
	margin: 10px 0 0 0;
}

.hr-nav a dd h4 {
	display: block;
	float: right;
	width: 86%;
	overflow: hidden;
}

.hr-nav a dd h4 span {
	letter-spacing: 2px;
	line-height: 30px;
	height: 30px;
	display: block;
	font-size: 2em;
	margin-bottom: 10px;
	color: #333;
}

.hr-nav a dd h4 font {
	opacity: 1;
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	margin: 20px 0 20px 0;
	color: #666;
	height: 26px;
	line-height: 26px;
}

.hr-nav a dd h4 strong {
	opacity: 0;
	display: block;
	width: 40px;
	text-align: center;
	height: 40px;
	color: #1A4CA7;
	border: 1px solid #1A4CA7;
	line-height: 40px;
	font-size: 16px;
	margin: 0 0 0 1em;
	transition: all 0.7s;
}

.hr-nav a:nth-child(3n) img,
.hr-nav a:nth-child(4n) img {
	float: right;
}

.hr-nav a:hover dd h4 font {
	opacity: 1;
	margin: 20px 0 20px 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.hr-nav a:hover dd h4 strong {
	opacity: 1;
	margin: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
}

.hr-nav a:hover img {
	-webkit-filter: grayscale(0%);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.hr-nav a dd h4 strong:hover {
	color: #fff;
	border: 1px solid #1A4CA7;
	background: #10A56F;
	transition: all 0.7s;
}


.job-show {
	display: block;
	overflow: hidden;
	width: 70%;
	margin: 0 auto 100px;
}

.job-show dd {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	margin-bottom: 50px;
	padding-bottom: 20px;
	margin-top: 50px;
}

.job-show dd p {
	line-height: 42px;
	display: block;
	float: left;
	width: 25%;
	font-size: 16px;
	letter-spacing: 2px;
}

.job-show dd p span {
	color: #999;
}

.job-show dd p font {}

.job-show dd a {
	width: 10%;
	display: block;
	border: 1px solid #10A56F;
	float: right;
	color: #10A56F;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}

.job-show dd a strong {
	margin-left: 5px;
}

.job-show dt {
	display: block;
	overflow: hidden;
	margin: 0 0 50px 0;
}

.job-show dt strong {
	display: block;
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
}

.job-show dt p {
	float: left;
	width: 98%;
	display: block;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 0 0 0 2%;
	line-height: 30px;
	color: #666 !important;
	line-height: 30px;
	font-family: font2018 !important;
}

.job-show h5 {
	display: block;
	font-size: 14px;
	color: #666;
	letter-spacing: 2px;
	margin-top: 50px;
	margin-left: 0;
}

.job-show h5 a {
	color: #10A56F;
	border-bottom: 1px solid;
	letter-spacing: 2px;
	font-size: 14px;
}

.job-show dl {
	display: block;
	overflow: hidden;
	border-top: 1px solid #eee;
	margin: 50px 0 0 0;
	padding-top: 50px;
}

.job-show dl span {
	display: block;
	font-size: 20px;
	margin-bottom: 20px;
	color: #666;
}

.job-show dl h6 {
	text-align: left;
	display: block;
	overflow: hidden;
}

.job-show dl h6 a {
	letter-spacing: 1px;
	display: inline-block;
	border: 1px solid #ccc;
	color: #999;
	text-align: center;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	padding: 0 2%;
	margin: 0 1.6% 1.6% 0;
}

.job-show dl h6 a:hover {
	border: 1px solid #10A56F;
	color: #10A56F;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	transition: 0.1s;
}



.page-ys-left {
	display: block;
	overflow: hidden;
	float: left;
	width: 15%;
	margin-left: 15%;
	padding-top: 150px;
}

.page-ys-left h4 {
	display: block;
	overflow: hidden;
	margin-bottom: 50px;
}

.page-ys-left h4 a {
	display: block;
	border: 1px solid #10A56F;
	color: #10A56F;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width: 50%;
	font-size: 14px;
	margin: 0;
}

.page-ys-left h4 a strong {
	margin-left: 5px;
}

.page-ys-left h5 {}

.page-ys-left h5 p {
	display: block;
	overflow: hidden;
}

.page-ys-left h5 p a {
	display: inline-block;
	color: #333;
	font-size: 14px;
	letter-spacing: 2px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	font-family: font2018;
}

.page-ys-right {
	display: block;
	overflow: hidden;
	float: right;
	width: 48%;
	margin-right: 15%;
	padding-top: 150px;
	min-height: 800px;
	border-left: 1px solid #eee;
	padding-left: 5%;
	padding-bottom: 100px;
}

.page-ys-right h3 {
	display: block;
	border-bottom: 1px solid #eee;
	font-size: 2em;
	margin-bottom: 50px;
	letter-spacing: 2px;
	font-family: font2018;
}


.page-ys-right-1,
.page-ys-right-2 {
	display: block;
	overflow: hidden;
}

.page-ys-right-1 dd {
	display: block;
	overflow: hidden;
	margin-bottom: 50px;
}

.page-ys-right-1 dd span {
	display: block;
	float: left;
	width: 10%;
	height: 1px;
	background: #ccc;
	margin: 10px 0 0 0;
}

.page-ys-right-1 dd p {
	display: block;
	float: right;
	width: 88%;
}

.page-ys-right-1 dd p strong {
	display: block;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
	color: #999;
	margin-bottom: 10px;
}

.page-ys-right-1 dd p font {
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 28px;
	font-family: font2018;
}

.page-ys-right-1 dd p font a {
	color: #10A56F;
	border-bottom: 1px solid #ccc;
}


.page-ys-right-2 dt {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

.page-ys-right-2 dt p {
	display: block;
	float: left;
	width: 0;
	height: 1px;
	background: #ccc;
	margin: 20px 0 0 0;
}

.page-ys-right-2 dt h4 {
	display: block;
	overflow: hidden;
	float: left;
	width: 93%;
	text-align: left;
}

.page-ys-right-2 dt h4 span {
	display: inline-block;
	letter-spacing: 2px;
	font-size: 16px;
	color: #000;
	height: 40px;
	line-height: 40px;
	float: left;
}

.page-ys-right-2 dt h4 a {
	color: #999;
	height: 30px;
	display: inline-block;
	float: left;
	margin-left: 8px;
	border: 1px solid #eee;
	width: 30px;
	line-height: 30px;
	text-align: center;
}

.page-ys-right-5 {
	display: block;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 26px;
	color: #666;
}

.page-ys-right-2 dt h4 a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	color: #1A4CA7;
	border: 1px solid #1A4CA7;
}

.page-ys-right-2 dt h4:hover span {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	color: #1A4CA7;
}


.market-title {
	display: block;
	overflow: hidden;
	padding: 160px 0 100px;
	border-bottom: 1px solid #eee;
}

.market-title dl {
	display: block;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

.market-title dl span {
	display: block;
	float: left;
	width: 5%;
	height: 1px;
	background: #ccc;
	margin: 13px 1em 0 0;
}

.market-title dl dd {
	display: block;
	float: left;
	overflow: hidden;
}

.market-title dl dd h3 {
	letter-spacing: 2px;
	display: block;
	font-size: 16px;
	color: #000;
}

.market-title dl dd font {
	display: block;
	letter-spacing: 2px;
	font-size: 3.6em;
	margin: 60px 0 10px;
	line-height: 1;
	color: #333;
}

.market-title dl dd strong {
	display: block;
	font-size: 15px;
	letter-spacing: 2px;
	color: #000;
	font-weight: normal;
	color: #666;
	font-family: font2018;
}


.market-list {
	overflow: hidden;
	display: block;
	padding: 100px 0 0;
}

.market-list dl {
	display: block;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
}

.market-list dl dd {
	display: block;
	overflow: hidden;
	margin-bottom: 70px;
	padding-bottom: 70px;
	border-bottom: 1px solid #eee;
}

.market-list dl dd #m-l-a {
	display: block;
	float: left;
	width: 50%;
	overflow: hidden;
	position: relative;
}

.market-list dl dd #m-l-a img {
	display: block;
	width: 100%;
	border-radius: 4px;
}

.market-list dl dd #m-l-a .c-l-h6 {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	border-radius: 4px;
}

.market-list dl dd #m-l-a .c-l-h6 #dd {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.market-list dl dd #m-l-a .c-l-h6 #dd #h4 {
	transition: 0.5s;
	display: block;
	width: 20%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.market-list dl dd #m-l-a .c-l-h6 #dd #title {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.market-list dl dd #m-l-a:hover .c-l-h6 {
	opacity: 1;
}

.market-list dl dd #m-l-a:hover .c-l-h6 #dd #h4 {
	width: 5%
}

.market-list dl dd .p {
	display: block;
	overflow: hidden;
	float: left;
	width: 45%;
	position: relative;
	padding: 5% 0 0 5%;
}

.market-list dl dd .p strong {
	display: block;
	font-size: 0.38rem;
	color: #333;
	margin: 6px 0 30px;
	text-transform: uppercase;
	text-align: left;
	font-family: font2018;
	letter-spacing: 2px;
	font-weight: normal;
}

.market-list dl dd .p span {
	display: block;
	letter-spacing: 2px;
	font-size: 0.32rem;
	font-family: font2018;
	font-weight: bold;
}

.market-list dl dd .p font {
	overflow: hidden;
	display: block;
	font-size: 17px;
	letter-spacing: 2px;
	color: #000;
	margin-bottom: 5em;
}

.market-list dl dd .p font .span {
	color: #333;
	display: block;
	margin: 0 0 10px;
	font-size: 0.22rem;
	letter-spacing: 2px;
}

.market-list dl dd .p h3 {
	display: block;
	overflow: hidden;
}

.market-list dl dd .p h3 .market-list-go {
	border: 1px solid #1A4CA7;
	color: #1A4CA7;
}

.market-list dl dd .p h3 .market-list-on {
	border: 1px solid #666;
	color: #666;
}

.market-list dl dd .p h3 a strong {
	font-size: 16px;
	display: inline-block;
	margin: 0 0 0 10px;
	font: normal normal normal 14px/1 FontAwesome;
	color: #666;
}

.market-list dl dd .p h3 a {
	display: block;
	height: 40px;
	text-align: center;
	line-height: 40px;
	width: 30%;
	float: left;
	margin-right: 1em;
}

.market-list dl dd:nth-child(2n) #m-l-a {
	float: right;
}

.market-list dl dd:nth-child(2n) .p {
	padding: 5% 5% 0 0;
	width: 45%;
}

.market-list dl dd:last-child {
	border: 0;
	padding-bottom: 0;
}




/*----------------浏览器下拉条DIV---------------------*/
::-webkit-scrollbar-thumb {
	background: #1A4CA7;
}

::-webkit-scrollbar {
	background: #eee;
	width: 12px;
}




.m-pageer {
	display: block;
	overflow: hidden;
	width: 14.8rem;
	margin: 0 auto;
	padding: 1.04rem 0 1.63rem 0;
}

.m-pageer dl {
	display: block;
	margin: 0 auto;
	overflow: hidden;
}

.m-pageer dl dd {
	position: relative;
	display: block;
	float: left;
	width: 7.2rem;
	height: 8.47rem;
	overflow: hidden;
}

.m-pageer dl dd img {
	display: block;
	width: 100%;
}

.m-pageer dl dt {
	position: relative;
	display: block;
	float: right;
	overflow: hidden;
	padding-bottom: 29.5%;
}

.m-pageer dl dt .m2 {
	margin-bottom: 0;
	position: relative;
}

.m-pageer dl dt .m2 img {
	display: block;
	height: 4.1rem;
}

.m-pageer dl .m-pageer-txt {
	position: absolute;
	width: 80%;
	bottom: 40px;
	left: 40px;
}

.m-pageer dl .m-pageer-txt p {
	display: block;
	float: left;
	height: 1px;
	width: 10%;
	background: #fff;
	margin: 20px 0 0 0;
}

.m-pageer dl .m-pageer-txt h4 {
	display: block;
	float: right;
	width: 88%;
}

.m-pageer dl .m-pageer-txt h4 font {
	display: block;
	letter-spacing: 1px;
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	font-family: font2018;
}

.m-pageer dl .m-pageer-txt h4 span {
	display: block;
	font-size: 0.16rem;
	letter-spacing: 2px;
	color: #fff;
	margin: 1em 0;
}

.m-pageer dl .m-pageer-txt h4 a {
	display: block;
	border: 1px solid #eee;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width: 160px;
	margin: 0;
}

.m-pageer dl .m-pageer-txt h4 a strong {
	font-size: 16px;
	margin-left: 5px;
}

.m-pageer dl dt .m-p-right {
	margin-bottom: 0;
	position: absolute;
	width: 100%;
	bottom: 0;
	right: 0;
}

.m-pageer dl .m-pageer-txt h4 a font,
.m-pageer dl .m-pageer-txt h4 a .fa {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	position: relative;
	z-index: 2;
}

.m-pageer dl .m-pageer-b1 .m-pageer-txt a font,
.m-pageer dl .m-pageer-b1 .m-pageer-txt a .fa {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	position: relative;
	z-index: 2;
}

.m-pageer dl .m-pageer-txt h4 a:hover {
	border: 1px solid #1A4CA7;
}

.m-pageer dl .m-pageer-b1 .m-pageer-txt a:hover font,
.m-pageer dl .m-pageer-b1 .m-pageer-txt a:hover .fa {
	color: #fff;
}

.m-pageer dl .m-pageer-b {
	margin-top: 2.5%;
	position: relative;
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
}

.m-pageer dl .m-pageer-b img {
	display: block;
	width: 100%;
}

.m-pageer dl .m-pageer-b1 p {
	background: #fff;
}

.m-pageer dl .m-pageer-b1 .m-pageer-txt font,
.m-pageer dl .m-pageer-b1 .m-pageer-txt span,
.m-pageer dl .m-pageer-b1 .m-pageer-txt a {
	color: #fff;
}

.m-pageer dl .m-pageer-b1 .m-pageer-txt a {
	border: 1px solid #fff;
	color: #fff;
	margin: 0;
}

.m-pageer dl .m-pageer-b .m-pageer-txt {
	bottom: auto;
	margin-top: -65.5px;
	top: 50%;
}




.in-idc {
	display: block;
	overflow: hidden;
	border-top: 1px solid #eee;
	padding: 70px 0;
}

.in-idc .i-idc-title {
	display: block;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
}

.in-idc .i-idc-title p {
	display: block;
	width: 100px;
	height: 1px;
	background: #999;
	float: left;
	margin: 26px 1em 0 0;
}

.in-idc .i-idc-title h4 {
	display: block;
	float: left;
}

.in-idc .i-idc-title h4 span {
	display: block;
	width: 100%;
	float: left;
	color: #333;
	font-size: 17px;
	letter-spacing: 2px;
}

.in-idc .i-idc-title h4 font {
	display: block;
	font-size: 2em;
	margin-right: 0.5em;
	color: #333;
	margin-top: 5px;
}

.in-idc .i-idc-title h4 strong {}

.in-idc dl {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}

.in-idc dl .i-idc-partners {
	display: block;
	width: 80%;
	margin: 0 0 0 10%;
}

.in-idc dl .i-idc-partners dd {
	position: relative;
	display: block;
	width: 200px;
	height: 200px;
	text-align: center;
	float: left;
	margin: 0 1% 0 0;
	transition: all .5s cubic-bezier(.25, .8, .25, 1);
}

.in-idc dl .i-idc-partners dd img {
	opacity: .3;
	transition: opacity .5s cubic-bezier(.25, .8, .25, 1);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.in-idc dl .i-idc-partners dd:hover img {
	opacity: 1;
}

.in-idc dl .i-idc-partners dd:hover {
	box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}



a:focus {
	outline: none;
	-moz-outline: none;
}


.web-icon .web-icon-title dd #a-bg {
	margin: 0;
}

.web-icon .web-icon-title dd h4 a font {
	display: inline-block;
}

.web-ie {
	position: relative;
	margin-top: -500px;
}

.web-ie dt {
	display: block;
	overflow: hidden;
	margin-bottom: 100px;
}

.web-ie dt h3 {
	color: #10A56F;
	display: block;
	text-align: center;
	font-size: 1.6em;
}

.web-ie dt h4 {
	color: #000;
	display: block;
	height: 1px;
	min-width: 100px;
	background: #eee;
	margin: 10px auto;
	max-width: 5%;
}

.web-ie dt h5 {
	color: #10A56F;
	display: block;
	text-align: center;
	font-size: 3em;
	letter-spacing: 2px;
	margin-bottom: 20px;
	font-family: font2018;
}

.web-ie dt a {
	color: #10A56F;
	border: 1px solid #10A56F;
}

.web-ie dt a strong {
	color: #10A56F;
}

.web-ie img {
	display: block;
	width: 86%;
	margin: 0 auto;
}

.web-ie dl {
	display: block;
	overflow: hidden;
	width: 50%;
	margin: 50px auto;
	color: #666;
}

.web-ie dl dd {
	display: block;
	float: left;
	width: 45%;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	margin: 0 0 2em;
}

.web-ie dl dd h6 {
	display: block;
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 4px;
	color: #000;
	font-weight: bold;
}

.web-ie dl dd p {
	display: block;
	overflow: hidden;
	margin: 0;
}

.web-ie dl dd p span {
	display: block;
	width: 10%;
	height: 1px;
	background: #ccc;
	float: left;
	margin: 10px 0 0 0;
}

.web-ie dl dd p font {
	display: block;
	float: right;
	width: 88%;
	font-size: 16px;
	letter-spacing: 2px;
	color: #999;
}

.web-ie dl dd:nth-child(2n) {
	float: right;
}



.web-zd {
	display: block;
	overflow: hidden;
	padding: 60px 0;
	border-top: 1px solid #eee;
	margin: 60px 0 0;
}

.web-zd dl {
	display: block;
	overflow: hidden;
	width: 14.8rem;
	padding: 0.4rem 0 0 0;
	margin: 0 auto;
}

.web-zd dl dd {
	display: block;
	float: left;
	width: 25%;
	background: #eee;
	margin: 0 2% 0 0;
	padding: 0.66rem 5% 0.66rem 2%;
}

.web-zd dl dd:nth-child(1n) {
	background: #1A4CA7;
}

.web-zd dl dd:nth-child(2n) {
	background: #333;
}

.web-zd dl dd:nth-child(3n) {
	float: right;
	margin: 0;
	background: #eee;
}

.web-zd dl dd span {
	margin-top: 10px;
	display: block;
	float: left;
	width: 15%;
	height: 1px;
	background: #eee;
}

.web-zd dl dd p {
	display: block;
	float: right;
	width: 83%;
	overflow: hidden;
}

.web-zd dl dd p font {
	display: block;
	font-size: 17px;
	letter-spacing: 2px;
	color: #fff;
	margin-bottom: 20px;
}

.web-zd dl dd p strong {
	display: block;
	font-size: 0.18rem;
	/* letter-spacing: 2px; */
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	max-width: 3.18rem;
	height: 0.75rem;
	font-weight: inherit;
	color: #fff;
}

.web-zd dl dd:nth-child(3n) p font,
.web-zd dl dd:nth-child(3n) p strong {
	color: #1A4CA7;
}

.web-zd dl dd:nth-child(3n) span {
	margin-top: 10px;
	display: block;
	float: left;
	width: 15%;
	height: 1px;
	background: #1A4CA7;
}

.web-zd h4 {
	display: block;
	overflow: hidden;
	width: 14.8rem;
	margin: 0 auto;
	text-align: left;
}

.web-zd h4 span,
.web-cb h4 span {
	display: block;
	font-size: 0.28em;
	letter-spacing: 2px;
}

.web-zd h4 font {
	display: block;
	letter-spacing: 2px;
	font-size: 17px;
	float: left;
	margin: 20px 0 0 9%;
}

.web-zd h4 .line,
.web-cb h4 .line {
	display: block;
	overflow: hidden;
	margin: 0.3rem 0;
}

.web-zd h4 .line .l {
	display: block;
	float: left;
	width: 8%;
	height: 1px;
	background: rgba(204, 204, 204, 1);
	margin: 15px 0 0 0;
}

.web-zd h4 .line strong {
	display: block;
	font-size: 0.24rem;
	letter-spacing: 2px;
	line-height: 1.2em;
	/* width: 58%; */
	padding: 0 0 0 1.4rem;
	font-weight: normal;
	color: #666;
	/* float: right; */
	/* margin: 0 18% 0 0;
}


.market-list dl dd .p font .span2 {
	font-size: 18px;
	margin: 0;
	line-height: 28px;
}


.web-cb-bg {
	background-image: url(/style/images/web-cb-bg.png);
	height: 100px;
	background-size: 100% 100%;
}

.web-cb {
	display: block;
	/* overflow: hidden;
	margin: 0; */
	/* background-color: #f6f8fb; */
	/* padding: 30px 0 100px; */
}

.web-cb h4 {
	display: block;
	overflow: hidden;
	width: 50%;
	margin: 0 auto;
	text-align: left;
	border-bottom: 0.01rem solid rgba(204, 204, 204, 1);
	;
}

.web-cb h4 .line strong {
	display: block;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 1.2em;
	margin: 0 0 0 0.2rem;
	/* width: 88%; */
	/* width: 14.8rem; */
	font-weight: normal;
	color: #666;
	float: left;
}

.web-cb h4 font {
	display: block;
	letter-spacing: 2px;
	font-size: 0.32rem;
	width: 100%;
	float: left;
	margin: 0 0 0.15rem 0;
}

.web-cb h4 .line .l {
	display: block;
	float: left;
	width: 0.84rem;
	height: 0.01rem;
	background: rgba(204, 204, 204, 1);
	margin: 10px 0 0 0;
}

.web-cb dl {
	display: block;
	/* width: 50%; */
	margin: 0 auto 50px;
	overflow: hidden;
}

.web-cb dl dd {
	display: block;
	float: left;
	width: 25%;
}

.web-cb dl dd h3 {
	display: block;
	font-size: 1.6em;
	letter-spacing: 2px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.web-cb dl dd h4 {
	display: block;
	width: 100%;
	margin: 0;
	font-size: 16px;
	letter-spacing: 2px;
	color: #666;
	line-height: 38px;
	border: 0;
}

.web-cb dl .web-cb-dt {
	display: block;
	/* float: right; */
	/* width: 70%; */
	width: 14.8rem;
	overflow: hidden;
	margin: 0 auto;
	/* margin-top: 30px; */
}

.web-cb dl .web-cb-dt dt {
	display: block;
	overflow: hidden;
	margin-bottom: 0.3rem;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left {
	display: block;
	overflow: hidden;
	width: 70%;
	float: left;
	border-top: 0.01rem solid rgba(204, 204, 204, 1);
	;
	/* padding-top: 1em; */
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left .w-c-d-l {
	display: block;
	overflow: hidden;
	margin-bottom: 0.1rem;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left .w-c-d-l strong {
	display: block;
	width: 50%;
	height: 6px;
	background: #000;
	margin: 0.25rem 0 0 0;
	/* margin-bottom: 5px; */
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left .w-c-d-l span {
	display: block;
	font-size: 16px;
	padding: 0.08rem 0 0 0;
	letter-spacing: 2px;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-right {
	display: block;
	float: right;
	width: 25%;
	border-top: 1px solid rgba(204, 204, 204, 1);
	padding: 0.3rem 0 0 0;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-right span {
	font-size: 18px;
	letter-spacing: 2px;
	display: block;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-right font {
	display: block;
	font-size: 0.42rem;
	font-family: DINAlternate-Bold, DINAlternate;
	font-weight: bold;
	color: rgba(0, 0, 0, 1);
}


.web-cb dl .web-cb-dt dt .web-cb-dt-left .a1 strong {
	background: rgba(15, 215, 213, 1);
	width: 0%;
	border-radius: 3px;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left .a2 strong {
	background: rgba(63, 115, 255, 1);
	width: 0%;
	border-radius: 3px;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left .a3 strong {
	background: rgba(193, 63, 255, 1);
	width: 0%;
	border-radius: 3px;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left .a4 strong {
	background: #179def;
	width: 0%;
	border-radius: 3px;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left .a5 strong {
	background: #08f57e;
	width: 0%;
	border-radius: 3px;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left .a6 strong {
	background: #0caae8;
	width: 0%;
	border-radius: 3px;
}

.web-cb dl .web-cb-dt dt .web-cb-dt-left .a7 strong {
	background: #bae80c;
	width: 0%;
	border-radius: 3px;
}





.web-contact {
	display: block;
	overflow: hidden;
	margin: 0 0 60px;
	border-top: 1px solid #eee;
	padding-top: 60px;
}

.web-contact form {
	display: block;
	width: 50%;
	margin: 0 auto 30px;
	overflow: hidden;
}

.web-contact form input {
	display: block;
	overflow: hidden;
	border: 0;
	background: #f2f2f2;
	height: 50px;
	text-indent: 1em;
	line-height: 50px;
	float: left;
	width: 24%;
	margin: 0 1% 0 0;
}

.web-contact form #tj {
	margin: 0;
	text-align: center;
	text-indent: 0;
	background: #10A56F;
	color: #fff;
}

.web-contact h6 {
	display: block;
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}

.web-contact h6 img {
	opacity: 0.8;
	display: inline-block;
	vertical-align: top;
	height: 16px;
	margin: 0 10px;
}

.web-contact dd {
	display: block;
	overflow: hidden;
	width: 50%;
	margin: 0 auto 20px;
}

.web-contact dd span {
	display: block;
	float: left;
	width: 10%;
	height: 1px;
	background: #ccc;
	margin: 18px 0 0 0;
}

.web-contact dd h5 {
	display: block;
	float: right;
	width: 88%;
}

.web-contact dd strong {
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: 2px;
	display: block;
	color: #000;
}

.web-contact dd font {
	display: block;
	color: #666;
	font-size: 14px;
	letter-spacing: 2px;
}


.web-contact h6 .fa {
	cursor: pointer;
	font-size: 16px;
	color: #666;
	margin-right: 10px;
	display: block;
	float: left;
	width: 36px;
	height: 36px;
	border: 1px solid #ccc;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
}

.web-contact h6 .fa:hover {
	color: #fff;
	background: #10A56F;
}



.web-case {
	margin-bottom: 100px;
}

.web-case .partner-case {
	padding: 0;
}




.web-icon {
	display: block;
	margin: 100px 0;
}

.web-icon .web-icon-title {
	display: block;
	overflow: hidden;
	background: #f9faff;
	padding-top: 80px;
}

.web-icon .web-icon-title img {
	display: block;
	margin: 0 auto;
	width: 60%;
}

.web-icon .web-icon-title dd {
	display: block;
	width: 60%;
	margin: 0 auto;
	overflow: hidden;
}

.web-icon .web-icon-title dd span {
	display: block;
	float: left;
	width: 10%;
	height: 1px;
	background: #ccc;
	margin: 12px 0 0 0;
}

.web-icon .web-icon-title dd h4 {
	display: block;
	float: right;
	width: 88%;
}

.web-icon .web-icon-title dd h4 strong {
	display: block;
	letter-spacing: 2px;
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 10px;
}

.web-icon .web-icon-title dd h4 font {
	display: block;
	font-size: 1em;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.web-icon .web-icon-title dd h4 a {
	margin: 30px 0 0 0;
	width: 15%;
}

.web-icon .web-icon-title dd h4 a strong {
	display: inline-block;
	font-size: 16px;
	left: 0;
	margin: 0 0 0 5px;
	letter-spacing: 0;
}

.web-icon dl {}

.web-icon dl h6 {
	background-image: url(/style/images/web-icon-3g.png);
	height: 100px;
	background-size: 100% 100%;
	position: relative;
	margin-top: -100px;
}

.w-i-bg-top {
	background-image: url(/style/images/w-i-bg-top.png);
	height: 100px;
	background-size: 100% 100%;
	position: relative;
	margin-top: -100px;
}

.web-icon dl dt {
	display: block;
	overflow: hidden;
	/* margin: 60px auto 50px; */
	margin: 0 auto 50px;
	/* width: 60%; */
	padding: 0 1.4rem;
}

.web-icon dl dt .w-i-all {
	display: block;
	overflow: hidden;
	width: 40%;
	float: left;
	padding: 1% 0 0 1%;
	margin-bottom: 6%;
}

.web-icon dl dt .w-i-all:nth-child(2n) {
	float: right;
}

.web-icon dl dt .w-i-all .w-i-all-2o {
	display: block;
	width: 40px;
	height: 30px;
	position: relative;
}

.web-icon dl dt .w-i-all .w-i-all-2o span {
	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background: #13885d;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.web-icon dl dt .w-i-all .w-i-all-2o span:nth-child(2n) {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
}

.web-icon dl dt .w-i-all img {
	display: block;
	height: 44px;
	width: 44px;
}

.web-icon dl dt .w-i-all .w-i-all-txt {
	display: block;
	overflow: hidden;
	margin-top: 20px;
}

.web-icon dl dt .w-i-all .w-i-all-txt span {
	display: block;
	width: 10%;
	height: 1px;
	background: #ccc;
	float: left;
	margin: 16px 0 0 0;
}

.web-icon dl dt .w-i-all .w-i-all-txt h5 {
	display: block;
	float: right;
	width: 88%;
	overflow: hidden;
}

.web-icon dl dt .w-i-all .w-i-all-txt h5 strong {
	display: block;
	font-size: 1.4em;
	color: #000;
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-align: left;
}

.web-icon dl dt .w-i-all .w-i-all-txt h5 font {
	display: block;
	/* font-size: 16px; */
	text-align: left;
	font-size: 0.16rem;
	letter-spacing: 2px;
	color: #666;
}



.web-icon dl dt .w-i-all:hover img,
.web-icon dl dt .w-i-all:hover .w-i-all-2o {
	-webkit-animation: clockwise .8s linear 0s infinite;
	animation: clockwise 0.8s linear 0s infinite;
}


.news-list-left dl .fy {
	display: block;
	overflow: hidden;
	width: 100%;
	padding-top: 50px;
}

.news-list-left dl .fy a,
.news-list-left dl .fy span {
	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
	display: block;
	color: #333;
	width: auto;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #fff;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 20px;
	font-family: font2018;
	font-size: 14px;
	letter-spacing: 2px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
}

.news-list-left dl .fy span,
.news-list-left dl .fy a:hover {
	background: #10a56f;
	color: #fff;
}


.anli-bottom {
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.anli-bottom dd {
	cursor: pointer;
	position: relative;
	display: block;
	float: left;
	width: 25%;
	overflow: hidden;
}

.anli-bottom dd img {
	display: block;
	width: 100%;
}

.anli-bottom dd p {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.45);
	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
}

.anli-bottom dd h3 {
	height: 100%;
	width: 80%;
	position: absolute;
	z-index: 3;
	top: 50px;
	left: 50px;
}

.anli-bottom dd h3 span {
	display: block;
	color: #fff;
	font-size: 18px;
	LETTER-SPACING: 2PX;
	font-family: font2018;
}

.anli-bottom dd h3 font {
	width: 95%;
	display: block;
	color: #fff;
	font-size: 24px;
	letter-spacing: 1px;
	margin: 20px 0;
	font-family: font2018;
	text-align: left;
	text-transform: uppercase;
}

.anli-bottom dd h3 a {
	bottom: 100px;
	position: absolute;
	width: 40px;
	height: 40px;
	border: 1px solid #10A56F;
	line-height: 40px;
	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
}

.anli-bottom dd h3 a strong {
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: normal;
	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
	color: #10A56F;
}

.anli-bottom dd:hover p {
	background: rgba(255, 255, 255, 0.45);
}

.anli-bottom dd:hover a {
	background: #10A56F;
}

.anli-bottom dd:hover a strong {
	color: #fff;
}


.xinwen-list {
	display: block;
	overflow: hidden;
	padding: 160px 1% 120px;
}

.xinwen-list p {
	display: block;
	float: left;
	margin: 16px 10px 0 0;
	background: #ccc;
	width: 100px;
	height: 1px;
}

.xinwen-list h4 {
	display: block;
	float: left;
}

.xinwen-list h4 span {
	display: block;
	font-size: 17px;
	letter-spacing: 2px;
	color: #333;
}

.xinwen-list h4 strong {
	line-height: 1em;
	display: block;
	color: #10A56F;
	font-size: 2.2em;
	margin-bottom: 10px;
}




.web-lc {
	display: block;
	overflow: hidden;
	/* margin: 50px 0; */
	margin: 0.5rem 0 0 0;
	/* padding-top: 50px; */
}

.web-lc dd {
	display: block;
	/* width: 50%; */
	width: 14.8rem;
	margin: 0 auto 20px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.web-lc dd h3 {
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
}

.web-lc dd h3 span {
	display: block;
	float: left;
	min-width: 100px;
	max-width: 10%;
	height: 1px;
	background: #ccc;
	margin: 10px 0 0 0;
}

.web-lc dd h3 strong {
	display: block;
	float: right;
	width: 88%;
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: 2px;
}

.web-lc dd h4 {
	display: block;
	letter-spacing: 2px;
	font-size: 0.32rem;
	width: 100%;
	float: left;
	margin: 0.1rem 0 0.1rem 0;
}

.web-lc dd h5 {
	display: block;
	font-size: 17px;
	color: #999;
	letter-spacing: 2px;
}


.web-lc .recuite-info {
	display: block;
	/* width: 45%; */
	width: 13.8rem;
	margin: 0 auto;
	position: relative;
	padding-left: 5%;
	padding-bottom: 20px;
}

.web-lc .recuite-top {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-bottom: 1px solid #eee;
	padding: 0 0 30px;
}

.web-lc .recuite-li {
	display: none;
	padding: 20px 0 50px 20%;
}

.web-lc .recuite-li span {
	display: block;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 30px;
	color: #333;
}

.web-lc .recuite-top .left-line {
	height: 100%;
	position: absolute;
	width: 60px;
	left: 0;
	top: 0;
}

.web-lc .recuite-top .fa {
	display: block;
	width: 34px;
	height: 34px;
	background-image: url(http://www.lianfues.com/lfes/style/images/index/icon_content.png);
	background-size: 100% 100%;
	/* background: #10A56F; */
	/* border-radius: 50%; */
	text-align: center;
	line-height: 34px;
	color: #fff;
	z-index: 2;
	position: relative;
	font-size: 14px;
}

.web-lc .recuite-top p {
	z-index: 1;
	height: 100%;
	background: #1A4CA7;
	width: 1px;
	position: absolute;
	top: 0;
	left: 17px;
}




.web-lc .recuite-top .center-1 {
	display: block;
	float: left;
	font-size: 14px;
	letter-spacing: 0px;
	width: 20%;
	color: #666;
}

.web-lc .recuite-top .center-2 {
	display: block;
	float: left;
	width: 70%;
}

.web-lc .recuite-top .center-2 h3 {
	display: block;
	overflow: hidden;
	margin-bottom: 0;
}

.web-lc .recuite-top .center-2 h3 span {
	display: block;
	float: left;
	width: 10%;
	height: 1px;
	background: #ccc;
	margin: 16px 0 0 0;
}

.web-lc .recuite-top .center-2 h3 strong {
	display: block;
	float: left;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 1.4em;
	width: 88%;
}

.web-lc .recuite-top .center-2 h4 {
	display: block;
	letter-spacing: 2px;
	color: #999;
	font-size: 14px;
	padding: 0.1rem 0 0 0;
}

.web-lc .recuite-top .center-3 {
	display: block;
	float: right;
	width: 10%;
	text-align: center;
}

.web-lc .on .recuite-top .center-3 .fa {
	background: none;
	color: #999;
	width: auto;
	height: auto;
	border: 0;
	border-radius: inherit;
	text-align: right;
}

.web-lc .on .recuite-top .center-3 .fa-long-arrow-up {
	display: none;
}

.web-lc .on .on .center-3 .fa-long-arrow-down {
	display: none;
}

.web-lc .on .on .center-3 .fa-long-arrow-up {
	display: block;
}


.web-lc .recuite-top:hover .center-1,
.web-lc .recuite-top:hover .center-2 h3 strong,
.web-lc .recuite-top:hover .center-3 .fa {
	color: #1A4CA7;
}



.webfooer-bottom h3 a {
	color: #999;
}



@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

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

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

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

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

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




.pc-mod-decoration .pc-mode-outer,
.pc-mod-decoration .pc-mode-inner,
.pc-mod-decoration .pc-mode-small {
	width: 1600px;
	height: 1600px;
	margin-top: -800px;
	margin-left: -800px;
}

.pc-mod-decoration .pc-mode-outer,
.pc-mod-decoration .pc-mode-inner,
.pc-mod-decoration .pc-mode-small {
	width: 1600px;
	height: 1600px;
	background: #D0DFFB;
	position: absolute;
	top: 50%;
	margin-top: -800px;
	left: 50%;
	margin-left: -800px;
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0;
	-webkit-animation: ballScale 12s 0s linear infinite;
	-moz-animation: ballScale 12s 0s linear infinite;
	-ms-animation: ballScale 12s 0s linear infinite;
	/* animation: ballScale 12s 0s linear infinite; */
}

.pc-mod-decoration .pc-mode-small {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-delay: 2s;
}

.pc-mod-decoration .pc-mode-inner {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}

@keyframes ballScale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}


.web-team {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 700px;
	padding: 1rem 0 0 0;
}

.pc-mod-decoration {
	width: 1600px;
	height: 1600px;
	position: absolute;
	left: 50%;
	margin-left: -800px;
	margin-top: -800px;
	top: 50%;
}




.web-team .team-s {
	background: none;
	position: relative;
	z-index: 9;
	padding-bottom: 0;
}

.web-team .team-s dl {
	width: 14.8rem;
	padding: 0.7rem 0 0.5rem;
}

.web-team .team-s h4 {
	display: block;
	overflow: hidden;
	width: 14.8rem;
	/* padding: 1rem 0 0 0; */
	margin: 0 auto;
	text-align: left;
}

.web-team .team-s h4 span,
.web-cb h4 span {
	display: block;
	font-size: 2em;
	letter-spacing: 2px;
}

.web-team .team-s h4 font {
	display: block;
	letter-spacing: 2px;
	font-size: 16px;
	float: left;
	margin: 10px 0 0 0.2rem;
}

.web-team .team-s h4 .line,
.web-cb h4 .line {
	display: block;
	overflow: hidden;
	/* margin: 20px 0; */
}

.web-team .team-s h4 .line .l {
	display: block;
	float: left;
	width: 8%;
	height: 1px;
	background: #ccc;
	margin: 20px 0 0 0;
}

.web-team .team-s h4 .line strong {
	display: block;
	font-size: 0.28rem;
	letter-spacing: 2px;
	line-height: 1.2em;
	width: 14.8rem;
	color: #000;
	float: right;
	margin: 0 0 0 0;
	font-weight: normal;
}

.web-team .team-s dl dd,
.web-team .team-s dl dd:nth-child(3n) {
	width: 48%;
	margin: 0 0 3% 0;
	float: left;
}

.web-team .team-s dl dd:nth-child(2n) {
	float: right;
	margin: 0 0 3% 0;
}

.web-team .team-s dl dd strong {
	width: 100%;
	float: left;
}









.web-solution {
	display: block;
	overflow: hidden;
	padding: 0 1%;
	margin: 100px 0;
}

.web-solution dd {
	display: block;
	float: left;
	width: 49.5%;
	overflow: hidden;
	position: relative;
	margin: 0 0 1% 0;
}

.web-solution dd:nth-child(2n) {
	float: right;
}

.web-solution dd img {
	display: block;
	width: 100%;
}

.web-solution dd .w-s-txt {
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 4em;
}

.web-solution dd .w-s-txt span {
	display: block;
	float: left;
	width: 10%;
	height: 1px;
	background: #fff;
	margin: 22px 0 0 0;
}

.web-solution dd .w-s-txt p {
	display: block;
	float: right;
	width: 88%;
}

.web-solution dd .w-s-txt p strong {
	color: #fff;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 10px;
	display: block;
	height: 50px;
	line-height: 50px;
}

.web-solution dd .w-s-txt p font {
	display: block;
	width: 80%;
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
}



input,
button,
select,
textarea {
	outline: none;
}



.case-show-banner {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 100%;
}

.case-show-banner img {
	display: block;
	width: 100%;
}

.case-show-banner .fa {
	position: absolute;
	height: 40px;
	width: 40px;
	border: 1px solid #fff;
	line-height: 40px;
	text-align: center;
	display: block;
	top: 50%;
	margin-top: -31px;
	left: 1%;
	z-index: 2;
	transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
	border-radius: 50%;
}

.case-show-banner .fa-long-arrow-right {
	left: auto;
	right: 1%;
}

.case-show-banner dd {
	position: absolute;
	left: 16%;
	top: 40%;
	width: 80%;
}

.case-show-banner dd strong {
	display: block;
	width: 5%;
	height: 1px;
	background: #fff;
	margin: 30px 0;
}

.case-show-banner dd span {
	display: block;
	color: #fff;
	letter-spacing: 1px;
	font-size: 20px;
	margin-bottom: 20px;
	font-family: font2018;
}

.case-show-banner dd font {
	display: block;
	color: #ccc;
	letter-spacing: 2px;
	font-size: 16px;
	font-family: font2018;
}

.case-show-banner dd p {
	display: block;
	font-size: 50px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: bold;
	text-shadow: 0 0 0.1em #444;
	font-family: font2018;
}

.case-show-banner .fa:hover {
	color: #fff;
	border: 1px solid #10A56F;
	background: #10A56F
}

.case-show-banner dd a .fa {
	position: relative;
	top: 0;
	margin: 0;
	left: 0;
	background: none;
	font-size: 20px;
}


.case-show-title {
	display: block;
	border-top: 1px solid #eee;
	padding: 100px 0 0;
}

.case-show-title dd {
	display: block;
	width: 40%;
	margin: 0 0 0 15%;
}

.case-show-title dd span {
	display: block;
	font-size: 1.4em;
	letter-spacing: 1px;
	margin-bottom: 30px;
	font-family: font2018;
}

.case-show-title dd p {
	display: block;
	overflow: hidden;
}

.case-show-title dd p strong {
	display: block;
	width: 10%;
	height: 1px;
	background: #ccc;
	float: left;
	margin: 12px 0;
}

.case-show-title dd p font {
	font-family: font2018;
	display: block;
	float: right;
	width: 88%;
	font-size: 18px;
	letter-spacing: 2px;
	color: #333;
}




.case-show-case {
	display: block;
	overflow: hidden;
	background: #eef0f3;
	padding: 100px 0 50px;
}

.c-s-c-title {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

.c-s-c-title dd {
	display: block;
	width: 70%;
	margin: 0 auto;
}

.c-s-c-title dd h3 {
	font-size: 26px;
	letter-spacing: 2px;
	font-family: font2018;
}

.c-s-c-title dd h4 {
	display: block;
	font-size: 15px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	color: #999;
}

.c-s-c-title dd h5 {
	display: block;
	width: 6%;
	height: 1px;
	background: #ccc;
	float: left;
	margin: 10px 0;
}

.c-s-c-title dd h6 {
	display: block;
	float: left;
	width: 88%;
	color: #666;
	font-size: 15px;
	letter-spacing: 2px;
}

.case-show-case dl {
	display: block;
	overflow: hidden;
}

.case-show-case dl dt {
	display: block;
	overflow: hidden;
	width: 70%;
	margin: 0 auto;
}

.case-show-case dl dt a {
	display: block;
	float: left;
	width: 23.5%;
	margin: 0 2% 5% 0;
}

.case-show-case dl dt a:nth-child(4n) {
	float: right;
	margin: 0 0 5% 0;
}

.case-show-case dl dt a img {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.case-show-case dl dt a .c-l-txt {}

.case-show-case dl dt a .c-l-txt strong {
	display: block;
	width: 13%;
	float: left;
	height: 1px;
	background: #ccc;
	margin: 20px 0 0 0;
}

.case-show-case dl dt a .c-l-txt p {
	display: block;
	float: right;
	width: 85%;
	overflow: hidden;
}

.case-show-case dl dt a .c-l-txt p span {
	font-size: 26px;
	letter-spacing: 1px;
	display: block;
	font-family: font2018;
	color: #333;
}

.case-show-case dl dt a .c-l-txt p font {
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	color: #666;
}





.case-pic {
	display: block;
	overflow: hidden;
	padding: 100px 15%;
	margin: 100px 0 0;
	background: #eef0f3;
}

.case-pic img {
	display: block;
	width: 40%;
	float: left;
}

.case-pic dl {
	display: block;
	float: right;
	width: 55%;
	padding: 5% 0 0 5%;
	overflow: hidden;
}

.case-pic dl span {
	display: block;
	width: 13%;
	background: #ccc;
	height: 1px;
	float: left;
	margin-top: 10px;
}

.case-pic dl dd {
	display: block;
	width: 85%;
	overflow: hidden;
	float: right;
}

.case-pic dl dd h3 {
	display: block;
	font-size: 18px;
	letter-spacing: 2px;
	font-family: font2018;
}

.case-pic dl dd font {
	display: block;
	font-size: 1.4em;
	letter-spacing: 2px;
	margin: 40px 0;
	font-family: font2018;
}

.case-pic dl dd strong {
	display: block;
	font-size: 15px;
	letter-spacing: 2px;
	font-weight: normal;
	color: #666;
}

.case-pic dl dd a {
	margin: 20px 0 0 0;
	width: 24%;
}

.case-pic dl dd a .fa {
	color: #10A56F;
	display: inline-block;
}



.case-show-design-img {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 100px 0 100px;
	margin: 0 0 100px;
	border-bottom: 1px solid #eee;
}

.case-show-design-img p {}

.case-show-design-img p #img1 {
	position: relative;
	display: block;
	width: 40%;
	left: 15%;
	z-index: 2;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
}

.case-show-design-img p #img2 {
	position: absolute;
	display: block;
	width: 26%;
	top: 300px;
	z-index: 3;
	right: 16%;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
}

.case-show-design-img h3 {
	position: absolute;
	width: 100%;
	height: 400px;
	top: 600px;
	background: #eef0f3;
	z-index: 1;
}



.case-img-design {
	display: block;
	overflow: hidden;
	width: 70%;
	margin: 0 auto;
}

.case-img-design .c-i-d-top {
	display: block;
	overflow: hidden;
	margin: 0 0 1em 0;
	position: relative;
}

.case-img-design .c-i-d-top p {
	display: block;
	font-size: 1.4em;
	letter-spacing: 2px;
	font-family: font2018;
	text-transform: uppercase;
	margin-bottom: 50px;
	width: 70%;
	color: #000;
}

.c-i-d-img {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
}

.c-i-d-img img {
	display: block;
	width: 20%;
	float: left;
	margin-right: 5%;
}



.case-pic-pc {
	background: none;
	margin: 0;
}

.case-pic-pc img {
	float: left;
	width: auto;
	min-width: 940px;
}

.case-pic-pc dl {
	width: 70%;
	float: left;
	padding: 5% 0;
	margin: 50px 0 0 0;
}



.page-ys-right-1 .in-event {
	margin: 0;
	width: 100%;
}

.page-ys-right-1 .in-event a {
	min-height: 75px;
	width: 47.5%;
	float: left;
	margin: 0 5% 3% 0;
}

.page-ys-right-1 .in-event a:nth-child(2n) {
	margin: 0 0 3% 0;
	float: right;
}

.page-ys-right-1 .in-event dl a span {
	font-size: 18px;
	letter-spacing: 1px;
	font-family: font2018;
}

.page-ys-right-1 .in-event dl a .fa {
	bottom: 50px;
}

.page-ys-right-1 .in-event dl a:nth-child(5n) {
	min-height: 75px;
	width: 47.5%;
	float: left;
	margin: 0 0 3% 0;
	margin-right: 0;
}


.page-ys-right-1 .in-event .fy {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 50px;
}

.page-ys-right-1 .in-event .fy a,
.page-ys-right-1 .in-event .fy span {
	display: inline-block;
	vertical-align: top;
	color: #666;
	float: none;
	width: auto;
	margin: 0 10px 0 0;
	line-height: 36px;
	background: #eee;
	padding: 0 16px;
	font-size: 15px;
	font-family: font2018;
	border-radius: 1px;
	min-height: auto;
}

.page-ys-right-1 .in-event .fy span,
.page-ys-right-1 .in-event .fy a:hover,
.page-ys-right-1 .in-event .fy span:hover {
	background: #10A56F;
	color: #fff;
}



.page-ys-left h5 p a:hover {
	color: #10A56F;
	border-bottom: 1px solid #10A56F
}

.case-list a h6 {
	display: block;
	overflow: hidden;
	position: relative;
}

.case-list a h6 .c-l-h6 {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
}

.case-list a h6 .c-l-h6 dd {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.case-list a h6 .c-l-h6 dd #h4 {
	transition: 0.5s;
	display: block;
	width: 20%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.case-list a h6 .c-l-h6 dd #title {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.case-list a:hover h6 .c-l-h6 {
	opacity: 1;
}

.case-list a:hover h6 .c-l-h6 dd #h4 {
	width: 5%;
}

.case-list a h6 img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.case-list a:hover h6 img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}





.lx_box {
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 0;
	transform: translate(-0, -0);
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 99999999999;
}

.lx_box>p {
	margin: 0;
	text-align: right;
}

.lx_box>p>a {
	display: inline-block;
}

.lx_box h3 {
	font-weight: normal;
	font-size: 1.4em;
	color: #0F7349;
	width: 90%;
	margin: 0 auto;
	margin-top: 5%;
	margin-bottom: 2%;
}

.lx_box h4 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 4em;
	width: 90%;
	margin: 0 auto;
}

.lx_box #cbBtn {
	background: #0F7349;
	color: #fff;
	width: 200px;
	line-height: 2em;
	border-radius: 1px;
	margin-left: 5%;
	letter-spacing: 10px;
	font-size: 1.2em;
}

.lx_box #vtel {
	font-size: 1.2em;
	height: 3em;
	border: 0;
	line-height: 2em;
	font-weight: normal;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2%;
	margin-top: 2%;
}

.tel_s {
	position: fixed;
	top: 50%;
	right: 0;
	width: 70px;
	height: auto;
	display: none;
	z-index: 9999999999999;
}

.tel_s>a {
	opacity: 0.99;
	display: block;
	width: 100%;
	background: #10a56f;
	overflow: hidden;
	height: 70px;
	border-bottom: 1px solid #eee;
}

.tel_s a:last-child {
	border: 0;
}

.tel_s a:hover {
	opacity: 1;
}

.tel_s>a>img {
	height: 35px;
	display: block;
	margin: 17.5px auto;
}

.lx_box .website-online {
	position: fixed;
	width: 600px;
	height: auto;
	background: #10A56F;
	top: 30%;
	z-index: 99999999999;
	left: 50%;
	margin-left: -340px;
	padding: 15px;
}

.lx_box .website-online #lx {
	position: absolute;
	top: 50px;
	right: 50px;
}

.lx_box .website-online #lx img {
	display: block;
	width: 24px;
	transition: all .5s;
}

.lx_box .website-online #lx:hover img {
	transform: rotate(180deg);
}

.lx_box .w-o-dl {
	display: block;
	overflow: hidden;
	border: 1px dotted #eee;
	padding: 30px;
}

.lx_box .w-o-dl h3 {
	color: #fff;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 1em;
	margin: 0 0 20px;
}

.lx_box .w-o-dl h4 {
	display: block;
	color: #fff;
	font-size: 50px;
	line-height: 1em;
	letter-spacing: 2px;
	font-family: font2018;
	margin: 0 0 20px;
	font-weight: bold;
}

.lx_box .w-o-dl h5 {
	color: #fff;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 18px;
	line-height: 1em;
	margin: 0 0 30px;
}

.lx_box .w-o-dl h6 {
	display: block;
	overflow: hidden;
	margin: 0 0 30px;
}

.lx_box .w-o-dl h6 a {
	display: inline-block;
	color: #fff;
	font-weight: normal;
	border: 1px solid #eee;
	line-height: 42px;
	padding: 0 8%;
	font-family: font2018;
	margin: 0 3% 0 0;
	overflow: hidden;
	font-size: 16px;
	letter-spacing: 2px;
	position: relative;
}

.lx_box .w-o-dl h6 a:hover span {
	position: relative;
	z-index: 3;
	color: #10a56f;
}

.lx_box .w-o-dl h6 a:hover font {
	left: 0;
	opacity: 1;
}

.lx_box .w-o-dl h6 a font {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: #fff;
	left: -100%;
}

.lx_box .w-o-dl dd {
	display: block;
	overflow: hidden;
}

.lx_box .w-o-dl dd span {
	letter-spacing: 2px;
	display: block;
	float: left;
	color: #fff;
	font-size: 16px;
	margin-right: 5%;
}

.web-ie2018 {
	font-family: Arial, '微软雅黑';
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999999999999;
	background: #666;
	zoom: 1;
}

.web-ie2018 dl {
	position: absolute;
	width: 700px;
	height: auto;
	top: 50%;
	margin-top: -200px;
	left: 50%;
	margin-left: -350px;
	background: #fff;
}

.web-ie2018 dl #img {
	display: block;
	margin: 50px auto;
}

.web-ie2018 dl h3 {
	display: block;
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0 auto 30px;
}

.web-ie2018 dl h4 {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 50px auto 50px;
}

.web-ie2018 dl dd {
	margin: 0 auto 50px;
	display: block;
	text-align: center;
	margin-bottom: 50px;
}

.web-ie2018 dl dd a {
	display: inline-block;
	margin: 0 20px;
}

.web-ie2018 dl dd a img {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 50%;
}

.web-ie2018 dl dd a span {
	display: block;
	font-size: 16px;
	color: #666;
}

.lx_box .w-o-dl h6>a:nth-child(1) {
	background-color: #fff;
	color: #10a56f;
}

.lx_box .w-o-dl h6>a:nth-child(1) font {
	display: none;
}




.p-market2-case {
	display: block;
	overflow: hidden;
	margin: 0 0 4em 0;
}

.p-market2-case .p-m-c-dl {
	display: block;
	width: 80%;
	max-width: 1400px;
	margin: 2em auto 50px;
}

.p-market2-case .p-m-c-dl a h3 {
	position: relative;
	display: block;
	overflow: hidden;
}

.p-market2-case .p-m-c-dl a h3 img {
	display: block;
	width: 100%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.p-market2-case .p-m-c-dl a h3 strong {}

.p-market2-case .p-m-c-dl .p-m-c-title {
	display: block;
	overflow: hidden;
	margin-top: 1em;
}

.p-market2-case .p-m-c-dl .p-m-c-title span {
	display: block;
	width: 10%;
	height: 1px;
	background: #ccc;
	float: left;
	margin: 16px 0 0 0;
}

.p-market2-case .p-m-c-dl .p-m-c-title h4 {
	float: right;
	text-align: left;
	width: 88%;
}

.p-market2-case .p-m-c-dl .p-m-c-title h4 font {
	display: block;
	color: #333;
	font-size: 1.4em;
	letter-spacing: 4px;
	font-family: font2018;
	font-weight: normal;
}

.p-market2-case .p-m-c-dl .p-m-c-title h4 strong {
	display: block;
	font-size: 16px;
	color: #666;
	letter-spacing: 2px;
	font-weight: normal;
}

.p-market2-case .p-m-c-dl a:nth-child(1),
.p-market2-case .p-m-c-dl a:nth-child(2) {
	display: block;
	width: 49.5%;
	overflow: hidden;
	float: left;
	position: relative;
	margin: 0 1% 1% 0;
}

.p-market2-case .p-m-c-dl a:nth-child(2) {
	float: right;
	margin: 0 0 1% 0;
}

.p-market2-case .p-m-c-dl a:nth-child(3),
.p-market2-case .p-m-c-dl a:nth-child(4),
.p-market2-case .p-m-c-dl a:nth-child(5) {
	display: block;
	overflow: hidden;
	float: left;
	width: 32.66666%;
	margin: 0 1% 0 0;
}

.p-market2-case .p-m-c-dl a:nth-child(4) {
	float: left;
	margin: 0 1% 0 0;
}

.p-market2-case .p-m-c-dl a:nth-child(5) {
	float: right;
	margin: 0 0 0 0;
}

.p-market2-case .p-m-c-dl a:nth-child(1) .p-m-c-title,
.p-market2-case .p-m-c-dl a:nth-child(2) .p-m-c-title {
	position: absolute;
	width: 100%;
	bottom: 5%;
	left: 3%;
}

.p-market2-case .p-m-c-dl a:nth-child(1) .p-m-c-title span,
.p-market2-case .p-m-c-dl a:nth-child(2) .p-m-c-title span {
	background: #ddd;
}

.p-market2-case .p-m-c-dl a:nth-child(1) .p-m-c-title h4 font,
.p-market2-case .p-m-c-dl a:nth-child(2) .p-m-c-title h4 font,
.p-market2-case .p-m-c-dl a:nth-child(1) .p-m-c-title h4 strong,
.p-market2-case .p-m-c-dl a:nth-child(2) .p-m-c-title h4 strong {
	color: #eee;
}

.p-market2-case .p-m-c-dl a:hover h3 img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.p-market2-case .p-m-c-dl a h3 .in-l-h6 {
	z-index: 99;
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
}

.p-market2-case .p-m-c-dl a:hover h3 .in-l-h6 {
	opacity: 1;
}

.p-market2-case .p-m-c-dl a h3 .in-l-h6 #h5 {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.p-market2-case .p-m-c-dl a h3 .in-l-h6 #h5 #h4 {
	transition: 0.5s;
	display: block;
	width: 20%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.p-market2-case .p-m-c-dl a:hover h3 .in-l-h6 #h5 #h4 {
	width: 5%;
}

.p-market2-case .p-m-c-dl a h3 .in-l-h6 #h5 #title {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.p-market2-case .p-m-c-dl a:hover .p-m-c-title h4 font,
.p-market2-case .p-m-c-dl a:hover .p-m-c-title h4 strong {
	color: #999;
	transition: 0.5s;
}

.p-m-c-dl-title {
	display: block;
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
}

.p-m-c-dl-title span {
	font-size: 36px;
	letter-spacing: 2px;
	font-family: font2018;
	display: block;
	text-align: center;
}

.p-m-c-dl-title font {
	display: block;
	width: 4%;
	height: 1px;
	background: #ccc;
	margin: 10px auto;
}







.ys {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.ys .ys_title {
	height: 61px;
	position: absolute;
	width: auto;
	top: 40px;
	left: 0;
	z-index: 999;
}

.ys .ys_title>a {
	display: block;
	width: 55px;
	height: 55px;
	margin-right: 15px;
	float: left;
	font-size: 16px;
	color: #000000;
	position: relative;
	transition: all .5s;
	border-radius: 50%;
	border: 3px solid transparent;
	overflow: hidden;
}

.ys .ys_title>a>img {
	width: 100%;
	-webkit-filter: grayscale(100%);
}

.ys .ys_title>.ys_act,
.ys .ys_title>a:hover {
	border-color: #10A56F;
}

.ys .ys_tab {
	width: 100%;
	padding: 0;
	background-color: #FFFFFF;
	height: auto;
	position: relative;
	overflow: hidden;
}

.ys .ys_tab .ys_list {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

.ys .ys_tab .xs {
	opacity: 0;
}

.ys .ys_tab .ys_list>h3 {
	float: right;
	width: 50%;
	position: relative;
	overflow: hidden;
}

.ys .ys_tab .ys_list>h3>img {
	width: 100%;
	display: block;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	-webkit-filter: grayscale(80%);
}

.ys .ys_tab .ys_list>h3 a {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background: rgba(0, 0, 0, 0.7);
}

.ys .ys_tab .ys_list>h3 a dt {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.ys .ys_tab .ys_list>h3 a dt span {
	transition: 0.5s;
	display: block;
	width: 20%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.ys .ys_tab .ys_list>h3 a dt font {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.ys .ys_tab .ys_list>h3 a:hover span {
	width: 5%;
}

.ys .ys_tab .ys_list>h3 a:hover {
	transition: 0.5s;
	opacity: 1;
}

.ys .ys_tab .ys_list>h3:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.p-m-team .ys_title>.ys_act img {
	-webkit-filter: grayscale(0%);
}

.p-m-team {
	display: block;
	width: 80%;
	overflow: hidden;
	margin: 100px auto;
	max-width: 1400px;
}

.p-m-team .ys_tab #ys_tab {
	opacity: 0;
	display: block;
	width: 50%;
	margin: 0 0 0 50%;
}

.ys #h3 {
	display: block;
	overflow: hidden;
	margin-bottom: 0;
}

.ys #h3 span {
	display: block;
	float: left;
	width: 100px;
	background: #ccc;
	height: 1px;
	margin: 7px 7px 0 0;
}

.ys #h3 font {
	display: block;
	float: left;
	font-size: 16px;
	letter-spacing: 1px;
	color: #666;
	line-height: 1em;
}

.ys .ys_tab .ys_list dd {
	display: block;
	overflow: hidden;
	margin-top: 150px;
	float: left;
	width: 40%;
}

.ys .ys_tab .ys_list dd h4 {
	font-family: font2018;
	font-size: 24px;
	letter-spacing: 2px;
	text-align: justify;
	line-height: 34px;
	margin-bottom: 50px;
}

.ys .ys_tab .ys_list dd h5 {}

.ys .ys_tab .ys_list dd h5 span {
	display: block;
	width: 50px;
	background: #ccc;
	height: 1px;
	margin: 0 0 20px 0;
}

.ys .ys_tab .ys_list dd h5 font {
	font-family: font2018;
	display: block;
	font-size: 16px;
	letter-spacing: 1px;
	color: #666;
	line-height: 30px;
}

.ys .ys_tab .ys_list dd h5 font strong {
	font-weight: normal;
	color: #000;
	font-size: 30px;
	margin-left: 10px;
	font-family: font2018;
}



.p-m-partner {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 60px 0;
	background: #f6f6f6;
	margin-top: 50px;
}

.p-m-partner dl {
	display: block;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.p-m-partner dl img {
	background: #eee;
	display: block;
	width: 11.8%;
	float: left;
	margin: 0 1% 1% 0;
	position: relative;
	z-index: 3;
	opacity: 0.9;
	padding: 1% 2%;
}

.p-m-partner dl img:nth-child(6n) {
	float: right;
	margin: 0;
}

.p-m-partner h6 {
	display: block;
	width: 90%;
	margin: 0 auto 2em;
	overflow: hidden;
	position: relative;
}

.p-m-partner h6 span {
	display: block;
	float: left;
	width: 100px;
	background: #ccc;
	height: 1px;
	margin: 17px 15px 0 0;
}

.p-m-partner h6 font {
	font-size: 26px;
	letter-spacing: 2px;
	font-family: font2018;
}

.p-m-partner dl img:hover {
	transition: 0.5s;
	opacity: 1;
	background: #fff;
}







.p-m-partner2 {
	display: block;
	overflow: hidden;
	position: relative;
}

.p-m-partner2 dd {
	position: absolute;
	width: 45%;
	z-index: 2;
	left: 0;
	background: #10A56F;
	top: 0;
	height: auto;
	padding: 5%;
}

.p-m-partner2 dd h4 {
	display: block;
	overflow: hidden;
	margin-bottom: 1em;
}

.p-m-partner2 dd h4 span {
	display: inline-block;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-family: font2018;
}

.p-m-partner2 dd h4 font {
	display: inline-block;
	background: #fff;
	height: 1px;
	width: 50px;
	vertical-align: top;
	margin: 0.6em 0.6em 0 0;
}

.p-m-partner2 dd h5 {
	display: block;
	color: #fff;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 1.6em;
}

.p-m-partner2 dd h6 {
	display: block;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 1em;
	margin-bottom: 2em;
}

.p-m-partner2 dd .p-m-partner2-img {
	display: block;
	overflow: hidden;
}

.p-m-partner2 dd .p-m-partner2-img img {
	display: block;
	float: left;
	width: 25%;
}

.p-m-partner2 a {
	position: relative;
	display: block;
	width: 55%;
	margin: 5% 0 0 45%;
	overflow: hidden;
}

.p-m-partner2 a img {
	display: block;
	width: 100%;
}

.p-m-partner2 a dt {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
}

.p-m-partner2 a dt h3 {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.p-m-partner2 a dt h3 span {
	transition: 0.5s;
	display: block;
	width: 20%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.p-m-partner2 a dt h3 font {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.p-m-partner2 a:hover span {
	width: 5%;
}

.p-m-partner2 a:hover dt {
	transition: 0.5s;
	opacity: 1;
}

/*

.p-m-microsoft{ display: block;width: 80%;max-width: 1400px;margin: 0 auto 50px;overflow: hidden;position: relative;}
.p-m-microsoft h6{ display: block;overflow: hidden;margin-bottom: 40px;}
.p-m-microsoft h6 span{ display: block;text-align: center;font-size: 2.2em;line-height: 1em;margin-bottom: 20px;}
.p-m-microsoft h6 font{ display: block;text-align: center;font-size: 20px;letter-spacing: 2px;color: #666;}
.p-m-microsoft h6 strong{ display: block;text-align: center;line-height: 1em;font-size: 16px;margin-top: 1em;}
.p-m-microsoft dl{ display: block;overflow: hidden;width: 100%;}
.p-m-microsoft dl dd{ display: block;overflow: hidden;margin: 0;padding: 0;border: 0;position: relative;}
.p-m-microsoft dl dd img{ display: block;width: 100%;height: auto;}
.p-m-microsoft dl dd .p-m-m-info{ position: absolute;width: 35%;height: 100%;background: rgba(13, 130, 86, 0.8);padding: 5% 5% 0;z-index: 2;}
.p-m-microsoft dl dd .p-m-m-info span{ display: block;color: #fff;font-size: 3em;margin-bottom: 1em;line-height: 1em;}
.p-m-microsoft dl dd .p-m-m-info font{display: block;color: #eee;letter-spacing: 1px;line-height: 24px;margin-bottom: 1em;}
.p-m-microsoft dl dd .p-m-m-info a{}
.p-m-microsoft dl dt{ display: block;overflow: hidden;background: #10A56F;padding: 5%;text-align: center;}
.p-m-microsoft dl dt span{display: block;text-align: center;color: #fff;font-size: 2em;line-height: 1em;margin-bottom: 1em;}
.p-m-microsoft dl dt font{display: block;text-align: center;color: #eee;font-size: 18px;width: 60%;margin: 0 auto 1em;letter-spacing: 1px;}
.p-m-microsoft dl dt a{}



.p-m-microsoft1{ display: block;width: 80%;max-width: 1400px;margin: 0 auto 0;overflow: hidden;position: relative;}
.p-m-microsoft1 dd{ display: block;float: left;width: 20%;margin: 0 6.6% 50px 0;}
.p-m-microsoft1 dd:nth-child(4n){margin:0;}
.p-m-microsoft1 dd strong{    color: #000; display: block;font-weight: normal;font-size: 22px;letter-spacing: 2px;line-height: 1em;margin-bottom: 0.5em;}
.p-m-microsoft1 dd font{ display: block;letter-spacing: 1px;color: #666;font-size: 14px;line-height: 22px;}
.p-m-microsoft1 dd span{ display: block;text-align: center;width: 80px;height:80px;border: 1px solid #ccc;font-size: 30px;line-height:80px;border-radius: 50%;margin-bottom: 0.5em;}

.p-m-microsoft1 dd:nth-child(1) span,.p-m-microsoft1 dd:nth-child(5) span{ color: #1e56d6; }
.p-m-microsoft1 dd:nth-child(2) span,.p-m-microsoft1 dd:nth-child(6) span{ color: #e3ca23; }
.p-m-microsoft1 dd:nth-child(3) span,.p-m-microsoft1 dd:nth-child(7) span{ color: #10A56F; }
.p-m-microsoft1 dd:nth-child(4) span,.p-m-microsoft1 dd:nth-child(8) span{ color: #bf3838; }

*/




.p-m-market2 {
	display: block;
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
}

.p-m-market2 dl {
	overflow: hidden;
	width: 100%;
	margin: 0 0 100px;
	max-width: 100%;
	padding-bottom: 100px;
	border-bottom: 1px solid #ccc;
}

.p-m-market2 dl dd {
	display: block;
	float: left;
	width: 23%;
	overflow: hidden;
	border: 0;
	margin: 50px 0 0 0;
	padding: 0;
}

.p-m-market2 dl dd span {
	display: block;
	font-size: 40px;
	color: #000;
	line-height: 1em;
	font-family: font2018;
	letter-spacing: 2px;
}

.p-m-market2 dl dd font {
	margin-bottom: 30px;
	font-size: 18px;
	display: block;
	letter-spacing: 2px;
	font-family: font2018;
	text-align: justify;
	line-height: 30px;
	color: #666;
}

.p-m-market2 dl dd h3 {
	display: block;
	width: 15%;
	height: 1px;
	background: #ccc;
	margin: 30px 0;
}

.p-m-market2 dl a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 70%;
	float: right;
}

.p-m-market2 dl a img {
	display: block;
	width: 100%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.p-m-market2 dl a .in-l-h6 {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background: rgba(0, 0, 0, 0.7);
}

.p-m-market2 dl a .in-l-h6 .in-l-h6-4 {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.p-m-market2 dl a .in-l-h6 .in-l-h6-4 span {
	transition: 0.5s;
	display: block;
	width: 16%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.p-m-market2 dl a .in-l-h6 .in-l-h6-4 font {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.p-m-market2 dl a:hover .in-l-h6 .in-l-h6-4 span {
	width: 3%;
}

.p-m-market2 dl a:hover .in-l-h6 {
	opacity: 1;
}

.p-m-market2 dl a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.p-m-market2 dl h6 {
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
}

.p-m-market2 dl h6 span {
	font-family: font2018;
	width: 70%;
	margin: 1em 0 0 30%;
	display: block;
}


.p-m-title-txt {
	display: block;
	overflow: hidden;
	padding: 0 5%;
}

.p-m-title-txt h3 {
	display: block;
	margin: 0 auto 50px;
	padding: 0;
	font-size: 2.4em;
	font-weight: normal;
	font-family: font2018;
	width: 48%;
	color: #999;
}

.p-m-title-txt dl {
	display: block;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin-bottom: 100px;
	padding-bottom: 50px;
}

.p-m-title-txt dl dd {
	border: 0;
	padding: 0;
	float: left;
	width: 21.25%;
	margin: 0 5% 3% 0;
}

.p-m-title-txt dl dd:nth-child(4n) {
	margin: 0;
}

.p-m-title-txt dl dd span {
	color: #000;
	display: block;
	font-size: 1.4em;
	font-family: font2018;
	margin-bottom: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

.p-m-title-txt dl dd font {
	color: #777;
	text-align: left;
	display: block;
	font-family: font2018;
	font-size: 16px;
	letter-spacing: 1px;
}




.p-markt2-t-one {
	display: block;
	overflow: hidden;
	padding: 100px 15%;
	background: #f2f3fa;
}

.p-markt2-t-one dd {
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 50px;
}

.p-markt2-t-one dd .p-markt2-t-one-left {
	position: relative;
	display: block;
	overflow: hidden;
	width: 50%;
}

.p-markt2-t-one dd .p-markt2-t-one-left #img1 {
	z-index: 2;
	display: block;
	overflow: hidden;
	width: 96%;
}

.p-markt2-t-one dd .p-markt2-t-one-right {
	position: absolute;
	top: 50%;
	left: 55%;
	width: 45%;
	margin-top: -140px;
}

.p-markt2-t-one dt {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 4;
	width: auto;
	margin: auto;
}

.p-markt2-t-one dt .p-markt2-t-one-bottom {
	display: block;
	overflow: hidden;
	float: left;
	width: 26.6666666%;
	margin: 0 10% 0 0;
}

.p-markt2-t-one dt .p-markt2-t-one-bottom:nth-child(3n) {
	margin: 0;
}

.p-markt2-t-one dt .p-markt2-t-one-bottom h3,
.p-markt2-t-one dd .p-markt2-t-one-right h3 {
	display: block;
	overflow: hidden;
}

.p-markt2-t-one dt .p-markt2-t-one-bottom h3 span,
.p-markt2-t-one dd .p-markt2-t-one-right h3 span {
	font-family: font2018;
	display: block;
	overflow: hidden;
	float: left;
	color: #000;
	font-size: 1.2em;
	letter-spacing: 2px;
	width: auto;
	font-weight: bold;
}

.p-markt2-t-one dt .p-markt2-t-one-bottom h3 font,
.p-markt2-t-one dd .p-markt2-t-one-right h3 font {
	font-family: font2018;
	display: block;
	float: left;
	width: 70px;
	height: 1px;
	background: #ccc;
	margin: 1em;
}

.p-markt2-t-one dt .p-markt2-t-one-bottom h4,
.p-markt2-t-one dd .p-markt2-t-one-right h4 {
	font-family: font2018;
	display: block;
	font-size: 1.4em;
	color: #000;
	letter-spacing: 2px;
	line-height: 1.2em;
	margin: 0.5em 0;
}

.p-markt2-t-one dt .p-markt2-t-one-bottom h5,
.p-markt2-t-one dd .p-markt2-t-one-right h5 {
	display: block;
	font-size: 1em;
	color: #000;
	font-family: font2018;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.p-markt2-t-one dd .p-markt2-t-one-right h4 {
	font-size: 2.5em;
	text-align: justify;
	line-height: 1.3em;
}



.p-m-title-txt-title {
	width: 90%;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin: 0 auto 100px;
	padding-bottom: 100px;
}

.p-m-title-txt-title h3 {
	display: block;
	margin: 0 auto 30px;
	padding: 0;
	font-size: 40px;
	font-weight: normal;
	font-family: font2018;
	width: 48%;
}

.p-m-title-txt-title h4 {
	display: block;
	margin: 0 auto 100px;
	padding: 0;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: font2018;
	width: 48%;
	color: #555;
	font-size: 18px;
}

.p-m-title-txt-title h5 {
	display: block;
	overflow: hidden;
	margin: 50px 0 0;
	border-top: 1px solid #ccc;
	padding-top: 50px;
}

.p-m-title-txt-title h5 img {
	display: block;
	float: left;
	width: 16%;
	margin: 0 5% 0 0;
}

.p-m-title-txt-title h5 img:nth-child(5n) {
	margin: 0;
}

/*
.p-m-qa{ display: block;overflow: hidden;border-top: 1px solid #ddd;padding: 50px 0;}
.p-m-qa h3{ display: block;width: 50%;margin: 0 auto 0;max-width: 700px;overflow: hidden;}
.p-m-qa h3 span{ display: block;width: 50px;height: 1px;background: #ccc;margin: 20px 0 50px;}
.p-m-qa h3 font{ display: block;font-size: 30px;}
.p-m-qa dd{ display: block;width: 50%;margin: 0 auto 20px;max-width: 700px;overflow: hidden;    border-bottom: 1px solid #eee;    padding: 0 20px 20px; }
.p-m-qa dd span{ display: block;font-weight: bold;font-family: font2018;letter-spacing: 2px;font-size: 14px;line-height: 1em;margin-bottom: 10px;}
.p-m-qa dd font{ display: block;letter-spacing: 1px;font-size: 16px;color: #777;line-height: 24px;}
*/


.p-m-infos {
	display: block;
	overflow: hidden;
	background: #eee;
	padding: 50px 0 50px;
	margin: 0 0 50px 0;
}

.p-market2-case .p-m-infos .p-m-c-dl a:nth-child(1),
.p-market2-case .p-m-infos .p-m-c-dl a:nth-child(2) {}


.p-market2-list {
	display: block;
	overflow: hidden;
}

.p-market2-list dd {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	position: relative;
	display: block;
	float: left;
	width: 33.3333%;
	overflow: hidden;
	border-top: 6px solid #205596;
	background: #eee;
}

.p-market2-list dd img {
	display: block;
	float: left;
	width: 50%;
}

.p-market2-list dd h3 {
	position: absolute;
	width: 45%;
	display: block;
	padding: 0;
	top: 50%;
	right: 0;
	z-index: 2;
	margin-top: -40px;
}

.p-market2-list dd h3 span {
	display: block;
	font-size: 1.8em;
	color: #205596;
	height: 40px;
	line-height: 40px;
}

.p-market2-list dd h3 font {
	display: block;
	color: #666;
	letter-spacing: 1px;
	height: 30px;
	line-height: 30px;
}

.p-market2-list dd:hover {
	border-top: 6px solid #cbce1d;
	background: #fff;
}



.p-m-icon {
	display: block;
	overflow: hidden;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}

.p-m-icon h3 {
	display: block;
	overflow: hidden;
}

.p-m-icon h3 span {
	display: block;
	text-align: center;
	font-size: 2em;
	letter-spacing: 1px;
	line-height: 1em;
}

.p-m-icon h3 font {
	display: block;
	text-align: center;
	font-size: 1.2em;
	color: #666;
	letter-spacing: 1px;
}

.p-m-icon h3 strong {
	display: block;
	height: 1px;
	width: 80px;
	margin: 20px auto;
	background: #ccc;
}

.p-m-icon dl {
	text-align: center;
	display: block;
	width: 80%;
	margin: 50px auto 100px;
}

.p-m-icon dl dd {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	width: 20%;
	float: left;
}

.p-m-icon dl dd .fa {
	transition: 0.3s;
	display: block;
	text-align: center;
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 2.4em;
	background: #666;
	border-radius: 50%;
	margin: 0 auto;
	color: #fff;
}

.p-m-icon dl dd span {
	display: block;
	width: 50px;
	height: 1px;
	background: #ccc;
	margin: 10px auto;
}

.p-m-icon dl dd font {
	display: block;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1em;
	font-weight: normal;
	font-family: font2018;
	color: #666;
}

.p-m-icon dl dd:hover .fa {
	background: #10A56F;
}


















/*******************************医药解决方案开始******************************************/




.p-s-yy-title {
	padding: 5% 2% 2%;
	display: block;
	overflow: hidden;
}

.p-s-yy-title dl {
	display: block;
	float: left;
	width: 23.5%;
	overflow: hidden;
	margin: 0 2% 3% 0;
}

.p-s-yy-title dl:nth-child(4n) {
	margin: 0;
}

.p-s-yy-title dl dt {
	display: block;
	float: left;
	width: 10%;
	overflow: hidden;
	height: 1px;
	background: #ccc;
	margin: 12px 0 0 0;
}

.p-s-yy-title dl dd {
	display: block;
	float: right;
	width: 88%;
	overflow: hidden;
}

.p-s-yy-title dl dd span {
	display: block;
	font-family: font2018;
	letter-spacing: 1px;
	font-size: 1.4em;
	line-height: 1em;
	margin-bottom: 10px;
}

.p-s-yy-title dl dd font {
	display: block;
	font-size: 15px;
	letter-spacing: 2px;
	color: #666;
}




.p-s-yy-top {
	padding: 120px 0;
	display: block;
	overflow: hidden;
	background: #eee;
}

.p-s-yy-top dl {
	display: block;
	overflow: hidden;
	width: 40%;
	margin: 0 auto;
}

.p-s-yy-top dl dd {
	display: block;
	float: left;
	width: 10%;
	height: 1px;
	background: #666;
	margin: 16px 0 0 0;
}

.p-s-yy-top dl dt {
	display: block;
	float: right;
	width: 88%;
	overflow: hidden;
	margin: 0 0 0 0;
}

.p-s-yy-top dl dt h3 {
	display: block;
	font-family: font2018;
	letter-spacing: 1px;
	font-size: 26px;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.p-s-yy-top dl dt h4 {
	display: block;
	font-family: font2018;
	letter-spacing: 2px;
	line-height: 28px;
	font-size: 17px;
	margin-bottom: 36px;
}

.p-s-yy-top dl dt a {
	margin: 0;
	width: 20%;
}

.p-s-yy-case {
	padding: 60px 0;
	display: block;
	overflow: hidden;
}

.p-s-yy-case .p-s-yy-case-title {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 0 1% 30px;
	margin-bottom: 60px;
}

.p-s-yy-case .p-s-yy-case-title h3 {
	display: block;
	float: left;
	width: 50%;
	font-size: 26px;
	letter-spacing: 1px;
}

.p-s-yy-case .p-s-yy-case-title .team-news-a {
	display: block;
	float: right;
}

.p-s-yy-case dl {
	display: block;
	overflow: hidden;
	padding: 0 0.5%;
	width: 100%;
}

.p-s-yy-case dl a {
	display: block;
	overflow: hidden;
	float: left;
	width: 24%;
	margin: 0 0 0 0;
	padding: 0.5%;
	position: relative;
	transition: all .1s;
}

.p-s-yy-case dl a dd {
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #fff;
}

.p-s-yy-case dl a span {
	display: block;
	color: #666;
	font-family: font2018;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.p-s-yy-case dl a font {
	display: block;
	color: #000;
	font-family: font2018;
	letter-spacing: 1px;
	margin-bottom: 60px;
	font-size: 22px;
	line-height: 1.2em;
}

.p-s-yy-case dl a strong {
	display: inline-block;
	color: #666;
	font-family: font2018;
	letter-spacing: 1px;
	margin-bottom: 20px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
}

.p-s-yy-case dl a h4 {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

.p-s-yy-case dl a h4 img {
	display: block;
	width: 100%;
}

.p-s-yy-case dl a:hover span,
.p-s-yy-case dl a:hover font,
.p-s-yy-case dl a:hover strong {
	color: #000;
}

.p-s-yy-case .swiper-button-next,
.p-s-yy-case .swiper-button-prev {
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #10A56F;
	bottom: 60px;
	top: auto;
	left: 1%;
}

.p-s-yy-case .swiper-button-next {
	left: 80px;
}

.p-s-yy-case .swiper-button-next:hover,
.p-s-yy-case .swiper-button-prev:hover {
	border: 1px solid #10A56F;
}

.p-s-yy-case .swiper-container {
	padding-bottom: 90px;
}


.p-s-yy-mk {
	display: block;
	overflow: hidden;
}

.p-s-yy-mk dd {
	display: block;
	overflow: hidden;
}

.p-s-yy-mk dd h3 {
	display: block;
	float: left;
	width: 30%;
	padding: 5% 10% 0 10%;
	overflow: hidden;
}

.p-s-yy-mk dd h3 span {
	display: block;
	font-family: font2018;
	letter-spacing: 1px;
	font-size: 26px;
	margin-bottom: 1em;
}

.p-s-yy-mk dd h3 font {
	display: block;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 18px;
	margin-bottom: 2em;
	color: #666;
}

.p-s-yy-mk dd h3 a {
	margin: 0;
	width: 25%;
}

.p-s-yy-mk dd h3 a font,
.p-s-yy-mk dd:nth-child(2n) h3 a font {
	position: relative;
	z-index: 2;
	font-size: 14px;
	display: inline-block;
	color: #10A56F;
}

.p-s-yy-mk dd h4 {
	display: block;
}

.p-s-yy-mk dd h4 img {
	display: block;
	float: right;
	width: 50%;
}

.p-s-yy-mk dd:nth-child(2n) {
	background: #333;
}

.p-s-yy-mk dd:nth-child(2n) img {
	display: block;
	float: left;
	width: 50%;
}

.p-s-yy-mk dd:nth-child(2n) h3 {
	float: right;
}

.p-s-yy-mk dd:nth-child(2n) h3 span {
	color: #fff;
}

.p-s-yy-mk dd:nth-child(2n) h3 font {
	color: #ddd;
}

.p-s-yy-mk dd:nth-child(2n) h3 a:hover font {
	color: #fff;
}



.p-s-yy-icon {
	padding: 60px 0 90px;
	display: block;
	overflow: hidden;
	position: relative;
	border-top: 1px solid #eee;
}

.p-s-yy-icon dl {
	display: block;
	overflow: hidden;
	float: left;
	width: 17%;
	margin: 0 0 0 0;
	padding: 0 1.5%;
	position: relative;
	transition: all .3s;
}

.p-s-yy-icon dl:nth-child(6n) {
	margin-right: 0;
}

.p-s-yy-icon dl dd {
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #eee;
}

.p-s-yy-icon dl h3 {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #10A56F;
}

.p-s-yy-icon dl h3 img {
	display: block;
	width: 50px;
	margin: 25px;
}

.p-s-yy-icon dl h4 {
	display: block;
	text-align: center;
	font-size: 1.5em;
	border-bottom: 1px solid #eee;
	margin: 1em 0 1em;
	color: #333;
	padding-bottom: 1em;
}

.p-s-yy-icon dl h5 {
	display: block;
	line-height: 1.8em;
	color: #666;
	letter-spacing: 2px;
	font-size: 1em;
}

.p-s-yy-icon dl:nth-child(6n) dd {
	display: none;
}





.p-s-yy-page {
	padding: 90px 0;
	display: block;
	overflow: hidden;
	position: relative;
	background: #eee;
}

.p-s-yy-page h5 {
	display: block;
	width: 40%;
	margin: 0 0 50px 90px;
	letter-spacing: 2px;
	font-size: 1.1em;
	color: #333;
	line-height: 1.6em;
	padding: 0 1%;
	font-family: font2018;
	text-transform: uppercase;
}

.p-s-yy-page h4 {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0 1%;
}

.p-s-yy-page h4 span {
	display: inline-block;
	background: #ccc;
	margin: 0.7em 10px 0 0;
	font-size: 2em;
	letter-spacing: 1px;
	width: 80px;
	height: 1px;
	vertical-align: top;
}

.p-s-yy-page h4 font {
	display: inline-block;
	color: #000;
	font-size: 2em;
	letter-spacing: 2px;
	font-family: font2018;
	text-transform: uppercase;
}

.p-s-yy-page dd {
	display: block;
	width: 80%;
	margin: 0 0 80px;
	overflow: hidden;
	background: #fff;
}

.p-s-yy-page dd img {
	display: block;
	overflow: hidden;
	float: left;
	width: 62.5%;
}

.p-s-yy-page dd h3 {
	display: block;
	overflow: hidden;
	float: right;
	width: 27.5%;
	padding: 5% 5% 0 5%
}

.p-s-yy-page dt {
	display: block;
	width: 60%;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
}

.p-s-yy-page dt h3 {
	display: block;
	overflow: hidden;
	float: left;
	width: 40%;
	padding: 5% 5% 0 5%
}

.p-s-yy-page dt h3 span,
.p-s-yy-page dd h3 span {
	display: block;
	letter-spacing: 2px;
	font-size: 22px;
	color: #444;
	text-transform: uppercase;
	font-family: font2018;
}

.p-s-yy-page dt h3 font,
.p-s-yy-page dd h3 font {
	display: block;
	letter-spacing: 1px;
	font-size: 18px;
	color: #666;
}

.p-s-yy-page dt h3 strong,
.p-s-yy-page dd h3 strong {
	display: block;
	width: 50px;
	height: 1px;
	background: #ccc;
	margin: 16px 0;
}

.p-s-yy-page dt img {
	display: block;
	overflow: hidden;
	float: right;
	width: 50%;
}


.web-zd {
	padding: 60px 0 0;
	border: 0;
	margin: 0;
}

.web-zd h4 {
	width: 14.8rem;
}

.web-zd h4 .line strong {
	font-size: 0.24em;
}


.p-s-yy-title-4icon {
	display: block;
	overflow: hidden;
	padding: 90px 3% 40px;
}

.p-s-yy-title-4icon dd,
.p-s-yy-title-4icon-txt dd {
	position: relative;
	display: block;
	float: left;
	width: 22.75%;
	overflow: hidden;
	margin: 0 3% 0 0;
}

.p-s-yy-title-4icon dd:nth-child(4n),
.p-s-yy-title-4icon-txt dd:nth-child(4n) {
	margin: 0;
}

.p-s-yy-title-4icon dd img {
	display: block;
	width: 100%;
	margin: 0 auto;
	border-radius: 50%;
}

.p-s-yy-title-4icon dd p {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
}

.p-s-yy-title-4icon dd p span {
	font-size: 30px;
	font-family: font2018;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	letter-spacing: 1px;
	margin-top: -42.5px;
}

.p-s-yy-title-4icon-txt {
	display: block;
	overflow: hidden;
	padding: 0 3% 90px;
}

.p-s-yy-title-4icon-txt dd span {
	display: block;
	text-align: center;
	font-size: 1.8em;
	letter-spacing: 1px;
	line-height: 1em;
}

.p-s-yy-title-4icon-txt dd strong {
	display: block;
	width: 50px;
	height: 1px;
	background: #ccc;
	margin: 20px auto;
}

.p-s-yy-title-4icon-txt dd font {
	display: block;
	font-family: font2018;
	letter-spacing: 2px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 36px;
}







/*
.p-s-yy-info{ padding: 120px 10%;display: block;overflow: hidden;background:#f8f8f8; position: relative;}
.p-s-yy-info h6{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background-image: url(../images/p-s-yy-info-bg.png);}
.p-s-yy-info dl{ display: block;overflow: hidden;position: relative;z-index: 2;}
.p-s-yy-info dl dd{ display: block;float: left;width: 45%;overflow: hidden;}
.p-s-yy-info dl dd h5{ font-size: 1.6em; display: block;letter-spacing: 1px; margin-bottom: 1em;}
.p-s-yy-info dl dd h3{text-transform: uppercase;display: block;overflow: hidden;margin-bottom: 2em;font-family: font2018;}
.p-s-yy-info dl dd h3 span{ display: inline-block;background: #ccc;margin: 0.7em 10px 0 0;font-size: 2em;letter-spacing: 1px;width: 80px;height: 1px;vertical-align: top;}
.p-s-yy-info dl dd h3 font{ display: inline-block; color: #000; font-size: 2em;letter-spacing:2px;}
.p-s-yy-info dl dd h4{ display: block;letter-spacing: 1px;color: #666;font-size: 17px; line-height: 2em; margin-bottom: 50px;padding-left: 90px;}
.p-s-yy-info dl dd a{ width:20%; margin: 0 0 0 90px; }
.p-s-yy-info dl dt{ display: block;float: right;width: 36%;overflow: hidden;}
.p-s-yy-info dl dt h3{ position: relative;    display: block;overflow: hidden;background: #ccc;padding: 3em 0; margin:0 0 1em 0;}
.p-s-yy-info dl dt h3:nth-child(1){ background: #ceded8; }
.p-s-yy-info dl dt h3:nth-child(2){ background: #10A56F; }
.p-s-yy-info dl dt h3:nth-child(3){ background: #757575; }
.p-s-yy-info dl dt h3 p{display: block; overflow: hidden; width: 50%; margin: 0 auto;}
.p-s-yy-info dl dt h3 p span{ display: block; font-size: 2em;color: #fff;letter-spacing: 1px;}
.p-s-yy-info dl dt h3 p font{ display: block;color: #fff;font-size: 1.1em;letter-spacing: 1px;}
.p-s-yy-info dl dt h3:nth-child(1) span,.p-s-yy-info dl dt h3:nth-child(1) font{color: #10A56F;}
.p-s-yy-info dl dt h3 strong{position: absolute;width: 20%;height: 100%;background: rgba(255, 255, 255, 0.2);top: 0;left: 0;}
.p-s-yy-info dl dt h3 .line{ position: absolute;width: 10%;height: 1px;background: #fff;top: 45%;left: 13%;}



.p-solutions-bottom{ display: block;overflow: hidden;padding: 0 1.5%;margin: 0 0 60px 0;}
.p-solutions-bottom dd{display: block;overflow: hidden;float: left;width: 30%;}
.p-solutions-bottom dd h3{display: block;font-family: font2018;letter-spacing: 1px;font-size: 1.4em;    margin-bottom: 30px;}
.p-solutions-bottom dd h4,.p-solutions-bottom dd h5{display: block;overflow: hidden;}
.p-solutions-bottom dd h4 a{    display: block;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 16px;padding-bottom: 16px;}
.p-solutions-bottom dd h4 a span{display: block;color: #000; font-family: font2018; letter-spacing: 1px;font-size: 12px;}
.p-solutions-bottom dd h4 a font{display: block;color: #666;letter-spacing: 1px;font-size: 16px;line-height: 32px;}
.p-solutions-bottom dd h5 a{ margin: 20px 0 0 0; width: 22%; }

.p-solutions-bottom dt{ display: block;float: left;margin: 0 3%;overflow: hidden;position: relative;width:45%;}
.p-solutions-bottom dt img,.p-solutions-bottom dl a img{display: block;width: 100%;}
.p-solutions-bottom dt .p-solutions-bottom-dl{ display: block;overflow: hidden;margin-top: 20px;  }
.p-solutions-bottom dt .p-solutions-bottom-dl strong{display: block;float: left;width: 16%;height: 1px;background: #ccc; margin: 15px 0 0 0;}
.p-solutions-bottom dt .p-solutions-bottom-dl p{ display: block;float: right;width: 82%; }
.p-solutions-bottom dt .p-solutions-bottom-dl p span{display: block;color: #333;letter-spacing: 1px;font-size: 1.4em;margin-bottom:10px;}
.p-solutions-bottom dt .p-solutions-bottom-dl p font{display: block;color: #999;letter-spacing: 1px;font-size: 16px;font-family: font2018;}

.p-solutions-bottom dl{ display: block;float: right;width: 19%;overflow: hidden;}
.p-solutions-bottom dl a{display: block; width: 100%;overflow: hidden; margin-bottom: 30px; }
.p-solutions-bottom dl a .p-solutions-bottom-dl{ margin-top: 20px;display: block;overflow: hidden;}
.p-solutions-bottom dl a .p-solutions-bottom-dl strong{ display: block;float: left;width: 20%;height: 1px;background: #ccc; margin: 15px 0 0 0;}
.p-solutions-bottom dl a .p-solutions-bottom-dl p{ display: block;float: right;width: 78%;  }
.p-solutions-bottom dl a .p-solutions-bottom-dl p span{display: block;color: #333;letter-spacing: 1px;font-size: 1.2em; margin-bottom:10px;}
.p-solutions-bottom dl a .p-solutions-bottom-dl p font{display: block;color: #999;letter-spacing: 1px;font-size: 15px;font-family: font2018;}
*/



/*******************************医药解决方案结束******************************************/













/*******************************总解决方案开始******************************************/



.p-solution-txt {
	display: block;
	background: #f8f8f8;
	overflow: hidden;
	position: relative;
	padding: 120px 0;
}

.p-solution-txt dl {
	position: relative;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

.p-solution-txt dl h5 {
	display: block;
	float: left;
	width: 20%;
	overflow: hidden;
	margin: 0 0 0 0;
}

.p-solution-txt dl h5 span {
	display: block;
	width: 50%;
	height: 1px;
	background: #ccc;
	float: left;
	margin: 1em 0 0 0;
}

.p-solution-txt dl h5 font {
	color: #000;
	display: inline-flex;
	width: 50%;
	text-transform: uppercase;
	font-family: font2018;
	font-size: 1.4em;
	letter-spacing: 2px;
	float: left;
}

.p-solution-txt dl dd {
	display: block;
	float: right;
	width: 70%;
}

.p-solution-txt dl dd h3 {
	display: block;
	color: #000;
	font-family: font2018;
	font-size: 2.5em;
	line-height: 1em;
	text-transform: uppercase;
}

.p-solution-txt dl dd h4 {
	display: block;
	color: #000;
	font-family: font2018;
	font-size: 1.4em;
	line-height: 1em;
	letter-spacing: 2px;
	margin: 1.5em 0;
}

.p-solution-txt dl dd h6 {
	color: #444;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 2px;
	margin: 2em 0 3em;
	line-height: 1.8em;
}

.p-solution-txt dl dd a {
	margin: 0;
	width: 16%;
}


.p-solution-1 {
	display: block;
	overflow: hidden;
	position: relative;
}

.p-solution-1 dl {
	position: relative;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding: 100px 10%;
	background: #f8f8f8;
}

.p-solution-1 dl p {
	position: absolute;
	width: 66%;
	top: 0;
	right: 0;
	height: 100%;
	background: #eee;
}

.p-solution-1 dl .toa {
	display: block;
	float: left;
	width: 70%;
	position: relative;
	overflow: hidden;
}

.p-solution-1 dl .toa img {
	display: block;
	width: 100%;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.p-solution-1 dl .toa .c-l-h6 {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
}

.p-solution-1 dl .toa .c-l-h6 #dd {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.p-solution-1 dl .toa .c-l-h6 #dd #h4 {
	transition: 0.5s;
	display: block;
	width: 20%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.p-solution-1 dl .toa .c-l-h6 #dd #title {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.p-solution-1 dl .toa:hover .c-l-h6 {
	opacity: 1;
}

.p-solution-1 dl .toa:hover .c-l-h6 #dd #h4 {
	width: 5%;
}

.p-solution-1 dl .toa:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.p-solution-1 dl .right {
	position: absolute;
	top: 50%;
	right: 15%;
	width: 15%;
	margin-top: -140px;
}

.p-solution-1 dl .right .title {
	display: block;
	font-size: 1.8em;
	letter-spacing: 2px;
	line-height: 1em;
	margin-bottom: 30px;
}

.p-solution-1 dl .right .txt {
	color: #444;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 2em 0 3em;
	line-height: 1.8em;
}

.p-solution-1 dl .right a {
	margin: 0;
	width: 35%;
}

.p-solution-1 dl .right .en {
	text-transform: uppercase;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 1.2em;
	color: #999;
	margin-bottom: 1em;
}

.p-solution-1 dl:nth-child(2n) {
	background: none;
}

.p-solution-1 dl:nth-child(2n) .toa {
	float: right;
}

.p-solution-1 dl:nth-child(2n) .right {
	right: 0;
	left: 10%;
	width: 20%;
}

.p-solution-2 {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 0 0 0;
}

.p-solution-2 h5 {
	display: block;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

.p-solution-2 h5 span {
	display: inline-flex;
	width: 18%;
	height: 1px;
	background: #ccc;
	margin: 0.1em 0 0 1em;
}

.p-solution-2 h5 font {
	color: #000;
	display: inline-flex;
	text-transform: uppercase;
	font-family: font2018;
	font-size: 14px;
	letter-spacing: 2px;
}

.p-solution-2 dl {
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 60px 0;
	padding: 0 1%;
}

.p-solution-2 dl a {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: 32.666%;
	margin: 0 1% 1% 0;
}

.p-solution-2 dl a:nth-child(3n) {
	margin: 0;
}

.p-solution-2 dl a h4 {
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.p-solution-2 dl a h4 img {
	display: block;
	width: 100%;
	transition: all .5s;
}

.p-solution-2 dl a h4 p {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	transition: all .5s;
	opacity: 1;
}

.p-solution-2 dl a dd {
	position: absolute;
	width: 80%;
	height: auto;
	bottom: 10%;
	left: 10%;
	z-index: 2;
}

.p-solution-2 dl a dd .en {
	text-transform: uppercase;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 1.2em;
	color: #fff;
	margin-bottom: 1em;
}

.p-solution-2 dl a dd .title {
	display: block;
	font-size: 1.8em;
	letter-spacing: 2px;
	line-height: 1em;
	margin-bottom: 1em;
	color: #fff;
}

.p-solution-2 dl a dd .txt {
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0.5em 0 1em;
	line-height: 1.8em;
	font-family: font2018;
	text-transform: uppercase;
}

.p-solution-2 dl a dd .fa {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	border: 1px solid #fff;
	line-height: 40px;
	font-size: 18px;
}

.p-solution-2 dl a:hover h4 img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.p-solution-2 dl a:hover dd .fa {
	border: 1px solid #10A56F;
	background: #10A56F;
	color: #fff;
}

.p-solution-2 dl a:hover h4 p {
	opacity: 0;
	left: 100%;
}


.p-solution-3 p {
	right: auto;
	left: 0
}

.p-solution-3 dl .toa {
	float: right;
}

.p-solution-3 dl .right {
	right: auto;
	left: 10%;
	width: 20%;
}

.p-solution-4 {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 60px 0 0;
}

.p-solution-4 .p-solution-4-title {
	display: block;
	width: 80%;
	margin: 90px auto;
	overflow: hidden;
}

.p-solution-4 .p-solution-4-title .line {
	display: block;
	width: 10%;
	height: 1px;
	background: #ccc;
	float: left;
	margin: 1em 0 0 0;
}

.p-solution-4 .p-solution-4-title h4 {
	display: block;
	overflow: hidden;
	width: 85%;
	float: right;
}

.p-solution-4 .p-solution-4-title h4 span {
	display: block;
	color: #000;
	font-family: font2018;
	font-size: 1.8em;
	line-height: 1em;
	letter-spacing: 2px;
	margin: 0 0 1.5em 0;
}

.p-solution-4 .p-solution-4-title h4 font {
	color: #444;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 2px;
	margin: 2em 0 3em;
	line-height: 1.8em;
	width: 65%;
	display: block;
	font-family: font2018;
	text-transform: uppercase;
}

.p-solution-4 .p-solution-4-img {
	background: #ededed;
	display: block;
	position: relative;
}

.p-solution-4 .p-solution-4-img img {
	z-index: 2;
	display: block;
	width: 56%;
	margin: 0 0 0 10%;
	position: relative;
}

.p-solution-4 .p-solution-4-img p {
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1;
}

.p-solution-4 .p-solution-4-info {
	background: #ededed;
	padding: 0 15% 90px;
	overflow: hidden;
}

.p-solution-4 .p-solution-4-info h5 {
	display: block;
	overflow: hidden;
	line-height: 1em;
	margin-bottom: 30px;
	font-size: 2em;
	letter-spacing: 2px;
}

.p-solution-4 .p-solution-4-info .line {
	display: block;
	width: 6%;
	height: 1px;
	margin: 30px 0;
	background: #999;
}

.p-solution-4 .p-solution-4-info dl {
	display: block;
	width: 65%;
	overflow: hidden;
}

.p-solution-4 .p-solution-4-info dl dd {
	display: block;
	float: left;
	width: 30%;
	font-family: font2018;
	letter-spacing: 2px;
}

.p-solution-4 .p-solution-4-info dl dt {
	color: #444;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 2px;
	margin: 0;
	line-height: 1.8em;
	float: right;
	width: 65%;
}

.p-solution-4 .p-solution-4-info dl dt a {
	width: 24%;
	margin: 60px 0 0 0;
}

.p-solution-4 .p-solution-4-info dl dt h4 {
	margin: 0 0 30px 0;
	font-size: 18px;
}

.p-solution-4 .p-solution-4-info dl dt h6 {
	color: #999;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 2px;
	margin: 0;
	line-height: 1.8em;
}


.p-solution-bottom {
	display: block;
	overflow: hidden;
}

.p-solution-bottom a {
	display: block;
	overflow: hidden;
	float: left;
	width: 33.3333%;
	position: relative;
}

.p-solution-bottom a p {
	transition: all .5s;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
}

.p-solution-bottom a img {
	display: block;
	width: 100%;
}

.p-solution-bottom a dd {
	position: absolute;
	bottom: 10%;
	left: 5%;
	width: 90%;
}

.p-solution-bottom a dd .line {
	display: block;
	float: left;
	width: 15%;
	height: 1px;
	background: #ddd;
	margin: 0.5em 0 0 0;
}

.p-solution-bottom a dd .center {
	display: block;
	overflow: hidden;
	float: right;
	width: 80%;
}

.p-solution-bottom a dd .center span {
	display: block;
	line-height: 1em;
	font-family: font2018;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.p-solution-bottom a dd .center strong {
	font-family: font2018;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	line-height: 1em;
	margin: 20px 0;
	font-size: 2.2em;
}

.p-solution-bottom a dd .center font {
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	color: #eee;
	margin: 0 0 20px;
}

.p-solution-bottom a dd .center .fa {
	transition: all .5s;
	OPACITY: 0;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	border: 1px solid #10A56F;
	line-height: 40px;
	font-size: 18px;
	margin-left: 2em;
	background: #10A56F;
}

.p-solution-bottom a:hover dd .center .fa {
	OPACITY: 1;
	margin-left: 0;
}

.p-solution-bottom a:hover dd .center span,
.p-solution-bottom a:hover dd .center strong,
.p-solution-bottom a:hover dd .center .font {
	color: #eee;
}

.p-solution-bottom a:hover p {
	OPACITY: 0;
}



/*******************************总解决方案开始******************************************/











/*******************************能源材料开始******************************************/

.p-s-ny-1 {
	display: block;
	overflow: hidden;
	padding: 120px 0 0;
}

.p-s-ny-1 dd {
	display: block;
	overflow: hidden;
	padding: 0 10%;
}

.p-s-ny-1 dd h3 {
	display: block;
	font-family: font2018;
	text-transform: uppercase;
	color: #10a56f;
	font-size: 3em;
	letter-spacing: 2px;
}

.p-s-ny-1 dd h4 {
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 60px 0;
}

.p-s-ny-1 dd h4 p {
	display: inline-flex;
	width: auto;
	margin: 0;
	overflow: hidden;
}

.p-s-ny-1 dd h4 p span {
	display: inline-flex;
	float: left;
	width: 80px;
	height: 1px;
	background: #ccc;
	margin: 10px 1em 0 0;
}

.p-s-ny-1 dd h4 p font {
	display: inline-flex;
	font-size: 18px;
	letter-spacing: 4px;
	height: 20px;
	line-height: 20px;
}

.p-s-ny-1 dd h4 p:nth-child(1) {
	float: left;
}

.p-s-ny-1 dd h4 p:nth-child(2) {}

.p-s-ny-1 dd h4 p:nth-child(3) {
	float: right;
}

.p-s-ny-1 dl {
	display: block;
	overflow: hidden;
	padding: 60px 10% 0;
	position: relative;
}

.p-s-ny-1 dl dt {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.p-s-ny-1 dl dt h3 {
	display: block;
	top: 50%;
	width: 25%;
	position: absolute;
	margin-top: -80px;
	left: 0;
	z-index: 3;
}

.p-s-ny-1 dl dt h3 span {
	display: block;
	font-size: 2em;
	font-family: font2018;
	letter-spacing: 2px;
	margin-bottom: 20px;
	text-align: left;
}

.p-s-ny-1 dl dt h3 font {
	display: block;
	line-height: 28px;
	font-size: 18px;
	color: #666;
	letter-spacing: 2px;
}

.p-s-ny-1 dl dt img {
	float: right;
	width: 70%;
	display: block;
	position: relative;
	z-index: 3;
}

.p-s-ny-1 dl p {
	position: absolute;
	width: 40%;
	height: 100%;
	right: 0;
	top: 0;
	background: #10a56f;
	z-index: 1;
}

.p-s-ny-2 {
	display: block;
	overflow: hidden;
	padding: 120px 10% 60px;
	background: #eceff3;
}

.p-s-ny-2 dd {
	display: block;
	overflow: hidden;
	float: left;
	width: 45%;
}

.p-s-ny-2 dd .line,
.p-s-ny-2 dt .line {
	display: block;
	float: left;
	width: 15%;
	height: 1px;
	background: #ccc;
	margin: 0.5em 0 0 0;
}

.p-s-ny-2 dd .center,
.p-s-ny-2 dt .center {
	display: block;
	float: right;
	width: 80%;
	overflow: hidden;
}

.p-s-ny-2 dd .center h3,
.p-s-ny-2 dt .center h3 {
	display: block;
	font-size: 1.6em;
	line-height: 1em;
	margin-bottom: 30px;
	letter-spacing: 2px;
}

.p-s-ny-2 dd .center h4,
.p-s-ny-2 dt .center h4,
.p-s-ny-5 dd .center h4 {
	display: block;
	line-height: 28px;
	letter-spacing: 1px;
	color: #666;
	font-size: 17px;
	margin-bottom: 40px;
}

.p-s-ny-2 dd .center a {
	margin: 0;
	width: 20%;
}

.p-s-ny-2 dt {
	display: block;
	overflow: hidden;
	float: right;
	width: 30%;
	padding: 5%;
	background: #fff;
}



.p-s-ny-3 {
	display: block;
	overflow: hidden;
	padding: 0;
	background: none;
}

.p-s-ny-3 dd {
	background: #10a56f;
	padding: 6% 10%;
	width: 30%;
}

.p-s-ny-3 dd .center h3,
.p-s-ny-3 dd .center h4 {
	color: #fff;
}

.p-s-ny-3 dt {
	float: left;
	margin: 0 0 0 3%;
	padding: 6% 5%;
}

.p-s-ny-4 {
	border-bottom: 1px solid #eee;
	padding-bottom: 2%;
}

.p-s-ny-4 dd {
	background: none;
	padding: 5% 10% 0;
}

.p-s-ny-4 dt {
	padding: 5% 5% 0;
}

.p-s-ny-4 dd .center h3,
.p-s-ny-4 dd .center h4 {
	color: #000;
}

.p-s-ny-5 {
	display: block;
	overflow: hidden;
	padding: 0;
	background: #eceff3;
}

.p-s-ny-5 dd {
	display: block;
	overflow: hidden;
	padding: 8% 60% 3% 10%;
}

.p-s-ny-5 dd .line {
	display: block;
	float: left;
	width: 15%;
	height: 1px;
	background: #ccc;
	margin: 0.5em 0 0 0;
}

.p-s-ny-5 dd .center {
	display: block;
	float: right;
	width: 80%;
	overflow: hidden;
}

.p-s-ny-5 dt {
	display: block;
	width: 100%;
	position: relative;
}

.p-s-ny-5 dt img {
	display: block;
	width: 100%;
}

.p-s-ny-5 dt p {
	position: absolute;
	top: -110px;
	right: 10%;
	background: #fff;
	padding: 3%;
	width: 30%;
}

.p-s-ny-5 dt p span {
	display: block;
	font-size: 2em;
	font-family: font2018;
	letter-spacing: 2px;
	line-height: 1em;
	margin-bottom: 30px;
	color: #10a56f;
	text-transform: uppercase;
}

.p-s-ny-5 dt p font {
	display: block;
	letter-spacing: 2px;
	font-family: font2018;
	font-size: 17px;
	text-transform: uppercase;
	text-align: left;
}

.p-s-ny-5 dd .center h3 {
	display: block;
	font-size: 2em;
	line-height: 1em;
	margin-bottom: 30px;
	letter-spacing: 2px;
	font-family: font2018;
}



.p-s-ny-6 {
	display: block;
	overflow: hidden;
	padding: 120px 0;
	position: relative;
}

.p-s-ny-6 h5 {
	display: block;
	width: 90%;
	margin: 0 auto 100px;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

.p-s-ny-6 h5 span {
	display: inline-flex;
	width: 18%;
	height: 1px;
	background: #ccc;
	margin: 0.1em 0 0 1em;
}

.p-s-ny-6 h5 font {
	color: #fff;
	display: inline-flex;
	text-transform: uppercase;
	font-family: font2018;
	font-size: 14px;
	letter-spacing: 2px;
}

.p-s-ny-6 dl {
	display: block;
	overflow: hidden;
	padding: 0 1%;
	position: relative;
	z-index: 3;
}

.p-s-ny-6 dl a {
	display: block;
	float: left;
	width: 24.25%;
	overflow: hidden;
	margin: 0 1% 0 0;
	position: relative;
	padding-bottom: 50px;
}

.p-s-ny-6 dl a:nth-child(4n) {
	margin: 0;
}

.p-s-ny-6 dl a img {
	display: block;
	width: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.p-s-ny-6 dl a:hover dd span {
	color: #10a56f;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.p-s-ny-6 dl a:hover dd font {
	color: #bbb;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.p-s-ny-6 dl a:hover img {
	opacity: 0.96;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.p-s-ny-6 dl a dd {
	background: #eceff3;
	position: absolute;
	bottom: 0;
	left: 0;
	width: auto;
	padding: 5% 10%;
}

.p-s-ny-6 dl a dd span {
	font-size: 1.4em;
	display: block;
	color: #000;
	letter-spacing: 1px;
	font-family: font2018;
}

.p-s-ny-6 dl a dd font {
	display: block;
	letter-spacing: 1px;
	font-size: 14px;
	color: #666;
	font-family: font2018;
}

.p-s-ny-6 p {
	position: absolute;
	width: 40%;
	height: 100%;
	left: 0;
	top: 0;
	background: #10a56f;
	z-index: 1;
}


.p-s-ny-7 {
	display: block;
	overflow: hidden;
	padding: 120px 10%;
	position: relative;
}

.p-s-ny-7 h3 {
	display: block;
	overflow: hidden;
	position: relative;
	line-height: 1em;
	text-shadow: -1px -1px 0 #10a56f, 1px -1px 0 #10a56f, -1px 1px 0 #10a56f, 1px 1px 0 #10a56f;
	letter-spacing: 8px;
	color: #fff;
	text-transform: uppercase;
	font-size: 4em;
	text-align: left;
}

.p-s-ny-7 h4 {
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 60px 0 0;
}

.p-s-ny-7 h4 p {
	display: inline-flex;
	width: auto;
	margin: 0;
	overflow: hidden;
}

.p-s-ny-7 h4 p span {
	display: inline-flex;
	float: left;
	width: 80px;
	height: 1px;
	background: #ccc;
	margin: 10px 1em 0 0;
}

.p-s-ny-7 h4 p font {
	display: inline-flex;
	font-size: 18px;
	letter-spacing: 4px;
	height: 20px;
	line-height: 20px;
}

.p-s-ny-7 h4 p:nth-child(1) {
	float: left;
}

.p-s-ny-7 h4 p:nth-child(2) {}

.p-s-ny-7 h4 p:nth-child(3) {
	float: right;
}


.p-s-yy-icon-2 {
	padding: 120px 3%;
}





.p-s-ny-8 {
	display: block;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.p-s-ny-8 dd {
	display: block;
	overflow: hidden;
	float: left;
	width: 50%;
	position: relative;
}

.p-s-ny-8 dd p {
	background: #10a56f;
	width: 80%;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 1;
}

.p-s-ny-8 dd img {
	display: block;
	width: 90%;
	position: relative;
	z-index: 3;
}

.p-s-ny-8 dd h4 {
	display: block;
	width: 60%;
	margin: 50px 10% 50px 30%;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

.p-s-ny-8 dd h4 span {
	display: inline-flex;
	width: 18%;
	height: 1px;
	background: #ddd;
	margin: 0 0 0 1em;
}

.p-s-ny-8 dd h4 font {
	color: #fff;
	display: inline-flex;
	text-transform: uppercase;
	font-family: font2018;
	font-size: 14px;
	letter-spacing: 2px;
}

.p-s-ny-8 dt {
	display: block;
	float: right;
	width: 40%;
	overflow: hidden;
	padding: 10% 5%;
}

.p-s-ny-8 dt .line {
	display: block;
	float: left;
	width: 15%;
	height: 1px;
	background: #ccc;
	margin: 0.5em 0 0 0;
}

.p-s-ny-8 dt .center {
	display: block;
	float: right;
	width: 80%;
	overflow: hidden;
}

.p-s-ny-8 dt .center h3 {
	display: block;
	font-size: 1.6em;
	line-height: 1em;
	margin-bottom: 30px;
	letter-spacing: 2px;
}

.p-s-ny-8 dt .center h4 {
	display: block;
	line-height: 28px;
	letter-spacing: 1px;
	color: #666;
	font-size: 17px;
	margin-bottom: 40px;
}

.p-s-ny-8 dt .center a {
	width: 24%;
	margin: 0;
}


.p-s-ny-9 {
	display: block;
	overflow: hidden;
	padding: 120px 0;
	position: relative;
}

.p-s-ny-9 img {
	display: block;
	float: left;
	width: 50%;
}






/*******************************能源材料开始******************************************/










/*******************************工业制造开始******************************************/

.p-s-Industry1 {
	display: block;
	overflow: hidden;
	padding: 120px 0;
	position: relative;
	background: #eee;
}

.p-s-Industry1 dd,
.p-s-Industry1 dt {
	display: block;
	overflow: hidden;
	padding: 0 3%;
	position: relative;
}

.p-s-Industry1 dd h3 {
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 3% 0 0;
	width: 22.75%;
	position: relative;
	background: #fff;
	padding-top: 2%;
}

.p-s-Industry1 dd h3:nth-child(4n),
.p-s-Industry1 dt h4:nth-child(4n) {
	margin: 0;
}

.p-s-Industry1 dd h3 strong {
	display: block;
	float: left;
	width: 20%;
	height: 1px;
	background: #ccc;
	margin: 1em 5% 0 5%;
}

.p-s-Industry1 dd h3 span {
	float: left;
	font-family: font2018;
	font-size: 1.2em;
	letter-spacing: 2px;
	color: #000;
	width: 70%;
	text-transform: uppercase;
}

.p-s-Industry1 dd h3 img {
	display: block;
	width: 85%;
	margin: 10% 0 0 15%;
	float: left;
}

.p-s-Industry1 dt h4 {
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 3% 0 0;
	width: 22.75%;
	position: relative;
	padding-top: 2%;
}

.p-s-Industry1 dt h4 span {
	display: block;
	font-family: font2018;
	line-height: 1em;
	font-size: 1.6em;
	color: #10a56e;
}

.p-s-Industry1 dt h4 font {
	display: block;
	font-family: font2018;
	line-height: 28px;
	font-size: 14px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
}

.p-s-Industry1 dt h4 strong {
	display: block;
	width: 10%;
	height: 1px;
	background: #aaa;
	margin: 1.6em 0;
}

.p-s-Industry2 .h4 {
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 60px 0 0;
}

.p-s-Industry2 .h4 .p {
	display: block;
	width: 30%;
	margin: 0 5% 0 0;
	overflow: hidden;
	float: left;
}

.p-s-Industry2 .h4 .p:nth-child(3) {
	margin: 0;
}

.p-s-Industry2 .h4 .p p {
	float: left;
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
	width: 100%;
}

.p-s-Industry2 .h4 .p p span {
	display: inline-flex;
	float: left;
	width: 80px;
	height: 1px;
	background: #ccc;
	margin: 10px 1em 0 0;
}

.p-s-Industry2 .h4 .p p font {
	display: inline-flex;
	font-size: 18px;
	letter-spacing: 4px;
	height: 20px;
	line-height: 20px;
}

.p-s-Industry2 .h4 .p .img {
	float: left;
	display: block;
	overflow: hidden;
	width: 320px;
	margin: 0;
}

.p-s-Industry2 .h4 .p .img img {
	display: block;
	width: 100%;
	margin: 0 auto;
	border-radius: 50%;
}

.p-s-Industry2 .h4 .p .img .t {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
}

.p-s-Industry2 .h4 .p .img .t strong {
	font-size: 30px;
	font-family: font2018;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	letter-spacing: 1px;
	margin-top: -42.5px;
}


.p-s-Industry3 {
	display: block;
	overflow: hidden;
	padding: 120px 10%;
	position: relative;
	border-top: 1px solid #eee;
}

.p-s-Industry3 dd {
	display: block;
	float: left;
	width: 40%;
	overflow: hidden;
}

.p-s-Industry3 dd h3 {
	display: block;
	overflow: hidden;
	margin-bottom: 50px;
}

.p-s-Industry3 dd h3 span {
	display: block;
	float: left;
	width: 25%;
	height: 1px;
	background: #ccc;
	margin: 1em 0 0 0;
}

.p-s-Industry3 dd h3 font {
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 1.3em;
	float: right;
	width: 70%;
	line-height: 1.6em;
}

.p-s-Industry3 dd h4 {
	letter-spacing: 1px;
	font-family: font2018;
	font-size: 2em;
	text-transform: uppercase;
}

.p-s-Industry3 dd a {
	width: 20%;
	margin: 60px 0;
}

.p-s-Industry3 img {
	display: block;
	width: 50%;
	float: right;
}




.p-s-Industry4 {
	display: block;
	overflow: hidden;
	padding: 150px 10%;
	position: relative;
	border-top: 0px solid #eee;
}

.p-s-Industry4 img {
	float: left;
}

.p-s-Industry4 dd {
	float: right;
}

.p-s-Industry4 dd h3 span,
.p-s-Industry4 dd h3 font,
.p-s-Industry4 dd h4 {
	color: #fff;
}

.p-s-Industry5 {
	display: block;
	overflow: hidden;
	padding: 150px 10%;
	position: relative;
}

.p-s-Industry5 dd {
	display: block;
	float: left;
	width: 40%;
	overflow: hidden;
}

.p-s-Industry5 dd h3 {
	display: block;
	font-size: 2.4em;
	text-align: left;
	margin-bottom: 50px;
	font-family: font2018;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.p-s-Industry5 dd h4 {
	display: block;
	overflow: hidden;
}

.p-s-Industry5 dd h4 span {
	display: block;
	float: left;
	width: 30%;
	height: 1px;
	background: #ccc;
	margin: 1em 0 0 0;
}

.p-s-Industry5 dd h4 font {
	display: block;
	float: right;
	width: 65%;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 18px;
	text-transform: uppercase;
}

.p-s-Industry5 dt {
	display: block;
	width: 50%;
	float: right;
	font-family: font2018;
	letter-spacing: 2px;
	line-height: 34px;
	color: #ccc;
	font-size: 18px;
}



.p-s-Industry6 {
	display: block;
	overflow: hidden;
	padding: 150px 10%;
	position: relative;
	background: #333;
}

.p-s-Industry6 dl {
	display: block;
	overflow: hidden;
	position: relative;
}

.p-s-Industry6 dl dd {
	display: block;
	width: 30%;
	float: left;
}

.p-s-Industry6 dl dd h4 {
	display: block;
	overflow: hidden;
	margin-bottom: 50px;
}

.p-s-Industry6 dl dd h4 span {
	display: block;
	float: left;
	width: 30%;
	height: 1px;
	background: #eee;
	margin: 1em 0 0 0;
}

.p-s-Industry6 dl dd h4 font {
	display: block;
	float: right;
	width: 65%;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 18px;
	color: #fff;
}

.p-s-Industry6 dl dd h3 {
	display: block;
	font-size: 2.4em;
	text-align: left;
	margin-bottom: 50px;
	font-family: font2018;
	letter-spacing: 2px;
	color: #fff;
	text-transform: uppercase;
}

.p-s-Industry6 dl dd h5 {
	font-family: font2018;
	letter-spacing: 2px;
	text-align: left;
	line-height: 30px;
	color: #eee;
}

.p-s-Industry6 dl img {
	display: block;
	width: 63%;
	float: right;
	margin-bottom: 7%;
}

.p-s-Industry6 dl p {
	position: absolute;
	width: auto;
	height: auto;
	background: #10a56f;
	bottom: 0;
	right: 0;
	padding: 5%;
}

.p-s-Industry6 dl p span {
	display: block;
	color: #fff;
	font-size: 1.4em;
	letter-spacing: 2px;
	font-family: font2018;
	line-height: 1em;
	margin-bottom: 20px;
}

.p-s-Industry6 dl p font {
	display: block;
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	font-family: font2018;
	line-height: 30px;
}


.p-s-Industry7 {
	display: block;
	overflow: hidden;
	padding: 120px 5%;
	position: relative;
	background: #f8f8f8;
}

.p-s-Industry7 dd {
	display: block;
	width: 30%;
	margin: 0 5% 0 0;
	overflow: hidden;
	float: left;
}

.p-s-Industry7 dd:nth-child(3) {
	margin: 0;
}

.p-s-Industry7 dd h4 {
	display: block;
	overflow: hidden;
}

.p-s-Industry7 dd h4 span {
	display: block;
	float: left;
	width: 30%;
	height: 1px;
	background: #ccc;
	margin: 1em 0 0 0;
}

.p-s-Industry7 dd h4 font {
	display: block;
	float: right;
	width: 65%;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 18px;
	text-transform: uppercase;
}

.p-s-Industry7 dd img {
	display: block;
	width: 100%;
	margin: 0 0 30px 0
}




/*******************************工业制造开始******************************************/










/*******************************科技数码开始******************************************/

.p-s-science1 {
	display: block;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.p-s-science1 h5 {
	display: block;
	width: 100%;
	margin: 0 auto 50px;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

.p-s-science1 h5 span {
	display: inline-flex;
	width: 18%;
	height: 1px;
	background: #eee;
	margin: 0.1em 0 0 1em;
}

.p-s-science1 h5 font {
	display: inline-flex;
	text-transform: uppercase;
	font-family: font2018;
	font-size: 14px;
	letter-spacing: 2px;
	color: #fff;
}

.p-s-science1 dl {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 5% 10%;
}

.p-s-science1 dl p {
	position: absolute;
	width: 50%;
	height: 100%;
	background: #10a56e;
	top: 0;
	left: 0;
}

.p-s-science1 dl img {
	display: block;
	float: left;
	width: 50%;
	position: relative;
	z-index: 3;
}

.p-s-science1 dl dd {
	display: block;
	float: right;
	width: 40%;
	padding: 5%;
	position: relative;
	z-index: 3;
}

.p-s-science1 dl dd h4 {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

.p-s-science1 dl dd h4 span {
	display: block;
	float: left;
	width: 30%;
	height: 1px;
	background: #ccc;
	margin: 1em 0 0 0;
}

.p-s-science1 dl dd h4 font {
	display: block;
	float: right;
	width: 65%;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 18px;
}

.p-s-science1 dl dd h3 {
	display: block;
	font-size: 2.4em;
	text-align: left;
	margin-bottom: 50px;
	font-family: font2018;
	letter-spacing: 2px;
}

.p-s-science1 dl dd h6 {
	display: block;
	font-family: font2018;
	letter-spacing: 2px;
	line-height: 30px;
	font-size: 1.1em;
	color: #444;
}



.p-s-science2 {
	display: block;
	overflow: hidden;
	padding: 120px 5%;
	position: relative;
	background: #333;
}

.p-s-science2 .p-s-science2-1,
.p-s-science2 .p-s-science2-2,
.p-s-science2 .p-s-science2-3 {
	display: block;
	overflow: hidden;
	position: relative;
}

.p-s-science2 .p-s-science2-1 dd {
	top: 50%;
	margin-top: -60px;
	right: 36%;
	width: 33.3333%;
	overflow: hidden;
	height: auto;
	position: absolute;
	text-align: right;
}

.p-s-science2 .p-s-science2-1 dd h4 {
	display: block;
	overflow: hidden;
	text-align: right;
}

.p-s-science2 .p-s-science2-1 dd h4 span {
	display: inline-block;
	width: 100px;
	height: 1px;
	background: #ccc;
	margin: 0.6em 0 0 0.5em;
	vertical-align: top;
}

.p-s-science2 .p-s-science2-1 dd h4 font {
	display: inline-block;
	text-align: right;
	color: #fff;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 14px;
}

.p-s-science2 .p-s-science2-1 dd h5 {}

.p-s-science2 .p-s-science2-1 dd h5 span {
	display: block;
	text-align: right;
	color: #fff;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 1em;
}

.p-s-science2 .p-s-science2-1 dd h5 font {
	display: block;
	text-align: right;
	color: #fff;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 1.6em;
	margin: 0.5em 0;
}

.p-s-science2 .p-s-science2-1 dt {
	display: block;
	float: right;
	width: 33.333%;
	overflow: hidden;
	background: #10a56e;
	position: relative;
}

.p-s-science2 .p-s-science2-1 dt img {
	display: block;
	float: left;
	width: 50%;
}

.p-s-science2 .p-s-science2-1 dt span {
	position: absolute;
	color: #fff;
	width: 50%;
	top: 50%;
	font-family: font2018;
	letter-spacing: 2px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: -15px;
	right: 0;
}


.p-s-science2 .p-s-science2-2 dt {
	display: block;
	float: left;
	width: 33.333%;
	overflow: hidden;
	background: #10a56e;
	position: relative;
}

.p-s-science2 .p-s-science2-2 dt img {
	display: block;
	float: left;
	width: 50%;
}

.p-s-science2 .p-s-science2-2 dt span {
	position: absolute;
	color: #fff;
	width: 50%;
	top: 50%;
	right: 0;
	font-family: font2018;
	letter-spacing: 2px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: -15px;
}

.p-s-science2 .p-s-science2-2 dt:nth-child(3) img {
	float: right;
}

.p-s-science2 .p-s-science2-2 dt:nth-child(3) span {
	right: 50%;
}

.p-s-science2 .p-s-science2-3 #p-s-science2-3-1 {
	position: absolute;
	width: 33.3333%;
	top: 0;
	left: 0;
	height: 100%;
}

.p-s-science2 .p-s-science2-3 dl {
	display: block;
	overflow: hidden;
	width: 49.999999%;
	margin: 0 0 0 33.33333%;
}

.p-s-science2 .p-s-science2-3 dl dd {
	display: block;
	overflow: hidden;
}

.p-s-science2 .p-s-science2-3 dl dd span {
	display: block;
	background: #10a56e;
	color: #fff;
	float: left;
	width: 33.333333%;
	padding: 8em 0;
	text-align: center;
	font-family: font2018;
	letter-spacing: 1px;
}

.p-s-science2 .p-s-science2-3 dl dd #p-s-science2-3-3 {
	display: block;
	float: left;
	width: 33.3333%;
}

.p-s-science2 .p-s-science2-3 dl dd #p-s-science2-3-4 {
	display: block;
	float: left;
	width: 66.6666%;
}

.p-s-science2 .p-s-science2-3 #p-s-science2-3-2 {
	position: absolute;
	width: 16.666666%;
	top: 0;
	right: 0;
	height: 100%;
}

.p-s-science2-4 {
	padding: 100px 10% 50px;
}

.p-s-science2-4 dd h3,
.p-s-science2-4 dd h4 font {
	color: #fff;
}


.p-s-science3 {
	display: block;
	overflow: hidden;
	width: 80%;
	margin: 120px auto 0;
	position: relative;
	padding-top: 3%;
}

.p-s-science3 p {
	position: absolute;
	top: 0;
	left: 0;
	background: #10a56f;
	padding: 10%;
}

.p-s-science3 dl {
	display: block;
	overflow: hidden;
	position: relative;
}

.p-s-science3 dl dd {
	display: block;
	position: absolute;
	top: 0;
	width: 26%;
	height: 100%;
	right: 60%;
	background: #f8f8f8;
	padding: 0 5%;
}

.p-s-science3 dl dd h4 {
	display: block;
	overflow: hidden;
	margin: 4em 0 30px;
}

.p-s-science3 dl dd h4 span {
	display: block;
	float: left;
	width: 30%;
	height: 1px;
	background: #ccc;
	margin: 1em 0 0 0;
}

.p-s-science3 dl dd h4 font {
	display: block;
	float: right;
	width: 65%;
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 18px;
}

.p-s-science3 dl dd h3 {
	display: block;
	font-size: 2.4em;
	text-align: left;
	margin-bottom: 30px;
	font-family: font2018;
	letter-spacing: 2px;
}

.p-s-science3 dl dd h5 {
	font-family: font2018;
	letter-spacing: 2px;
	font-size: 1.1em;
	line-height: 30px;
	color: #444;
}

.p-s-science3 dl img {
	display: block;
	float: right;
	width: 60%;
}



.p-s-science4 {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 120px 0;
	border-bottom: 1px solid #eee;
}



/*******************************科技数码结束******************************************/











/*******************************食品化工结束******************************************/

.p-s-food1 {
	display: block;
	overflow: hidden;
	padding: 120px 0;
	position: relative;
}



/*******************************食品化工结束******************************************/