@charset "gb2312";

html{font-size:62.5%}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}body,html{overflow-x:hidden;}.clear{height:0;clear:both;overflow:hidden}.fl{float:left;display:inline;}.fr{float:right;display:inline;}.noPd{padding:0 !important;}.noMg{margin:0 !important;}.noBg{background:0 !important;}.noBd{border:none !important;}span,em{display:inline-block}
body{max-width:640px;min-width:320px;margin:0 auto;}
.container { padding:40px 0; font-size:26px; line-height:150%; color:#2e3642; }
.container img { vertical-align:middle; }
.padBor { margin-bottom:40px; padding-bottom:40px; border-bottom:#acacac 1px dashed; }
.boxShadow { padding:10px; box-shadow:0 0 5px #999; }
.mG30 { margin-bottom:30px; }
.mG60 { margin-bottom:60px; }
.aLink { text-align:center; }
.aLink a { width:97%; line-height:265%; border-radius:10px; color:#fff; } 
.col2 li { width:49%; margin-bottom:10px; text-align:center; }
.eqHt dt { float:left; }
.eqHt dd { float:left; padding-left:20px; }

/* banner */
.wrap { width:640px; margin:0 auto; }
.box { margin-bottom:40px; padding:0 20px; }
.box .hd { position:relative; margin-bottom:40px; background:#8d89cb; text-align:center; }
.box .hd h2 { font-size:43px; font-weight:100; color:#fff; line-height:300%; }
.box .hd span { position:absolute; left:50%; bottom:-20px; display:block; width:0; height:0; margin-left:-10px; border-width:10px; border-style:solid; border-color:#df3b73 #fff #fff; }

.box1 { padding:0 40px; }
.box2 .hd { background:#df3b73; }
.box3 .hd { background:#308c89; }
.box3 .hd span { border-color:#308c89 #fff #fff; }

.box4 .hd { background:#e68089; }
.box4 .hd span { border-color:#e68089 #fff #fff; }
.box4 li { margin-bottom:10px; padding:10px 20px; background:#f4f0ee; }

#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){
	
	.wrap { width:100%; }
	.container { padding:20px 0; font-size:13px; }
	.eqHt dd { padding-left:10px; }
	.boxShadow { padding:5px; }
	.padBor { margin-bottom:20px; padding-bottom:20px; }
	.mG30 { margin-bottom:15px; }
	.mG60 { margin-bottom:30px; }
	
	.box { margin-bottom:20px; padding:0 10px; }
	.box .hd { margin-bottom:20px; }
	.box .hd span { bottom:-10px; margin-left:-5px; border-width:5px; }
	.box .hd h2 { font-size:21px; }
	.box1 { padding:0 20px; }
	.aLink a { border-radius:5px; }

	.box2 .txt { margin:10px 0 15px; }
	.box4 li { padding:5px 10px; }
}
@media (min-width:400px) and  (max-width:479px){
	.container { padding:25px 0; font-size:16px; }
	.box .hd  { margin-bottom:35px; }
	.box .hd h2 { font-size:26px; }
}
@media (min-width:480px) and  (max-width:639px){
	.box .hd span { bottom:-14px; margin-left:-7px; border-width:7px; }
	.container { padding:30px 0; font-size:20px; }
	.box .hd h2 { font-size:31px; }
	.eqHt dd { padding-left:15px; }
	.boxShadow { padding:7px; }
	.padBor { margin-bottom:30px; padding-bottom:30px; }
	.mG30 { margin-bottom:22px; }
	.mG60 { margin-bottom:45px; }
	.aLink a { border-radius:7px; }

	.box { margin-bottom:30px; padding:0 15px; }
	.box .hd { margin-bottom:10px; }
	.box1 { padding:0 30px; }

	.box2 .txt { margin:15px 0 22px; }
	.box4 li { padding:7px 15px; }
}