@charset "utf-8"; 

div[class^="E07"]{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; ; }

/* container */
#container {position:relative; width:100%; padding-top:145px; overflow:hidden; }
#container:after {display:block; content:""; clear:both; }

.main_content {position:relative; width:100%; z-index:10; }

.conBox01{position:relative; width:1400px; height:auto; margin:-65px auto 0; overflow:hidden; }
.conBox02{position:relative; width:100%; height:auto; margin:40px 0 0 0; background:#f1f1f1; z-index:0; overflow:hidden;}
.con_wrap{position:relative; width:1400px; height:auto; max-width:1400px; margin:0 auto; padding:30px 0; overflow:hidden;}

.E07_1{position:relative; width:680px; height:210px; float:left; }
.E07_2{position:relative; width:680px; height:210px; float:right; }
.E07_3{position:relative; width:680px; height:310px; float:left; margin-right:40px;}
.E07_4{position:relative; width:680px; height:310px; float:right; overflow:hidden;}

@media screen and (max-width:1420px) { 

	.conBox01{ width:95%; margin:2% auto 0;  }
	.conBox02{width:100%; margin:2% 0 0 0;}
	.con_wrap{width:95%; ; margin:0 auto}
	
	.E07_1{width:48%; }
	.E07_2{width:48%; }
	.E07_3{width:48%;}
	.E07_4{width:48%;}
}

@media screen and (max-width:1300px) { 

		
	.E07_1{width:45%;  }
	.E07_2{width:53%;}

}

@media screen and (max-width:1200px) { 
	/* container */
	#container {padding:0;}
	
	.E07_1{width:100%; float:none; margin:0 auto 2%; }
	.E07_2{width:100%; float:none;}	
	.E07_3{width:100%; float:none; margin:0 auto 4%;}
	.E07_4{width:100%; float:none; margin:0 auto;}

}


@media screen and (max-width:980px) { 


}

@media screen and (max-width:760px) { 

	.conBox02 {margin:4% 0 0 0;}
	
	.E07_1{height:auto; margin:0 0 4% 0;}
	.E07_2{height:auto;}
	

}

@media screen and (max-width:480px) {
	
	

}