@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; }
.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; }
.mG20 { margin-bottom:20px; }
.mG40 { margin-bottom:40px; }
.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 { width:90%; margin:0 auto; }
.box .hd { position:relative; margin-bottom:20px; text-align:center; }
.box .hd h2 { font-size:4.8rem; font-weight:100; line-height:150%; }
.box .pic { position:relative; text-align:center; }
.box .intro span { width:100%; font-size:4rem; color:#fff; background:#716bbe; line-height:150%; text-align:center; }
.box .zx { text-align:center; }
.box .zx a { padding:0 16px; background:#ff6005; color:#fff; }

.box1 .intro { position:relative; text-align:justify; }
.box1 .intro h4 { font-size:4rem; font-weight:100; line-height:150%; text-align:center; }
.box2 { background:#efebf4; }
.box3 { position:relative; padding-bottom:110px; }
.box3 .img { position:absolute; right:0; bottom:0; }
.box4 { background:#dce8ee; }
.box4 p { color:#6a7380; line-height:300%; text-align:center; }
.box5 .hd p { font-size:3.6rem; text-align:right; }


@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; }
	.mG20 { margin-bottom:10px; }
	.mG40 { margin-bottom:20px; }
	.mG60 { margin-bottom:30px; }
	.box { padding:20px 0; }
	.box .hd { margin-bottom:10px; }
	.aLink a { border-radius:5px; }

	.box .zx a { padding:0 8px; }
	.box3 { padding-bottom:55px; }
}
@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; }
	.mG20 { margin-bottom:15px; }
	.mG40 { margin-bottom:30px; }
	.mG60 { margin-bottom:45px; }
	.box { padding:30px 0; }
	.box .hd { margin-bottom:15px; }
	.aLink a { border-radius:7px; }

	.box .zx a { padding:0 12px; }
	.box3 { padding-bottom:82px; }
}