@charset "gb2312";

/* index */
 
.hd,.area { width:93.75%; margin:0 auto; }
.box .hd { position:relative; border-bottom:#ccc 1px solid; text-align:center; }
.box .hd h2 { font-size:3.6rem; font-weight:700; line-height:250%; text-align:center; }
.box .hd h2 em { color:#d70a50; }
.box .pic,.box .zx { text-align:center; }
.box .bd span { width:50%; color:#fff; background:#d70a50; text-align:center; }
.box .bd p.on { color:#d70a50; }

.box2,.box4 { background:#f2f2f2; }
.box2 .bd span { width:25%; }
.box3 .bd span { width:70%; }
.box4 { padding-bottom:0; }

@media (min-width:320px) and  (max-width:639px){
	.box .bd span { padding:0 10px; }
}

@media (min-width:480px) and  (max-width:639px){
	.box .zx a { padding:0 12px; }
	.box .bd span { padding:0 15px; }
}