@charset "gb2312";
/* CSS Document */
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;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.relative {position:relative;}
.absolute {position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
body {min-width:320px;overflow-x:hidden;}

.commonFontSize26 {font-size:2.6rem;}
.commonFontSize30 {font-size:3rem;}
.commonFontSize38 {font-size:3.8rem;}
.commonFontSize40 {font-size:4rem;}
.commonFontSize22 {font-size:2.2rem;}
.commonFontSize50 {font-size:5rem;}
.commonFontSize {color:#2e3642;line-height:38px;}
.line-height32{line-height:32px;}
.commonWidth {width:100%;margin:5% auto;}
.textAlign {text-align:center;}

.con_title{width:100%;line-height:250%;font-size:5.0rem;text-align:center;background:#937344;color:#fff;}
.con_01{width:100%;margin-top:5%}
.con_01_left{width: 63%;float: left;padding-left: 3%;}
.con_01_left h1{font-size:3.3rem;color:#9e6c15;line-height:180%;font-weight:normal;}
.con_01_left p{color:#000;font-size:2.5rem;line-height:150%;margin-top:2%;}
.con_01_right{width:35%;float:right;padding-right:3%;}
.titleH3 {width:100%;line-height:130%;font-weight:500; letter-spacing:1px;color:#2e3642}
.titleH3 span {display:inline-block;border:3px solid #937344;color:#937344;padding:0 8px;margin-right:5px;}
.title {line-height:177%;color:#937344;font-weight:500;margin:px 0 26px;}
.title span {display:inline-block;padding:0 20px; background-color:#937344;color:#fff;margin-right:10px;}

.content2 {padding:45px 0; }
.titleH3_1 span{color:#937344; border-color:#937344;}
.content2 p {color:#424242;line-height:153%;padding-top:28px;}
.title1 span{color:#fff; background-color:#5c9ba0;}

.content3 ul{width:96%;margin:0 auto;position:relative}
.content3 ul li{margin-top:5%;width:100%;float:left;}
.content3 .left{float:left;width:48%;}
.content3 .right{float:right;width:48%;padding-top:5%;}
.content3 .right h1{font-size:3.3rem;color:#9e6c15;line-height:180%;font-weight:normal;}
.content3 .right p{color:#000;font-size:2.5rem;line-height:150%;margin-top:2%;}
.content1 a,.content2 a,.content3 a,.content4 a {display: block;width: 50%;line-height: 200%;margin: 0 auto;background-color: #b48c58;color: #fff;text-decoration: none;}
.content5 a{display: block;width: 40%;line-height: 200%;margin: 10% auto;background-color: #b48c58;color: #fff;text-decoration: none;}
.content4 {width:100%;padding:42px 0 ;}
.content4 .con_title{line-height:150%;}
.content4 .con_title p{color:#fff;font-size:2.0rem;}
.content4 ul{width:96%;margin:0 auto;position:relative}
.content4 ul li{margin-top:5%;width:100%;float:left;}
.content4 .left{float:left;width:40%;padding-top:2%;}
.content4 .right{float:right;width:60%;padding-left:2%;}
.content4 .right p{font-size:1.0rem;}

.content5 h3{font-weight:500;line-height:320%;color:#424242;}
.showanli{margin-top:5%;}
.expertFocus {width:93%;height:13px;text-align:right;right:7%;bottom:4%;z-index:10;}
.expertFocus span {display:inline-block;width:13px;height:13px; background-color:#fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin:0 1%;}
.expertFocus span.on { background-color:#ee0324;}
.anliFocus{width:100%;height:13px;text-align:center;bottom:18%;z-index:10;}
.anliFocus span {display:inline-block;width:13px;height:13px; background-color:#000;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin:0 1%;}
.anliFocus span.on { background-color:#937344;}

@media screen and (min-width:320px) and (max-width:359px){
		html {font-size:31.25%;}
		.content1 {padding:20px 0;}
		.content1 .commonWidth {padding-bottom:25px;padding-top:5%;}
		.title {margin:17px 0 13px;}
		.title span {padding:0 10px;margin-right:5px;}
		.titleH3 { letter-spacing:0;}
		.titleH3 span {border-width:1px;}
		.content2 {padding:23px 0;}
		.content2 p {padding-top:14px;}
		.content3 {padding:25px 0;}
		.content3Txt {padding-top:20px;}
		.content3Txt:last-child, .content4Txt:last-child {padding-bottom:20px;}
		.content3Txt h4 span {padding:0 5px;margin-right:5px;}
		.content1 a, .content4 a,.content5 a.link { -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
		.content4 {padding:21px 0;}
		.content4Txt h4 {margin:20px 0 13px;}
		.content5 a.link {margin:23px auto;} 
	}
@media screen and (min-width:360px) and (max-width:639px){
		html {font-size:35%;}
		.title {margin:16px 0 14px;}
		.title span {padding:0 11px;margin-right:6px;}
		.titleH3 { letter-spacing:0;}
		.titleH3 span {border-width:2px;}
		.content2 {padding:23px 0;}
		.content2 p {padding-top:16px;}
		.content3 {padding:28px 0;}
		.content3Txt {padding-top:22px;}
		.content3Txt:last-child, .content4Txt:last-child {padding-bottom:22px;}
		.content3Txt h4 span {padding:0 6px;margin-right:6px;}
		.content4 {padding:23px 0;}
		.content4Txt h4 {margin:22px 0 14px;}
		.content5 a.link {margin:23px auto;} 
	}