.m-nav{ height:auto;
 background:#0477aa;
 background-image:-webkit-gradient(linear,left top,left bottom, form(#0477aa),color-stop(0.13,#0782b9) ,color-stop(0.42,#067eb3),color-stop(0.84,#0478ac) ,color-stop(1,#0476a9) , stop(#0476a9));
 background-image:-moz-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-o-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-ms-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-webkit-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 border-bottom:1px solid #b9b9b9;
}
.m-nav li{ float:left; font-size:12px; color:#fff; width:25%; text-align:center; box-sizing:border-box; padding:2.5% 0 2.6%; border-bottom:1px solid #076f9e; border-left:1px solid #076f9e; color:12px;}
@media screen and (min-width:360px) {
	 .m-nav li{
	font-size:14px;}
}
@media screen and (min-width:480px) {
	 .m-nav li{
	font-size:18px;}
}
@media screen and (min-width:568px) {
	 .m-nav li{
	font-size:22px;}
}
@media screen and (min-width:639px) {
	 .m-nav li{
	font-size:24px;}
}
.m-nav a:nth-child(1) li,
.m-nav a:nth-child(5) li{ border-left:none}
.m-nav a:nth-child(7) li,
.m-nav a:nth-child(5) li,
.m-nav a:nth-child(6) li,
.m-nav a:nth-child(8) li{ border-bottom:none; padding:1% 0 4.1%;}

/*  */
.g-adv { height:auto;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:288px;overflow:hidden;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ height:1px; background:#328115;}
.g-adv .m-cnt li{ float:left;width:33.33%; height:1px;}
.g-adv .m-cnt li.z-on{ background:#ce000c;}
.g-adv .m-cnt li:last-child{ border-right:0;}
@media screen and (min-width:360px) {
	.g-adv .sclwrap_box , .g-adv .m-box{ height:138px;  overflow:hidden;}
	.g-adv .m-box li img{ height:138px;}
	.g-adv .m-cnt { height:1px;}
	.g-adv .m-cnt li{ height:1px;}
}
@media screen and (min-width:480px) {
	.g-adv .sclwrap_box , .g-adv .m-box{ height:138px;  overflow:hidden;}
.g-adv .m-box li img{ height:138px;}
.g-adv .m-cnt { height:1px;}
	.g-adv .m-cnt li{ height:1px;}
}
@media screen and (min-width:568px) {
	.g-adv .sclwrap_box , .g-adv .m-box{ height:218px;   overflow:hidden;}
	.g-adv .m-box li img{ height:218px;}
	.g-adv .m-cnt { height:2px;}
	.g-adv .m-cnt li{ height:2px;}

}
@media screen and (min-width:639px) {
	.g-adv .sclwrap_box , .g-adv .m-box{ height:246px; overflow:hidden;}
	.g-adv .m-box li img{ height:246px;}
	.g-adv .m-cnt { height:2px;}
	.g-adv .m-cnt li{ height:2px;}
}
/* 产品展示 */
.g-pro{ height:auto}
.g-pro h2{
 background:#0477aa;
 background-image:-webkit-gradient(linear,left top,left bottom, form(#0477aa),color-stop(0.13,#0782b9) ,color-stop(0.42,#067eb3),color-stop(0.84,#0478ac) ,color-stop(1,#0476a9) , stop(#0476a9));
 background-image:-moz-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-o-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-ms-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-webkit-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 height:auto;
}
.g-pro h2 small{ width:33.2%; display:block; height:auto; padding:3.3% 0; color:#fff; font-size:12px; background:#00a3eb; text-align:center; }
.g-pro h2 b{ float:right; color:#fff; font-size:12px; font-weight:normal; padding:3.3% 3.9% 3.3% 0; display:block;}

@media screen and (min-width:360px) {
	 .g-pro h2 small{font-size:13px;}
	 .g-pro h2 b{font-size:13px;}
}
@media screen and (min-width:480px) {
	 .g-pro h2 small{font-size:18px;}
	 .g-pro h2 b{font-size:18px;}
}
@media screen and (min-width:568px) {
	 .g-pro h2 small{font-size:21px;}
	 .g-pro h2 b{font-size:21px;}
}
@media screen and (min-width:639px) {
	 .g-pro h2 small{font-size:24px;}
	 .g-pro h2 b{font-size:24px;}
}
.m-pro{ 
-moz-background-size:cover cover;
-o-background-size:cover cover;
-ms-background-size:cover cover;
-webkit-background-size:cover cover;
background-size:cover cover;
height:auto; padding-top:5.7%;
}
.m-pro li{ float:left; width:44.2%; padding:0.2% 2.8% 2.3%;}
.m-pro li img{ display:block; width:100%; height: auto; border:1px solid #c1c1c1; box-sizing:border-box;}
.m-pro li span{ display:block; text-align:center; line-height:1em; color:#555453; font-size:10px; padding:6.5% 0;}
@media screen and (min-width:360px) {
	.m-pro li span{ font-size:14px}
}
@media screen and (min-width:480px) {
	.m-pro li span{ font-size:18px}
}
@media screen and (min-width:568px) {
	.m-pro li span{ font-size:21px}

}
@media screen and (min-width:639px) {
	.m-pro li span{ font-size:24px}
}
/* 搜索框 */

.g-ser{ position:relative;height:auto;padding:3.4% 0; overflow:hidden;
background:#0477aa;
 background-image:-webkit-gradient(linear,left top,left bottom, form(#0477aa),color-stop(0.13,#0782b9) ,color-stop(0.42,#067eb3),color-stop(0.84,#0478ac) ,color-stop(1,#0476a9) , stop(#0476a9));
 background-image:-moz-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-o-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-ms-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-webkit-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 height:auto;
}
.g-ser .m-ipt{margin-right:25.6%;margin-left:2.8%; display:block;}

.g-ser .u-bt{width:21.25%; text-align:center; height:auto;float:right;padding:1.9% 0; position:relative; margin-top:0;margin-right:3.4%;position:relative;
 font-size:12px; color:#fff;background:#00a3eb
}
.g-ser .u-in{ float:right; position:absolute; z-index:100; right:5.4%; top:34.2%; width:15.2%; height:0; padding:2.9% 0;background:transparent; color:#fff; }
.g-ser .u-key{width:86.7%;
    color:#afafaf;
	height:auto;
	font-size:12px;
	padding:2.8% 0 2.4%;
	text-indent:15px;
	float:left;
	border:none;
	 background:#fff;
	 padding-left:13.3%;
	 box-shadow:0 0 0 #fff;
	
	 -moz-background-size:14.7% 100%;
	 -o-background-size:14.7% 100%;
	 -ms-background-size:14.7% 100%;
	 -webkit-background-size:14.7% 100%;
	 background-size:14.7% 100%;
} 
@media screen and (min-width:360px) {

	.g-ser .u-bt{  font-size:13px;}
	.g-ser .u-key{ font-size:14px;}
}
@media screen and (min-width:480px) {

	.g-ser .u-bt{font-size:18px;}
		.g-ser .u-key{ font-size:18px;}
}
@media screen and (min-width:568px) {

	.g-ser .u-bt{font-size:21px;}
		.g-ser .u-key{ font-size:21px;}
}
@media screen and (min-width:639px) {
	.g-ser .u-bt{font-size:24px;}
	.g-ser .u-key{ font-size:24px;}
}
/*  */
.g-fpro{ height:auto}
.g-fpro h2{
 background:#0477aa;
 background-image:-webkit-gradient(linear,left top,left bottom, form(#0477aa),color-stop(0.13,#0782b9) ,color-stop(0.42,#067eb3),color-stop(0.84,#0478ac) ,color-stop(1,#0476a9) , stop(#0476a9));
 background-image:-moz-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-o-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-ms-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-webkit-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 height:auto;
}
.g-fpro h2 small{ width:33.2%; display:block; height:auto; padding:3.3% 0; color:#fff; font-size:12px; background:#00a3eb; text-align:center;}
.g-fpro h2 b{ float:right; color:#fff; font-size:12px; font-weight:normal; padding:3.3% 3.9% 3.3% 0; display:block;}
@media screen and (min-width:360px) {
	 .g-fpro h2 small{font-size:13px;}
	 .g-fpro h2 b{font-size:13px;}
}
@media screen and (min-width:480px) {
	 .g-fpro h2 small{font-size:18px;}
	 .g-fpro h2 b{font-size:18px;}
}
@media screen and (min-width:568px) {
	 .g-fpro h2 small{font-size:21px;}
	 .g-fpro h2 b{font-size:21px;}
}
@media screen and (min-width:639px) {
	 .g-fpro h2 small{font-size:24px;}
	 .g-fpro h2 b{font-size:24px;}
}
.m-fpro{ 
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
height:auto; padding-top:3%;
}
.g-fpro b{ display:block;  height:auto; padding:0.4% 0; width:100%;}
.m-fpro em{ display:block; height:auto; padding:2.1% 0 2.5% 8.75%; font-size:12px; color:#555453; border-bottom:1px solid #0478ac}
.m-fpro span{ display:block; padding-left:8.75%; padding-bottom:2.7%;}
.m-fpro span:after{
 content:"";
 display:block;
 height:0;
  visibility:hidden;
  clear:both;
  line-height:0;
}
.m-fpro span a{ display:block; width:49%; float:left; height:auto; padding:1.5% 0 3.1%; color:#555453; font-size:12px;}
.m-fpro a:last-child em{ border-bottom:none}
@media screen and (min-width:360px) {
	 .m-fpro em{font-size:13px;}
	 .m-fpro span a{font-size:13px;}
}
@media screen and (min-width:480px) {
	 .m-fpro em{font-size:18px;}
	 .m-fpro span a{font-size:18px;}
}
@media screen and (min-width:568px) {
	 .m-fpro em{font-size:21px;}
	 .m-fpro span a{font-size:21px;}
}
@media screen and (min-width:639px) {
	 .m-fpro em{font-size:24px;}
	 .m-fpro span a{font-size:24px;}
}
/*  */
.g-adpho{
 background:#0477aa;
 background-image:-webkit-gradient(linear,left top,left bottom, form(#0477aa),color-stop(0.13,#0782b9) ,color-stop(0.42,#067eb3),color-stop(0.84,#0478ac) ,color-stop(1,#0476a9) , stop(#0476a9));
 background-image:-moz-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-o-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-ms-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-webkit-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 height:auto;
 padding-left:12.5%;
}
.g-adpho a{ display:block; font-size:12px; color:#ec0000; padding:2.9% 0;}
.g-adpho b{ font-size:15px; display:inline-block; padding-left:3%;}
.g-adpho .u-tel{ width:6.4%; height:auto; padding:3.3% 0; display:inline-block; background:url(/m/images/index/adpho.png) left top no-repeat;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
left:0;top:0; position:relative;} /*头部电话图标*/
@media screen and (min-width:360px) {
	 .g-adpho a{font-size:13px;}
	 .g-adpho b{font-size:17px;}
}
@media screen and (min-width:480px) {
	 .g-adpho a{font-size:18px;}
	 .g-adpho b{font-size:23px;}
}
@media screen and (min-width:568px) {
	 .g-adpho a{font-size:21px;}
	 .g-adpho b{font-size:27px;}
}
@media screen and (min-width:639px) {
	 .g-adpho a{font-size:24px;}
	 .g-adpho b{font-size:30px;}
}
.g-adpho .u-tel .s-ln-1,.g-adpho .u-tel .s-ln-2,.g-adpho .u-tel .s-ln-3{border: 1px solid #555453;}/*电话闪动声波颜色*/
.g-adpho .u-tel .z-ln-1{z-index:10;
	display:inline-block;
	width:2px;
	height:2px;
	border-width: 1px 1px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	top:3px;
	right:3px;
	animation-name: xshow2; /*动画名称*/
	animation-duration: 4s;/* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animmation-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-adpho .u-tel .z-ln-2{z-index:10;
	display:inline-block;
	width:5px;
	height:5px;
	border-width: 1px 1px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:0;
	right:0;
	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-adpho .u-tel .z-ln-3{z-index:10;
	display:inline-block;
	width:8px;
	height:8px;
	border-width: 1px 1px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:-3px;
	right:-3px;
	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:320px) {
	
	.g-adpho .u-tel{ height:22%;top:4px;}
	.g-adpho .u-tel .z-ln-1{
	width:3px;
	height:3px;
	top:5px;
	right:6px;}
	.g-adpho .u-tel .z-ln-2{
	width:5px;
	height:5px;
	top:3px;
	right:4px;}
	.g-adpho .u-tel .z-ln-3{
	width:8px;
	height:8px;
	top:0;
	right:1px;}
}
@media screen and (min-width:360px) {
	.g-adpho .u-tel .z-ln-1{
	width:4px;
	height:4px;
	top:6px;
	right:5px;}
	.g-adpho .u-tel .z-ln-2{
	width:7px;
	height:7px;
	top:3px;
	right:2px;}
	.g-adpho .u-tel .z-ln-3{
	width:10px;
	height:10px;
	top:0px;
	right:-1px;
}
	.g-adpho .u-tel{background-size:-webkit-background-size:101%;-ms-background-size:101%;-o-background-size:101%;background-size:101%; top:5px;}
	}
@media screen and (min-width:480px) {
	.g-adpho .u-tel .z-ln-1{
	width:5px;
	height:5px;
	top:9px;
	right:8px;}
	.g-adpho .u-tel .z-ln-2{
	width:9px;
	height:9px;
	top:5px;
	right:4px;}
	.g-adpho .u-tel .z-ln-3{
	width:14px;
	height:14px;
	top:1px;
	right:0px;}
	.g-adpho .u-tel .s-ln-1 ,.g-adpho .u-tel .s-ln-2 ,.g-adpho .u-tel .s-ln-3{ border-width: 2px 2px 0 0;}
}
@media screen and (min-width:568px) {
	.u-tel .s-ln-1 , .u-tel .s-ln-2 , .u-tel .s-ln-3{ border-width: 3px 3px 0 0;}
	.g-adpho .u-tel .z-ln-1{
	width:6px;
	height:6px;
	top:11px;
	right:10px;}
	.g-adpho .u-tel .z-ln-2{
	width:12px;
	height:12px;
	top:5px;
	right:4px;}
	.g-adpho .u-tel .z-ln-3{
	width:17px;
	height:17px;
	top:0;
	right:-1px;
}
	.g-adpho .u-tel{ top:7px;}
}

@media screen and (min-width:639px) {
	.g-adpho .u-tel .z-ln-1,.g-adpho .u-tel .z-ln-2,.g-adpho .u-tel .z-ln-3{  border-width: 3px 3px 0 0;}
	.g-adpho .u-tel .z-ln-1{
	width:7px;
	height:6px;
	top:11px;
	right:10px;}
	.g-adpho .u-tel .z-ln-2{
	width:12px;
	height:12px;
	top:5px;
	right:4px;}
	.g-adpho .u-tel .z-ln-3{
	width:17px;
	height:17px;
	top:-1px;
	right:-2px;}
	.g-adpho .u-tel{ top:8px;}
}
/* 优势 */
.g-yos{
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
-ms-background-size:100% 100%;
-webkit-background-size:100% 100%;
background-size:100% 100%;
height:auto;
 padding:19% 8.5% 16% 9.2%;
}
.g-yos h2{ padding-bottom:12%;}
.g-yos h2 em{ display:inline-block; width:14.9%; height:auto; padding-right:3.1%; padding-left:2%;}
.g-yos h2 em img{ width:100%; height:auto; vertical-align:middle}
.g-yos h2 b{ font-size:17px; color:#c51126; display:inline-block; padding:5% 0;}
.m-yos span{ display:block;;}
.m-yos span small{ color:#c51126; font-size:12px; display:block; padding:2.3% 0; line-height:1em; padding-left:7.5%;
background:url(/m/images/index/yosTit.png) no-repeat left top;
-moz-background-size:100% 99%;
-o-background-size:100% 99%;
-ms-background-size:100% 99%;
-webkit-background-size:100% 99%;
background-size:100% 99%;}

.m-yos small i{ display:block; width:6.9%; line-height:1em; padding:1.15% 0; float:left; margin:-1% 4.1% 0 0; background:#f1c700; color:#fff; text-align:center; border-radius:100%;}
.m-yos font{ color:#555453; font-size:12px; line-height:180%; padding:2.7% 0 7.8%; display:block;}
.m-yos span:nth-child(2) font{ padding-bottom:}
@media screen and (min-width:360px) {
	 .m-yos span small{font-size:13px;}
	 .m-yos font{font-size:13px;}
	 .g-yos h2 b{ font-size:19px;}
	 .m-yos span small{
	 -moz-background-size:100% 99%;
	-o-background-size:100% 99%;
	-ms-background-size:100% 99%;
	-webkit-background-size:100% 99%;
	background-size:100% 99%;
	 }
}
@media screen and (min-width:480px) {
	 .m-yos span small{font-size:18px;}
	 .m-yos font{font-size:18px;}
	 .g-yos h2 b{ font-size:26px;}
}
@media screen and (min-width:568px) {
	 .m-yos span small{font-size:21px;}
	 .m-yos font{font-size:21px;}
	 .g-yos h2 b{ font-size:30px;}	 
}
@media screen and (min-width:639px) {
	 .m-yos span small{font-size:24px;}
	 .m-yos font{font-size:24px;}
	 .g-yos h2 b{ font-size:34px;}	
	 .m-yos span small{
	 -moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	 }	 
}
/* 成功案例 */
.g-ali{ height:auto;}
.g-ali h2{
 background:#0477aa;
 background-image:-webkit-gradient(linear,left top,left bottom, form(#0477aa),color-stop(0.13,#0782b9) ,color-stop(0.42,#067eb3),color-stop(0.84,#0478ac) ,color-stop(1,#0476a9) , stop(#0476a9));
 background-image:-moz-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-o-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-ms-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-webkit-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 height:auto;
}
.g-ali h2 small{ width:33.2%; display:block; height:auto; padding:3.3% 0; color:#fff; font-size:12px; background:#00a3eb; text-align:center;}
.g-ali h2 b{ float:right; color:#fff; font-size:12px; font-weight:normal; padding:3.5% 3.9% 3.4% 0; display:block;}
@media screen and (min-width:360px) {
	 .g-ali h2 small{font-size:13px;}
	 .g-ali h2 b{font-size:13px;}
}
@media screen and (min-width:480px) {
	 .g-ali h2 small{font-size:18px;}
	 .g-ali h2 b{font-size:18px;}
}
@media screen and (min-width:568px) {
	 .g-ali h2 small{font-size:21px;}
	 .g-ali h2 b{font-size:21px;}
}
@media screen and (min-width:639px) {
	 .g-ali h2 small{font-size:24px;}
	 .g-ali h2 b{font-size:24px;}
}
.m-ali{ height:auto; padding:9% 16.25% 1%; 
-moz-background-size:cover cover;
-o-background-size:cover cover;
-ms-background-size:cover cover;
-webkit-background-size:cover cover;
background-size:cover cover;
height:auto; }
.m-ali a{ display:block; width:92.5%; height:auto; margin-left:3.5%;}
.m-ali a img{ width:100%; height:auto; box-sizing:border-box; border:5px solid #c1c1c1; display:block; overflow:hidden}
.m-ali a b{ display:block; color:#555453; font-size:24px; text-align:center; padding:1.1% 0; font-weight:normal;}
.m-ali dd{ line-height:167%; color:#555453; font-size:12px; padding:2.3% 0 2.5%;}
@media screen and (min-width:360px) {
	 .m-ali dd{font-size:13px;}
	 .m-ali a b{font-size:13px;}
}
@media screen and (min-width:480px) {
	 .m-ali dd{font-size:18px;}
	 .m-ali a b{font-size:18px;}
}
@media screen and (min-width:568px) {
	 .m-ali dd{font-size:21px;}
	 .m-ali a b{font-size:21px;}
}
@media screen and (min-width:639px) {
	 .m-ali dd{font-size:24px;}
	 .m-ali a b{font-size:24px;}
}

/* 荣誉证书 */
.g-hnr{ height:auto}
.g-hnr h2{
 background:#0477aa;
 background-image:-webkit-gradient(linear,left top,left bottom, form(#0477aa),color-stop(0.13,#0782b9) ,color-stop(0.42,#067eb3),color-stop(0.84,#0478ac) ,color-stop(1,#0476a9) , stop(#0476a9));
 background-image:-moz-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-o-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-ms-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:-webkit-linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 background-image:linear-gradient(top, #0477aa, #0782b9 30%, #0782b9, #067eb3 42%, #067eb3, #0478ac 84%, #0478ac, #0476a9 100%, #0476a9);
 height:auto;
}
.g-hnr h2 small{ width:33.2%; display:block; height:auto; padding:3.5% 0; color:#fff; font-size:12px; background:#00a3eb; text-align:center;}
.g-hnr h2 b{ float:right; color:#fff; font-size:12px; font-weight:normal; padding:3.3% 3.9% 3.3% 0; display:block;}
@media screen and (min-width:360px) {
	 .g-hnr h2 small{font-size:13px;}
	 .g-hnr h2 b{font-size:13px;}
}
@media screen and (min-width:480px) {
	 .g-hnr h2 small{font-size:18px;}
	 .g-hnr h2 b{font-size:18px;}
}
@media screen and (min-width:568px) {
	 .g-hnr h2 small{font-size:21px;}
	 .g-hnr h2 b{font-size:21px;}
}
@media screen and (min-width:639px) {
	 .g-hnr h2 small{font-size:24px;}
	 .g-hnr h2 b{font-size:24px;}
}
.g-hnr i{ display:block; width:100%; height:auto; padding:1% 0; 
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
-webkit-background-size:cover;
background-size:cover;}
.m-hnr{ 
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
-ms-background-size:100% 100%;
-webkit-background-size:100% 100%;
background-size:100% 100%;
height:auto; padding-top:6.5%;
}
.m-hnr:after{
	content:"";
	display:block;
	clear:both; line-height:0; height:0;
}
.m-hnr li{ float:left; width:45.8%; margin:0.2% 0 3.6% 2.8%;}
.m-hnr li img{ display:block; width:100%; height:auto; box-sizing:border-box; padding:8% 3.1%;

-moz-background-size:100% 98%;
-o-background-size:100% 98%;
-ms-background-size:100% 98%;
-webkit-background-size:100% 98%;
background-size:100% 98%;  }
.m-hnr li span{ display:block; text-align:center; line-height:1em; color:#555453; font-size:12px; padding:6.5% 0;}
@media screen and (min-width:360px) {
	.m-hnr li span{ font-size:14px}
}
@media screen and (min-width:480px) {
	.m-hnr li span{ font-size:18px}
}
@media screen and (min-width:568px) {
	.m-bggg li span{ font-size:21px}

}
@media screen and (min-width:639px) {
	.m-hnr li span{ font-size:24px}
}