.banner{
	position: relative;
}
.banner .info{
	right: 12.5%;
	width: 27%;
	color: #fff;
}
.banner .info h4{
	position: relative;
	font-size: 20px;
	padding: 2% 5%;
	background: #f58635;
}
.banner .info h4 span{
	position: absolute;
	top: 30%;
	right: 8%;
	font-family: helvetica;
	font-size: 18px;
	opacity: 0.6;
}
.banner .info .text{
	padding: 0 5% 5%;
	background: rgba(255,255,255,0.2);
}
.banner .info h5{
	font-size: 16px;
	padding: 3% 0;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.banner .info h5 span{
	display: inline-block;
	width: 2px;
	height: 14px;
	background: #fff;
	margin-right: 15px;	
}
.banner .info p{
	font-size: 14px;
	line-height: 22px;
	padding-top: 3%;
	text-align: justify;
}

/*.con1*/
.con1{
	padding: 5% 0;
	background: #f4f4f4;
}
.con1 .container{
	background: url(../images/2.jpg) no-repeat center;
	background-size: cover;
}
.con1 img{
	width: 50%;
	vertical-align: middle;
}
.con1 .info{
	position: relative;
	display: inline-block;
	width: 50%;	
	vertical-align: middle;
}
.con1 .info section{
	width: 80%;
	padding: 8% 0;
	margin: 0 10%;
	border-bottom: 1px solid rgba(245,134,53,0.5);
}
.con1 .info section:last-child{
	border: none;
}
.con1 .info section h4{
	position: relative;
	font-size: 24px;
	color: #f58635;
}
.con1 .info section h4 span{
	position: absolute;
	right: 0;
	bottom: 0;
	font-family: helvetica;
	font-size: 18px;
	color: #999;
}
.con1 .info section p{
	font-size: 14px;
	line-height: 24px;
	padding-top: 5%;
}


/*.con2*/
.con2{
	padding-bottom: 3%;
	background: url(../images/bg.jpg) no-repeat center;
	background-size: cover;
}
.con2 h3{
	color: #fff;
}
.con2 ul{
	text-align: center;
}
.con2 li{
	position: relative;
	font-size: 16px;
}
.con2 li a{
	color: #333;
}
.con2 li img{
	width: 100%;
}
.con2 li h4{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 5% 0;
	text-align: center;
	background: rgba(0,0,0,0.5);
}
.con2 li h4 p{
	font-family: helvetica;
	padding: 0 2%;
}


/*.con3*/
.con3{
	padding-bottom: 3%;
}
.con3 ul{
	text-align: center;
	padding-bottom: 10%;
}
.con3 li{
	margin-right: 3%;
}
.con3 li:nth-child(3n){
	margin-right: 0;
}
.con3 li img{
	width: 100%;
}
.con3 li .tu{
	position: relative;
	width: 80%;
	margin: 0 auto;
}
.con3 li .info{
	position: absolute;
	top: 80%;
	left: 10%;
	width: 70%;
	color: #666;
	background: #f9f9f9;
	padding: 20px 5%;
	text-align: left;
}
.con3 li .info h5{
	font-size: 16px;
	padding-bottom: 2%;
}
.con3 li .info h5 span{
	display: inline-block;
	width: 2px;
	height: 14px;
	background: #282828;
	vertical-align: middle;
	margin-right: 5%;
	margin-top: -1px;
}
.con3 li .info p{
	font-size: 12px;
	padding-top: 1%;
}
.con3 li:hover .info{
	color: #fff;
	background: url(../images/bg14.png) no-repeat 90% center #f58635;
	background-size: 30%;
}
.con3 li:hover .info h5 span{
	background: #fff;
}
.con3 a{
	display: block;
	width: 12%;
	padding: 0.5% 0;
	font-size: 16px;
	color: #fff;
	background: #f58635;
	margin: 0 auto;
	text-align: center;
}

/*资讯*/
.con10{background-color: #f6f6f6;padding-bottom: 3%;}
.con10 ul li{position: relative;padding-bottom: 3%;}
.con10 ul li a{display: block;color: #282828;}
.con10 ul li .info{padding: 10%;}
.con10 ul li .info h5{font-size: 14px;font-weight: normal;padding-bottom: 3%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.con10 ul li .info p{font-size: 12px;opacity: 0.7;}
.con10 ul li p.line{width: 0;height: 2px;background: #f58635;}
.con10 ul li:hover p.line{width: 100%;}
.con10 .container>a{display: block;width: 150px;height: 35px;line-height: 35px;font-size: 16px;color: #fff;background: #f58635;text-align: center;margin: 0 auto;}