﻿@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 { 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:6px; box-shadow:0 0 10px #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 { padding:40px 0; }
.area,.hd { width:89%; margin:0 auto; }
.box .hd { margin-bottom:40px; background:#d70a50 url(../images/titBg_1.jpg) no-repeat; background-size:100% 100%; }
.box .hd h2 { font-size:4rem; font-weight:100; line-height:150%; text-align:center; color:#fff; }
.box .hd h2 em { float:left; width:13.75%; color:#fef00f; }
.box .hd span { font-weight:100; line-height:200%; color:#f05090; }
.box .pic { position:relative; text-align:center; }

.box1 { background:#fce5ee; }
.box1 .area { box-shadow:0 0 5px #999; }
.box3 { background:#e7e5fb; }
.box3 .hd,.box6 .hd { background:#716bbe url(../images/titBg_2.jpg) no-repeat; }
.box3 .bd h6 { font-size:3rem; font-weight:100; line-height:100%; color:#716bbe; }
.box3 .bd h6 span { padding:0 10px; margin-right:5px; color:#fff; background:#716bbe; }
.box3 .bd p { text-align:justify; }
.box4 .hd { background:url(../images/titBg_3.jpg) no-repeat; }
.box5 { background:#ffd4d8; }
.box5 .hd { background:#f05090 url(../images/titBg_4.jpg) no-repeat; }

.box6 .pic { padding:10px; background:url(../images/bg_1.jpg) repeat; }
.box6 .pic a { display:block; padding:20px 10px; background:#fff; }

.box7 span { width:100%; padding:8px 0; background:#f05090; font-size:3.9rem; font-weight:100; color:#fff; line-height:100%; text-align:center; }
.box7 p { text-align:justify; }

.box8 .hd { text-align:center; }
.box8 .hd h2 { font-size:5.5rem; line-height:120%; color:#2e3642; }


#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%; }
	.eqHt dd { padding-left:10px; }
	.boxShadow { padding:3px; }
	.padBor { margin-bottom:15px; padding-bottom:15px; }
	.mG30 { margin-bottom:15px; }
	.mG60 { margin-bottom:30px; }
	.box { padding:20px 0; }
	.box .hd { margin-bottom:20px; }
	.aLink a { border-radius:5px; }

	.box7 span { padding:4px; }
}
@media (min-width:400px) and  (max-width:479px){
	html{font-size:39% !important}
}
@media (min-width:480px) and  (max-width:639px){
	html{font-size:47% !important;}
	.eqHt dd { padding-left:15px; }
	.padBor { margin-bottom:22px; padding-bottom:22px; }
	.mG30 { margin-bottom:22px; }
	.mG60 { margin-bottom:45px; }
	.box { padding:30px 0; }
	.box .hd { margin-bottom:30px; }
	.aLink a { border-radius:7px; }

	.box7 span { padding:6px; }
}