body{ background:#fff;}

.ban .sclwrap_box ,.ban .m-box{ height:12.125em;overflow:hidden;}
.ban .m-box li img{ width:100%; display:block;}
.ban .m-cnt{ height:0.33em; font-size:1em; overflow:hidden;}
.ban .m-cnt li{ width:33.333%; float:left; height:0.33em; background:#2abced; overflow:hidden;}
.ban .m-cnt li.z-on{ background:#20a12b;}

.m-nav li{ width:33.33%; height:7.67em;overflow:hidden; font-size:1em; text-align:center; color:#555; float:left; border-bottom:0.125em solid #c5c5c5; position:relative;}
.m-nav li:before{ content:""; position:absolute; top:0; right:0; width:0.125em; height:100%; background:#c5c5c5;}
.m-nav a:nth-child(3n) li:before{ background:none;}
.m-nav li span{ display:block; width:60.09%; margin:0.67em auto 0;}
.m-nav li span img{ display:block; width:100%;}

.g-wt{ background:url(/mobile/Images/Index/bg.jpg) no-repeat center top; background-size:100% auto; height:27.17em; position:relative;}
.g-wt h3{ font-size:1.5em; text-align:center; color:#00a7d4; font-weight:bold; padding-top:0.8em;}
.g-wt h3 em{ color:#333; background:url(/mobile/Images/Index/bg_jt.png) no-repeat left center; background-size:0.42em 0.42em; padding-left:3%;}
.g-wt h3 i{ display:block; font-size:0.83em; color:#333; font-weight:normal;}
.g-wt p{ width:6.39em; font-size:0.75em; height:4.72em; padding-top:1.67em; border-radius:6.39em; background:#20a12b; text-align:center; color:#fff;}
.g-wt p:nth-child(2){ position:absolute; top:7.8em; left:41.09375%;}
.g-wt p:nth-child(3){ position:absolute; top:11.5em; left:18.75%;}
.g-wt p:nth-child(4){ position:absolute; top:19.5em; left:12.5%;height:4.12em; padding-top:2.27em;}
.g-wt p:nth-child(5){ position:absolute; top:26.5em; left:27%;}
.g-wt p:nth-child(6){ position:absolute; top:26.5em; right:27%;}
.g-wt p:nth-child(7){ position:absolute; top:19.5em; right:12.5%;}
.g-wt p:nth-child(8){ position:absolute; top:11.5em; right:18.75%;}
.g-wt p:nth-child(9){ position:absolute; top:11.8em; left:35%; font-size:1em; height:5.333em; font-weight:bold; background:none; width:8.083em; padding-top:2.75em;}

.g-case h3{ text-align:center; font-weight:bold; font-size:1em; color:#408195; padding-top:1.47em; padding-bottom:1.875em;}
.g-case h3 p{ color:#2f403c; font-size:1.5em;}
.g-case h3 p em{ color:#20a12b;}
.g-case li{ width:41.25%; float:left; margin:0 0 1.67em 6%; border:1px solid #dfdfdf; box-sizing:border-box;}
.g-case li img{ display:block; width:100%;}
.g-case li em{ display:block; text-align:center; font-size:1em; line-height:1.5em; height:1.5em; color:#fff; background:#20a12b;}
.g-case h5{ width:31.4%; height:2.16em; text-align:center; font-size:1em; text-align:center; background:url(/mobile/Images/Index/case_btn.gif) no-repeat center top; background-size:100% auto; color:#fff; line-height:2.17em; margin:0 auto;}

.g-fen{ margin-top:0.79em;}
.g-fen h3{ text-align:center; font-weight:bold; color:#00a7d4; font-size:1.5em; margin-top:0.8em;}
.g-fen h3 em{ display:block; font-size:0.5em; color:#a9a9a9; text-transform:uppercase;}
.line img{ display:block; width:100%;}
.g-fen h4{ color:#00a7d4; font-weight:bold; color:#00a7d4; padding-left:5.2%; font-size:1.25em; padding-top:0.6em;}
.g-fen ul{ border-bottom:1px solid #dbdbdb; padding:0.4em 0;}
.g-fen li{ width:33.33%; float:left; text-align:center; line-height:1.90em; color:#555;}
.g-fen ul:nth-child(10){ border:0;}
.g-fen h5{ text-align:center; height:2.5em; line-height:2.5em; font-size:1em; margin-top:1.7em; color:#fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#04d416+0,1fa32a+100 */
background: #04d416; /* Old browsers */
background: -moz-linear-gradient(top,  #04d416 0%, #1fa32a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04d416), color-stop(100%,#1fa32a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #04d416 0%,#1fa32a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #04d416 0%,#1fa32a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #04d416 0%,#1fa32a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #04d416 0%,#1fa32a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04d416', endColorstr='#1fa32a',GradientType=0 ); /* IE6-9 */}

.g-show{ background:url(/mobile/Images/Index/show_bg.jpg) no-repeat; background-size:100% auto; padding-top:1.7em; padding-bottom:2.3em;}
.g-show h3{ text-align:center; font-weight:bold; color:#fff; font-size:1.25em; padding-bottom:1.6em;}
.g-show h3 em{ display:block; font-size:0.6em; text-transform:uppercase;}
.g-show li{ width:38.90625%; float:left; margin:0 5%;}
.g-show li img{ display:block; width:100%;}
.g-show li em{display:block; text-align:center; line-height:2.83em; height:2.83em; color:#fff; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis;}
.g-show h5{ width:33.75%; border:0.125em solid #fff; height:1.75em; text-align:center; line-height:1.75em; color:#fff; font-size:1em; margin:0.3em auto 0;}

.g-ys h3{ text-align:center; font-size:1.5em; color:#4d4d4d; background:url(/mobile/Images/Index/ys_h.gif) no-repeat center 0.7em; background-size:100% auto; margin-top:1em;}
.g-ys h3 p{ text-align:center; font-size:0.83em; font-weight:bold; color:#20a12b;}
.ys{ position:relative; margin-top:2.6em;}
.ys .prev{ width:4em; height:4.583em; overflow:hidden; position:absolute; top:3.33em; left:0; z-index:9;}
.ys .next{width:4em; height:4.583em; overflow:hidden; position:absolute; top:3.33em; right:0;z-index:9;}
.ys .prev img,.ys .next img{ display:block; width:100%;}
.ys .nowarp{ width:100%; margin:0 auto;}
.ys .sclwrap_box{ height:27em; overflow:hidden;}
.ys .con{ float:left; width:100%;}
.ys .con dt img{ display:block; width:100%;}
.ys .con dd h4{ text-align:center; font-size:1.5em; font-weight:bold; color:#20a12b; margin-top:1em; text-align:center; background:url(/mobile/Images/Index/ys_h2.gif) no-repeat center center; background-size:100% auto;} 
.ys .con dd p{ text-align:center; font-size:0.92em; color:#555; line-height:1.72em; margin-top:0.8em;}

.guan1{ height:2.5em; font-size:1em; font-weight:bold; color:#fff; background:url(/mobile/Images/Index/guan1.gif) no-repeat center top; background-size:100% auto; line-height:2.5em; text-shadow:0.1em 0.1em 0.1em #666;}
.guan1 p{ background:url(/mobile/Images/Index/guan_lx.png) no-repeat 18.75% center; background-size:1.83em 1.4583em; padding-left:27%;}

.g-honor h3{ text-align:center; font-size:1.5em; font-weight:bold; color:#20a12b; margin-top:1.2em;}
.g-honor h3 em{ display:block; font-size:0.39em; color:#a2a2a2; text-transform:uppercase;}
.honor{ position:relative; margin-top:2.6em;}
.honor .prev{ width:1.33em; height:1.5em; overflow:hidden; position:absolute; top:2.583em; left:4%; z-index:9;}
.honor .next{ width:1.33em; height:1.5em; overflow:hidden; position:absolute; top:2.583em; right:4%;z-index:9;}
.honor .prev img,.honor .next img{ display:block; width:100%;}
.honor .nowarp{ width:72.5%; margin:0 auto;}
.honor .sclwrap_box{ height:10em; overflow:hidden;}
.honor .con{ float:left; width:100%;}
.honor .con li{ width:44.18%;}
.honor .con li img{ display:block; width:100%;}
.honor .con li em{ display:block; color:#4e5569; text-align:center; padding-top:0.8em;}
.honor .con a:nth-child(2n-1) li{ float:left;}
.honor .con a:nth-child(2n) li{ float:right;}
.g-honor h5{ text-align:center; font-size:1em; color:#999; text-transform:uppercase;}

.dy{ margin-top:1.6em;}
.dy .sclwrap_box ,.dy .m-box{ height:17.5em; overflow:hidden;}
.dy .m-cnt{ height:2.33em; font-size:1.25em; border-top:0.125em solid #dfdfdf; height:2.5em; overflow:hidden;}
.dy .m-cnt li{width:33.33%;border-bottom:0.125em solid #dfdfdf; float:left; color:#7a7a7a; height:2.33em; line-height:2.33em; text-align:center;}
.dy .m-cnt li.z-on{ border-bottom:0.125em solid #20a12b; position:relative; color:#474e62;}
.dy .m-cnt li.z-on:before{ content:""; position:absolute; bottom:0; left:50%; margin-left:-0.3em; width:0; height:0; border-bottom:0.3em solid #20a12b; border-left:0.3em solid rgba(0,0,0,0);border-right:0.3em solid rgba(0,0,0,0);}
.dy .con{ float:left; width:100%;}
.dy .con ul{ width:76.5625%; margin:1em auto 0;}
.dy .con li{ height:2em; line-height:2em; color:#999; overflow:hidden; position:relative; padding-left:3%;}
.dy .con li:before{ content:""; position:absolute; top:1em; left:0; width:0.3em; height:0.08em; background:#999;}

.dy2{ width:92.1875%; margin:0 auto;}
.dy2 dl{ margin-top:1.42em;}
.dy2 dt{ width:24.6%; float:left; padding:0.125em; border:0.083em solid #dfdfdf; box-sizing:border-box;}
.dy2 dt img{ display:block; width:100%;}
.dy2 dd{ width:72%; float:right;}
.dy2 dd h4{ font-size:0.92em; font-weight:bold; color:#008bb0; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dy2 dd p{ color:#555; font-size:0.75em; line-height:1.33em; margin-top:0.3em;}
.dy2 dd em{ display:block; margin-top:1em; width:7em; height:1.64em; text-align:center; font-size:0.75em; color:#fff; line-height:1.64em;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ae0f+0,00760a+99 */
background: #00ae0f; /* Old browsers */
background: -moz-linear-gradient(top,  #00ae0f 0%, #00760a 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ae0f), color-stop(99%,#00760a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00ae0f 0%,#00760a 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00ae0f 0%,#00760a 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00ae0f 0%,#00760a 99%); /* IE10+ */
background: linear-gradient(to bottom,  #00ae0f 0%,#00760a 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ae0f', endColorstr='#00760a',GradientType=0 ); /* IE6-9 */}

.dy3{ width:82.8125%; margin:0 auto;}
.dy3 dl{ margin-top:1em;}
.dy3 dt{ font-size:1em; font-weight:bold; color:#0096bf; background:url(/mobile/Images/Index/q.gif) no-repeat left 0.3em; background-size:1.04em 1.04em; padding-left:8%; width:92%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dy3 dd{ color:#005555; font-size:0.75em; line-height:1.67em; background:url(/mobile/Images/Index/a.gif) no-repeat left 0.2em; background-size:1.38em 1.38em; padding-left:8%; margin-top:0.8em;}

@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%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:120%;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}