body{ background:#fff;}

.ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;}
.ban .m-box li img{ width:100%; display:block;}

.m-nav{ position:relative;}
.m-nav:before{content:""; position:absolute;top:50%; left:0; height:1px; width:100%; background:#bfbfbf; z-index:10;}
.m-nav li{ float:left; height:2.9em; line-height:2.9em; font-size:1em; width:33.3333%; text-align:center; color:#fff; overflow:hidden; background:#565656; position:relative;}
.m-nav li:before{content:""; position:absolute;top:0; right:0; height:100%; width:1px; background:#bfbfbf; z-index:10;}
.m-nav a:nth-child(3n) li:before{ background:none;}

.pro{ margin-top:1.54em;}
.pro .sclwrap_box ,.pro .m-box{ height:25.5em;overflow:hidden;}
.pro .m-cnt{ height:2.67em; line-height:2.67em; background:url(/mobile/Images/Index/pro_h.gif) repeat-x center top; background-size:2px 2.67em;}
.pro .m-cnt li{ width:33.33%; float:left; text-align:center; color:#333;height:2.67em; line-height:2.67em; font-size:1em;}
.pro .m-cnt li.z-on{ background:#39af6e; color:#fff; position:relative;}
.pro .m-cnt li.z-on:before{ content:""; position:absolute; top:2.67em; left:50%; width:0; height:0; border-top:0.3em solid #39af6e; border-left:0.3em solid rgba(0,0,0,0);border-right:0.3em solid rgba(0,0,0,0);}
.pro .con{ float:left; width:100%;}
.pro .con ul{ margin-top:1.95em;}
.pro .con li{ width:44.0625%; float:left; margin:0 0 0 3.5%;}
.pro .con li img{ display:block; width:100%; border:1px solid #a1a1a1; box-sizing:border-box;}
.pro .con li p{ text-align:center; color:#404040; height:3.2083em; line-height:3.2083em;}

.g-ser{ background:url(/mobile/Images/Index/ser_bg.gif); background-size:52px 52px; margin-top:1.3em;}
.g-ser h3{ padding-bottom:1.5em;}
.g-ser h3 img{ display:block; width:100%;} 
.tit01{ text-align:center; font-size:1.25em; color:#444; background:url(/mobile/Images/Index/h.png) no-repeat center center; background-size:100% auto;}
.ser{ position:relative; margin-top:1.1em;}
.ser .sclwrap_box{ height:19.3em;overflow:hidden;}
.ser .nowarp{ width:100%; margin:0 auto;}
.ser .prev{ width:1.5em; height:1.5em; overflow:hidden; position:absolute; top:17.8em; left:44%;}
.ser .next{width:1.5em; height:1.5em; overflow:hidden; position:absolute; top:17.8em; right:44%;}
.ser .prev img,.ser .next img{ display:block; width:100%;}
.ser .con,ser2{ float:left; width:100%;}
.ser2 dl{ width:90.625%; margin:0 auto;}
.ser2 .line img{ display:block; width:100%; margin-top:0.4em;}
.ser2 dt{ width:17.59%; float:left;}
.ser2 dt img{ display:block; width:100%;}
.ser2 dd{ width:80%; float:right; font-size:1em; color:#444;}
.ser2 dd b{ display:block; color:#39af6e; padding:0.4em 0;}

.g-case h3{ background:#39af6e; font-size:1.42em; text-align:center; color:#fff; padding-bottom:0.4em;}
.g-case h3 em{ display:block; width:10.625%; margin:0em auto 0; padding-top:0.9em;}
.g-case h3 em img{ display:block; width:100%;}
.case{ height:26em; overflow:hidden; position:relative;}
.case .sclwrap_box{ height:24em;overflow:hidden;}
.case1{ position:absolute; bottom:1.2em; left:0; z-index:2; background:#f2f2f2; border-bottom:1px solid #39af6e; height:6.42em; }
.case1 li{ width:33.33%; height:3.2083em; line-height:3.2083em; text-align:center; border-top:1px solid #39af6e; float:left; position:relative; color:#5d5d5d;}
.case1 li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#39af6e;}
.case1 li:nth-child(3n):before{ background:none;}
.case1 li.z-on{ background:#39af6e; color:#fff;}
.case2{ position:relative; float:left; width:100%; margin-top:1.67em;}
.case2 .no_ov{ width:76.72%; margin:0 auto;}
.case2 .page{ width:100%; float:left;}
.case2 p{ height:14.875em; position:relative; overflow:hidden; border:0.125em solid #dededf; box-sizing:border-box;}
.case2 p img{ display:block; width:100%;}
.case2 p span{ display:block; width:100%; font-size:1em; text-align:center; color:#fff; height:2em; line-height:2em; background:url(/mobile/Images/Index/case_alp.png); background-size:13px 13px; position:absolute; bottom:0; left:0;}
.case2 .prev{ width:1em; height:2em; overflow:hidden; position:absolute; top:6.25em; left:3.125%;}
.case2 .next{width:1em; height:2em; overflow:hidden; position:absolute; top:6.25em; right:3.125%;}
.case2 .prev img,.case2 .next img{ display:block; width:100%;}

.g-ys h3{ text-align:center; font-weight:bold; color:#39af6e; font-size:1.25em; padding-top:0.4em;}
.g-ys h3 p{ color:#000; font-size:0.87em; font-weight:normal; padding-bottom:0.4em;}
.g-ys h4 img{ display:block; width:100%;}
.g-ys dl{ width:93.125%; margin:0 auto 2.05em;}
.g-ys dt img{ display:block; width:100%;}
.g-ys dd{ margin-top:1.7em;}
.g-ys dd h4{ font-size:1.08em; font-weight:bold; color:#272636; line-height:1.67em; background:url(/mobile/Images/Index/ys_line.gif) no-repeat center bottom; background-size:100% auto;padding-bottom:0.5em;}
.g-ys dd h4 em{ display:inline-block; float:left; font-size:1.54em; color:#39af6e; font-family:Impact; height:1.54em; padding-right:2%;}
.g-ys dd p{ color:#404040; font-size:1em; line-height:1.75em; margin-top:1em;}
.g-ys dd span{ color:#39af6e;}

.guan1{ position:relative; margin-top:-0.4em;}
.guan1 img{ display:block; width:100%;}

.g-wit{ margin-top:1.9em;}
.g-wit .tit01{ font-size:1.08em; color:#000; background:url(/mobile/Images/Index/h1.gif) no-repeat center center; background-size:100% auto;}
.wit .sclwrap_box{ height:25.7em;overflow:hidden;}
.wit{ position:relative; margin-top:0.8em;}
.wit .nowarp{ width:93.75%; margin:0 auto;}
.wit .prev{ width:1em; height:2em; overflow:hidden; position:absolute; top:5em; left:3.125%; z-index:9;}
.wit .next{width:1em; height:2em; overflow:hidden; position:absolute; top:5em; right:3.125%; z-index:9;}
.wit .prev img,.wit .next img{ display:block; width:100%;}
.wit .con{ float:left; width:100%;}
.wit .con dt{ width:75.83%; margin:0 auto;}
.wit .con dt img{ display:block; width:100%;}
.wit .con dd h4{ text-align:center; color:#268c54; padding-top:1em; font-size:1em;}
.wit .con dd h4 span{ display:block; color:#404040; padding-top:0.6em;}
.wit .con dd p{ color:#404040; line-height:1.75em; padding-top:0.3em;}
.wit .con dd em{ display:block; width:29.17%; height:2.083em; overflow:hidden; background:#39af6e; color:#fff; font-size:1em; line-height:2.083em; text-align:center; margin:0.7em auto 0;}

.g-honor .tit01{ font-size:1.08em; color:#000; background:url(/mobile/Images/Index/h1.gif) no-repeat center center; background-size:100% auto;}
.honor .sclwrap_box{ height:17.7em;overflow:hidden;}
.honor{ position:relative; margin-top:1.875em;}
.honor .nowarp{ width:69.84375%; margin:0 auto;}
.honor .prev{ width:1em; height:2em; overflow:hidden; position:absolute; top:5.6em; left:3.125%; z-index:9;}
.honor .next{width:1em; height:2em; overflow:hidden; position:absolute; top:5.6em; right:3.125%; z-index:9;}
.honor .prev img,.honor .next img{ display:block; width:100%;}
.honor .con{ float:left; width:100%;}
.honor .con p img{ display:block; width:100%; border:0.2083em solid #55ba82; box-sizing:border-box;}
.honor .con p em{ display:block; text-align:center; color:#404040; padding-top:0.8em; cursor:pointer;}

.g-dy .tit01{ font-size:1.08em; color:#000; background:url(/mobile/Images/Index/h2.gif) no-repeat center center; background-size:100% auto; padding-left:3%;}
.g-dy ul{ width:93.75%; margin:0.7em auto 0;}
.g-dy li{ border-bottom:1px dashed #b9b9b9; height:3.04em; line-height:3.04em; font-size:1em; color:#333;}
.g-dy li span{ display:inline-block; width:1.83em; height:1.83em; text-align:center; font-size:1em; font-family: Arial, Helvetica, sans-serif; color:#fff; line-height:1.83em; border-radius:.2em; background:#a2a2a2; margin-right:3%;}
.g-dy a:last-child li{ border:0;}

@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:83%;}
}
@media screen and (min-width:375px) {
	body { font-size:90%;}
	.ban .sclwrap_box ,.ban .m-box{ height:12.1em;overflow:hidden;}
	.case2 p{ height:14.65em;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:120%;}
	.ban .sclwrap_box ,.ban .m-box{ height:13.8em;overflow:hidden;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;}
	.case2 p{ height:14.875em;}
}