.head .right li:nth-of-type(5) a {
    color: #007cc2;
    font-weight: bold;
	}
.banner{
	height:600px;
	background: url(../images/banner3.png) no-repeat;
	background-size:100% 100%;
	position:relative;
}
.banner .mask{
	position: absolute;
	height:100%;
	width:100%;
	background-color: rgba(27,27,27,0.4);
	z-index: 0;
}
	.banner h2{
		position:absolute;
		left:0;
		right:0;
		margin:0 auto;
		top:240px;
		text-align: center;
		font-size: 50px;
		color:#fff;
		z-index: 1;
		font-family: "苹方","常规";
	}
	.banner span{
		position:absolute;
		left:0;
		right:0;
		margin:0 auto;
		top:310px;
		text-align: center;
		font-size: 26px;
		color:#ebeaf0;
		z-index: 1;
		font-family: "苹方","细体";
	}
	.center{
		margin-top:130px;
		margin-bottom: 130px;
	}
	.center ul{
		width:100%;
	}
	.center ul li{
		width:100%;
		height:490px;
		padding-right: 56px;
		box-sizing: border-box;
		position:relative;
		background-color: #f3f3f3;
	}
		.center ul li img{
			position: absolute;
			height:100%;
			width:50%;
		}
		.center ul li:nth-of-type(2n) img{
			bottom:0;
			right:0;
		}
		.center ul li:nth-of-type(2n-1) img{
			top:0;
			left:0;
		}
			
		.center ul li i{
			position: absolute;
			width:14px;
			height:14px;
			background: #e36713;
			border-radius: 50%;
			top:23%; 
			left:55%;
		}
			.center ul li:nth-of-type(2n) i{
				left:5%;
			}
		.center ul li span{
			position: absolute;
			font-size: 24px;
			top:21%;
			left:58%;
		}
			.center ul li:nth-of-type(2n) span{
				left:8%;
			}
		.center ul li p{
			width:40%;
			position: absolute;
			top:34%;
			line-height: 34px;
			font-size: 18px;
			left:55%;
			color:#666;
		}
			.center ul li:nth-of-type(2n) p{
				left:5%;
			}
	@media screen and (max-width: 780px) {
		.banner{
		height:280px!important;
	}
	.banner h2{
		top:60px;
		font-size: 40px;
	}
	.banner span{
		top:120px;
		font-size:20px ;
	}
	.center{
		width:100%;
		margin-bottom: 50px;
	}
	.center ul li {
    height: 350px;
    padding-right: 56px;
 	}
 	.center ul li i {
    width: 14px;
    height: 14px;
    top: 15%;
    left: 55%;
	}
	.center ul li span {
    font-size: 20px;
    top: 13%;
	}
	.center ul li p {
    width: 40%;
    top: 24%;
    line-height: 36px;
    font-size: 14px;
    left: 55%;
	}
}
@media  screen and (max-width:640px ) {
	.center ul li img{
		height:90%;
	}
	.center ul li:nth-of-type(2n) img{
		top:0;
	}
	.center ul li p {
    line-height: 26px;
	}
}
@media only screen and (max-width:480px ) {
	.banner{
			height:auto!important;
			}
			.banner h2{
				font-size: 30px;
			}
			.center{
				margin-top:40px;
			}
	.center ul li{
		padding:0;
		height:240px;
	}
	.center ul li img{
		width:50%;
		height:80%;
	}
	.center ul li i{
		width:10px;
		height:10px;
		top:5%;
	}
	.center ul li span{
		font-size:16px;
		top:3%;
	}
	.center ul li p{
		font-size:10px;
		line-height:26px;
		top:14%;
	}
}



.container h3{
	text-align: center;
	font-size: 28px;
	color: #1d1d1d;
	font-weight: normal;
	margin-bottom: 61px;
	margin-top: 61px;
}
.news .content{
	width: 1200px;
	margin: 60px auto 115px;
}
.news .content ul:after{
	content: "";
	width: 0;
	clear: both;
	display: block;
}
.news .content li{
	width: 380px;
	height: 211px;
	display: inline-block;
	float: left;
	padding: 33px 29px 0;
	box-sizing: border-box;
	margin-bottom: 30px;
	border-radius: 5px;
}
.news .content li:hover{
	box-shadow: 0px 0px 35px rgba(37,37,37,0.07);
}
.news .content li:nth-child(3n+2){
	margin: 0 30px;
}
.news .content li .article-title{
	font-size: 20px;
	color: #333333;
	margin-bottom: 22px;
	position:static;
	width:100%;
} 
.news .content li .description{
	font-size: 16px;
	color: #a7a7a7;
	line-height: 24px;
	position:static;
	width:100%;
}
.news .content li .go{
	display: block;
	margin-top: 18px;
	text-align: left;
	font-size: 14px;
	color: #a7a7a7;
}
.news .content li span{
	position:static; font-size: 14px;
}
.news .content li .go a{
	float: right;
}
.news .content li:hover .go img{
	display: inline-block;
}
.news .content li img{
	display: none;
}
@media  screen and (max-width:780px ) {
	.news{
		width:100%;
	}
	.news{
		margin-top:0px;
		height:1100px;
	}
	.news ul li {
		width: 48%;
		margin-right:20px;
	}
	.news ul li:nth-of-type(2n){
		/* float:right; */
		margin-right:0;
	}
}
@media screen and (max-width: 640px) {
	.container h3{
		font-size: 22px;
		margin-bottom: 30px;
		margin-top: 0px;
	}
	.news ul li p {
		left: 15px;
	}
}
@media only screen and (max-width:480px ) {
	.news .content{
		width: 100%;
		margin-bottom: 40px;
	}
	.news .content li:nth-child(3n+2){
		margin: 0;
	}
	.news .content ul{
		overflow: hidden;
	}
	.news{
		height:auto;
	}
	.news ul li{
		width:100%;
	}
	.news ul li p{
		width:auto;
	}
	.news ul li h4{
		font-size: 18px;
	}	
}