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

#container {position:relative;}
#container:after {content:""; display:block; clear:both;}

.main_content {position:relative; z-index:7; width:980px; margin:10px auto 0; overflow:hidden;}

.MC_box1 {position:relative; width:100%; height:340px; overflow:hidden; z-index: 0;}
.MC_box2 {position:relative; width:100%; height:60px; overflow:hidden; }
.MC_box3 {position:relative; width:240px; height:208px; float:left; }
.MC_box4 {position:relative; width:234px; height:208px; float:left; margin-left:8px;  }/*180905*/
.MC_box5 {position:relative; width:240px; height:208px; float:left; margin-left:8px;  }
.MC_box6 {position:relative; width:240px; height:208px;  float:left;  margin-left:8px;  }/*180905*/
.MC_box7 {position:relative; width:730px; height:230px; float:left;  margin-top:10px;  }
.MC_box8 {position:relative; width:240px; height:220px; float:left; margin:10px 0 0 10px; }



@media (max-width: 800px) {

#container,
	.main_content,
	 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
		
	#container { width:100%;  padding-top:70px; }
	.main_content { width:100%; padding:20px 2.5% 20px; }

	#container,
	.main_content,
	.MC_box1, MC_box2, MC_box3, MC_box4, MC_box5, MC_box6, MC_box7, MC_box8 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
	.MC_box1, MC_box2, MC_box3, MC_box4, MC_box5, MC_box6, MC_box7, MC_box8{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	
	.MC_box1 {height:auto;}
	.MC_box2 {position:relative; width:100%; height:auto; overflow:hidden;}
	.MC_box3 {width:50%; height:210px; margin:0 0 10px 0; }
	.MC_box4 {width:50%; height:210px; margin:0 0 10px 0;}
	.MC_box5 {width:50%; height:210px; margin:0 0 10px 0; }
	.MC_box6 {width:50%; height:210px; margin:0 0 10px 0; }
	.MC_box7 {width:100%; height: auto; margin:0  10px 0  0; }
	.MC_box8 {width:100%; height:68px; margin:10px 0  0 0; }

}

@media (max-width: 480px) {	


	.MC_box3 {width:100%; height:210px;}
	.MC_box4 {width:100%; height:210px;}
	.MC_box5 {width:100%; height:210px;}
	.MC_box6 {width:100%; height:210px;}
	.MC_box7 {width:100%; height:auto;}
	.MC_box8 {width:100%; height:auto;}



}