.banner{
	height:600px!important;
	background: #e9e9e9;
	background: url(../images/banner7.png) no-repeat;
	background-size:cover;
}
.banner .mask{
	width:100%;
	height:100%;
	background-color: rgba(27,27,27,0.3);
	z-index: 0;
}
	.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: #f8f8f8;
		font-family: "苹方","细体";
	}
	.center{
		margin-bottom: 182px;
	}
		.center:after{
			content: "";
			display: block;
			clear:both;
	}
		.list{
			margin:70px auto 0;
			height:46px;
			background-color: #fdfdfd;
		}
			.list li{
				float:left;
				width:156px;
				height:46px;
				margin-right:28px;
				line-height: 46px;
				text-align: center;
				border:1px solid #fff;
				color:#343434;
				border-radius: 22.5px;
				background-color: #fff;
				box-shadow: 0 0 21px rgba(52,52,52,0.05);
				cursor: pointer;
			}
		.list li:hover,.list li.active{
			color:#fff;
			background-color: #026ab0;	
			
		}
		.show{
			margin-bottom:182px;
			margin-top:70px;
		}
		.show:after{
			content: "";
			display: block;
			clear:both;
		}
		.show ul:after{
			content: "";
			display: block;
			clear:both;
		}
		.show ul{
			width:100%;
		}
		.show ul li{
			height:545px;
			width:50%;
			float:left;
			position:relative;
		}
		.show ul li:nth-of-type(1) .mask{
			display: inline-block;
			background-color: rgba(27,27,27,0.3);
			height:100%;
			width:100%;
			position: absolute;
			top:0;
			left:0;
			z-index: 0;
		}
		.show ul li:nth-of-type(2){
			background-color: #1b5d8f;
		}
		.show ul li:nth-of-type(3){
			background-color: #fdc441;
		}
		.show ul li:nth-of-type(4) .mask{
			display: inline-block;
			background-color: rgba(27,27,27,0.3);
			height:100%;
			width:100%;
			position: absolute;
			top:0;
			left:0;
			z-index: 0;
		}
		.show ul li:nth-of-type(5) .mask{
			display: inline-block;
			background-color: rgba(27,27,27,0.3);
			height:100%;
			width:100%;
			position: absolute;
			top:0;
			left:0;
			z-index: 0;
		}
		.show ul li:nth-of-type(6){
			background-color: #53c2d5;
		}
		.show ul li:nth-of-type(7){
			background-color: #10af5d;
		}
		.show ul li:nth-of-type(8) .mask{
			display: inline-block;
			background-color: rgba(27,27,27,0.3);
			height:100%;
			width:100%;
			position: absolute;
			top:0;
			left:0;
			z-index: 0;
		}
		.show ul li:nth-of-type(9) .mask{
			display: inline-block;
			background-color: rgba(27,27,27,0.2);
			height:100%;
			width:100%;
			position: absolute;
			top:0;
			left:0;
			z-index: 0;
		}
		.show ul li:nth-of-type(10){
			background-color: #00a1c2;
		}
		.show ul li:nth-of-type(11){
			background-color: #ff7d5f;
		}
		.show ul li:nth-of-type(12) .mask{
			display: inline-block;
			background-color: rgba(27,27,27,0.1);
			height:100%;
			width:100%;
			position: absolute;
			top:0;
			left:0;
			z-index: 0;
		}
		.show ul li img{
			width:100%;
			height:100%;
		}
		.show ul li span{
			font-size: 50px;
			font-weight: bold;
			color:#fff;
			left:150px;
			top:126px;
			position:absolute;
		}
		.show ul li p{
			position:absolute;
			width:73%;
			left:150px;
			color:#fff;
			top:224px;
			line-height: 34px;
		}
		.show ul li a{
			position:absolute;
			left:150px;
			top:426px;
			display: inline-block;
			box-sizing: border-box;
			border:2px solid #fff;
			width:197px;
			height:52px;
			line-height: 46px;
			text-align: center;
			border-radius: 26px;
			color:#fff;
			font-size: 26px;
		}
		.show ul li i{
			font-size: 200px;
			display: inline-block;
			height:150px;
			line-height: 150px;
			font-family: "苹方";
			position:absolute;
			top:49px;
			right:110px;
			color:rgba(255,255,255,0.3)
		}
		@media  screen and (max-width:780px) {
				.banner{
			height:300px!important;
		}		.show ul li:nth-child(4n),.show ul li:nth-child(4n+1){
			height: auto;
		}
		.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 .list{
			width:100%;
		}
		.center .list li{
			margin-bottom: 20px;
		}
		.center .show{
			margin-top:100px;
		}
		.center .show ul:after{
			content: "";
			height:0;
			display: block;
			clear:both;
		}	
		.center .show ul li{
			width:100%;
		}
		.center .show ul li img{
			width:100%;
		}
}
@media  screen and (max-width: 640px) {
	.show ul li i {
	font-size: 150px;
}
}
@media  screen and (max-width:480px ) {
	.banner{
			height:200px!important;
			}
	.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:100%;
		}
		.show ul li{
			height:325px;
		}
		.show ul li span {
    	font-size: 30px;
    	left: 50px;
    	top: 56px;
    	position: absolute;
}
.show ul li i {
    font-size: 100px;
    line-height: 100px;
    right:25px;
    top:20px;
}
.show ul li p {
    left:50px;
    top:120px;
    font-size: 14px;
}
}