.m-nav{position:relative;
    background:url(/mobile/Images/Index/m-nav.jpg) no-repeat center top;-webkit-background-size:100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;}
.m-nav li{ width:20%; line-height:295%; font-size:1em; color:#fff; text-align:center; float: left; position:relative;}




.g-adv{width:100%; position:relative;height:262px; clear:both;}
.g-adv li img{width:100%;padding:0;}
.g-adv .sclwrap_box ,.g-adv .m-box{ height:262px; position:relative;}



/*搜索*/
.g-ser{position:relative;padding:2.4% 0 10.7% 21.9%;
background: -moz-linear-gradient(top,  #cecece 1%, #fff 50%, #fff 51%, #cecece 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cecece), color-stop(50%,#fff), color-stop(51%,#fff), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cecece 1%,#fff 50%,#fff 51%,#cecece 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cecece 1%,#fff 50%,#fff 51%,#cecece 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cecece 1%,#fff 50%,#fff 51%,#cecece 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cecece 1%,#fff 50%,#fff 51%,#cecece 100%);}
.g-ser .m-ipt{margin-right:36.7%; display:block;}
.g-ser .u-bt{width:15.2%; float:right;margin-top:0;margin-right:21.5%;position:relative;background-color:none;height:2.7em; overflow:hidden;
background:url(/mobile/Images/Index/sch_bt.gif) no-repeat center top;-webkit-background-size:100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%; display:inline-block;font-size:0.75em;}
.g-ser .u-in{float:right; position:absolute; z-index:100; right:17.8%; top:19%; width:12%;background:transparent;height:2.7em;overflow:hidden;
font-size:0.75em;}
.g-ser .u-key{width:100%; position:relative;
    color:#929292;
	font-size:0.75em;
	line-height:2.7em; 
	height:2.7em;
	overflow:hidden;
	text-indent:5.5%;
	float:left;
	background:#fff; border:none;
	box-shadow:0.083em 0.1667em 0.083em #cccbcb inset;
	 -moz-border-radius:0.17em 0 0 0.17em;   
    -o-border-radius:0.17em 0 0 0.17em; 
   -webkit-border-radius:0.17em 0 0 0.17em;
    border-radius:0.17em 0 0 0.17em;} 
/*
@media screen and (min-width:360px) {.g-ser .u-key{line-height:180%; }}
@media screen and (min-width:480px) {.g-ser .u-key{line-height:185%; }}
@media screen and (min-width:568px) {.g-ser .u-key{line-height:190%; }}
@media screen and (min-width:639px) {.g-ser .u-key{line-height:244%; }}*/

/*产品中心*/
.g-cen{ clear:both;padding:2% 0 3.6%; background:#e7f3c4;}
.m-pb-t{line-height:258%;display:block;padding:0 4.37% 0 2.2%;
    background:url(/mobile/Images/Index/m-pb-t.png) repeat-x center top;-webkit-background-size:100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	position:relative;font-size:1em;}	
.m-pb-t h2{ font-weight:bold;color:#fff;font-size:1em;line-height:234%; overflow:hidden;}
.m-pb-t h2 i{ display:inline-block;width:4.69%; float:left;margin:1% 2% 0 0;}
.m-pb-t h2 i img{width:100%;}
.m-pb-t h2 span{ font-weight:100; display:inline-block;width:12.06%;color:#fff; font-size:0.83em; float:right;}
.m-pb-t a{color:#fff; }
.m-pb-t h2 em{ display:inline-block;width:31.6%; overflow:hidden; float:right;margin:7% 0 0 4%;}
.m-pb-t h2 em img{width:100%;}
.m-cen{ clear:both;padding:2% 0 0 7.03%;}
.m-cen a{ font-size:1em; color:#4f5341; display:inline-block; float:left; line-height:242%;width:31.25%;}
.m-cen p{ display:block; clear:both;}

/*产品中心*/
.g-show{ clear:both;}
.m-show{ clear:both;padding:8.3% 0 0.3% 6.25%;}
.m-show a{ display:inline-block; float:left;width:42.63%;margin:0 5.9% 6% 0;}
.m-show a b img{width:100%;border:1px #52bd2f solid; display:block;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.m-show a i img{width:100%; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.m-show a span{margin:-8% 0 0; display:block; text-align:center; font-size:1em; color:#575757;}
.m-show p{ display:block; clear:both;}

/*电话*/
.g-tel{ clear:both; position:relative; display:block;padding:3% 0 1.7% 36%; color:#fff; font-size:1em;
    background-color:#ff5e02;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8502), to(#ff3e02)); /*针对苹果老式浏览器写的兼容*/
	background-image: -webkit-linear-gradient(top, #ff8502, #ff3e02); /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #ff8502, #ff3e02); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #ff8502, #ff3e02); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #ff8502, #ff3e02); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #ff8502, #ff3e02);}
.g-tel b{ display:block; font-size:1.2em;}

.g-tel .u-tel{display:block;width:7.8%; height:70%; background:url(/mobile/images/Index/tel.png) no-repeat; position:absolute;left:25.9%; top:26%; background-size:100% auto;}
.g-tel .u-tel .z-ln-1 ,.g-tel .u-tel .z-ln-2 ,.g-tel .u-tel .z-ln-3{ border:1px solid #fff;}
.g-tel .u-tel .z-ln-1{z-index:10;
	display:inline-block;
	width:3px;
	height:3px;
	top:5px;
	right:5px;
	border-width: 1px 1px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	animation-name: xshow2; /*动画名称*/
	animation-duration: 4s;/* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow2;   /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/
.g-tel .u-tel .z-ln-2{z-index:10;
	display:inline-block;
	width:6px;
	height:6px;
	border-width: 1px 1px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:2px;
	right:2px;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/
.g-tel .u-tel .z-ln-3{z-index:10;  
	display:inline-block;
	width:9px;
	height:9px;
	border-width: 1px 1px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:-1px;
	right:-1px;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/
@media screen and (min-width:360px) {
	.g-tel .u-tel{ /*height:39%;*/}
	.g-tel .u-tel .z-ln-1{
	width:3px;
	height:3px;
	top:5px;
	right:5px;}
	.g-tel .u-tel .z-ln-2{
	width:6px;
	height:6px;
	top:1px;
	right:1px;}
	.g-tel .u-tel .z-ln-3{
	width:10px;
	height:10px;
	top:-3px;
	right:-3px;}
}
@media screen and (min-width:480px) {
	.g-tel .u-tel .z-ln-1 ,.g-tel .u-tel .z-ln-2 ,.g-tel .u-tel .z-ln-3{ border:2px solid #fff;border-width: 2px 2px 0 0;}
	.g-tel .u-tel{ /*height:39%;*/}
	.g-tel .u-tel .z-ln-1{
	width:5px;
	height:5px;
	top:8px;
	right:8px;}
	.g-tel .u-tel .z-ln-2{
	width:9px;
	height:9px;
	top:3px;
	right:3px;}
	.g-tel .u-tel .z-ln-3{
	width:13px;
	height:13px;
	top:-2px;
	right:-2px;}
}
@media screen and (min-width:568px) {
	.g-tel .u-tel{ /*height:43%;*/}
	.g-tel .u-tel .z-ln-1 ,.g-tel .u-tel .z-ln-2 ,.g-tel .u-tel .z-ln-3{ border:2px solid #fff;border-width: 2px 2px 0 0;}
	.g-tel .u-tel .z-ln-1{
	width:6px;
	height:6px;
	top:10px;
	right:10px;}
	.g-tel .u-tel .z-ln-2{
	width:12px;
	height:12px;
	top:5px;
	right:5px;}
	.g-tel .u-tel .z-ln-3{
	width:17px;
	height:17px;
	top:0;
	right:0;}
}
@media screen and (min-width:639px) {
	.g-tel .u-tel{/* height:39%;*/}
	.g-tel .u-tel .z-ln-1 ,.g-tel .u-tel .z-ln-2 ,.g-tel .u-tel .z-ln-3{ border:2px solid #fff; border-width: 3px 3px 0 0;}
	.g-tel .u-tel .z-ln-1{
	width:7px;
	height:7px;
	top:10px;
	right:10px;}
	.g-tel .u-tel .z-ln-2{
	width:12px;
	height:12px;
	top:5px;
	right:5px;}
	.g-tel .u-tel .z-ln-3{
	width:17px;
	height:17px;
	top:0;
	right:0;}
}




/*优势*/
.g-ys{ clear:both;
background:url(/mobile/Images/Index/ys_bg.jpg) no-repeat center top;-webkit-background-size:100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;padding:0 0 7.9%;}
.g-ys h3{padding:5.4% 0 0; display:block; text-align:center;}
.g-ys h3 b{width:95%;margin:0 auto; display:block; color:#227606; font-size:2.17em; line-height:127.5%;
    background:url(/mobile/Images/Index/ys_t.gif) no-repeat center top;-webkit-background-size:100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;}
	
	
@media screen and (min-width:320px) {
	.g-ys h3 b{width:95%;font-size:2em;}
}
@media screen and (min-width:360px) {
	.g-ys h3 b{width:95%;font-size:2.27em;}
}
@media screen and (min-width:480px) {
	.g-ys h3 b{width:80%;font-size:2.47em}
}
@media screen and (min-width:568px) {
	.g-ys h3 b{width:75%;font-size:2.57em}
}
@media screen and (min-width:639px) {
	.g-ys h3 b{width:75%;font-size:2.67em;}
}
	
	
.g-ys h3 i{ display:block;font-size:2.25em; font-weight:bold; line-height:123%; color:#227606; text-transform:uppercase; font-family:Didot; font-style:italic;}
.g-ys li{ font-size:1em; color:#58574f;padding:0 0 0 0.125%; line-height:357%; border-bottom:1px #cacdce solid; box-shadow:1px 1px 1px #eef2f5;}
.g-ys li i{font-size:1.46em; color:#227606; font-style:italic;margin:0 2% 0 0;}
.g-ys li:nth-child(1){ box-shadow:none;}
.g-ys li:nth-child(5){ box-shadow:none;border:none;}
.g-ys ul{padding:0 0 3%;}
.g-ys p{ display:block;padding:0 0 0 6.88%;}
.g-ys p span{ display:inline-block; float:left;width:40.6%;margin:0 5% 0 0;}
.g-ys p span b img{width:100%;border:1px #cccbcb solid; display:block;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.g-ys p span i{ display:block;padding:0;}
.g-ys p span i img{width:100%;display:block;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;/* Safari */}
.g-ys p span em{ display:block; text-align:center; font-size:1em; color:#504843;}
.g-ys p i{ display:block; clear:both;width:100%;}


/*荣誉资质*/
.g-hon{ height:360px;clear:both; position:relative;}
.g-hon .sclwrap_box,.g-hon .m-box{ position:relative;height:360px; overflow:hidden;}
.g-hon .nowarp{ margin-left:4%;}
.g-hon .prev{ width:4.38%; position:absolute; top:25%; left:0;}
.g-hon .prev img,.g-hon .next img{width:100%;}
.g-hon .next{ width:4.38%; position:absolute; top:25%; right:0;}
.g-hon .u-con{ width:89.1%; margin-top:1.2%;}
.g-hon .u-con a{ text-align:center; display:block; width:46.6%; float:left; margin-right:4.69%;
background:url(/mobile/Images/Index/hon_bg.jpg) no-repeat center top;-webkit-background-size:100% 89%;
	-moz-background-size: 100% 89%;
	-o-background-size: 100% 89%;
	background-size: 100% 89%;}
.g-hon .u-con a img{width:100%;}
.g-hon .u-con a:last-child{ margin-right:0;}
.g-hon .u-con li img{ width:100%;padding:0.2em;margin:0 auto;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; display:block;}
.g-hon .u-con li{ display:block;width:100%;}
.g-hon .u-con li span{ display:block; font-size:0.9em; margin:3% 0 0;line-height:150%;color:#58574f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.g-hon .u-con li b{ padding:0 0 2%;display:block; position:relative;z-index:9;}
.g-hon  .no_ov {margin:9px 17px 0;overflow:hidden;}
.g-hon p{ display:block; clear:both;}



.g-inf{ margin-top:0; clear:both;height:auto;}
.g-inf .sclwrap_box{overflow:hidden; position:relative;}
.g-inf .m-cnt{background:#535353;box-shadow:3px 3px 3px #383838 reset; font-size:1em; line-height:250%;}
.g-inf .m-cnt li{ float:left; width:48.44%; font-size:1em; font-weight:bold; color:#fff; text-align:center; display:inline; padding:0 0 0 1.56%;}
.g-inf .m-cnt i{width:9.43%;padding:0 5% 0 0; display:inline-block;}
.g-inf .m-cnt i img{margin:2% 0 0;width:100%;}
.g-inf .m-cnt li.z-on{ 
    background:url(/mobile/Images/Index/m-pb-t.png) repeat-x center top;-webkit-background-size:100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;}
.g-inf .u-con ul{ margin:4.8% 3% 0 3%;}
.g-inf .u-con li{ font-size:1em; color:#494949; line-height:240%; border-bottom:1px dashed #d8d8d8;}
.g-inf .u-con li span{display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 68%;}
.g-inf .u-con li img{ width:2.8%; padding-right:2%;}
.g-inf .u-con li i{ float:right;}
.g-inf .u-con a:last-child li{ border-bottom:0;}
.g-inf .u-con .u-pb-t{ display:block; font-size:1em; color:#000; text-align:center; line-height:380%; margin-top:5%; border-top:1px #efefef solid;
    background-color:#f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#d1d1d1));
	background-image: -webkit-linear-gradient(top, #fbfbfb, #d1d1d1); /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #fbfbfb, #d1d1d1); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #fbfbfb, #d1d1d1); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #fbfbfb, #d1d1d1); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #fbfbfb, #d1d1d1);}
.g-inf .u-con .u-pb-t h4{ font-size:1em;display:inline-block;margin:0 auto; position:relative;padding:0 0 0 6.25%;}
.g-inf .u-pb-t h4:before{ content:""; position:absolute; display:inline-block;width:0.82em;height:0.82em; background:#4e4e4e;
    -moz-border-radius:0.82em;   
    -o-border-radius:0.82em; 
    -webkit-border-radius:0.82em;
    border-radius:0.82em;left:0;top:39%;}
.g-inf .u-pb-t h4:after{ content:""; position:absolute; display:inline-block; border-left:0.4em #f2f2f2 solid; border-top:0.2em transparent solid; border-bottom:0.2em transparent solid;left:3%;top:45%;}
  

@media screen and (min-width:320px){
	 .g-hon{height:181px;}
	 .g-hon .sclwrap_box{height:181px;}
	 .g-inf{height:340px;}
	 .g-inf .sclwrap_box{height:340px;}
	 .g-adv .sclwrap_box ,.g-adv .m-box{ height:232px;}
	 .g-adv{ height:232px;}}
@media screen and (min-width:360px) {
	 .g-hon{height:202.5px;}
	 .g-hon .sclwrap_box{height:202.5px;}
	 .g-inf{height:384px;}
	 .g-inf .sclwrap_box{height:384px;}
	 .g-adv .sclwrap_box ,.g-adv .m-box{ height:260.8px;}
	 .g-adv{ height:260.8px;}}

@media screen and (min-width:480px) {
	 .g-hon{height:270px;}
	 .g-hon .sclwrap_box{height:270px;}
	 .g-inf{height:512px;}
	 .g-inf .sclwrap_box{height:512px;}
	 .g-adv .sclwrap_box ,.g-adv .m-box{ height:347.8px;}
	 .g-adv{ height:347.8px;}}

@media screen and (min-width:568px) {
	 .g-hon{height:320px;}
	 .g-hon .sclwrap_box{height:320px;}
 	 .g-inf{height:606px;}
	 .g-inf .sclwrap_box{height:606px;}
	 .g-adv,.g-adv .sclwrap_box ,.g-adv .m-box{ height:411.5px;}}

@media screen and (min-width:639px) {
	 .g-hon{height:360px;}
  	 .g-hon .sclwrap_box{height:360px;}
	 .g-inf{height:682px;}
	 .g-inf .sclwrap_box{height:682px;}
	 .g-adv,.g-adv .sclwrap_box ,.g-adv .m-box{ height:463px;}}


@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%;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}