@charset "utf-8";

/*轮播图*/
.banner{ 
	width: 100%; 
	height: auto; 
	position: relative;
}

.banner ul{ 
	width: 100%; 
	height: auto; 
	position: relative; 
	overflow: hidden;
}

.banner ul li{ 
	width: 100%; 
	height: auto; 
	position: absolute; 
	left: 0; 
	top: 0;
}

.banner ul .on{ 
	z-index: 1;
}

.banner ul li a img{ 
	width: 100%;
	height: 160px;
}

.banner ol{ 
	height: 10px; 
	position: absolute; 
	left: 50%; 
	bottom: 15px; 
	z-index: 1;
}

.banner ol li{ 
	width: 33px; 
	height: 100%; 
	float: left; 
	border-radius: 50%;
}

.banner ol li a{ 
	display: block; 
	width: 10px; 
	height: 10px; 
	background-image: url(../images/banner_point_05.png); 
	background-size: 100% 100%; 
	background-repeat: no-repeat; 
	background-position: center;
	margin: 0 auto;
}

.banner ol .on a{ 
	background-image: url(../images/banner_point_03.png);
}

/*方案*/
.programme{ 
	width: 100%; 
	padding-bottom: 4px;
}

.programme h3{ 
	width: 100%; 
	font: 1.2rem/118px "微软雅黑"; 
	text-align: center; 
	color: #303030;
}

.programme ul{ 
	width: 100%; 
	overflow: hidden;
}

.programme ul li{ 
	width: 44%; 
	padding: 0 0 0 4%; 
	float: left; 
	padding-bottom: 26px;
}

.programme ul li a{ 
	display: block; 
	width: 100%; 
	margin-bottom: 10px; 
	line-height: 0;
}

.programme ul li a img{ 
	width: 100%; 
	height: 100%;
}

.programme ul li h5{ 
	width: 100%; 
	font: 1.2rem/48px "微软雅黑"; 
	text-align: center; 
	color: #303030; 
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.programme ul li p{ 
	display: -webkit-box;
	width: 100%; 
	font: 1rem/22px "微软雅黑"; 
	color: #a0a0a0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/*业务*/
.business{ 
	width: 100%; 
	background: #f6f6f6; 
	padding-bottom: 26px;
}

.business h3{ 
	width: 100%; 
	height: auto; 
	font: 1.2rem/85px "微软雅黑"; 
	background: #f6f6f6; 
	text-align: center; 
	color: #303030;
}

.business ul{ 
	width: 94%; 
	margin: 0 auto; 
	overflow: hidden;
}

.business ul li{ 
	width: 100%; 
	background: #FFF; 
	padding: 2.8% 0 1.9% 0; 
	margin-bottom: 3%; 
	float: left;
}

.business ul li a{ 
	display: block; 
	width: 14.34%; 
	margin:0 4.26% 0 5%; 
	float: left;
}

.business ul li a img{ 
	width: 100%; 
	height: 100%;
}

.business ul li h5{ 
	font: 1.15rem/100% "微软雅黑"; 
	margin-bottom: 5px;
}

.business ul li:nth-of-type(1) h5{ 
	color: #14d774;
}

.business ul li:nth-of-type(2) h5{ 
	color: #fd9c34;
}

.business ul li:nth-of-type(3) h5{ 
	color: #f74b57;
}

.business ul li:nth-of-type(4) h5{ 
	color: #8aa0f4;
}

.business ul li:nth-of-type(5) h5{ 
	color: #bd9e38;
}

.business ul li p{ 
	width: 95%; 
	font: 0.8rem/1rem "微软雅黑"; 
	color: #797979;
}

/*案例*/
.case{ 
	width: 100%; 
	overflow: hidden; 
	background-image: url(../images/case_bg_02.jpg); 
	background-size: 100% 100%; 
	background-repeat: no-repeat;
}

.case h3{ 
	width: 100%; 
	font: 1.2rem/95px "微软雅黑"; 
	color: #FFF; 
	text-align: center;
}

.case ul{ 
	width: 93%; 
	margin: 0 auto; 
	overflow: hidden;
}

.case ul li{ 
	width: 49%; 
	float: left; 
	background: #FFFFFF; 
	margin-bottom: 4%; 
	border-radius: 0 0 2px 2px;
}

.case ul li:nth-of-type(2n){ 
	margin-left: 2%;
}

.case ul li a{ 
	display: block;
}

.case ul li .img{ 
	width: 100%; 
	line-height: 0;
}

.case ul li .img img{ 
	width: 100%;
}

.case ul li .text{ 
	display: inline-block; 
	width: 100%; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	font: 1rem/300% "微软雅黑"; 
	color: #303030; 
	padding: 0 35% 0 5.4%; 
	box-sizing: border-box; 
	position: relative;
}

.case ul li .text img{ 
	width: 2.5%; 
	position: absolute; 
	right: 5.4%; 
	top: 50%; 
	margin-top:-4.6%;
}

.case .read_more{ 
	display: block; 
	width: 39.16%; 
	font: 1rem/200% "微软雅黑"; 
	color: #FFFFFF; 
	background: #ff465f; 
	text-align: center; 
	border-radius:50px; 
	margin: 3% auto 10%; 
	padding: 0 5%;
}

/*新闻*/
.news{ 
	width: 100%; 
	overflow: hidden; 
	background: #f6f6f6;
}

.news h3{ 
	width: 100%; 
	font: 1.2rem/92px "微软雅黑"; 
	color: #303030; 
	text-align: center;
}

.news ul{ 
	width: 93%; 
	margin: 0 auto;
}

.news ul li{ 
	width: 100%; 
	margin-bottom: 17px; 
	background: #FFF; 
	overflow: hidden; 
	position: relative;
}

.news ul li h4{ 
	width: 50%; 
	height: 40%; 
	font: 0.8rem/200% "微软雅黑"; 
	text-align: center; 
	color: #303030; 
	padding: 10px 5% 3px; 
	box-sizing: border-box; 
	position: relative;
}

.news ul li h4:after{ 
	content: ''; 
	width: 0px; 
	height: 0px; 
	position: absolute; 
	left: 99.9%; 
	top: 45%; 
	border-left: 10px solid #FFF; 
	border-top: 10px solid transparent; 
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	z-index: 2;
}

.news ul li p{ 
	display: -webkit-box;
	width: 50%; 
	height: 32%; 
	font:0.5rem/180% "微软雅黑"; 
	text-align: center; 
	color: #ccc; 
	padding: 0 4% 10px; 
	box-sizing: border-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news ul li .read{ 
	display: block; 
	width: 17%;
	 font: 0.7rem/250% "微软雅黑"; 
	 background: #ff465f; 
	 color: #FFF; 
	 text-align: center; 
	 border-radius: 20px; 
	 padding: 0 10px; 
	 margin: 0 15% 5%;
}

.news ul li .img{ 
	display: block; 
	width: 50%; 
	height: 100%; 
	float: left; 
	position: absolute; 
	right: 0; 
	top: 0;
}

.news ul li img{ 
	width: 100%; 
	height: 100%;
}

.news .read_more{ 
	display: block; 
	width: 39.16%; 
	font: 1rem/200% "微软雅黑"; 
	color: #FFFFFF; 
	background: #ff465f; 
	text-align: center; 
	border-radius:50px; 
	margin: 5% auto 10%; 
	padding: 0 5%;
}

/*联系我们*/
.footer{ 
	width: 100%; 
	overflow: hidden; 
	position: relative;
}

.footer h3{ 
	width: 100%; 
	font: 1.2rem/95px "微软雅黑"; 
	color: #FFF; 
	text-align: center; 
	background-image: url(../images/contact_bg_02.jpg); 
	background-size: 100% 100%; 
	background-repeat:no-repeat;
}

.footer .contact{ 
	width: 84%; 
	position: absolute; 
	left: 3%; 
	top: 85px; 
	background: #FFF; 
	padding: 5% 5% 2%;
}

.footer .contact img{ 
	width: 17.1%; 
	float: left; 
	margin-right: 10px;
}

.footer .contact ul{ 
	width: 70%; 
	float: left;
}

.footer .contact ul li{ 
	width: 100%; 
	font: 0.8rem/150% "微软雅黑"; 
	color: #272626;
}

.footer .address{ 
	width: 100%; 
	padding: 32% 0 5px; 
	background: #F6F6F6;
}

.footer .address span{ 
	display: block; 
	width: 94%; 
	margin: 0 auto; 
	text-align: center; 
	font: 0.78rem/180% "微软雅黑"; 
	color: #696969;
}