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{ width:93.75%; margin:1.67em auto 0;}
.m-nav li{ width:7.42em; height:2.5em; margin:0 0 1em 2.67%; float:left; overflow:hidden; line-height:2.3em; text-align:center; border:0.083em solid #268836; box-sizing:border-box; color:#fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2ca044+0,268836+100 */
background: #2ca044; /* Old browsers */
background: -moz-linear-gradient(top,  #2ca044 0%, #268836 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ca044), color-stop(100%,#268836)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2ca044 0%,#268836 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2ca044 0%,#268836 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2ca044 0%,#268836 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2ca044 0%,#268836 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca044', endColorstr='#268836',GradientType=0 );}

.m-sou{ width:20.33em; font-size:1em;height:2.33em; line-height:2.33em;position:relative; margin:0.5em auto 0;} /*搜索布局*/
.m-sou .u-in{ width:3em; height:2.33em; border-radius:0; font-size:1em;float:left; background:url(/mobile/Images/Index/sou2.gif) no-repeat left top; background-size:100% auto; position:relative; z-index:6; cursor:pointer;}
.m-sou .u-key{width:16.15em;height:2.33em; line-height:2.33em;border:0; font-family: Arial, Helvetica, sans-serif; border-radius:0; background:url(/mobile/Images/Index/sou1.gif) no-repeat left top; background-size:100% auto; float:left; color:#999; font-size:1em; z-index:6; padding-left:1em;}
.m-sou .u-bt{display:block; width:3.083em; border-radius:0; height:2.33em; position:absolute; top:0; right:0; z-index:3;}

.g-pro{ background:#f6f6f6; margin-top:1.8em;}
.tit1{ text-align:center; width:90.625%; margin:0 auto; padding-top:1em; color:#333; font-size:1.08em; font-weight:bold;}
.tit1 em{ display:block; text-align:center; font-size:0.84em; text-transform:uppercase; background:url(/mobile/Images/Index/pro_line.gif) no-repeat center center; background-size:100% 1px; color:#d5d5d5;font-weight:normal;}
.tit1 i{ display:block; background:#31a344; width:20%; margin:0.5em auto 0; height:1.33em; font-size:1em; font-weight:normal; color:#eee72f; line-height:1.333em;}
.pro{ position:relative; margin-top:0.8em;}
.pro .sclwrap_box{ height:19.2em; overflow:hidden;}
.pro .prev{ width:2.29em; height:4.375em; position:absolute; top:5.92em; left:3.125%;}
.pro .next{width:2.29em; height:4.375em; position:absolute; top:5.92em; right:3.125%;}
.pro .prev img,.pro .next img{ display:block; width:100%;}
.pro .nowarp{ width:71.25%; margin:0 auto;}
.pro .con{ float:left; width:100%;}
.pro .con p img{ display:block; padding:0.25em; width:100%; border:1px solid #e5e5e5; box-sizing:border-box; background:#fff;}
.pro .con p em{ display:block; text-align:center; height:1.67em; line-height:1.67em; color:#666;}

.lx1{ font-size:0.8em; padding:0.55em 0 0.55em 29%;background:#31a344 url(/mobile/Images/Index/guan_lx.gif) no-repeat 23% center; background-size:1.1em 1.1em; color:#fff;}
.lx1 em{ font-size:1.2em; font-weight:bold;}

.g-hot{ margin-top:0.2em;}
.g-hot .tit1 em{ background:url(/mobile/Images/Index/hot_line.gif) no-repeat center center; background-size:100% 1px;}
.g-hot h5{ width:3.7083em; height:3.7083em; font-size:1em; margin:0.4em auto 0; overflow:hidden;}
.g-hot h5 img{ display:block; width:100%;}
.g-hot ul{ width:90.625%; margin:0 auto; background:url(/mobile/Images/Index/line.gif) repeat-y center top; background-size:1px 0.25em; height:27.5em;}
.g-hot li{ width:43.33%; margin-bottom:1.2em;}
.g-hot li img{ display:block; width:100%;}
.g-hot li em{ display:block; text-align:center; height:2.083em; line-height:2.083em; color:#666; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.g-hot a:nth-child(2n-1) li{ float:left;}
.g-hot a:nth-child(2n) li{ float:right;}
.g-hot h4{ width:37.03125%; margin:0 auto; height:1.625em; line-height:1.625em; border-radius:2em; background:#31a344; color:#eee72f; font-size:1em; text-align:center;}

.g-ys{ margin-top:2.3em;}
.g-ys h3 img,.g-ys dt img{ display:block; width:100%;}
.g-ys dl{ padding-top:1em;}
.g-ys dl:nth-child(3){ background:#f9f9f9;}
.g-ys dd{ width:75.625%; margin:0 auto 0.6em; background:url(/mobile/Images/Index/ys01.gif) no-repeat left top; background-size:2.83em 2.83em; padding-left:15%; font-weight:bold; font-size:1em; color:#31a344; padding-top:0.5em;}
.g-ys dl:nth-child(3) dd{background:url(/mobile/Images/Index/ys02.gif) no-repeat left top; background-size:2.83em 2.83em;}
.g-ys dl:nth-child(4) dd{background:url(/mobile/Images/Index/ys03.gif) no-repeat left top; background-size:2.83em 2.83em;}
.g-ys dd p{ color:#333; line-height:1.5em; margin-top:0.8em; width:90%; font-weight:normal;}
.g-ys dd b{ display:block;}

.lx2{background:#f1f1f1 url(/mobile/Images/Index/lx1.gif) no-repeat 23% center; background-size:1.1em 1.1em; color:#333; margin-top:2.6em;}
.lx2 em{ color:#31a344;}

.wit{ width:90.625%; margin:2em auto 0;}
.wit .sclwrap_box ,.wit .m-box{ height:16.2em;overflow:hidden;}
.wit .m-cnt{ height:2.125em; border:0.17em solid #31a344; font-size:1em; line-height:2.125em; overflow:hidden;}
.wit .m-cnt li{ width:50%; float:left; text-align:center; font-size:1em; color:#31a344; line-height:2.125em; height:2.2em;}
.wit .m-cnt li.z-on{ background:#31a344; color:#fff;}
.wit .con{ float:left; width:100%;}
.wit2{ margin-top:1.625em;}
.wit2 dt{ width:39.33%; float:left;}
.wit2 dt img{ display:block; width:100%; border:1px solid #e0e0e0; padding:0.17em; box-sizing:border-box;}
.wit2 dd{ width:53.33%; float:right;}
.wit2 dd h4{ color:#333; font-size:1em;}
.wit2 dd p{ margin-top:0.6em; font-size:1em; line-height:1.5em; color:#666;text-transform:uppercase;}
.wit2 dd em{ color:#31a344; }
.wit2 h5{text-align:center; margin-top:1.5em;font-size:1em;}
.wit2 h5 a{ display:inline-block; width:6.29em; margin:0 3%; height:1.92em; text-align:center; line-height:1.72em;border:0.083em solid #268836; box-sizing:border-box; color:#fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2ca044+0,268836+100 */
background: #2ca044; /* Old browsers */
background: -moz-linear-gradient(top,  #2ca044 0%, #268836 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ca044), color-stop(100%,#268836)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2ca044 0%,#268836 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2ca044 0%,#268836 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2ca044 0%,#268836 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2ca044 0%,#268836 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca044', endColorstr='#268836',GradientType=0 );}
.wit2 h5 a:last-child{border:0.083em solid #dfebe1; color:#333;background: #f3f4f3; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f4f3 1%, #dfebe1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f3f4f3), color-stop(100%,#dfebe1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f4f3 1%,#dfebe1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f4f3 1%,#dfebe1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f4f3 1%,#dfebe1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f4f3 1%,#dfebe1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f3', endColorstr='#dfebe1',GradientType=0 ); /* IE6-9 */}

.g-xn{ background:#f1f1f1; padding-bottom:1.683em;}
.g-xn h3{ text-align:center; font-weight:bold; color:#333; padding-top:1.2em; font-size:1.08em;}
.g-xn h3 p{ width:39.8%;border:0.083em solid #268836; box-sizing:border-box; height:2.04em; line-height:1.8em; border-radius:1em; margin:0.5em auto; text-align:center; font-size:0.84em; font-weight:normal; color:#fff;background: #2ca044; /* Old browsers */
background: -moz-linear-gradient(top,  #2ca044 0%, #268836 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ca044), color-stop(100%,#268836)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2ca044 0%,#268836 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2ca044 0%,#268836 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2ca044 0%,#268836 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2ca044 0%,#268836 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca044', endColorstr='#268836',GradientType=0 );}
.wit2 h5 a:last-child{border:0.083em solid #dfebe1; color:#333;background: #f3f4f3; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f4f3 1%, #dfebe1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f3f4f3), color-stop(100%,#dfebe1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f4f3 1%,#dfebe1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f4f3 1%,#dfebe1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f4f3 1%,#dfebe1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f4f3 1%,#dfebe1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f3', endColorstr='#dfebe1',GradientType=0 );}
.g-xn li{ width:29.6875%; float:left; margin-top:0.9em; margin-left:2.5%;}
.g-xn li img{ display:block; width:100%; box-sizing:border-box; border:0.17em solid #dcdcdc;}
.g-xn li em{ display:block; padding-top:0.4em; text-align:center; font-size:1em; color:#333; line-height:1.33em;}
.g-xn li em b{ display:block; color:#31a344;}

.g-dy{ width:90.625%; margin:1.67em auto 0;}
.g-dy h3{ background:#31a344; font-size:1em; height:2.42em; color:#fff; padding:0 3% 0 5%; line-height:2.42em;}
.g-dy ul{ margin-top:0.6em;}
.g-dy li{ height:2.5em; line-height:2.5em; color:#666; border-bottom:1px dashed #bababa; background:url(/mobile/Images/Index/dy_jt.gif) no-repeat left 0.9em; background-size:0.75em 0.75em; padding-left:6%;}
.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%;}
}
@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%;}
}