@charset "gb2312";

/* index */
.area { width:89%; margin:0 auto; }
.box .hd { position:relative; margin-bottom:20px; text-align:center; }
.box .hd h2 { font-size:4rem; font-weight:100; line-height:150%; }
.box .hd p { font-size:3.6rem;  }
.box .pic { position:relative; text-align:center; }
.box .zx { text-align:center; }
.box .zx a { padding:0 16px; background:#ff6005; color:#fff; }
.box h4 { font-size:4rem; text-align:center; }
.tit dt { font-size:4rem; line-height:150%; color:#fff; }
.tit dt span { padding:0 16px; background:#4f8da8; font-weight:bold; }
.tit dt em { padding:0 16px; background:#6b9fb6; }

.box1 .bd img { box-shadow:0 0 10px #999; }
.box1 .bd p { color:#6a7380; }

.box2 { background:#dce8ee; }
.box2 .bd span { padding:0 8px; background:#4f8da8; color:#fff; }
.box2 .intro p { margin-bottom:10px; }

.box3 .col2 p { font-size:2.4rem; }

.box4 { padding-bottom:0; background:#e1e3e6; }
.box4 .hd p { text-align:right; }

#showsPic { position:relative; }
#showsPic .parHd { position:absolute; right:left; bottom:10px; }
#showsPic .parHd li { float:left; width:10px; height:10px; margin:0 2px; border-radius:100%; background:#fff; text-indent:-999em; overflow:hidden; }
#showsPic .parHd li.on { background:#4f8da8; }

@media (min-width:320px) and  (max-width:639px){
	html{font-size:31% !important}
	.box .hd { margin-bottom:10px; }
	.tit dt * { padding:0 8px; }
	.box1 .bd img { box-shadow:0 0 5px #999; }
	.box2 .intro p { margin-bottom:5px; }
	.box2 .bd span { padding:0 4px; }
}

@media (min-width:480px) and  (max-width:639px){
	html{font-size:47% !important}
	.box .hd { margin-bottom:15px; }
	.tit dt * { padding:0 12px; }
	.box2 .bd span { padding:0 6px; }
}