/*导航*/
nav{ background:url(/mobile/Images/Index/navbg.jpg) no-repeat center 54%; width:100%; height:auto; border-top:solid 1px #eaeaea;-webkit-background-size:  100%;-moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}
nav a{ color:#666;float:left; border-bottom:solid 1px #eaeaea; width:25%; text-align:center; font-size:1em; height:auto; line-height:340%; position:relative}
nav a:before{content:""; position:absolute;width:1px; height:100%; background:#eaeaea; top:0; left:0;}
nav a:nth-child(1){ color:#d1a260}
nav a:nth-child(1):before,nav a:nth-child(5):before{ width:0; height:0;}
nav a:nth-child(1):after{ content:""; position:absolute; width:10%; height:19%;background:url(/mobile/Images/Index/ico01.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; left:5%; top:40%}

/*广告*/
.g-adv {height:auto; padding:3% 0;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:14.6em;overflow:hidden;}
.g-adv .m-box li img{ width:100%;}

/*合作*/
.m-hz{ height:190px; overflow:hidden; position:relative;}
.til01{background:#ededed;font-size:1em; line-height:275%;color:#d1a260; padding:0 5%;font-weight:bold;}
.til01 a{color:#d1a260; }
.til01 em,.til01 .more01{font-family:Arial;font-size:0.58em; font-weight:normal}
.til01 .more01{ float:right;}
.m-hz .sclwrap_box , .m-hz .m-box { height:150px; overflow:hidden;}
.m-hz .prev,.m-hz .next { position:absolute; top:54%; border:solid 1px #d4a96b; width:20px; height:20px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-0-transform: rotate(45deg);transform: rotate(45deg);}
.m-hz .prev{left:4%; border-right:0; border-top:0}
.m-hz .next {right:4%;border-left:0; border-bottom:0}
.m-hz .nowarp{width:81%;margin:0 9%;}
.m-hz .m-box li{ float:left; width:43%; padding:6% 3% 0 4%;}
.m-hz .m-box li img{ border:1px solid #e5e5e5; width:100%;}

@media screen and (min-width:360px) {
	.m-hz{ height:202px;}
	.m-hz .sclwrap_box , .m-hz .m-box{ height:200px;}
	.m-hz .prev,.m-hz .next{width:24px; height:24px;}
}
@media screen and (min-width:400px) {
	.m-hz{ height:218px;}
	.m-hz .sclwrap_box , .m-hz .m-box{ height:210px;}
	.m-hz .prev,.m-hz .next{width:28px; height:28px;}
}
@media screen and (min-width:480px) {
	.m-hz{ height:270px;}
	.m-hz .sclwrap_box , .m-hz .m-box{ height:260px;}
	.m-hz .prev,.m-hz .next{width:32px; height:32px;}
}
@media screen and (min-width:568px) {
	.m-hz{ height:316px;}
	.m-hz .sclwrap_box , .m-hz .m-box{ height:310px;}
	.m-hz .prev,.m-hz .next{width:36px; height:36px;}
}
@media screen and (min-width:639px) {
	.m-hz{ height:359px;}
	.m-hz .sclwrap_box , .m-hz .m-box{ height:355px;}
	.m-hz .prev,.m-hz .next{width:40px; height:40px;}
}

/*产品*/
.m-cp{ height:auto; overflow:hidden;}
.cp_c{ padding:2% 2% 6%;}
.cp_c li{ width:44%; float:left; padding:2% 3% 0;}
.cp_c a:last-child li{ padding-bottom:4%;}
.cp_c li img{ width:100%; border:solid 1px #eaeaea;display:block}
.cp_c li span{ font-size:0.9em;height:60px;overflow:hidden; text-align:center; line-height:183%; text-align:center; color:#666; display:block}
.cp_c .more02{ clear:both; width:90%; line-height:192%; border:solid 2px #e5e5e5; margin:0 5%; font-weight:bold; font-size:1em; text-align:center}
.cp_c .more02 a{ color:#666}

/*导航*/
.m-dh{ height:auto; overflow:hidden;padding-bottom: 2%;}
.dh_c{ padding:3% 5%; line-height:229%; font-size:1em;}
.dh_c h3{ clear:both; width:100%; height:auto; display:block; text-align:center; font-size:1em; color:#d1a260;font-weight:bold; line-height:192%; border:solid 2px #e5e5e5; background:#ececec; margin-bottom:2%}
.dh_c h3 a,.m-ys h3 a{color:#d1a260;}
.dh_c li{ width:50%; float:left; overflow:hidden; }
.dh_c li:last-child{ padding-bottom:3%}
.dh_c li a,.al_c li span a,.af_c li a{ color:#666}
.dh_c .more03{ display:block; text-align:center; padding:0.3em 0 0;}
.dh_c .more03 a{ display:inline-block; line-height:200%; color:#d1a260; padding:0 2.92em; border:solid 1px #d1a260; font-size:1em;}

/*电话*/
.m-ph{ height:auto;font-size:1em; line-height:367%; color:#fff; background:#d1a260; text-align:center;}
.m-ph b{ font-family:Arial;font-size:1.25em; }

/*案例*/
.m-al{ height:auto; overflow:hidden;padding-bottom: 3%;}
.al_c{ padding:2% 2% 6%;}
.al_c li{ width:46%; float:left; padding:1% 2% 0;}
.al_c a:last-child li{ padding-bottom:4%;}
.al_c li img{ width:100%; border:solid 1px #eaeaea;display:block}
.al_c li span{ font-size:1em; text-align:center; line-height:183%; text-align:center; color:#666; display:block}

/*优势*/
.m-ys{ height:25.7em; overflow:hidden; color:#666;line-height:125%; font-size:1em;}
.m-ys .sclwrap_box , .m-ys .m-box{ height:20em; overflow:hidden;}
.ystil{ text-align:center; padding:0 0 0 41%;}
.ystil li{ width:0.67em; height:0.67em; border-radius:0.67em; background:#999; margin:0 0.67em 0 0; overflow:hidden; float:left;}
.ystil li.z-on{ background:#d1a260;}
.m-ys .til01{ text-align:center; padding:0;}
.m-ys dd h3{color:#d1a260;font-size:1em;line-height:125%; font-weight:bold;padding:5% 0 0; text-align:center;}
.m-ys dl{ display:inline; float:left;}
.m-ys dt,.m-ys dd{ width:91%; margin:0 4.5%;}
.m-ys dt img{ width:100%;}
.m-ys dd li{ clear:both; padding:3% 0 0 2%; position:relative; white-space:nowrap;}
.m-ys dd li:before{ content:""; position:absolute; width:2px; height:2px; border-radius:2px; background:#666; left:0; top:67%;}

/*见证*/
.m-kh{ height:auto; overflow:hidden; color:#343433;line-height:150%; font-size:1em; padding-bottom:4%}
.kh_c{ padding:2% 3% 0;}
.kh_c dl{ height:auto; overflow:hidden;padding-top:2%}
.kh_c dt{ width:39%; float:left}
.kh_c dt img{ width:100%; border:solid 1px #e6e6e6;}
.kh_c dd{ width:57%; float:left; padding:1% 0 0 3%}
.kh_c dd h3{ height:auto; overflow:hidden; line-height:250%; font-size:1em; font-weight:bold; white-space:nowrap;text-overflow: ellipsis;}
.kh_c dd h3 a{ color:#343433}
.kh_c dd a,.m-gy p a{color:#d1a260; display:block}

/*关于*/
.m-gy{ height:auto; overflow:hidden; color:#343433;line-height:150%; font-size:1em; padding-bottom:5%}
.m-gy li{ width:42%; float:left; padding:3% 1% 2% 5%;}
.m-gy li img{ width:100%;border:solid 1px #e5e5e5;}
.m-gy p{ clear:both; padding:; margin:0 5%; width:90%;border-top:dotted 1px #666;}

/*荣誉*/
.m-ry{ height:273px;overflow:hidden;}
.m-ry .sclwrap_box , .m-ry .m-box{ height:194px; overflow:hidden;}
.m-ry .ry_c{padding:3% 0 0 11%;}
.m-ry .ry_c ul{ float:left; display:inline-block;}
.ry_c li {width:40%; float:left;padding:0 5% 0 0;overflow:hidden; }
.ry_c li img{ width:98%; padding:1%; background:#ededed; display:block}
.ry_c li span{ display:block; line-height:140%; text-align:center; color:#666;font-size:1em;}
.m-ry .m-cnt { height:8px;display:block; text-align:center;}
.m-ry .m-cnt li{ width:8px; height:8px;background:#999;border-radius:8px; margin:0 1% 0 0; display:inline-block}
.m-ry .m-cnt li.z-on{ background:#d1a260;}

@media screen and (min-width:360px) {
	.m-ry{ height:300px;}
	.m-ry .sclwrap_box , .m-ry .m-box{ height:230px;}
	.m-ry .m-cnt li{ width:10px; height:10px;border-radius:10px;}
}
@media screen and (min-width:400px) {
	.m-ry{ height:333px;}
	.m-ry .sclwrap_box , .m-ry .m-box{ height:258px;}
	.m-ry .m-cnt li{ width:11px; height:11px;border-radius:11px;}
}
@media screen and (min-width:480px) {
	.m-ry{ height:400px;}
	.m-ry .sclwrap_box , .m-ry .m-box{ height:305px;}
	.m-ry .m-cnt li{ width:13px; height:13px;border-radius:13px;}

}
@media screen and (min-width:568px) {
	.m-ry{ height:470px;}
	.m-ry .sclwrap_box , .m-ry .m-box{ height:360px;}
	.m-ry .m-cnt li{ width:14px; height:14px;border-radius:14px;}
}
@media screen and (min-width:639px) {
	.m-ry{ height:505px;}
	.m-ry .sclwrap_box , .m-ry .m-box{ height:376px;}
	.m-ry .m-cnt li{ width:16px; height:16px;border-radius:16px;}
}


/*资讯*/
.m-news{ height:auto; padding:2% 0;}
.m-news .m-cnt { display:block;border-bottom:1px solid #999;height:auto; line-height:254%; margin-bottom:4%}
.m-news .m-cnt li{ width:33.3%; float:left; text-align:center; font-size:1em; color:#666;}
.m-news .m-cnt li.z-on{ font-weight:bold;color:#333; position:relative;}
.m-news .m-cnt li.z-on:before{ content:""; position:absolute; width:0; height:0; bottom:0; left:50%; margin-left:3px; border-bottom:solid 6px #999; border-left:solid 6px transparent;border-right:solid 6px transparent;}
.m-news .sclwrap_box , .m-news .m-box{ height:194px; overflow:hidden;}
.m-news .zx-c ul{ float:left; display:inline-block;}
.m-news .zx-c li{width:94%; font-size:1em; color:#666; padding: 0 3%; height:auto; line-height:200%;white-space:nowrap;text-overflow: ellipsis; position:relative;}
.m-news .zx-c li:before{ content:""; position:absolute; width:2px; height:2px; border-radius:2px; background:#666; left:1%; top:56%;}
.m-news .zx-c li a{color:#666;}

@media screen and (min-width:360px) {
	.m-news .sclwrap_box , .m-news .m-box{ height:224px;}

}
@media screen and (min-width:400px) {
	.m-news .sclwrap_box , .m-news .m-box{ height:228px;}

}
@media screen and (min-width:480px) {
	.m-news .sclwrap_box , .m-news .m-box{ height:292px;}

}
@media screen and (min-width:568px) {
	.m-news .sclwrap_box , .m-news .m-box{ height:340px;}

}
@media screen and (min-width:639px) {
	.m-news .sclwrap_box , .m-news .m-box{ height:438px;}
}




@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}

}
@media screen and (min-width:568px) {
	body { font-size:131%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}