@charset "utf-8";
/* CSS Document */

			.banner{
			
			    background-position: center;
    background-size: cover;
	height:230px;
	position:relative;
	width:100%;
			}	
			
			
				.banner1{
					width:100%;
					position:relative;
				
					height:100%;
					
					margin:auto;
					max-width:1060px;padding:0px 20px 0px 20px;
							line-height:30px;
							z-index:2;box-sizing:border-box;
							
					
					
					
					}
					
					.banner1-1{
						position:absolute;box-sizing:border-box;
						left:0px;padding:0px 20px 0px 20px;
						width:100%;
						font-size:16px;
						bottom:20px;
						
						
						
						
						}
						
						.banner1-1 a{
							color:#fff;
							}
							
								.banner1-1 a:hover{
								
							color:#a9cac2;
							}			
						
			.jiejue{padding: 10px 20px 10px 20px;
width:100%;
	max-width:1060px;
	overflow:hidden;
	
    box-sizing: border-box;
	margin:auto;
				
				
				}	
				
				.jiejue1{
					width:100%;
			
					float:left;
					overflow:hidden;
					margin-top:70px;
					
					
					
					}
	
	
	.jiejue1 span{
		width:33.33333333%;
		float:left;
		display:block;
		height:60px;
		font-size:18px;
		line-height:60px;
		
		text-align:center;
		background-color:#a9cac2;
		}
		
		.jiejue1 span a{
			color:#fff;
			display:block;
			width:100%;
			height:100%;
			
			}
			
			
			
				.jiejue1 span a:hover{
			color:#fff;
			background-color:#6fb5a5;
			
			}
			.active{background-color:#a9cac2;color:#fff!important;
				}

			
			
			.jiejue2{
				width:100%;
				overflow:hidden;}
			
			
			
			
			
			.servicesBox { width:1050px; overflow:hidden;
			margin-top:30px;
			padding-bottom:30px;
			
		
			margin-left:-30px;}

.servicesBox .serBox { cursor:pointer; margin-left:30px;margin-bottom:30px;
display:inline; width:320px; height:260px; float:left; overflow:hidden; background-color:#f7f7f7; position:relative;}
.servicesBox .serBox a{
	display:block;
	width:100%;
	height:100%;
	color:#666;}
.servicesBox .serBox a:hover{
	color:#fff;
	

}
.servicesBox .serBoxOn {  display:none; width:320px; height:270px;  position:absolute; left:0px; top:0px; z-index:19; background-color:#D71718;}
.servicesBox .serBox .pic1 { width:110px; height:110px; text-align:center; position:absolute; top:40px; right:105px; z-index:99;}
.servicesBox .serBox .pic2 { width:110px; height:110px; text-align:center; position:absolute; top:40px; right:105px; z-index:99; opacity: 0;}
.servicesBox .serBox .txt1 { width:320px; height:100px; position:absolute; top:165px; left:0px; z-index:99;}
.servicesBox .serBox .txt2 { width:320px; height:100px;  position:absolute; top:165px; left:0px; z-index:99; opacity: 0}
.servicesBox .serBox span.tit { font-size:16px; display:block; text-align:center;}
.servicesBox .serBox .txt1 .tit {  line-height:30px; color:#333;
font-size:18px;}
.servicesBox .serBox .txt2 .tit {  line-height:30px;  font-size:18px;}
.servicesBox .serBox .txt1 p {  line-height:30px; color:#666;font-size:14px;}
.servicesBox .serBox .txt2 p {  line-height:30px; font-size:14px;}

.servicesBox .serBox p{  text-align:center;}
			
			
			
@media screen and (min-width:320px) and (max-width:399px) {
		.jiejue1 span{
				width:100%;
				}
					
					
						
				.servicesBox {
							width:320px;
							margin:auto;
							margin-top:30px;}
							
							.servicesBox .serBox {
								margin-left:0px;
								margin-right:0px;}
								.jiejue {padding: 10px 0px 10px 0px;}
			}
			
				
				
				
				
@media screen and (min-width: 400px) and (max-width:499px){
	.jiejue1 span{
				width:100%;
				}
			
			
			
				
				.servicesBox {
							width:320px;
							margin:auto;
							margin-top:30px;}
							
							.servicesBox .serBox {
								margin-left:0px;
								margin-right:0px;}
			}
		
@media screen and (min-width: 500px) and (max-width:639px){
			.jiejue1 span{
				width:100%;
				}
			
			
				
				.servicesBox {
							width:320px;
							margin:auto;
							margin-top:30px;}
							
							.servicesBox .serBox {
								margin-left:0px;
								margin-right:0px;}
			}
		
		
		
		
		
@media screen and (min-width: 640px) and (max-width:767px){
				.jiejue1 span {
		width:100%;}
				.servicesBox {
							width:320px;
							margin:auto;
							margin-top:30px;}
							
							.servicesBox .serBox {
								margin-left:0px;
								margin-right:0px;}
			
			}
		
		
		
		
@media screen and (min-width: 768px) and (max-width:991px){
	
	
	.jiejue1 span {
		width:50%;}
	.servicesBox {
							width:700px;
							margin:auto;
							margin-top:30px;}
							
							.servicesBox .serBox {
								margin-left:15px;
								margin-right:15px;}
			
			}
		
@media screen and (min-width: 992px)and (max-width:1199px){

						.servicesBox {
							width:700px;
							margin:auto;
							margin-top:30px;}
							
							.servicesBox .serBox {
								margin-left:15px;
								margin-right:15px;}
			
			}

@media screen and (min-width: 1200px)and (max-width:1399px){
				}
	
	
	
@media screen and (min-width: 1400px)and (max-width:1499px){
					
					}
				
				
@media screen and (min-width: 1500px)and (max-width:1630px){
							
							}		
						
						
						
@media screen and (min-width: 1631px){}