@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}

.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:#937344; text-align:center; }
.box .hd h2 { font-size:38px; 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:#937344 #fff #fff; }

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

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

@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 {}
	.aLink a { border-radius:5px; }

	.box2 .txt { margin:10px 0 15px; }
	.box4 li { padding:5px 10px; }
}
.box5 .box{width:100%;height:auto;float:left;padding-top:5%;padding-bottom:5%;}
.box5 .box img{width:40%;float:left;}
.box5 .box p{ width: 50%;float: right;font-size: 14px!important;line-height: 130%;padding-left: 5%;margin-right: 5%;}
.box5 .box p b{font-weight:bold;}
@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; }
}