.head .right li:nth-of-type(3) a {
    color: #007cc2;
    font-weight: bold;
	}
.banner{
	height:auto!important;
	/* background: #e9e9e9; */
}
	.banner img{
		width: 100%;
/* 		width:746px;
		position:absolute;
		height:435px;
		bottom:-10px;
		right:230px;
		z-index: 5; */
	}
	.banner i{
		position:absolute;
		top:216px;
		left:492px;
		width:13px;
		height:13px;
		border-radius: 50%;
		box-sizing: border-box;
		border:2px solid #007cc2;
	}
	.banner i:nth-of-type(2){
		left:542px;
	}
	.banner h2{
		font-size: 50px;
		position:absolute;
		left:470px;
		top:246px;
		color:#fff;
		font-family: "苹方","常规";
	}
	.banner span{
		font-size: 26px;
		position:absolute;
		left:440px;
		top:326px;
		color: #fff;
		font-family: "苹方","细体";
	}
	.center-box{
		width:100%;
		padding-top:120px;
		overflow: hidden;
	}
	.center-box:after{
		display: block;
		content: "";
		height:0;
		clear:both;
	}
	.center ul:after{
		content: ".";
		display: block;
		height:0;
		clear:both;
	}
	.center ol:after{
		content: "";
		display: block;
		clear:both;
	}
	.center h2{
		font-size: 34px;
		text-align: center;
	}
	.center ul{
		width:100%;
		margin-top:62px;
		}
		.center ul li{
		float:left;
		height:386px;
		margin-right:30px;
		width:31%;
		padding-top:64px;
		padding-left:40px;
		padding-right:40px;
		box-sizing: border-box;
		margin-bottom:28px;
		border-radius: 10px;
		}
		.center ul li .list{
		display:block;
		width:100%;
		height:100%;
		}
		.center ul li:nth-of-type(3n){
		margin-right:0px;
		}
			.center ul li:nth-of-type(1){
				background: #212121;
				border-radius: 10px;
				color:#fff;
			}
			.center ul li:nth-of-type(2){
				background: #e9e9e9;
				border-radius: 10px;
			}
			.center ul li:nth-of-type(3){
				background: #c9c9c9;
				border-radius: 10px;
				color:#fff;
			}
			.center ul li:nth-of-type(4){
				background-color: #f6f4f5;
			}
			.center ul li:nth-of-type(5){
				background-color: #f8f8f8;
			}
			.center ul li:nth-of-type(6){
				background-color: #fbfbfb;
			}
		.center ul li .list span{
			font-size: 24px;
			color:#343434;
		}
		.center ul li .list i{
			display: block;
			width:52px;
			height:2px;
			background: #000;
			margin-top:16px;
		}
		.center ul li .list p{
			margin-top:52px;
			color:#666;
			line-height: 34px;
		}
			.center ul li:nth-of-type(1) i{
			background: #fff;
			}
			.center ul li:nth-of-type(1) span{
			color: #fff;
			}
			.center ul li:nth-of-type(1) p{
			color: #fff;
			}
			.center ul li:nth-of-type(3) i{
			background: #fff;
			}
			.center ul li:nth-of-type(3) span{
			color: #fff;
			}
			.center ul li:nth-of-type(3) p{
			color: #fff;
			}
	.center ol {
		width:100%;
		padding-bottom: 153px;
	}
		.center ol li{
			width:100%;
		}
		.center ol li{
			width:100%;
			position:relative;
		}
		.center ol li:before{
			content: "";
			display: block;
			width:848px;
			height:322px;
			background-color: #f4f8fb;
			position:absolute;
			z-index: -1;
			top:50px;
		}
		.center ol li:nth-of-type(2n+1):before{
			left:-400px;
		}
		.center ol li:nth-of-type(2n):before{
			right:-400px;
		}
		.center ol li:after{
			content: "";
			display: block;
			clear:both;
		}
		.center ol li img{
			width:444px;
			height:420px;
			display: inline-block;
			float:left;
		}
		.center ol li .wenzi{
			display: inline-block;
			float:right;
			padding-top:80px;
			margin-right:130px;
		}
		.center ol li:nth-of-type(2n-1) img{
			left:0;
		}
		.center ol li:nth-of-type(2n) img{
			float:right;
			}
		.center ol li .wenzi{
			display: inline-block;
			}
		.center ol li .wenzi span{
			display:block;
			font-size:24px;
		}
		.center ol li .wenzi p{
			margin-top:30px;
			width:486px;
			color:#666;
			line-height: 33px;
		}
			.center ol li:nth-of-type(2n) span{
				left:140px;
			}
			.center ol li:nth-of-type(2n) p{
				left:140px;
			}
	@media  screen and (max-width:780px ) {
		.banner{
			/* height:300px!important; */
			height: auto!important;
		}
		.banner img{
			width:40%;
			height:60%;
			right:50px;
		}
		.banner i{
			top:110px;
			left:18%;
		}
		.banner i:nth-of-type(2){
			top:110px;
			left:13%;
		}
		.banner h2{
			font-size: 36px;
			top:130px;
			left:12%;
		}
		.banner span{
			font-size: 20px;
			top:180px;
			left:12%;
		}
		.center{
			width:100%;
		}
		.center ul li{
			padding-top:34px;
			width:30%;
			height:280px;
			margin-right:38px;
		}
		.center ul li .list span{
			font-size:20px;
		}
		.center ol{
			top:700px;
			padding-bottom: 50px;
		}
		.center ol li{
			height:400px;
		}
		.center ol li:before{
			display: none!important;
		}
		.center ol li img{
			width:352px;
			height:336px;
			top:50px;
		}
		.center ol li span {
    	font-size: 20px;
		}
		.center ol li p {
    	max-width:300px;
    	color: #666;
    	top: 95px;
    	left: 404px;
		}
		.center ol li:nth-of-type(2n) span {
   			 left: 80px;
		}
		.center ol li:nth-of-type(2n) p {
   			 left: 80px;
		}
	}
	@media  screen and (max-width:640px ) {
		.banner img{
			width:40%;
			height:50%;
			right:40px;
		}
		.banner i{
			top:110px;
			left:18%;
		}
		.banner i:nth-of-type(2){
			top:110px;
			left:13%;
		}
		.banner h2{
			font-size: 30px;
			top:130px;
			left:12%;
		}
		.banner span{
			font-size: 18px;
			top:180px;
			left:12%;
		}
		.center-box{
			padding-top:30px;
		}
		.center h2{
			font-size: 26px;
		}
		.center ul li{
			padding-top:30px;
			width:30%;
			height:280px;
			margin-right:28px;
		}
		.center ul li .list span{
			font-size:16px;
		}
		.center ul li .list p {
    		margin-top: 22px;
    		font-size: 16px;
		}
		.center ol li img{
			width:50%;
			height:70%;
			top:50px;
		}
		.center ol li span {
    	font-size: 20px;
    	top: 60px;
    	left: 354px;
		}
		.center ol li p {
    	font-size: 20px;
    	top: 95px;
    	left: 354px;
    	font-size: 16px;
    	max-width:250px;
		padding: 0 10px;
		box-sizing: border-box;
		}
		.center ol li .wenzi{
			padding-top:0;
			margin-right:50px;
		}
	}
	@media screen and (max-width:480px) {
		.banner{
		/* 	height:200px!important; */
		height: auto!important;
			}
		.banner img{
			width:40%;
			height:50%;
			right:30px;
		}
		.banner i{
			width:10px;
			height:10px;
			top:80px;
			left:18%;
		}
		.banner i:nth-of-type(2){
			top:80px;
			left:13%;
		}
		.banner h2{
			font-size: 20px;
			top:100px;
			left:12%;
		}
		.banner span{
			font-size: 16px;
			top:130px;
			left:12%;
			max-width:150px;
		}
		.center h2{
			font-size: 22px;
		}
			.center ul li{
			width:100%;
			margin-bottom:10px;
			height:200px;
		}
		.center ol li img{
			width:100%;
		}
		.center ol li .wenzi{
			width:100%;
			margin-right:0;
		}
		.center ol li .wenzi span{
			width:100%;
			text-align: center;
			font-size: 20px;
			
		}
		.center ol li .wenzi p{
			max-width:100%;
			text-align: center;
			padding: 0 10px;
			box-sizing: border-box;
		}
	}

		


.container h3{
	text-align: center;
	font-size: 28px;
	color: #1d1d1d;
	font-weight: normal;
	margin-bottom: 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;
} 
.news .content li .description{
	font-size: 16px;
	color: #a7a7a7;
	line-height: 24px;
}
.news .content li .go{
	display: block;
	margin-top: 18px;
	text-align: left;
	font-size: 14px;
	color: #a7a7a7;
}
.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;
	}	
}