.banner{
	height:600px!important;
	background: #e9e9e9;
	background: url(../images/banner12.png) no-repeat;
	background-size:cover;
}
.container > a{
	width: 120px;
	height: 50px;
	background:#fff;
	//background-color: rgb(255, 255, 255);
	display: inline-block;
	text-align: center;
	line-height: 50px;
	color: #666;
	box-shadow: 0 0 27px
	rgba(11,11,11,0.1);
	border: 1px solid #fff;
	font-size: 14px;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 0 16px;
	margin-right: 10px;
}
.container > a:last-child{
	margin-right: 0;
}
.container > .cur{
	background-color: #007cc2;
	color: #fff;
}
.nav-center{
	text-align: center;
}
.banner .mask{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(27,27,27,0.2);
	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;
		z-index: 1;
	}
	.banner i:nth-of-type(2){
		left:542px;
	} 
	.banner h2{
		font-size: 50px;
		position:absolute;
		left:470px;
		top:246px;
		color:#fff;
		z-index: 1;
		font-family: "苹方","常规";
	}
	.banner span{
		font-size: 26px;
		position:absolute;
		left:440px;
		top:326px;
		color: #f8f8f8;
		z-index: 1;
		font-family: "苹方","细体";
	}
	.center .choose{
		margin-top:37px;
		padding-left:80px;
		padding-right:80px;
		box-sizing: border-box;
	}
	.center .choose .case{
		display: inline-block;
		text-align:center;
		font-size: 24px;
		outline: none;
		width:292px;
		height:80px;
		line-height:80px;
		padding:0 40px;
		box-sizing: border-box;
		color:#fff;
		background-color: #007cc2;
		border-radius: 5px;
		box-shadow: 0 0 27px rgba(11,11,11,0.1);
		margin-right:23px;
	}
	.center .choose .service{
		/*display:-ms-inline-grid;
		display:inline-grid;*/
		display: inline-block;
		width:292px;
		height:80px;
/*		overflow: hidden;*/
		margin-right:23px;
	}
	.center .choose .service .service-box{
		width:100%;
		height:80px;
		position:relative;
		cursor: pointer;
	}
	.center .choose .service .fen{
		display: block;
		width:100%;
		height:80px;
		line-height: 80px;
		padding:0 40px;
		box-sizing: border-box;
		border-radius: 5px;
		border:1px solid #fff;
		color:#666;
		font-size: 24px;
		box-shadow: 0 0 27px rgba(11,11,11,0.1);
		position:relative;
	}
	.center .choose .service .fen:after{
		content: "";
		position:absolute;
		width:20px;
		height:20px;
		display: block;
		background:url(../images/bottom.png) no-repeat;
		right:40px;
		bottom:20px;
	}
	.center .choose .service .none {
		width:100%;
		position: absolute;
		display: none;
		background-color:#fff;
		z-index: 5;
	}
	.center .choose .service .none span{
		display: block;
		height:40px;
		line-height: 40px;
		padding-left:40px;
		box-sizing:border-box;
		width:100%;
		cursor: pointer;
	}
	.center .choose .service .none span:hover{
		background-color: #007cc2;
		color:#fff;
	}
	.center .choose .industry{
		display: inline-block;
		width:292px;
		height:80px;
		padding:0 40px;
		line-height: 80px;
		padding:0 40px;
		color:#666;
		font-size: 24px;
		box-sizing: border-box;
		border-radius: 5px;
		border:1px solid #fff;
		box-shadow: 0 0 27px rgba(11,11,11,0.1);
		position:relative;
	}
	.center .choose .industry:after{
		content: "";
		position:absolute;
		width:20px;
		height:20px;
		display: block;
		background:url(../images/bottom.png) no-repeat;
		right:40px;
		bottom:20px;
	}
	.center .show{
		margin-top:100px;
	}
	.center .show:after{
		display:block;
		content: "";
		clear:both;
	}
	.center .show li{
		float:left;
		height:420px;
		margin:0 24px 25px 0;
		box-shadow: 0 0 27px rgba(37,37,37,0.06);
	}
	.center .show li:nth-of-type(3n){
		margin-right:0;
	}
	.center .show li a{
		display: block;
		height:100%;
		width:100%;
	}
	.center .show li a h4{
		margin-top:22px;
		text-align: center;
		color:#343434;
		font-size: 20px;
	}
	.center .show li a span{
		margin-top:16px;
		display: block;
		text-align: center;
		color:#666;
		font-size: 14px;
	}
	.center .page-box{
		position:relative;
		height:48px;
		margin-top:50px;
		margin-bottom:125px;
	}
	.center .page{
		width:250px;
		position:absolute;
		margin:0 auto;
		left:0;
		right:0;
	}
	.center .page-box:after{
		display:block;
		content: "";
		clear:both;
	}
	.center .page li{
		font-size: 14px;
		float:left;
		width:60px;
		height:46px;
		line-height: 46px;
		text-align: center;
		border:1px solid #ccc;box-sizing: border-box;
	}
	.center .page li a{
		display: block;
		width:100%;
		height:100%;
		color:#551a8b;
	}
	.page-box .page ul li:hover,.page-box .page ul li.active{
		color:#fff;
		background-color:#1b1b1b;
	}
	.page-box .page ul li:hover a,.page-box .page ul li.active a{
		color:#fff;
	}
	.center .page li:nth-of-type(1){
		border-right:0;
	}
	.center .page li:nth-of-type(2){
		border-right:0;
	}
	.center .page li:nth-of-type(3){
		border-right:0;
	}
	@media  screen and (max-width:780px ) {
						.banner{
			height:300px!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%;
		}
		.choose,.show,.page-box{
			width:100%;
		}
		.choose{
			padding:37px 39px!important;
			box-sizing: border-box;
		}
		.center .choose .case{
    		font-size: 20px;
    		max-width: 30%;
		}
	.center .choose .service {
		max-width: 30%;
	}
	.center .choose .service .service-box .fen{
		font-size: 20px;
	}
	.center .choose .industry{
		font-size: 20px;
	}
	.center .choose .industry {
		max-width: 30%;
	}
	.center .choose .service .fen:after{
		right:10px;
	}
	.center .choose .service .industry:after{
		right:10px;
	}
		.center .show li {
    		float: left;
    		height: 420px;
    		margin-right:10px;
    		width:48%;
		}
		.center .show li:nth-of-type(2n) {
    		margin-right:0;
    		float:right;
		}
		.center .show li img{
    		width:100%;
		}
	}
	@media screen and (max-width:640px ) {
		.center .choose{
			padding:37px 0!important; 
		}
	.center .show{
		margin-top:50px;
	}
	.center .choose .service {
		max-width: 30%;
	}
	.center .choose .service .service-box .fen{
		font-size: 20px;
	}
	.center .choose .industry{
		font-size: 20px;
	}
	.center .choose .industry {
		max-width: 30%;
	}
	}
	@media screen and (max-width:480px ){
		.center .show{
			margin-top:0;
		}
		.center .show li{
			width:100%;
		}
		.center .show li img{
			height:75%;
		}
		.center .choose .case {
    		font-size: 14px;
    		height:80px;
    		max-width: 30%;
    		height:40px;
    		line-height: 40px;
    		padding:0;
    		margin-right:10px;
		}
}
@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%;
		}
	.center .choose{
		margin-top:0;
	}	
	.center .choose .service{
		max-width: 31%;
		margin-right:10px;
		height:40px;
		line-height:40px;
	}
	.center .choose .service .service-box{
		height:40px;
		line-height:40px;
	}
	.center .choose .service .service-box .fen{
		font-size: 20px;
		padding-left:5px;
		padding-right:0;
		font-size: 14px;
		height:40px;
		line-height: 40px;
	}
	.center .choose .service .fen:after {
    right: 5px;
    bottom: 3px;
    background-size:60%;
	}
	.center .choose .industry:after {
    right: 5px;
    bottom: 3px;
    background-size:60%;
	}
	.center .choose .industry {
		max-width: 30%;
		height:40px;
		line-height: 40px;
		font-size:14px;
		padding-left:5px;
	}
	.center .choose .service .none span {
    	padding-left:0;
    	height:20px;
    	line-height: 20px;
    	font-size: 14px; 
	}
}