@charset "utf-8";
/* CSS Document */
*{
			list-style: none;
			text-decoration: none;
			padding: 0;
			margin: 0;
			font-family: "微软雅黑"
		}


.boi{
	margin-top: 20px;
}
.xiaohan img{
	margin-left: calc(50% - 10px);
	margin-top: 8px;}
.xiaohan li{
	list-style: none;}
.xiaohan a{
	text-decoration: none;
	font-size: 12px;
	color: #666;
	float: left;
	width:20%;
	margin-top: 2px;}
.xiaohan{
	text-align: center;
	display: none;
	max-width: 640px;
	margin: 0 auto;}
.xiaohan a:hover{
	color: #11AB00;
}
ul{
	padding: 0;
			margin: 0;
}		  
.banner{
	width: 100%;
}

.banner img{
	width: 100%;
	display: block;
}
.clearfix{
			clear: both;
		}

.top{
	width: 100%;
	height: 60px;
	background-color: black;
}
		.boi{
			max-width:640px;margin: 0 auto;
			display: none;
		
		}
		.boi ul{
			max-width: 640px;margin: 0 auto;
		}
		.boi ul a{
			color: black;
			text-align: center;
			
		}
		.boi ul li{
		
	        text-align: center;
		    float: left;
		    width: calc(100% / 4 );
		    font-size: 16px;
			font-family: "微软雅黑"
		}
	
		.boi_2{
			max-width: 640px;
			margin: 0 auto;
		}
		.boi_2 li{
			font-size: 12px;
			float: left;
			width: calc(100% / 4 );
			text-align: center;			
		}
		.boi_2 a{
			color: black;
		}

	    .boi_2 li:hover{
			background-color: #2DAD00;
		}
	
		.tu{
			max-width: 640px;
			margin: 0 auto;
		}
		.tu img{
			width: 100%;
			display: block;
		}
		.boi_2{
			display: none;
		}
			.boi_3{
			max-width: 640px;
			margin: 0 auto;
		}
		.boi_3 li{
			font-size: 12px;
			float: left;
			width: calc(100% / 4);
			text-align: center;			
		}
		.boi_3 a{
			color: black;
		}
	
	    .boi_3 li:hover{
				background-color: #2DAD00;
		}

		.tu{
			max-width: 640px;
			margin: 0 auto;
		}
		.tu img{
			width: 100%;
			display: block;
		}
		.boi_3{
		

		}
		.boi_4{
			max-width: 640px;
			margin: 0 auto;
		}
		.boi_4 li{
			font-size: 12px;
			float: left;
			width: calc(100% / 4 );
			text-align: center;			
		}
		.boi_4 a{
			color: black;
		}

	    .boi_4 li:hover{
			background-color: #2DAD00;
		}
	
		.tu{
			max-width: 640px;
			margin: 0 auto;
		}
		.tu img{
			width: 100%;
			display: block;
		}
		
		.boi_4{
			display: none;
		}
		.boi_5{
			max-width: 100%;
			margin: 0 auto;
		}
		.boi_5 li{
			font-size: 12px;
			float: left;
			text-align: center;
		    width: 25%;
	
		}
		.boi_5 a{
			color: black;
			
		}
		.boi_5 li:hover{
			background-color: #2DAD00;
		}
	
		.tu{
			max-width: 640px;
			margin: 0 auto;
		}
		.tu img{
			width: 100%;
			display: block;
		}
		.boi_5{
			display: none;
		}
		.boi_6{
			max-width: 640px;
			margin: 0 auto;
		}
		.boi_6 li{
			font-size: 12px;
			float: left;
			width: calc(100% / 4 );
			text-align: center;			
		}
		.boi_6 a{
			color: black;
		}
		.boi_6 li:hover{
				background-color: #2DAD00;
		}
	
		.tu{
			max-width: 640px;
			margin: 0 auto;
		}
		.tu img{
			width: 100%;
			display: block;
		}
		.boi_6{
			display: none;
		}
     .box4{
		 background-color:#6C6C6C;padding: 10px;
}
	.box_4 {
		max-width: 1100px;margin: 0 auto;
}
	.box_4 li{
		padding: 5px;
		float: left;
		margin: 20px;
		color:#00FF1D;
		font-size: 22px;
		font-family: "微软雅黑";
}
	.box_4 a{
		color: white;
		font-size: 20px;
		font-family: "微软雅黑";
}
	.box_4 li:hover{
			background-color: #2DAD00;
}

	.box_5 {
		max-width: 1100px;margin: 0 auto;
}
	.box_5 li{
		padding: 5px;
		float: left;
		margin: 10px;
		color:#D3D3D3;
		font-size: 16px;
		font-family: "微软雅黑";
}
	.box_5 a{
		color: white;
		font-size: 15px;
		font-family: "微软雅黑";
}
	.box_5 li:hover{
			background-color: #2DAD00;
}
	.box_6 {
		max-width: 1100px;margin: 0 auto;
}
	.box_6 li{
		padding: 5px;
		float: left;
		margin: 20px;
		color:#00FF1D;
		font-size: 22px;
		font-family: "微软雅黑";
}
	.box_6 a{
		color: white;
		font-size: 20px;
		font-family: "微软雅黑";
}
	.box_6 li:hover{
			background-color: #2DAD00;
}
	.box_7 {
		max-width: 1100px;margin: 0 auto;
}
	.box_7 li{
		padding: 5px;
		float: left;
		margin: 10px;
		color:#D3D3D3;
		font-size: 16px;
		font-family: "微软雅黑";
}
	.box_7 a{
		color: white;
		font-size: 15px;
		font-family: "微软雅黑";
}
	.box_7 li:hover{
			background-color: #2DAD00;
}

	.box_8 {
		max-width: 1100px;margin: 0 auto;
}
	.box_8 li{
		padding: 5px;
		float: left;
		margin: 10px;
		color:#D3D3D3;
		font-size: 16px;
		font-family: "微软雅黑";
}
	.box_8 a{
		color: white;
		font-size: 15px;
		font-family: "微软雅黑";
}
	.box_8 li:hover{
			background-color: #2DAD00;
}
.banner_1{
	max-width: 1000px;
	margin: 0 auto;
}
.banner_1 img{
	width: 100%;
	
}
.banner_2{
	max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_2 img{
	width: 100%;
}
.banner_3{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_3 img{
	width: 100%;
	
}
.banner_4{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_4 img{
	width: 100%;
}
.banner_5{
	max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_5 img{
	width: 100%;
}
.banner_6{
max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_6 img{
	width: 100%;
}
.banner_7{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_7 img{
	width: 100%;
}
.banner_8{
	max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_8 img{
	width: 100%;
}
.banner_9{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_9 img{
	width: 100%;
}
.banner_10{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_10 img{
	width: 100%;
}
.banner_11{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_11 img{
	width: 100%;
}
.banner_12{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_12 img{
	width: 100%;
}
.banner_13{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_13 img{
	width: 100%;
}
.banner_14{
	max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_14 img{
	width: 100%;
}
.banner_15{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_15 img{
	width: 100%;
}

.banner_16{
	max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_16 img{
	width: 100%;
}
.banner_17{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_17 img{
	width: 100%;
}
.banner_18{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_18 img{
	width: 100%;
}
.banner_19{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_19 img{
	width: 100%;
}
.banner_20{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_20 img{
	width: 100%;
}
.banner_21{
	max-width: 1000px;
	display: none;
	margin: 0 auto;

}
.banner_21 img{
	width: 100%;
}
.banner_22{
	max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_22 img{
	width: 100%;
}
.banner_23{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_23 img{
	width: 100%;
}
.banner_24{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_24 img{
	width: 100%;
}
.banner_25{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_25 img{
	width: 100%;
}
.banner_26{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_26 img{
	width: 100%;
}
.banner_27{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_27 img{
	width: 100%;
}
.banner_28{
		max-width: 1000px;
	margin: 0 auto;
	display: none;
}
.banner_28 img{
	width: 100%;
}
.banner_29{
		max-width: 1000px;
	margin: 0 auto;
	display: none

}
.banner_29 img{
	width: 100%;
}
.banner_30{
	max-width: 1000px;
	margin: 0 auto;
display: none;
}
.banner_30 img{
	width: 100%;
}
.banner_31{
max-width: 1000px;
	margin:  auto;
display: none;
}
.banner_31 img{
	width: 100%;
}
.banner_32{
		max-width: 1000px; 
	margin: 0 auto;
display: none;
}
.banner_32 img{
	width: 100%;
}
.banner_33{
	max-width: 1000px;
	margin: 0 auto;
display: none;
}
.banner_33 img{
	width: 100%;
}
.banner_34{
	max-width: 1000px;
	margin: 0 auto;
display: none;
}
.banner_34 img{
	width: 100%;
}
.banner_35{
	max-width: 1000px;
	margin: 0 auto;
display: none;
}
.banner_35 img{
	width: 100%;
}
	@media(max-width:640px){
		.boi{display: block;}
		.dat{display: none;}  
		.xiaohan{display: block;}
		}