@charset "gb2312";
/* CSS Document */
body{ font-family:'΢ÈíÑźÚ'; text-align:center; color:#444}
*{ margin:0; padding:0}
a,a:hover{ text-decoration:none}
img{ border:none; vertical-align:top}
ul{ list-style:none}
.middle{ width:1200px; margin:auto; text-align:left}
.header{ background:url(imagesheaderbg.jpg) no-repeat center top; height:400px}

.main{ margin:35px auto 16px}
.main .main_title{ text-align:center; background:url(imagesmain_title.png) no-repeat center center; color:#ff0000; font-size:30px; font-weight:bold; margin-bottom:25px}
.main .main_box{ border:1px dashed #d2d2d2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:15px; font-size:24px; margin-bottom:18px}
.main .main_box p{ line-height:34px}
.main .main_box .imglist{ margin:20px 0px 10px; text-align:center}
.main .main_box .imglist img{ border:1px solid #dddddd; margin:0px 6px}
.main .main_box.box1 .imglist img{ margin:0px 20px}
.main .main_box .imglist img{ height:294px}
.main .main_box.box2{ margin-bottom:40px}
.main .main_box.box3{ background:#fff5f5; border:1px solid #e7d5d5}
.main .main_box.box3 p{ background:url(imagespbg.png) no-repeat left 20px; padding:5px 0px 5px 15px}
.main .main_box.box4 .imglist img{ height:216px; margin:0px 1px}
.main .main_box.box7 p{ margin-bottom:12px}
.main .main_box.box7 .imglist img{ height:352px;}
.main .main_box.box8 .imglist img{ height:352px;}
.main .main_box.box13 .imglist img{ height:396px; margin:0px 2px}


.footer{ background:#ff1e29; color:#fff; font-size:18px; font-weight:300; padding:45px 0px 30px}
.footer .box{ text-align:center; position:relative}
.footer .box .flogo{ position:absolute; left:10px; top:-15px; text-align:center}
.footer .box .flogo p{ margin-top:4px}
.footer .box a{ color:#fff}
.footer .box p{ padding:4px 0px}
.footer .box p span{ margin:0px 8px}

@media only screen and (max-width: 767px){
	.middle{ width:96%}
	.header{ height:150px; background-size:cover !important}
	.footer{ padding:20px 0px}
	.footer .box .flogo{ position:static; margin-bottom:5px}
	.footer .box p{ line-height:25px; font-size:16px}
	.main .main_title{ background-size:94% auto !important; font-size:22px}
	.main .main_box{ font-size:18px; line-height:20px}
	.main .main_box .imglist{ margin:10px 0px 0px}
	.main .main_box .imglist img{ height:auto !important; width:46sss%; margin:0px 0.5% 8px !important;}
	.main .main_box.box13 .imglist img{ width:30%}
	
}

@media only screen and (max-width: 330px){
	.header{ height:130px; background-size:cover !important}

}