@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: 100%;}
	.jj_2>div{margin-top: 3%;height: auto;background: none;padding: 0;}
	.jj_2>div>p{width:100%;background:rgba(0,0,0,0.3);color:#fff;line-height:24px;margin-bottom:0;}
	.jj_3{ width:100%; margin-top:25px;}
	.jj_3>div{margin-top:25px; padding-top:20px; padding-bottom:25px;}
	.jj_3>div>p{ margin-bottom:0;background:rgba(0,0,0,0.3); color:#fff; }
	.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) {
	.pd1{display:none;}
	.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{background: url(http://image12.beiliugu.com/ltld/gsjj/ba1.jpg) no-repeat 15% 0;}
	.jj_3>div{background: url(http://image12.beiliugu.com/ltld/gsjj/ba2.jpg) no-repeat -63% 0}
	}
@media only screen and (max-width: 360px) {
	.jj_2>div{}
	}
@media only screen and (max-width: 340px) {
	.jj_3>div{ padding-top:10px;}
	}