@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;color:#2e3642;}
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;}
.commonWidth {width:89%;margin:0 auto;}
.center {margin:0 auto;}
.textAlign {text-align:center;}

.commonTitle {width:100%;line-height:130%;font-weight:500; letter-spacing:1px;color:#2e3642;font-size:4rem;}
.commonTitle span {display:inline-block;border:1px solid #7167c8;color:#7167c8;padding:0 8px;margin-right:5px;}
.commonTitle1 span {border-color:#558eab;color:#558eab;}

.content1,.content2,.content3,.content4 {padding:40px 0;}
.title,.title1 {width:100%;font-size:2.6rem;color:#fff;line-height:1.76;margin:38px 0 24px 0;}
.title span {display:inline-block;padding:0 34px; background-color:#7167c8;text-align:center;}
.content2 { background-color:#dceceb;}
.title1 {margin:38px 0 0;}
.title1 span {display:inline-block;}
.title1 span:first-child{color:#558eab;border:1px solid #558eab;padding:0 20px;}
.title1 span:last-child {text-align:center;color:#fff;padding:0 40px;background-color:#558eab;border:1px solid #558eab;}

.content2 p {padding:25px 0;font-size:2.6rem;line-height:1.46;}
.content3 h3 {margin-bottom:40px;}
.content3Txt {width:100%;font-size:2.6rem;line-height:1.84;text-align:center;margin-bottom:36px;}
.content3Txt span {display:inline-block;width:45%;float:left;}
.content3Txt span:last-child{float:right;}


.content4  { background-color:#e7e5fb;}
.content4 p {width:100%;font-size:2.6rem;line-height:1.69;}
.content4 p span {display:inline-block;float:left;}
.content4 p span:first-child {color:#7167c8;}
.content4 p span:last-child {width:78%;}
.link {display:block;width:97%;line-height:321%;font-size:3.8rem;text-align:center;margin:40px auto; background-color:#ff6005;color:#fff;text-decoration:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.content5 h3 {font-size:5rem;line-height:2.28;}
.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;}

@media screen and (min-width:320px) and (max-width:359px){
		html {font-size:31.25%!important;}
		.commonTitle span {padding:0 4px;margin-right:2px;}
		.content1,.content2,.content3,.content4 {padding:20px 0}
		.title,.title1 {margin:19px 0 12px 0;}
		.title span {padding:0 17px}
		.title1 {margin:19px 0 0;}
		.title1 span:first-child {padding:0 10px;}
		.title1 span:last-child {padding:0 20px}
		.content2 p {padding:12px 0;}
		.content3 h3 {margin-bottom:20px}
		.content3Txt {margin-bottom:18px}
		.link {margin:20px auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
		
}
@media screen and (min-width:360px) and (max-width:639px){
		html {font-size:35%!important;}
		.commonTitle span {padding:0 4px;margin-right:2px;}
		.content1,.content2,.content3,.content4 {padding:22px 0}
		.title,.title1 {margin:21px 0 13px 0;}
		.title span {padding:0 17px}
		.title1 {margin:21px 0 0;}
		.title1 span:last-child {padding:0 22px}
		.content2 p {padding:13px 0;}
		.content3 h3 {margin-bottom:22px}
		.content3Txt {margin-bottom:20px}
		.link {margin:22px auto;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
}