@charset "UTF-8";

* {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	/* Firefox 4 */
	-webkit-transition-duration: 0.2s;
	/* Safari 和 Chrome */
	-o-transition-duration: 0.2s;
}
.logo_container ul li{float: left;width: 10%; margin: 10px;border: 1px #efefef solid;text-align: center;height:95px;}
.logo_container ul li img {width:100%;height: 100%;}

.body_img {
	font-size: 14px;
}

.index_list {
	float: left;
	width: 18%;
	margin: 1%;
}

.index_img {
	width: 100%;
	height: 199px;
	border: 1px #efefef solid;
}

.index_img img {
	max-height: 184px;
	_height: expression(this.height > 184 ? "184px": this.height);
}

.index_title {
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 14px;
}

.p_list {
	float: left;
	width: 31%;
	margin: 1%;
}

.p_img {
	width: 100%;
	height: 299px;
	border: 1px #efefef solid;
}

.p_title {
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 14px;
}

.p_title a {
	color: #333;
}

.honor_list {
	float: left;
	width: 31%;
	margin: 1%;
	border: 1px #efefef solid;
}

.honor_img {
	text-align: center;
}

.honor_img img {
	max-height: 284px;
	_height: expression(this.height > 284 ? "284px": this.height);
	max-width: 90%;
	margin-top: 10px;
}

.honor_title {
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 14px;
}

.honor_title a {
	color: #333;
}

.topcpmenu,
.nav_cp_001 {
	display: none;
}

.topcpmenu_1 {
	display: block;
}

.contxt_wap {
	display: none;
}

.pro-span {
	display: none;
}

.pro_container {
	width: 90%;
	height: 240px;
	margin: 0 auto;
	
}
.logo_container{width: 90%;
	clear: both;
	margin: 0 auto;}

.pro_title {
	padding: 70px 0px 0px 0px;
	/* margin-top: 70px; */
}

.pro_title h3 {
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	/* line-height: 32px; */
	letter-spacing: 0px;
	/* font-weight: lighter; */
	font-family: "苹方字体";
	font-stretch: normal;
	/* font-family: PingFang-SC-Regular; */
	color: #333333;
}

.pro_title h3 img {
	margin-top: 10px;
	margin-left: 15px;
}

.pro_title span:hover {
	cursor: pointer;
	transition-duration: 0.8s;
	color: #f4f5f8;
	background: #09368c;
}

.pro_title span {
	width: 158px;
	height: 47px;
	transition-duration: 1s;
	display: inline-block;
	background-color: #ffffff;
	border: solid 1px #e5e6e9;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 47px;
	text-align: center;
	letter-spacing: 0px;
	float: right;
	color: #999999;
}

.pro_title span a {
	font-size: 14px;
	color: #999999;
}

.case_list {
	float: left;
	width: 23%;
	margin: 1%;
	border: 1px #efefef solid;
	overflow: hidden;
	
}

.case_img {
	text-align: center;
}

.case_img img {
	max-height: 284px;
	_height: expression(this.height > 284 ? "284px": this.height);
	max-width: 96%;
	margin-top: 10px;
}

.case_list:hover .case_title {
	background-color: rgba(255, 255, 255, 0.9);font-size: 18px;
}

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

.ptxt {
	background-color: #fff;
	height: 200px;
	text-align: left;
	padding-left: 10px;
	line-height: 25px;
	font-size: 14px;
	border: 1px #efefef solid;
}

.case_list:hover p {
	height: 70px;
	margin-top: -240px;
}

.case_list:hover .case_title {
	margin-top: -150px;
	height: 150px;
}

.case_title {
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 14px;
	z-index: 1;
	position: absolute;
	margin-top: -55px;
	text-align: center;
	width: 23%;
	background-color: rgba(255, 255, 255, 0.89);
	overflow: hidden;
}

.case_title a {
	color: #333;display: block;
}
.wap{display: none;}
.pc {display: block;}
@media screen and (max-width:840px) {
	.logo_container ul li{float: left;width:23%; margin: 1%;border: 1px #efefef solid;text-align: center;height: 50px;}
	.logo_container ul li img {width:100%;height: 100%;}
	#container11{
	    width:100%;  
	    height:300px;  
	    margin:30px auto;  
	    overflow: hidden;  
	    position: relative;  
		
	}  
	
	.case_list {margin-bottom: 20px;}
	.case_list:hover .case_title {
		background-color: #fff;
	}
	.case_title {
		height: 35px;
		line-height: 35px;

		margin-top: 0px;
		text-align: center;
		width: 100%;
		
		overflow: hidden;
	}
	.case_list:hover .case_title {height: 35px;margin-top: 0px;}
	
	.pc {display: none;}
	.wap{display: block;}
	.case_list {
		float: left;
		width: 98%;
		padding: 1%;
		border: 1px #efefef solid;
		overflow: hidden;
		
	}
	
	.pro_title {
		display: none;
	}

	.pro-span {
		font-size: 24px;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0px;
		color: #333333;
		
		text-align: center;
		display: block;
	}

	.honor_list {
		float: left;
		width: 48%;
		margin: 1%;
		border: 1px #efefef solid;
	}

	.honor_img img {
		max-height: 184px;
		_height: expression(this.height > 184 ? "184px": this.height);
		max-width: 100%;
	}

	.cp_nn_foot_img_list ul li {
		width: 48%;
		font-size: 16px;
		line-height: 30px;
		text-align: center;
		float: left;
		margin: 1%;
		overflow: hidden;
		border-right: 1px #efefef solid;
		border-bottom: 1px #efefef solid;
	}

	.cp_nn_foot_img_list ul li img {
		width: 100%;
		height: 150px;
	}

	.cp_nn_foot_img_list ul li a {
		font-size: 14px;
	}

	.contxt {
		display: none;
	}

	.contxt_wap {
		display: block;
	}

	.contxt_wap img {
		max-width: 350px;
	}

	.banner img {
		height: 220px;
	}

	.sp {
		width: 100%;
		height: 190px;
	}

	.indexabout {
		height: 330px;
		overflow: hidden;
	}

	.p_list {
		float: left;
		width: 48%;
		margin: 1%;
	}

	.p_img {
		height: 159px;
		border: 1px #efefef solid;
		overflow: hidden;
		text-align: center;
	}

	.topcpmenu,
	.nav_cp_001 {
		display: block;
	}

	.topcpmenu_1 {
		display: none;
	}

	.nav_cp_001 ul {}

	.nav_cp_001 ul li {
		height: 50px;
		font-size: 16px;
		line-height: 50px;
		font-size: 16px;
		color: #666666;
		text-align: center;
		border-bottom: 1px #efefef solid;
		background-color: rgba(251, 155, 48, 0.4);
	}

	.nav_hover {
		color: #FF0000;
		font-weight: bold;
	}

	.nav_cp_001 ul li a {
		display: block;
		color: #333;
	}
}

.products li {
	width: 30%;
	float: left;
	text-align: center;
	margin: 10px;
	line-height: 30px;
}

.products li img {
	border: 1px #e1e1e1 solid;
}

.products li a {
	display: block;
	color: #333;
	font-size: 14px;
}

.box-imgs {
	width: 100%;
	height: auto;
}

.dtu li {
	float: left;
	width: 18%;
	margin: 1%;
	text-align: center;
	line-height: 30px;
}

.dtu li img {
	border: 1px #e1e1e1 solid;
	height: 200px;
}

.serve-content {
	margin-top: 30px;
	position: relative;
}

.serve-content-box {}

.serve-content-title {
	text-align: center;
	font-size: 32px;
	color: #333;
	padding-top: 124px;
	padding-bottom: 15px;
}

.serve-content-text {
	width: 184px;
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: center;
	background: url(../images/icon-line.html) repeat-x left center;
}

.serve-content-text em {
	display: inline-block;
	padding: 0 10px;
	background: #FFF;
	font-size: 14px;
	color: #777;
	font-style: normal;
}

.serve-content-btn {
	text-align: center;
	padding: 45px 0 104px;
}

.serve-content-btn a {
	display: inline-block;
	width: 190px;
	height: 55px;
	background-color: rgb(0, 162, 255);
	color: rgb(255, 255, 255);
	box-shadow: rgba(4, 195, 255, 0.5) 0px 5px 15px;
	border-radius: 8px;
	font: 400 16px/55px 微软雅黑;
}

.serve-content-list {
	float: left;
	/* width: 270px; */
	/* height: 348px; */
}

.serve-content-info {
	/* width: 81%; */
	height: 337px;
	float: left;
	/* margin: 0 20px; */
	margin-left: 20px;
	position: relative;
}

.serve-content-btn a:hover {
	background: #41b8fc;
}

.serve-content-middle {
	overflow: hidden;
}

.serve-content-list ul li {
	display: block;
	/* background-color: #09368c; */
	/* width: 266px; */
	width: 158px;
	height: 56px;
	/* padding: 37px 0; */
	/* background: #f5f5f5; */
	/* border: 2px solid #f5f5f5; */
	margin-bottom: 10px;
	cursor: pointer;
}

.serve-content-list ul .on {
	/* background: #FFF; */
	background-color: #09368c;
	/* border: 2px solid #00aeff; */
}

.serve-content-list ul li span {
	/* display: block; */
	/* width: 28px; */
	/* height: 28px; */
	/* float: left; */
	/* margin-left: 72px; */
	/* margin-right: 15px; */
	/* overflow: hidden; */
}

.serve-content-list ul li span img {
	display: block;
	float: left;
}

.serve-content-list ul li span {
	display: block;
	overflow: hidden;
	text-align: center;
	line-height: 56px;
	color: #666666;
	font-size: 18px;
}

.serve-content-list ul .on span {
	color: #ffffff;
}

.serve-content-list ul .on span img {
	margin-top: -28px;
}

.serve-content-info ul {
	width: 1170px;
	/* height: 337px; */
	/* background: red; */
	position: absolute;
	left: 0;
	top: 0;
}

.serve-image-img {}

.serve-image-box {
	background: url(../images/cclarity-bg.html);
	width: 640px;
	height: 195px;
	padding: 47px 159px;
	position: absolute;
	top: 72px;
	left: 0;
}

.serve-image-comm1 {
	width: 48px;
	height: 29px;
	position: absolute;
	left: 80px;
	top: 28px;
}

.serve-image-comm2 {
	width: 48px;
	height: 29px;
	position: absolute;
	right: 95px;
	bottom: 35px;
}

.serve-image-info {
	width: 322px;
	height: 99px;
}

.serve-image-info-title {
	overflow: hidden;
}

.serve-image-info-title span {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 10px;
}

.serve-image-info-title span img {
	display: block;
	float: left;
}

.serve-image-info-title p {
	line-height: 32px;
	display: block;
	float: left;
	font-size: 22px;
	color: #fff;
}

.serve-image-info strong {
	display: block;
	font-size: 14px;
	color: #FFF;
	line-height: 24px;
	padding-top: 14px;
}

.new_wrap,
.wrap_hyd:nth-child(3) {
	border-bottom: none;
}

.new_wrap {
	width: 678px;
	height: 354px;
	float: right;
	/* background-color: rgb(0, 162, 255); */
}

.new_box {
	width: 469px;
	height: 354px;
	/* background: red; */
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}

.new_box img {
	width: 100%;
	height: auto;
}

.box_img {
	width: 345px;
	float: right;
}

.box_img img {
	height: auto;
	width: 100%;
}

.box_img img:first-child {
	margin-bottom: 24px;
}

.title {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 0px;
	color: #333333;
	/* float: right; */
}

.box_bottom span {
	float: left;
	width: 60px;
	height: 42px;
	/* line-height: 21px; */
	border-right: 1px solid #e5e6e9;
}

.box_bottom {
	margin-top: 18px;
}

.year {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #333333;
}

.day {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #666666;
}

.wrap_center h3 a {
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* display: -webkit-box; */
	/* overflow: hidden; */
	/* text-overflow:ellipsis; */
	display: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* white-space: nowrap; */
	/* -webkit-line-clamp: 1; */
	/* -webkit-box-orient: vertical; */
	/* letter-spacing: 0px; */
}

.wrap_center h3 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
}

.wrap_center p {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	text-align: justify;
	line-height: 25px;
	letter-spacing: 0px;
	margin-top: 7px;
	color: #999;
}

.wrap_hyd {
	height: 117px;
	transition-duration: 1s;
	padding: 23px 22px 0px;
	background: #fff;
	border-bottom: 1px solid #e5e6e9;
}

.wrap_hyd:hover {
	background: #f6f6f6;
	cursor: pointer;
	transition-duration: 0.8s;
	color: #09368c;
}

.wrap_hyd h3 a:hover {
	cursor: pointer;
	color: #09368c;
}

.wrap_hour {
	width: 64px;
	float: left;
	height: 65px;
}

.wrap_center {
	/* width: 463px; */
	/* float: left; */
}

.years {
	font-weight: 100;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	font-weight: bold;
	color: #333333;
}

.days {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #666666;
}

.new_box a img {
	height: 310px;
}

.title a {
	font-size: 16px;
	color: #333333;
	margin-left: 15px;
	/* overflow: hidden; */
	/* text-overflow:ellipsis; */
	/* white-space: nowrap; */
}

.title a:hover {
	color: #09368c;
}

@media only screen and (max-width: 1910px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 636px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1140px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1880px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 631px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1124px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1840px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 601px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1100px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1820px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 590px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1084px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1795px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 575px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1065px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1785px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 575px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1065px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1775px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 550px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1035px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1765px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 555px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1040px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1755px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 530px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1015px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1730px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 525px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 1012px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1705px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 489px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 974px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1690px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 465px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 950px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 459px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1670px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 479px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 933px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 434px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title a {
		font-size: 16px;
		color: #333333;
		/* overflow: hidden; */
		/* text-overflow: ellipsis; */
		/* display: -webkit-box; */
		/* -webkit-line-clamp: 1; */
		/* -webkit-box-orient: vertical; */
		letter-spacing: 0px;
		/* margin-left: 90px; */
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 355px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		margin-left: 75px;
		/* float: right; */
	}
}

@media only screen and (max-width: 1640px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 505px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 944px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 434px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title a {
		font-size: 16px;
		color: #333333;
		overflow: hidden;
		/* text-overflow: ellipsis; */
		/* display: -webkit-box; */
		/* -webkit-line-clamp: 1; */
		/* -webkit-box-orient: vertical; */
		letter-spacing: 0px;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 355px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		margin-left: 75px;
		/* float: left; */
	}

	.wrap_hyd {
		height: 110px;
		padding: 11px 22px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.box_img img {
		width: 322px !important;
		float: right !important;
	}
}

@media only screen and (max-width: 1620px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 465px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 916px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 434px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title a {
		font-size: 16px;
		color: #333333;
		/* overflow: hidden; */
		/* text-overflow: ellipsis; */
		/* display: -webkit-box; */
		/* -webkit-line-clamp: 1; */
		/* -webkit-box-orient: vertical; */
		letter-spacing: 0px;
		margin-left: 10px;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 355px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}

	.wrap_hyd {
		height: 110px;
		padding: 11px 22px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.box_img img {
		width: 322px !important;
		float: right !important;
	}
}

@media only screen and (max-width: 1600px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 455px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 900px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 434px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title a {
		font-size: 16px;
		color: #333333;
		/* overflow: hidden; */
		/* text-overflow: ellipsis; */
		/* display: -webkit-box; */
		/* -webkit-line-clamp: 1; */
		/* -webkit-box-orient: vertical; */
		letter-spacing: 0px;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 355px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}

	.wrap_hyd {
		height: 110px;
		padding: 11px 22px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.box_img img {
		width: 322px !important;
		float: right !important;
	}
}

@media only screen and (max-width: 1578px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 478px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 888px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 393px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title a {
		font-size: 16px;
		color: #333333;
		/* overflow: hidden; */
		/* text-overflow: ellipsis; */
		/* display: -webkit-box; */
		/* -webkit-line-clamp: 1; */
		/* -webkit-box-orient: vertical; */
		letter-spacing: 0px;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 314px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}

	.wrap_hyd {
		height: 110px;
		padding: 11px 22px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.box_img img {
		width: 322px !important;
		float: right !important;
	}
}

@media only screen and (max-width: 1550px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 462px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 878px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 406px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title a {
		font-size: 16px;
		color: #333333;
		/* overflow: hidden; */
		/* text-overflow: ellipsis; */
		/* display: -webkit-box; */
		/* -webkit-line-clamp: 1; */
		/* -webkit-box-orient: vertical; */
		letter-spacing: 0px;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 325px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}

	.wrap_hyd {
		height: 110px;
		padding: 11px 22px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.box_img img {
		width: 322px !important;
		float: right !important;
	}
}

@media only screen and (max-width: 1550px) and (min-width: 1023px) {
	.wrap_center {
		/* width: 526px; */
		/* float: left; */
	}

	.new_wrap {
		width: 490px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 890px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 380px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title a {
		font-size: 16px;
		color: #333333;
		/* overflow: hidden; */
		/* text-overflow: ellipsis; */
		/* display: -webkit-box; */
		/* -webkit-line-clamp: 1; */
		/* -webkit-box-orient: vertical; */
		letter-spacing: 0px;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 291px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}

	.wrap_hyd {
		height: 100px;
		padding: 11px 22px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.box_img img {
		width: 290px !important;
		float: right !important;
	}

	.new_container {
		width: 90%;

		margin: 0 auto;
	}

	.wrap_center p {
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		text-align: justify;
		line-height: 20px;
		letter-spacing: 0px;
		margin-top: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		text-align: justify;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		letter-spacing: 0px;
		/* color: #999; */
	}
}

@media only screen and (max-width: 1515px) and (min-width: 1023px) {
	.new_wrap {
		width: 455px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 857px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 380px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1486px) and (min-width: 1023px) {
	.new_wrap {
		width: 430px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 823px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 380px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1465px) and (min-width: 1023px) {
	.new_wrap {
		width: 439px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 828px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 380px;
		height: 354px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1458px) and (min-width: 1023px) {
	.new_wrap {
		width: 437px;
		height: 354px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 804px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 356px;
		height: 300px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 274px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}
}

@media only screen and (max-width: 1435px) and (min-width: 1023px) {
	.new_wrap {
		width: 415px;
		height: 299px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 784px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 356px;
		height: 300px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 274px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}
}

@media only screen and (max-width: 1415px) and (min-width: 1023px) {
	.new_wrap {
		width: 395px;
		height: 299px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 760px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 356px;
		height: 300px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 274px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}
}

@media only screen and (max-width: 1390px) and (min-width: 1023px) {
	.new_wrap {
		width: 406px;
		height: 299px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 760px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 340px;
		height: 300px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 256px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}
}

@media only screen and (max-width: 1368px) and (min-width: 1023px) {
	.new_title span {
		display: none;
	}

	.new_wrap {
		width: 385px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 743px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 340px;
		height: 300px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 256px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}

	.box_img img {
		width: 270px !important;
		float: right !important;
	}

	.wrap_hyd {
		height: 94px;
		padding: 11px 22px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.wrap_center p {
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		text-align: justify;
		line-height: 20px;
		letter-spacing: 0px;
		margin-top: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		text-align: justify;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		letter-spacing: 0px;
		/* color: #666666; */
	}

	.wrap_center h3 {
		/* font-size: 18px; */
		font-weight: normal;
		font-stretch: normal;
		line-height: 25px;
		letter-spacing: 0px;
	}

	.new_container {
		width: 90%;
		
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1350px) and (min-width: 1023px) {
	.new_wrap {
		width: 415px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 747px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 316px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 232px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}

	.box_img img {
		width: 251px !important;
		float: right !important;
	}

	.wrap_hyd {
		height: 88px;
		padding: 12px 12px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.wrap_center p {
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		text-align: justify;
		line-height: 20px;
		letter-spacing: 0px;
		margin-top: 3px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		text-align: justify;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		letter-spacing: 0px;
		/* color: #999; */
	}

	.wrap_center h3 {
		/* font-size: 18px; */
		font-weight: normal;
		font-stretch: normal;
		line-height: 25px;
		letter-spacing: 0px;
	}

	.new_container {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1330px) and (min-width: 1023px) {
	.new_wrap {
		width: 389px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 719px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 316px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1292px) and (min-width: 1023px) {
	.new_wrap {
		width: 375px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 695px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 307px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width: 1272px) and (min-width: 1023px) {
	.new_wrap {
		width: 388px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 699px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 298px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 233px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}

	.box_bottom {
		margin-top: 25px;
	}
}

@media only screen and (max-width: 1260px) and (min-width: 1023px) {
	.new_wrap {
		width: 560px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 950px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 359px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.title {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		width: 253px;
		/* line-height: 65px; */
		letter-spacing: 0px;
		color: #333333;
		/* float: right; */
	}

	.box_bottom {
		margin-top: 19px;
	}

	.box_img {
		display: none;
	}

	.wrap_hyd {
		height: 92px;
		padding: 11px 22px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.wrap_center p {
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		text-align: justify;
		line-height: 20px;
		letter-spacing: 0px;
		margin-top: 6px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		text-align: justify;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		letter-spacing: 0px;
		color: #666666;
	}

	.box_img1 {
		display: block !important;
	}

	.box_img1 img {
		width: 532px;
		margin-left: 53px;
	}
}

.box_img1 img {
	margin-left: 0px;
	margin-right: 0px;
}

.box_img1 img:first-child {
	margin-left: 0px;
}

@media only screen and (max-width: 1260px) and (min-width: 1023px) {
	.new_wrap {
		width: 560px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 950px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 359px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box_img1 img:first-child {
		margin-bottom: 50px;
	}

	.box_img1 a:first-child {
		margin-right: 6%;
	}

	.box_img1 img {
		width: 46%;
		height: auto;
		margin-left: 57px;
	}
}

@media only screen and (max-width: 1232px) and (min-width: 1023px) {
	.new_wrap {
		width: 537px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 926px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 359px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box_img1 img {
		/* width: 509px; */
		margin-left: 57px;
	}

	.box_img1 a:first-child {
		/* margin-right: 5%; */
	}
}

@media only screen and (max-width: 1205px) and (min-width: 1023px) {
	.new_wrap {
		width: 537px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 909px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 359px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box_img1 img {
		/* width: 502px; */
		margin-left: 57px;
	}

	.box_img1 img:first-child {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 1190px) and (min-width: 1023px) {
	.new_wrap {
		width: 490px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 871px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 359px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box_img1 img {
		/* width: 491px; */
		margin-left: 57px;
	}
}

@media only screen and (max-width: 1168px) and (min-width: 1023px) {
	.new_wrap {
		width: 517px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 868px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 359px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box_img1 img {
		/* width: 482px; */
		margin-left: 57px;
	}
}

@media only screen and (max-width: 1143px) and (min-width: 1023px) {
	.new_wrap {
		width: 473px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 847px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 359px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box_img1 img {
		/* width: 473px; */
		margin-left: 57px;
	}
}

@media only screen and (max-width: 1122px) and (min-width: 1023px) {
	.new_wrap {
		width: 455px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 820px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 345px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box_img1 img {
		/* width: 456px; */
		margin-left: 57px;
	}

	.wrap_hyd {
		height: 92px;
		padding: 11px 22px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
}

@media only screen and (max-width: 1091px) and (min-width: 1023px) {
	.new_wrap {
		width: 431px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 789px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 345px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box_img1 img:first-child {
		margin-bottom: 50px;
	}

	.box_img1 img {
		/* width: 439px; */
		margin-left: 57px;
	}

	.wrap_hyd {
		height: 92px;
		padding: 5px 22px 0px;
		background: #fff;
		border-bottom: block;
	}

	.days {
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 25px;
		letter-spacing: 0px;
		color: #666666;
	}

	.wrap_center p {
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		text-align: justify;
		line-height: 24px;
		letter-spacing: 0px;
		margin-top: 6px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		text-align: justify;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		letter-spacing: 0px;
		color: #666666;
	}
}

@media only screen and (max-width: 1053px) and (min-width: 1023px) {
	.new_wrap {
		width: 431px;
		height: 282px;
		float: right;
		/* background-color: rgb(0, 162, 255); */
	}

	.serve-content-info ul {
		width: 789px;
		/* height: 337px; */
		/* background: red; */
		position: absolute;
		left: 0;
		top: 0;
	}

	.new_box {
		width: 345px;
		height: 283px;
		/* background: red; */
		float: left;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box_img1 img {
		/* width: 426px; */
		margin-left: 57px;
	}

	.wrap_hyd {
		height: 92px;
		padding: 7px 22px 0px;
		background: #fff;
		/* border-bottom: none; */
	}

	.serve-content-list ul li {
		display: block;
		/* background-color: #09368c; */
		/* width: 266px; */
		width: 119px;
		height: 56px;
		/* padding: 37px 0; */
		/* background: #f5f5f5; */
		/* border: 2px solid #f5f5f5; */
		margin-bottom: 10px;
		cursor: pointer;
	}
}

.box_img1 {
	display: none;
}

/*service 业务领域*/
.section {
	height: 5rem;
}

.img img {
	width: 100%;
}

/*service*/
.bg ul li:first-child {
	opacity: 1 !important;
}

.section-service {
	position: relative;
	padding: 50px 0;
	background-size: cover;
	color: #fff;
}

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

.section-service .bg ul,
.section-service .bg li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section-service .bg li {
	opacity: 0;
	transition: all 0.7s;
}

.section-service .bg img {
	width: 100%;
	height: 100%;
}

.section-service .table {
	position: relative;
	z-index: 2;
}

.section-service .circle {
	position: relative;
	width: 480px;
	height: 480px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	margin: 0 auto;
	padding: 0 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-service .circle .tit {
	color: #fff;
	text-shadow: 1px 1px 1px #333
}

.section-service .circle .tit_desc {
	font-size: 16px;
	text-align: left;
	line-height: 28px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #333
}

.section-service .info-box .item {
	position: absolute;
	width: 600px;
	height: 240px;
}

.section-service .info-box .item .dian {
	float: left;
	width: 16px;
	height: 16px;
	border: 10px solid transparent;
	border-radius: 50%;
	box-sizing: initial;
	overflow: hidden;
	transition: all 0.7s;
}

.section-service .info-box .item .dian::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	vertical-align: top;
	border-radius: 50%;
	background: #7d858a;
	transition: all 0.7s;
}

.section-service .info-box .item .info {
	position: relative;
	float: left;
	width: 300px;
	transition: all 0.7s;
}

.section-service .info-box .item .info::before {
	opacity: 0;
	position: absolute;
	left: -24px;
	top: 34px;
	content: "";
	width: 0;
	height: 0;
	border: 12px solid #fff;
	border-color: transparent #fff transparent transparent;
	transition: all 0.7s;
}

.section-service .info-box .item .info .img {
	display: none;
	transition: all 0.7s;
}

.section-service .info-box dl {
	float: left;
	width: 240px;
	transition: all 0.7s;
}

.section-service .info-box dt {
	font-size: 18px;
	font-weight: bold;
	line-height: 44px;
	transition: all 0.7s;
}

.section-service .info-box dd {
	font-size: 16px;
	text-align: left;
	line-height: 28px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	text-align: justify !important;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all 0.7s;
	text-shadow: 1px 1px 1px #333
}

.section-service .info-box .item:nth-child(odd) dl {
	text-align: right;
	float: right;
}

.section-service .info-box .item:nth-child(odd) .info {
	float: right;
}

.section-service .info-box .item:nth-child(odd) .info:before {
	right: -24px;
	left: auto;
	border-color: transparent transparent transparent #fff;
}

.section-service .info-box .item:nth-child(odd) .dian {
	float: right;
}

.section-service .info-box .item3 .dian {
	position: absolute;
	right: 0;
	bottom: 41px;
}

.section-service .info-box .item3 .info::before {
	bottom: 48px;
	top: initial;
}

.section-service .info-box .item4 .dian {
	position: absolute;
	left: 0;
	bottom: 41px;
}

.section-service .info-box .item4 .info::before {
	bottom: 48px;
	top: initial;
}

.section-service .info-box dt a {
	color: #fff;
	text-shadow: 1px 1px 4px #333
}

.section-service .info-box dd a {
	color: #fff;
}

.section-service .info-box .item1 {
	top: 0;
	/* left: -298px;  */
	left: -488px;
}

.section-service .info-box .item1 .dian {
	margin: 32px 0 0 50px;
}

.section-service .info-box .item2 {
	top: 0;
	/* right: -298px;  */
	right: -488px;
}

.section-service .info-box .item2 .dian {
	margin: 32px 50px 0 0;
}

.section-service .info-box .item3 {
	bottom: 0;
	/* left: -308px; */
	padding: 0 86px 0 0;
	left: -502px;
}

.section-service .info-box .item3 .dian {
	margin: 12px 0 0 50px;
}

.section-service .info-box .item4 {
	bottom: 0;
	/* right: -308px; */
	padding: 0 0 0 86px;
	right: -502px;
}

.section-service .info-box .item4 .dian {
	margin: 12px 50px 0 0;
}

.section-service .info-box .item:hover {
	z-index: 1000;
}

.section-service .info-box .item:hover .dian {
	background: none;
	border: 10px solid rgba(255, 255, 255, 0.3);
	box-sizing: initial;
}

.section-service .info-box .item:hover .dian:before {
	background: #fff;
}

.section-service .info-box .item:hover .info {
	background: #fff;
	padding: 20px;
}

.section-service .info-box .item:hover .info:before {
	opacity: 1;
}

.section-service .info-box .item:hover .info .img {
	display: block;
}

.section-service .info-box .item:hover .info dl {
	width: 100%;
}

.section-service .info-box .item:hover .info dt {
	color: #00498a;
	line-height: 48px;
	margin: 5px 0 0;
}

.section-service .info-box .item:hover .info dd {
	color: #818181;
	-webkit-line-clamp: 4;
	text-shadow: 1px 1px 0px #fff
}

.section-service .info-box .item:hover .info dt a {
	color: #00498a;
	text-shadow: 0.1em 0.1em #fff
}

.section-service .info-box .item:hover .info dd a {
	color: #818181;
}

/*.section-service .info-box .item3 {z-index: 1000;}.section-service .info-box .item3 .dian{background: none; border: 10px solid rgba(255,255,255,0.3); box-sizing: initial;}.section-service .info-box .item3 .dian:before{background: #fff;}.section-service .info-box .item3 .info{ background: #fff; padding: 20px;}.section-service .info-box .item3 .info:before{opacity: 1;}.section-service .info-box .item3 .info .img{display: block;}.section-service .info-box .item3 .info dl{width: 100%;}.section-service .info-box .item3 .info dt{color: #00498a; line-height: 48px; margin: 5px 0 0;}.section-service .info-box .item3 .info dd{color: #818181; -webkit-line-clamp: 4;}*/
.section-service .info-box .item3 .info {
	position: absolute;
	bottom: 0;
	right: 86px;
}

.section-service .info-box .item4 .info {
	position: absolute;
	bottom: 0;
	left: 86px;
}

@media (max-width: 1024px) {
	.lx li {
		float: left;
		width: 99%;
		line-height: 35px;
		border: 1px #efefef solid;
		text-align: center;
		height: 70px;
		margin: 10px;
	}

	.lx li:hover {
		background-color: rgba(137, 189, 202);
		transition: all 0.6s;
		-webkit-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition-duration: 0.6s;
		-moz-transition-duration: 0.6s;
		/* Firefox 4 */
		-webkit-transition-duration: 0.6s;
		/* Safari 和 Chrome */
		-o-transition-duration: 0.6s;
		color: #fff;
		cursor: hand
	}

	.products li {
		width: 48%;
		float: left;
		text-align: center;
		margin: 1%;
		line-height: 30px;
		height: 150px;
	}

	.products li img {
		border: 1px #e1e1e1 solid;
	}

	.products li a {
		display: block;
		color: #333;
		font-size: 14px;
	}

	.box-imgs {
		width: 100%;
		height: auto;
	}

	.dtu li {
		float: left;
		width: 98%;
		margin: 1%;
		text-align: center;
		line-height: 30px;
		font-size: 16px;
	}

	.dtu li img {
		border: 1px #e1e1e1 solid;
		height: 200px;
	}

	.section-service .info-box .item:nth-child(odd) .info:before {
		display: none;
	}

	.section-service {
		padding: 30px 0;
		height: auto;
	}

	.section-service .circle {
		width: 100%;
		height: auto;
		position: static;
		padding: 0;
		display: block;
		border: none;
	}

	.common_tit .tit_desc {
		margin: 15px 0 0;
	}

	.section-service .info-box .item {
		position: static;
		display: flex;
		width: 100%;
		height: auto;
		margin: 0 0 15px 0;
		padding: 0;
	}

	.section-service .info-box .item:last-child {
		margin: 0;
	}

	.section-service .info-box .item .info {
		position: static;
		width: 100%;
	}

	.section-service .info-box .item .info .img {
		display: none;
	}

	.section-service .info-box dl {
		width: 100%;
	}

	.section-service .info-box .item:nth-child(odd) dl {
		text-align: left;
	}

	.section-service .info-box .item .dian {
		position: static;
		width: 10px;
		height: 10px;
		margin: 15px 15px 0 0;
		border: none;
	}

	.section-service .info-box .item .dian:before {
		width: 10px;
		height: 10px;
		vertical-align: top;
	}

	.section-service .info-box .item:nth-child(odd) .dian {
		float: left;
	}

	.section-service .info-box dt {
		font-size: 16px;
		line-height: 32px;
	}

	.section-service .info-box dd {
		font-size: 16px;
		text-align: left !important;
		line-height: 28px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		text-align: justify;
		-webkit-box-orient: vertical;
		overflow: hidden;
		transition: all 0.7s;
	}
}

/*tit*/
.tit-top {
	margin-bottom: 20px;
	overflow: hidden;
}

.tit-top .more {
	float: right;
	width: auto;
	padding: 10px 0 0;
}

.common_tit {
	text-align: center;
	line-height: 1;
}

.common_tit h2.tit {
	font-size: 40px;
	font-weight: bold;
	width: 115%;
	color: #252525;
	line-height: 1;
}

.common_tit h2.tit:after {
	content: "";
	width: 16px;
	height: 16px;
	margin: 8px 0 0 6px;
	vertical-align: top;
	display: inline-block;
}

.common_tit .tit_desc {
	line-height: 24px;
	margin: 30px 0 0;
	color: #818181;
}

.common_tit .tit_en {
	font-size: 16px;
	color: #818181;
	line-height: 1;
	margin: 30px 0 0;
	text-transform: uppercase;
}

.common_tit .line {
	width: 60px;
	height: 4px;
	margin-top: 18px;
	vertical-align: top;
	background: #00498a;
	display: inline-block;
}

@media (max-width:767px) {
	.common_tit h2.tit {
		font-size: 24px;
		margin-bottom: 0;
		line-height: 1.5;
	}

	.common_tit .line {
		margin: 10px auto 0;
	}

	.common_tit h2.tit:after {
		content: none;
	}
}

@media only screen and (max-width: 1530px) and (min-width: 1024px) {
	.section-service .info-box .item {
		position: absolute;
		width: 387px;
		height: 240px;
	}

	.section-service .info-box .item1 {
		top: 0;
		/* left: -298px;  */
		left: -271px;
	}

	.section-service .info-box .item1 .dian {
		margin: 27px 0 0 50px;
	}

	.section-service .info-box .item2 {
		top: 0;
		/* right: -298px;  */
		right: -270px;
	}

	.section-service .info-box .item2 .dian {
		margin: 27px 50px 0 0;
	}

	.section-service .info-box .item3 {
		bottom: 0;
		/* left: -308px; */
		padding: 0 86px -1px 0;
		left: -281px;
	}

	.section-service .info-box .item3 .dian {
		margin: 12px 0 0 50px;
		position: absolute;
		top: 155px;
	}

	.section-service .info-box .item4 {
		bottom: 0;
		/* right: -308px; */
		padding: 0 0 -1px 82px;
		right: -283px;
	}

	.section-service .info-box .item4 .dian {
		margin: 12px 50px 0 0;
		top: 153px;
	}
}