@charset "gb2312";

/* index */
 
.area { width:93.75%; margin:0 auto; }
.box .hd { text-align:center; }
.box .hd h2 { font-size:4rem; font-weight:bold; line-height:150%; color:#003567; }
.box .hd p { font-size:3rem; color:#2e3642; }
.box .pic,.box .zx,.center { text-align:center; }
.box .intro span { padding:0 30px 8px; line-height:120%; background:url(titBg.jpg) no-repeat; background-size:100% 100%; text-align:center; color:#fff; }

.com .col2 li { text-align:left; }
.com .col2 li p { line-height:130%; }
.com .col2 p.on { color:#d70a50; line-height:200%; }
.com .col2 li span { margin-bottom:5px; padding:0 20px; background:#8c86d8; color:#fff; }

.box1 .txt { padding-left:20px; }
.box2,.box5 { background:#f1ebeb; }

.box3 { border-bottom:#ccc 1px dashed; }
.box3 .hd h2,.box4 .hd h2,.box6 .hd h2 { font-weight:100; color:#2e3642; }


@media (min-width:320px) and  (max-width:639px){
	.box .intro span { padding:0 15px 4px; }
	.box1 .txt { padding-left:10px; }
	.box2 .bd { padding:10px; }
	.com .col2 li span { padding:0 10px; }
}

@media (min-width:480px) and  (max-width:639px){
	.box .intro span { padding:0 22px 6px; }
	.box1 .txt { padding-left:15px; }
	.box2 .bd { padding:15px; }
	.com .col2 li span { padding:0 15px; }
}