@charset "gb2312";
/* CSS Document */
body{min-width: 1100px;}
@media only screen and (max-width: 768px) {
	body{min-width: 320px;}
	.jj_1{height: 320px;}
	.jj_1 div{ width:100%;}
	.jj_2{width: 98%;}
	.jj_2>div{margin-top: 3%;height: auto;background: none;padding: 0;}
	.jj_2>div>p{width:100%;line-height:24px;margin-bottom: 2%;}
	.jj_3{width: 98%;margin-top:25px;}
	.jj_3>div{margin-top:25px; padding-top:20px; padding-bottom:25px;}
	.jj_3>div>p{margin-bottom:0;}
	.jj_4{ width:100%; margin-top:0;}
	.jj_4>div{ margin-top:25px;}
	.jj_5{ width:100%; margin-top:0;}
	}
@media only screen and (max-width: 640px) {
  .jj_5{ margin-bottom:100px;}
}
@media only screen and (max-width: 600px) {
	.jj_2>div{}
  .jj_3>div{ padding-bottom:10px;}
	}
@media only screen and (max-width: 503px) {
	.jj_3>div>p{ line-height:24px;}
	
	}
@media only screen and (max-width: 490px) {
	.jj_1{ background-size:auto 100%; height:300px;}
	.jj_4>div>div{ width:48%;}
	.jj_5 p{ width:48%; margin-left:1%; margin-bottom:10px;}
  .jj_5{ margin-bottom:130px;}
  .jj_1 div h3{font-size:24px;}
	}
@media only screen and (max-width: 400px) {
	.jj_2>div{}
	.jj_3>div{}
	}
@media only screen and (max-width: 360px) {
	.jj_2>div{}
	}
@media only screen and (max-width: 340px) {
	.jj_3>div{ padding-top:10px;}
	}