@charset "gb2312";

/* index */
.area { width:89%; margin:0 auto; }
.box .hd { position:relative; text-align:center; }
.box .hd h2 { font-size:4rem; font-weight:700; line-height:120%; }
.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; }

.box1 .col2 li { margin-bottom:40px; }
.box1 .col2 li span { padding:0 10px; line-height:150%; background:#716bbe; color:#fff; }

.box3 .eqHt dt {width:38%;}
.box3 .eqHt dd { width:60%; text-align:center; line-height:140%; }
.box3 .eqHt dd span { padding:0 5px; background:#e0606c; line-height:120%; color:#fff; }
.box3 .eqHt dd p { text-align:left; }

.box4 .hd  h2 { color:#fff; line-height:200%; background:#558aa9; }

#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}
	.box1 .col2 li { margin-bottom:20px; }
}

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