@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%;font-weight:normal; }
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;color:#000;}
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;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body {min-width:320px;overflow-x:hidden;}

.commonWidth {width:94.375%;margin:0 auto;}

.content1Box .txt {width:93.75%;left:50%;top:18.4%;}
.content1Box .txt p {font-size:2.4rem;color:#fff;width:100%;padding:5% 10%; background-color:#0c0d0f;line-height:1.7;text-align:center;}
.link {display:block;width:43%;font-size:3rem;color:#b4945a;text-align:center;line-height:56px;border:2px solid #b4945a;border-radius:28px;margin:9% auto;}

.content2Box {width:93.75%;padding:4%; background-color:#16171b;margin:0 auto;}
.content2Box dl {width:41%;float:left;font-size:2.4rem;color:#b4945a;line-height:1.6;}
.content2Box dl:nth-child(2){float:right;}

.content3 { background-color:#242529;padding-bottom:9%;}
.content3 .link {margin-bottom:0}

.content5 {padding:6% 0;}
.content5 h4 {font-size:3.5rem;color:#16171b;text-align:center;line-height:2;}
.content5 p {font-size:2.4rem;color:#737373;text-align:center;line-height:1.4;}
.anliSlides {width:93.75%;margin:4% auto 0; background-color:#3c3c3d;padding-top:2.6%;}
.anliSlides .anliBox {width:94.8%;margin:0 auto;}
.anliSlides .focus {text-align:center;width:100%;padding:2% 0;}
.anliSlides .focus span {display:inline-block;width:18px;height:18px;border-radius:50%;margin:0 10px; background-color:#9f9f9f;}
.anliSlides .focus span.on { background-color:#fee1b6;}
.content5 a {display:block;width:61.875%;margin:7% auto 0;border:2px solid #25262a;font-size:3rem;color:#25262a;line-height:56px;text-align:center;border-radius:28px;}
.expertSlides .focus {width:100%;padding:5% 1.56%;text-align:center;}
.expertSlides .focus span {display:inline-block;width:16.6%;border:6px solid #232428;margin:0 3% 0 0;position:relative;border-radius:50%;}
.expertSlides .focus span img {display:block;border-radius:50%;overflow:hidden;width:100%;height:100%;}
.expertSlides .focus span:last-child{margin-right:0;}
.expertSlides .focus span.on {border-color:#c1a97e;}
.expertSlides .focus span.on:after {content:'';position:absolute;width:0;height:0;border-width:8px;border-style:solid;border-color:transparent transparent #c1a97e transparent;left:50%;top:-20px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.content6 .link {margin:4% auto 8%; }
.content7 .txt {width:93.75%;left:50%;top:49.5%;}
.content7 .txt h5 {font-size:3rem;color:#b4945a;text-align:center;line-height:2;}
.content7 .txt p {font-size:2.4rem;color:#b4945a;text-align:center;line-height:1.6;}

@media screen and (min-width:320px) and (max-width:359px){
		/*  0.5    */
		html {font-size:31.25%;}
		.link,.content5 a {line-height:28px;border-radius:14px;border-width:1px;}
		.anliSlides .focus span {width:9px;height:9px;margin:0 5px;}
		.expertSlides .focus span {border-width:3px;}
		.expertSlides .focus span.on:after {border-width:4px;top:-10px;}
}
@media screen and (min-width:360px) and (max-width:409px){
		/*   0.56    */
		html {font-size:35%;}
		.link,.content5 a {line-height:30px;border-radius:15px;border-width:1px;}
		.anliSlides .focus span {width:10px;height:10px;margin:0 5px;}
		.expertSlides .focus span {border-width:3px;}
		.expertSlides .focus span.on:after {border-width:4px;top:-11px;}
}
@media screen and (min-width:410px) and (max-width:479px){
		/*  0.64    */
		html {font-size:40%;}
		.link,.content5 a {line-height:36px;border-radius:18px;border-width:1px;}
		.anliSlides .focus span {width:11px;height:11px;margin:0 6px;}
		.expertSlides .focus span {border-width:4px;}
		.expertSlides .focus span.on:after {border-width:5px;top:-12px;}
}
@media screen and (min-width:480px) and (max-width:639px){
		/*  0.75    */
		html {font-size:47%;}
		.link,.content5 a {line-height:42px;border-radius:21px;border-width:1px;}
		.anliSlides .focus span {width:13px;height:13px;margin:0 7px;}
		.expertSlides .focus span {border-width:4px;}
		.expertSlides .focus span.on:after {border-width:6px;top:-15px;}
}