@charset "utf-8";
@media only screen and (max-width: 1280px) {
	.wrapper{
		width: 100%;
	}
	.wrapper .left .pic{
		width: 300px;
	}
	.frame{
		width:100%;
	}
	.tab_box .tabs li{
		font-size: 15px;
	}
}
@media only screen and (max-width: 1000px) {
	body {
    	background: url(../images/mobBg.jpg) center 0 no-repeat;
	}
	.wrapper .left{
		width: 90%;
		margin: 0 auto;
		float: inherit;
	}
	.wrapper .right{
		width: 90%;
		margin: 0 auto;
		float: inherit;
	}
	.tab_box .tabs li{
		font-size: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.tab_box .tabs li{
		font-size: 15px;
    	padding: 7px 16px;
	}
	.Footer_left{
		width:100%;
	}
}
@media only screen and (max-width: 468px) {
	.wrapper .left .pic{
		width: 68%;
	}
	.wrapper{
	    padding: 50px 0 100px 0;	
	}
	.tab_box{
		margin: 80px 0 50px 0;
	}
	.tab_box .tabs li{
		font-size: 12px;
		padding: 7px 15px;
	}
	.Footer_left{
		font-size:12px;
	}
}
@media only screen and (max-width: 360px) {
	.tab_box .tabs li{
		padding: 5px 4px;
	}
	
}