body{ background:#fff;}

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

.m-nav li{ width:41.40625%; height:2em; float:left; margin:0.1em 0.8em 0 0; overflow:hidden; text-align:center; background:#8cd144; color:#fff; line-height:2em;}
.m-nav a:nth-child(2n-1) li{ margin-left:7%;}

.tit1{ font-size:1.08em; text-align:center; color:#3c4050; height:1.875em; line-height:1.875em; overflow:hidden; background:url(img/line.gif) no-repeat center center; background-size:100% auto; font-weight:bold;}
.g-pro{ background:url(img/bg1.gif); background-size:35px 23px; margin-top:0.92em; padding-top:0.625em; padding-bottom:1.2em; height:18.3em; overflow:hidden; position:relative;}
.pro{ margin-top:0.5em;}
.pro .sclwrap_box ,.pro{ height:16.53em;overflow:hidden;}
.pro_n{ height:18.6em; position:relative; overflow:hidden; width:100%; float:left;}
.pro_n .prev{ width:1.4583em; height:2.833em; overflow:hidden; position:absolute; top:4.75em; left:0;}
.pro_n .next{ width:1.4583em; height:2.833em; overflow:hidden; position:absolute; top:4.75em; right:0;}
.pro_n .prev img,.pro_n .next img{ width:100%;}
.pro_n .no_ov{ width:85.9375%; margin:0 auto;}
.pro_n .page{ height:17em; display:inline; float:left; width:100%;}
.pro_n .page img{ display:block; width:100%; border:0.167em solid #fff; box-sizing:border-box;}
.pro_n .page p img{ border:0;}
.pro_h{width:85.9375%;margin:0 auto; height:1.875em; overflow:hidden; position:absolute; top:16.8em; left:7%; }
.pro_h li{ float:left; width:48.19%; height:1.875em; text-align:center; line-height:1.875em; color:#fff; background:#d4d6d5;}
.pro_h li:last-child{ float:right;}
.pro_h li.z-on{ background:#8cd144;}

.g-pinp{ width:93.75%; margin:0.9em auto 1.16em;}
.tit2{ font-size:1.08em; text-align:center; padding:0.35em 0; color:#fff; background:#8cd144;}
.g-pinp p{ width:31.0%; background:#d4d6d5; background-size:100% auto; font-size:1em;line-height:1.875em; margin-right:1.67%; float:left; margin-top:1.08em; padding-top:1.5em; padding-bottom:1.5em; padding-left:0.3em;}
.g-pinp p:nth-child(3){background:#d4d6d5;background-size:100% auto; }
.g-pinp p:nth-child(4){background:#d4d6d5; margin-right:0;background-size:100% auto; }

.u-lx{background: #b0d25c; /* Old browsers */
background: -moz-linear-gradient(top,  #b0d25c 0%, #8abc1d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d25c), color-stop(100%,#8abc1d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b0d25c 0%,#8abc1d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b0d25c 0%,#8abc1d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b0d25c 0%,#8abc1d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b0d25c 0%,#8abc1d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d25c', endColorstr='#8abc1d',GradientType=0 ); /* IE6-9 */ font-size:0.92em; color:#fff; position:relative; padding:0.5em 0 0.5em 33.28%;}
.u-lx p{ font-size:1.95em; font-family: Arial, Helvetica, sans-serif;}
/*电话声波效果 开始*/
@keyframes show {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}/*动画设置*/
@-webkit-keyframes show {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}/*动画设置*/
.u-lx .u-tel{ width:2.125em; height:2.125em; margin:0 auto; background:url(img/lx.png) no-repeat;-webkit-background-size:100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%; position:absolute; top:1.5em; left:19.5%; }
.u-lx .u-tel .z-ln-1{/*最短的一根*/
    display:block;
    width:1px;
    height:2px;
    border-width:1px 1px 0 0;
    border-radius:0 20px 0 0;
    border-color:#fff; 
    border-style: solid;
    position:absolute;
    top:4px;
    right:4px;
    z-index: 99;
    animation-name: show; /*动画名称*/
    animation-duration: 2s;/* 动画时间*/
    animation-timing-function: linear;  /*动画频率，匀速*/
    animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
    -webkit-animation-name: show;   /*针对苹果浏览器写的兼容*/
    -webkit-animation-duration: 2s; /*针对苹果浏览器写的兼容*/
    -webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
    -webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
}
.u-lx .u-tel .z-ln-2{/*中间的一根*/
    display:block;
    width:3px;
    height:5px;
    border-width:1px 1px 0 0;
    border-radius:0 20px 0 0;
    border-color:#fff; 
    border-style: solid;
    position:absolute;
    top:1px;
    right:1px;
    z-index: 99;
    animation-name: show; /*动画名称*/
    animation-duration: 3s;/* 动画时间*/
    animation-timing-function: linear;  /*动画频率，匀速*/
    animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
    -webkit-animation-name: show;   /*针对苹果浏览器写的兼容*/
    -webkit-animation-duration: 3s; /*针对苹果浏览器写的兼容*/
    -webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
    -webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
}
.u-lx .u-tel .z-ln-3{/*最长的一根*/
    display:block;
    width:6px;
    height:8px;
    border-width:1px 1px 0 0;
    border-radius:0 20px 0 0;
    border-color:#fff; 
    border-style: solid;
    position:absolute;
    top:-2px;
    right:-2px;
    z-index: 99;
    animation-name: show; /*动画名称*/
    animation-duration: 4s;/* 动画时间*/
    animation-timing-function: linear;  /*动画频率，匀速*/
    animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
    -webkit-animation-name: show;   /*针对苹果浏览器写的兼容*/
    -webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
    -webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
    -webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
}
/*电话声波效果 结束*/
@media screen and (min-width:360px) {
	.u-lx .u-tel .z-ln-1 ,.u-lx .u-tel .z-ln-2 ,.u-lx .u-tel .z-ln-3{ border-width:1px 1px 0 0;}
	.u-lx .u-tel .z-ln-1{
	width:2px;
	height:3px;
	top:4px;
	right:6px;}
	.u-lx .u-tel .z-ln-2{
	width:4px;
	height:6px;
	top:1px;
	right:3px;}
	.u-lx .u-tel .z-ln-3{
	width:7px;
	height:9px;
	top:-2px;
	right:0px;}
}
@media screen and (min-width:480px) {
	.u-lx .u-tel .z-ln-1 ,.u-lx .u-tel .z-ln-2 ,.u-lx .u-tel .z-ln-3{ border-width:2px 2px 0 0;}
	.u-lx .u-tel .z-ln-1{
	width:2px;
	height:4px;
	top:3px;
	right:5px;}
	.u-lx .u-tel .z-ln-2{
	width:4px;
	height:8px;
	top:0px;
	right:1px;}
	.u-lx .u-tel .z-ln-3{
	width:7px;
	height:11px;
	top:-3px;
	right:-3px;}
}
@media screen and (min-width:568px) {
	.u-lx .u-tel .z-ln-1 ,.u-lx .u-tel .z-ln-2 ,.u-lx .u-tel .z-ln-3{ border-width: 2px 2px 0 0;}
	.u-lx .u-tel .z-ln-1{
	width:4px;
	height:5px;
	top:5px;
	right:9px;}
	.u-lx .u-tel .z-ln-2{
	width:8px;
	height:10px;
	top:1px;
	right:5px;}
	.u-lx .u-tel .z-ln-3{
	width:12px;
	height:13px;
	top:-3px;
	right:1px;}
}
@media screen and (min-width:639px) {
	.u-lx .u-tel{ width:2.125em;}
	.u-lx .u-tel .z-ln-1 ,.u-lx .u-tel .z-ln-2 ,.u-lx .u-tel .z-ln-3{ border-width:4px 4px 0 0;}
	.u-lx .u-tel .z-ln-1{
	width:5px;
	height:7px;
	top:10px;
	right:13px;}
	.u-lx .u-tel .z-ln-2{
	width:9px;
	height:13px;
	top:4px;
	right:7px;}
	.u-lx .u-tel .z-ln-3{
	width:16px;
	height:20px;
	top:-3px;
	right:-1px;}
}

.g-case{ background:url(img/bg1.gif); background-size:35px 23px; padding:1.1em 0 0 0;}
.g-case .tit1{ font-weight:normal;}
.case{height:18.8em; position:relative; overflow:hidden; margin-top:0.1em;}
.case .sclwrap_box ,.case .m-box{ height:20.58em;overflow:hidden;}
.case .nowarp{width:86.9375%; margin:0 auto;}
.case .prev{ width:1.4583em; height:2.833em; overflow:hidden; position:absolute; top:4.75em; left:0;}
.case .next{ width:1.4583em; height:2.833em; overflow:hidden; position:absolute; top:4.75em; right:0;}
.case .prev img,.case .next img{ width:100%;}
.case .con{ width:100%; float:left;}
.case .con li img{ display:block; width:100%; border:0.167em solid #fff; box-sizing:border-box;}
.case .con li span{ display:block; text-align:center; height:3.5em; background:url(img/pro_bg.png) no-repeat center top; background-size:100% auto; font-size:0.92em; line-height:2.5em; color:#3c4050;}
.case .con a:nth-child(2) li{ width:47.3%; float:left; margin-top:0.2em;}
.case .con a:nth-child(3) li{width:47.3%; float:right;margin-top:0.2em;}
.case .con a:nth-child(2) li span,.case .con a:nth-child(3) li span{background:url(img/case1_bg.png) no-repeat center top; background-size:100% auto;}

.g-ys{ background:url(img/ys_bg.gif); background-size:42px 20px; padding:1em 0 1.7em 0;}
.g-ys .tit1{ background:url(img/ys_line.gif) no-repeat center center; background-size:100% auto; font-weight:normal;}
.ys .sclwrap_box ,.ys .m-box{ height:11.4em;overflow:hidden;}
.ys .con{ width:100%; float:left;}
.ys .con dl{width:86.9375%; margin:1.3em auto 0;}
.ys .con dd{ width:53.54%; float:left;}
.ys .con dd h4{ font-size:1em; font-weight:bold; color:#3c4050; height:1.67em; overflow:hidden;}
.ys .con dd p{ font-size:0.92em; line-height:1.875em; color:#3c4050; margin-top:0.7em;}
.ys .con dt{ width:40.54%; float:right;}
.ys .con dt img{ width:100%;}
.ys .m-cnt{ height:1.75em; overflow:hidden; margin-left:15.5%;}
.ys .m-cnt li{ width:2.583em; height:1.75em; text-align:center; font-size:1em; color:#fff; line-height:1.75em; float:left; margin-right:1.25em; background:#d4d6d5;}
.ys .m-cnt li.z-on{ background:#8cd144; text-shadow:1px 1px 1px #000;}

.g-ho{ width:92.1875%; margin:1em auto 0;}
.g-ho li{ width:38%; float:left; margin-left:7%; margin-top:1.4583em;}
.g-ho li img{ width:100%; display:block; border:0.125em solid #e9e9e9; box-sizing:border-box;}
.g-ho li p{ font-size:0.92em; text-align:center; height:2.5em; line-height:2.5em; overflow:hidden; color:#3c4050; background:url(img/honor1_bg.gif) no-repeat center top;}

.g-ly{background:url(img/bg1.gif); background-size:35px 23px; margin-top:1em;}
.g-ly h3{ height:5.575em; background:url(img/ly_h.jpg) no-repeat center top; background-size:100% auto; font-weight:bold; color:#fff; font-size:1.08em; padding:1.33em 0 0 10.15%;}
.g-ly h3 span{ font-size:1.34em;}
.ly{ height:37.3em; overflow:hidden;background:url(img/ly1.jpg) no-repeat center bottom; background-size:100% auto; }
.ly01{ height:37.3em;background:url(img/ly1.jpg) no-repeat center bottom; background-size:100% auto;}
.con:nth-child(2) .ly01{ height:37.3em;background:url(img/ly2.jpg) no-repeat center bottom; background-size:100% auto;}
.ly .sclwrap_box ,.ly .m-box{ height:33.3em;overflow:hidden;}
.ly .con{ float:left; width:100%;}
.ly01 dl{padding:0.3em 1.5em 2em 1.5em;}
.ly01 dl:nth-child(1){background:url(img/ly_line2.gif) no-repeat center bottom; background-size:100% auto;}
.ly01 dt{ font-size:1.08em; font-weight:bold; color:#636363; background:url(img/ly_line.gif) no-repeat left bottom; height:2.3em;}
.ly01 dt span{ font-style:italic;}
.ly01 dd{ margin-top:0.2em;}
.ly01 dd p{ font-size:0.92em; color:#3c4050; line-height:1.875em; position:relative; padding-left:0.8em;}
.ly01 dd p:before{ content:""; position:absolute; top:0.8em; left:0; width:0.375em; height:0.375em; background:url(img/ly_jt.gif) no-repeat;-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.ly .m-cnt{ width:74%; margin:0 auto; height:1.67em; background:url(img/ly_line1.gif) repeat-x center center; background-size:2px 1px; overflow:hidden;}
.ly .m-cnt li{ font-size:1em; width:5.2083em; height:1.67em; line-height:1.67em; overflow:hidden; color:#fff; background:#d4d6d5; float:left; text-align:center; margin-right:0.92em;}
.ly .m-cnt li:nth-child(1){ margin-left:21%;}
.ly .m-cnt li.z-on{ background:#8cd144;}


.m-news{ height:14.5em; overflow:hidden; padding-top:1.25em; background:url(img/bj2.jpg) repeat-y center top;
-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-cnt1{ height:2.9166em; margin:0 7%; background:url(img/pro_bg.png) no-repeat center bottom;
-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-cnt1 li{float:left;height:1.875em; color:#fff;width:50%; text-align:center; line-height:1.875em; background:#d4d6d5;}
.m-cnt1 li.z-on{ background:#8cd144;}
.m-news .sclwrap_box , .m-news .m-box{ height:10.6em; overflow:hidden;}
.m-news .con{ width:100%; float:left; display:inline;}
.m-news .con dl { margin-top:1em;}
.m-news .con dl dt{ width:38.9%; margin-left:7%;}
.m-news .con dl dt img{ width:100%; display:block;}
.m-news .con dl dd{ width:43.75%; margin-right:7%;}
.m-news .con dl dd a{ display:block; border-bottom:1px dashed #b9b9b9; color:#3c4050; font-size:1em; height:2.1em; line-height:2.1em; overflow:hidden;}
.m-news .con dl dd a:last-child{ border-bottom:0;}
.m-news .con:nth-child(2) dl{ width:86.4%; margin:1em auto 0;}
.m-news .con:nth-child(2) dd{ width:100%; color:#666;}
.m-news .con:nth-child(2) dd a{color:#3c4050;}

.m-about{ height:23.25em; overflow:hidden; margin-top:1em;}
.m-about h2{color:#fff;line-height:2.166em;height:2.166em;background:#8cd144;overflow:hidden; font-size:1em; padding:0 1.25em;}
.m-about h2 span{ font-size:0.83em;}
.m-about h2 span em{ width:1em; display:inline-block;}
.m-about h2 span em img{ vertical-align:middle;}
.m-about .sclwrap_box , .m-about .m-box{ height:11.58em; overflow:hidden;}
.m-about .m-cnts{ height:2.458em; padding-left:7%; overflow:hidden;}
.m-about .m-cnts li{ float:left; width:7.29em; margin-right:3%; font-size:1em; height:2.458em; 
background:url(img/about_h.gif) no-repeat center bottom;
-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-about .m-cnts li a{ display:block; background:#8cd144; height:1.875em; color:#fff; text-align:center; line-height:1.875em;}
.m-about .m-cnt li.z-on{ }
.m-about .con{ width:100%; float:left; display:inline;}
.m-about .con p{ width:85%; margin:1.8em auto 0; overflow:hidden; line-height:0;}
.m-about .con p img{ width:100%; display:block;}
.m-about .con p span{ font-size:0.91em; color:#3c4050; text-align:center; display:block; margin-top:0.125em; height:2.9em; line-height:2.9em;background:url(img/pro_bg.png) no-repeat center top;
-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}

.m-coo{ height:15.125em; overflow:hidden; padding-top:1.25em; background:url(img/bj.jpg) repeat-y center top;
-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; margin-top:0.33em;}
.m-coo .sclwrap_box , .m-coo .m-box{ height:11.3em; overflow:hidden;}
.m-coo .no_ov{ margin:0 9.59%;}
.m-coo .box-style{ position:relative;}
.m-coo .prev{ width:6.875%; position:absolute; top:2.7em; left:2%;}
.m-coo .next{ width:6.875%; position:absolute; top:2.7em; right:0;}
.m-coo .next img,.m-coo .prev img{ width:100%; display:block;}
.m-coo .m-box ul{ display:inline; float:left; width:100%;}
.m-coo .m-box ul li{ float:left; width:50%; margin-top:1.2em; background:url(img/wit1_bg.png) no-repeat;
-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-coo .m-box ul li img{ width:93%; display:block;}
.m-coo .m-box ul li span{ display:block; text-align:center; line-height:2.6em; height:2.6em; overflow:hidden; font-size:0.91em; color:#3c4050; text-transform:uppercase;}
.m-coo .m-box dl{ height:8.383em; overflow:hidden; background:#fff;}
.m-coo .m-box dt{ width:49.8%; margin:0.6em 0.3em 0 0.2em; float:left;}
.m-coo .m-box dt img{ width:100%; display:block;}
.m-coo .m-box dd{ width:46%; float:right; font-size:1em;}
.m-coo .m-box dd h4{ font-size:0.8em; font-weight:bold; color:#3c4050; padding-top:0.7em;}
.m-coo .m-box dd h4 span{ display:block; font-size:0.9em; color:#3c4050; font-weight:normal;}
.m-coo .m-box dd h4 em{ padding:0 2%;}
.m-coo .m-box dd p{ font-size:0.75em; color:#3c4050; line-height:1.42em; margin-top:0.5em;}
.m-coo .m-box dd i{ font-size:0.75em; color:#84ba0c;}


@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: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;}
	.pro_h{position:absolute; top:17.8em; left:7%; }
	.case{height:26.8em; position:relative; overflow:hidden;}
	.case .sclwrap_box ,.case .m-box{ height:26.58em;overflow:hidden;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;}
	.pro_h{position:absolute; top:16.8em; left:7%; }
	.case{height:24.8em; position:relative; overflow:hidden;}
	.case .sclwrap_box ,.case .m-box{ height:24.58em;overflow:hidden;}
}