@charset "gb2312";

/* index */
.area { width:89%; margin:0 auto; }
.area p{ font-size:1.1rem;}
.box .hd { position:relative; text-align:center; }
.box .hd h2 { font-size:4rem; font-weight:100; line-height:120%; }
.box .hd h2 em { padding:0 10px; border:#937344 1px solid; color:#937344; }
.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; }

.box p.on { color:#937344; line-height:180%; }
.box p.on span { padding:0 20px; background:#937344; color:#fff; }

.box2 .hd h2 em { border:#937344 1px solid; color:#937344; }

.box3 .pic p { line-height:200%; }

#showsPic { position:relative; }
#showsPic .parHd { position:absolute; right:20px; bottom:10px; }
#showsPic .parHd ul { float:right; }
#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:#ee0324; }

@media (min-width:320px) and  (max-width:639px){
	html{font-size:31% !important}
	.box .hd h2 em { padding:0 5px; }
}

@media (min-width:480px) and  (max-width:639px){
	html{font-size:47% !important}
	.box .hd h2 em { padding:0 7px; }
}