﻿@charset "gb2312";
html{font-size:62.5%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;list-style-type:none;}body,button,input,select,textarea{font:14px/1.5 Microsoft Yahei,tahoma,Srial,helvetica,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}em{font-style:normal;}ul,ol,li{list-style:none;}a,a:hover{text-decoration:none;}img{border:none;}body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}input,img{vertical-align:middle;}body,html{margin:0 auto;overflow-x:hidden;}*{margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.clear{height:0;clear:both;overflow:hidden}.clearfix:after,.clear:before{display:table;content:'';}.clearfix:after{clear:both;overflow:hidden;}.clearfix{zoom:1;}.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;}a,span,img,em{display:inline-block;}
body { color:#393939;max-width:640px; }
.container { padding:40px 0; font-size:2.6rem; line-height:150%; color:#2e3642; }
.container img { vertical-align:middle; }
.padBor { margin-bottom:30px; padding-bottom:30px; 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:right; width:50%; }

/* index */
.wrap { width:640px; margin:0 auto; }
.box { margin-bottom:40px; padding:0 32px; }
.box .hd { margin-bottom:40px; text-align:center; }
.box .hd h2 { font-size:4rem; font-weight:100; }
.box .hd span { font-weight:100; line-height:200%; color:#f05090; }
.box .pic { position:relative; text-align:center; }

.box2 { padding-top:40px; padding-bottom:40px; background:#fff0f5; }
.box2 h6 { font-weight:100; }
.box2 h6 em { margin-right:10px; padding:0 15px; background:#ff4c89; color:#fff; }
.box3,.box5 h6 { text-align:center; }
.box4 { padding:40px 0; background:#e7e5fb; }
.box4 .pic { padding:10px; background:url(../images/bg_1.jpg) repeat; }
.box4 .pic a { display:block; padding:20px 10px; background:#fff; }

.box5 { padding-top:40px; padding-bottom:40px; }
.box5 span { padding:8px; background:#f05090; font-size:3.9rem; font-weight:100; color:#fff; line-height:100%; }

.box6 .hd h2 { font-size:5.5rem; line-height:120%; }

#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;}
	.wrap { width:100%; }
	.container { padding:20px 0; }
	.eqHt dd { padding-left:10px; }
	.boxShadow { padding:5px; }
	.padBor { margin-bottom:15px; padding-bottom:15px; }
	.mG30 { margin-bottom:15px; }
	.mG60 { margin-bottom:30px; }
	.box { margin-bottom:20px; padding:0 16px; }
	.box .hd { margin-bottom:20px; }
	.aLink a { border-radius:5px; }

	.box2,.box4,.box5 { padding-top:20px; padding-bottom:20px; }
	.box2 h6 em { margin-right:5px; padding:0 7px; }
	.box5 span { padding:4px; }
	.box4 .pic { padding:5px; }
	.box4 .pic a { padding:10px 5px; }
}

@media (min-width:480px) and  (max-width:639px){
	html{font-size:47% !important;}
	.container { padding:30px 0; }
	.eqHt dd { padding-left:15px; }
	.boxShadow { padding:7px; }
	.padBor { margin-bottom:22px; padding-bottom:22px; }
	.mG30 { margin-bottom:22px; }
	.mG60 { margin-bottom:45px; }
	.box { margin-bottom:30px; padding:0 24px; }
	.box .hd { margin-bottom:30px; }
	.aLink a { border-radius:5px; }

	.box2,.box4,.box5 { padding-top:30px; padding-bottom:30px; }
	.box2 h6 em { margin-right:5px; padding:0 11px; }.
	.box5 span { padding:6px; }
	.box4 .pic { padding:7px; }
	.box4 .pic a { padding:15px 7px; }
}