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

body{margin:0;padding:0;font-size:12px;background-color:#fff;font-family:"黑体",Arial, Helvetica, sans-serif;}
img{border:none;}
a{text-decoration:none;}
ul{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	
.clear{clear:both;}

#banner{ width:100%; background:url(../images/bjhgdx1107_01.jpg) top center no-repeat #15291e;}
#banner-1{ width:1020px; margin:0 auto;}
#main{ width:100%; background:#0f382e;}
#main-a{ width:1020px; margin:0 auto; background:#0f382e; padding-top:50px; text-align:center;}
#main-b{ width:1020px; margin:0 auto; padding:50px 0; font-size:0;background:#0f382e;}
#main-b li{ float:left; margin-right:10px; margin-bottom:10px;}

#main-c{ padding-top:50px; width:1020px; margin:0 auto; background:#0f382e;}
#main-c li{ float:left; width:510px; text-align:center;}
#main-c li h4{ font-size:24px; color:#ffff00; padding-top:10px;}
#main-c li h5{ font-size:16px; color:#ffff00; font-weight:normal; padding-top:10px;}
#main-c li h6{ display:none;}
#main-c li p{ display:block; width:390px; margin:0 auto; color:#d2d2d2; text-align:left; line-height:26px; font-size:14px; padding-top:20px;}

@media screen and (min-width:768px) and (max-width:991px){
	#banner-1{ width:100%;}
	#banner-1 img{ width:100%; height:auto; margin:0 auto;}
	#main{ width:100%; background:#0f382e;}
#main-a{ width:100%; margin:0 auto; background:#0f382e; padding-top:50px; text-align:center;}
#main-a img{ width:100%;height:auto;}
#main-b{ width:100%; margin:0 auto; padding:50px 0; font-size:0;background:#0f382e;}
#main-b li img{ width:100%;height:auto;}
#main-b li{ width:49%; margin-right:2%; float:left; margin-bottom:10px;}

#main-c{ padding-top:50px; width:100%; margin:0 auto; background:#0f382e;}
#main-c li{ float:left; width:49%; text-align:center;}
#main-c li img{ width:60%; height:60%;}
#main-c li h4{ font-size:16px;}
#main-c li h5{ display:none;}
#main-c li h6{display: block; font-size:12px; color:#ffff00; font-weight:normal; padding-top:10px;}
	}

@media screen and (max-width:767px){
	#banner-1{ width:100%;}
	#banner-1 img{ width:100%; height:auto; margin:0 auto;}
	#main{ width:100%; background:#0f382e;}
#main-a{ width:100%; margin:0 auto; background:#0f382e; padding-top:50px; text-align:center;}
#main-a img{ width:100%;height:auto;}
#main-b{ width:100%; margin:0 auto; padding:30px 0; font-size:0;background:#0f382e;}
#main-b li img{ width:100%;height:auto;}
#main-b li{ width:48%; margin-right:4%; float:left; margin-bottom:10px;}

#main-c{ padding-top:30px; width:100%; margin:0 auto; background:#0f382e;}
#main-c li{ float:left; width:49%; text-align:center;}
#main-c li img{ width:60%; height:60%;}
#main-c li h4{ font-size:16px;}
#main-c li h5{ display:none;}
#main-c li h6{display: block; font-size:12px; color:#ffff00; font-weight:normal; padding-top:10px;}
	}