
.wrap{}
/*广告*/
.g-adv { height:auto;clear:both;background:url(../3gimages/ban_s.gif) no-repeat center bottom;padding:0 0 1.1em;background-size:100%;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:17.23em;overflow:hidden;}
.g-adv .m-box li img{ display:block;width:100%;}


/*导航*/
nav {height:auto;position:relative;text-align:center;
	background:linear-gradient(top,#2b93e4 54%,#1275c2);
	background:-o-linear-gradient(top,#2b93e4 54%,#1275c2);
	background:-moz-linear-gradient(top,#2b93e4 54%,#1275c2);
	background:-ms-linear-gradient(top,#2b93e4 54%,#1275c2);
	background:-webkit-linear-gradient(top,#2b93e4 54%,#1275c2);}
nav a:link ,nav a:hover ,nav a:visited,nav a:active{color:#fff;}
nav:before{position:absolute;content:"";width:100%;height:1px;background:#7dbdee;top:50%;left:0;z-index:2;font-size:1em;}
nav a{line-height:2.37em;display:inline-block;padding:1.2% 0;z-index:1;border-left:1px solid #7bbaeb;border-right:1px solid #1a7cc8;width:24.5%;font-weight:bold;
	background:linear-gradient(top,#2b93e4 54%,#1275c2);
	background:-o-linear-gradient(top,#2b93e4 54%,#1275c2);
	background:-moz-linear-gradient(top,#2b93e4 54%,#1275c2);
	background:-ms-linear-gradient(top,#2b93e4 54%,#1275c2);
	background:-webkit-linear-gradient(top,#2b93e4 54%,#1275c2);

}
nav a:nth-child(4n){border-right:0;}
nav a:nth-child(4n+1){border-left:0;}

/*产品展示*/
.til02{font-size:1.083em;height:3em;line-height:3em;
	background:linear-gradient(top,#fff 23%,#ebebeb );
	background:-moz-linear-gradient(top,#fff 23%,#ebebeb );
	background:-ms-linear-gradient(top,#fff 23%,#ebebeb );
	background:-webkit-linear-gradient(top,#fff 23%,#ebebeb );
	background:-o-linear-gradient(top,#fff 23%,#ebebeb );
}
.til02 li{float:left;width:32.9%;color:#333;text-align:center;border-top:1px solid #e2e2e2;border-right:1px solid #e0e0e0;border-left:1px solid #fff;}	
.til02 li.z-on{color:#fff;display:inline-block;height:100%;border-raidus:1px;background:#6ca311;position:relative;color:#fff;z-index:1;border-top:1px solid #2e81c1;
	background:linear-gradient(top,#278ddc 35%,#1074c0 65%, #2e81c1);
	background:-moz-linear-gradient(top,#278ddc 30%,#1074c0 70%, #2e81c1);
	background:-o-linear-gradient(top,#278ddc 30%,#1074c0 70%, #2e81c1);
	background:-ms-linear-gradient(top,#278ddc 30%,#1074c0 70%, #2e81c1);
	background:-webkit-linear-gradient(top,#278ddc 30%,#1074c0 70%, #2e81c1);}
.til02 li.z-on:before{position:absolute;content:"";width:0;height:0;bottom:0;left:48%;
	border-bottom:0.3em solid #fff;
	border-left:0.25em solid transparent;
	border-right:0.25em solid transparent;
	}
.til02 li.z-on:after{position:absolute;content:"";width:100%;height:1px;background:#6fb3e8;top:1px;left:0;}
.til02 li:nth-child(1){border-left:none;}
.til02 li:nth-last-child(1){border-right:none;}

.m-pro{position:relative;overflow:hidden;}
.m-pro h4{height:3.28em;line-height:3.28em;position:relative;margin-bottom:3.6%;
	background:linear-gradient(top,#278ddc 35%,#1074c0 65%, #2e81c1);
	background:-moz-linear-gradient(top,#278ddc 30%,#1074c0 70%, #2e81c1);
	background:-o-linear-gradient(top,#278ddc 30%,#1074c0 70%, #2e81c1);
	background:-ms-linear-gradient(top,#278ddc 30%,#1074c0 70%, #2e81c1);
	background:-webkit-linear-gradient(top,#278ddc 30%,#1074c0 70%, #2e81c1);
	}
.m-pro h4:before{position:absolute;content:"";width:100%;height:1px;background:#6fb3e8;top:1px;left:0;}
.m-pro h4 a{display:block;font-size:1.2em;color:#fff;position:relative;padding:0 0 0 13%;}
.m-pro h4 a:before{position:absolute;content:"";width:8%;height:100%;background:url(../3gimages/tubiao.png) no-repeat left top;background-size:100%;top:18%;left:3%;}
.m-pro .more{position:absolute;top:0;right:5%;display:block;height:3.28em;line-height:3.28em;}
.m-pro .more a{color:#fff;font-size:1em;}

.pro_c{padding:5% 0 0 0;}
.pro_c .m-box div{float:left;}
.pro_c .m-box ul{padding-left:1.5%;}
.pro_c li{float:left;width:44.5%;text-align:center;margin:0 2.5% 5%;background:url(../3gimages/pro_picbg.gif) no-repeat center 80%;background-size:100%;}
.pro_c li img{display:block;width:99%; height:120px; border:1px solid #dcdada;}
.m-pro .m-box,.m-pro .sclwrap_box{height:27.7em; overflow:hidden;}
.pro_c li span{display:block;font-size:1em;line-height:1.1em;height:2.2em;padding:5% 0 0;}
.pro_c li span a{color:#666;}

.chk{height:2em;line-height:1.5em;text-align:center;position:relative;clear:both;
	background:linear-gradient(top,#fefefe,#e5e5e5);
	background:-moz-linear-gradient(top,#fefefe,#e5e5e5);
	background:-ms-linear-gradient(top,#fefefe ,#e5e5e5);
	background:-webkit-linear-gradient(#fefefe,#fff,#e5e5e5);
	background:-o-linear-gradient(top,#fefefe,#e5e5e5);
	}
.chk:before{position:absolute;content:"";width:100%;height:1px;background:#fff;bottom:1px;left:0;}
.chk a{color:#333;font-size:1em;}

/*搜索*/
.m_ser{background:#2085d4;padding:4.1% 0;margin:4.5% 0 0}
.ser{width:90.625%;margin:0 auto;height:2.5em;background:url(../3gimages/search.gif) no-repeat left top;
background-size:100% auto;}
.ser input{background:none;border:none;color:#c0c0c0;font-size:1em;line-height:2.5em;}
.ser input:nth-child(1){width:80.4%;padding:0 2% 0 3.2%;}
.ser input:nth-child(2){width:12.4%;}

/*产品中心*/
.m-mu{padding:5% 0 0;}
.mu{clear:both;padding:5% 0 0;}
.m-mu .til02 li{width:49.8%;}
.m-mu .m-box,.m-mu .sclwrap_box{height:32em; overflow:hidden;}
.mu{clear:both;}
.mu_m{float:left;}
.mu_m div{width:90.625%;margin:0 auto;}
.mu h4{border:1px solid #e2e2e2;height:2em;line-height:2em;position:relative;
	background:linear-gradient(top,#fefefe 23%,#ebebeb );
	background:-moz-linear-gradient(top,#fefefe 23%,#ebebeb );
	background:-ms-linear-gradient(top,#fefefe 23%,#ebebeb );
	background:-webkit-linear-gradient(top,#fefefe 23%,#ebebeb );
	background:-o-linear-gradient(top,#fefefe 23%,#ebebeb );
}
.mu h4:before{position:absolute;content:"";width:0;height:0;top:36%;left:3%;
	border-top:0.3em solid transparent;
	border-bottom:0.3em solid transparent;
	border-left:0.35em solid #76a302;
	}
.mu h4 a{color:#222;font-size:1em;padding-left:6%;}
.mu ul{padding:2% 0 4%;margin-bottom:2%;}
.mu ul:nth-last-child(1){margin-bottom:0;}
.mu li{float:left;width:33.3%;position:relative;fon-size:1em;border-bottom:1px dotted #d4d4d4;line-height:2em;height:2em;overflow:hidden;}
.mu li:before{position:absolute;content:"";width:5%;height:100%;background:url(../3gimages/ic03.gif) no-repeat left top; top:40%;left:9%;}
.mu li a{color:#666;padding-left:16%;}
.mu_m ul:nth-child(2) li{width:30%;}
.mu_m ul:nth-child(2) li:nth-child(3n){width:40%;}
.mu_m ul:nth-child(2) li:before{width:6%;}
.mu_m ul:nth-child(2) li:nth-child(3n):before{width:4%;}

/*电话*/
.m-ph{height:4.1em;position:relative;
	background:linear-gradient(top,#2388d6,#1074c0);
	background:-moz-linear-gradient(top,#2388d6,#1074c0);
	background:-o-linear-gradient(top,#2388d6,#1074c0);
	background:-ms-linear-gradient(top,#2388d6,#1074c0);
	background:-webkit-linear-gradient(top,#2388d6,#1074c0);}
	
.m-ph .m-tel{ width:100%; overflow:hidden;height:auto;}
.m-ph .m-tel .u-num{ font-size:1.75em; text-shadow:none; position:absolute; top:16%; right:21%; color:#fff;font-family:"Microsoft yahei";line-height:0.8em;font-weight:normal;} 
.m-ph .m-tel .u-num span{display:block;font-size:0.58em;color:#fff;font-weight:normal;}
.m-ph .m-tel .u-tel{ height:50.1%; width:7.8%; display:block; background:url(../3gimages/tel1.png) no-repeat; position:absolute;right:69.16%; top:30%;/* -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;} /*头部电话图标*/

@media screen and (min-width:320px) {
	.m-ph .u-tel .z-ln-1 , .m-ph .u-tel .z-ln-2 , .m-ph .u-tel .z-ln-3{ border:1px solid #fff;border-width: 2px 2px 0 0;}
	.m-ph .u-tel{ height:22%;}
	.m-ph .u-tel .z-ln-1{
	width:4px;
	height:4px;
	top:4px;
	right:4px;}
	.m-ph .u-tel .z-ln-2{
	width:6px;
	height:6px;
	top:1px;
	right:1px;}
	.m-ph .u-tel .z-ln-3{
	width:10px;
	height:10px;
	top:-3px;
	right:-3px;}
}
@media screen and (min-width:360px) {
	.m-ph .u-tel .z-ln-1{
	width:4px;
	height:4px;
	top:5px;
	right:5px;}
	.m-ph .u-tel .z-ln-2{
	width:7px;
	height:7px;
	top:2px;
	right:2px;}
	.m-ph .u-tel .z-ln-3{
	width:10px;
	height:10px;
	top:-1px;
	right:-1px;}
}
@media screen and (min-width:400px) {
	.m-ph .u-tel .z-ln-1{
	width:4px;
	height:4px;
	top:5px;
	right:5px;}
	.m-ph .u-tel .z-ln-2{
	width:9px;
	height:9px;
	top:1px;
	right:1px;}
	.m-ph .u-tel .z-ln-3{
	width:13px;
	height:13px;
	top:-3px;
	right:-3px;}
}
@media screen and (min-width:480px) {
	.m-ph .u-tel .z-ln-1{
	width:6px;
	height:6px;
	top:5px;
	right:5px;}
	.m-ph .u-tel .z-ln-2{
	width:10px;
	height:10px;
	top:1px;
	right:1px;}
	.m-ph .u-tel .z-ln-3{
	width:14px;
	height:14px;
	top:-3px;
	right:-3px;}
}
@media screen and (min-width:568px) {
	.m-ph .u-tel .z-ln-1 , .m-ph .u-tel .z-ln-2 , .m-ph .u-tel .z-ln-3{ border:3px solid #fff;border-width: 2px 2px 0 0;}
	.m-ph .u-tel .z-ln-1{
	width:11px;
	height:11px;
	top:7px;
	right:7px;}
	.m-ph .u-tel .z-ln-2{
	width:15px;
	height:15px;
	top:2px;
	right:2px;}
	.m-ph .u-tel .z-ln-3{
	width:20px;
	height:20px;
	top:-3px;
	right:-3px;}
}


@media screen and (min-width:639px) {
	.m-ph .u-tel .z-ln-1 , .m-ph .u-tel .z-ln-2 , .m-ph .u-tel .z-ln-3{ border:3px solid #fff; border-width: 2px 2px 0 0;}
	.m-ph .u-tel .z-ln-1{
	width:11px;
	height:11px;
	top:7px;
	right:7px;}
	.m-ph .u-tel .z-ln-2{
	width:16px;
	height:16px;
	top:2px;
	right:2px;}
	.m-ph .u-tel .z-ln-3{
	width:21px;
	height:21px;
	top:-3px;
	right:-3px;}
}


/*优势*/
.m-adv{background:url(../3gimages/ic04.gif) repeat;margin-top:5%;padding:0 0 8%; }
.adv{padding:5% 0 0;}
.m-adv h3 img{display:block;width:100%;}
.til03{text-align:center;}
.til03 li{width:4%;height:1.08em;border-radius:50%;background:#d3d3d3;box-shadow:2px 3px 3px #828282 inset;display:inline-block;margin:0 1%;}
.til03 li.z-on{background:#008ff9;box-shadow:2px 3px 3px #065997 inset;}
.m-adv .m-box,.m-adv .sclwrap_box{height:29.7em; overflow:hidden;}
.m-adv .m-box div{float:left;}
.adv ul{width:91.25%;margin:0 auto;}
.adv li{position:relative;padding:0 0 0 10%;}
.adv li i{display:block;width:8%;position:absolute;top:7%;left:0;}
.adv li i img{display:block;width:100%;}
.adv li h4{color:#0560a6;font-size:1.07em;font-weight:bold;line-height:1.8em;border-bottom:1px dotted #b2b2b2;}
.adv li em{vertical-align:middle;font-size:1.4em;padding-right:2%;letter-spacing:-1px;}
.adv li p{color:#666;font-size:1em;line-height:1.1em;padding:3% 0 7%;}
.adv span{display:block; text-align:center; padding:6% 0 0; background:#000;}
.adv span b{display:inline-block;width:43%;padding:1px;border:1px solid #cecece;background:#fff;margin:0 1%;}
.adv span img{display:block;width:100%;}

/*事业合作*/
.m-sban{background:url(../3gimages/s_ban.jpg) no-repeat center top;background-size:cover;height:7.3em;text-align:center;}
.m-sban p{color:#fff;font-size:1.25em;font-weight:bold;text-shadow:1px 2px 1px #333;padding:6% 0 2%;}
.m-sban a{display:inline-block;width:24.0625%;}
.m-sban a img{display:block;width:100%;}

/*客户*/
.m-cus{overflow:hidden;padding:5% 0 0;}
.m-cus .til02 li{width:49.6%;}
.cus{padding:5% 0 0 0;}
.cus .m-box ul{padding-left:1.5%;}
.cus li{float:left;width:44.5%;text-align:center;margin:0 2.5% 5%;background:url(../3gimages/pro_picbg.gif) no-repeat center 80%;background-size:100%;}
.cus li img{display:block;width:99%; height:120px; border:1px solid #dcdada;}
.m-cus .m-box,.m-cus .sclwrap_box{height:26em; overflow:hidden;}
.cus li span{display:block;font-size:1em;line-height:1.1em;padding:5% 0 0;height:1.1em;overflow:hidden;}
.cus li span a{color:#666;}

.cus .cus02 li{float:left;width:34.5%;text-align:center;margin:0 7.3% 5%;background:url(../3gimages/pro_picbg.gif) no-repeat center 88%;background-size:100%;}
.cus .cus02 li img{display:block;width:99%;border:1px solid #dcdada;}

/*事业合作*/
/*.m-cus{position:relative;padding:0 0 0;}
.cus{padding:5% 3.75% 0;}
.cus dl{border-bottom:1px dotted #8f8f8f;padding:0 0 4%;margin-bottom:4%;}
.cus dt{width:35.2%;float:left;}
.cus dt img,.cus dt a{display:block;width:100%;}
.cus dd{float:left;width:58%;padding-left:5.1%;display:inline-block;font-size:1em;font-weight:normal;}
.cus dd h5{font-size:1em;}
.cus dd h5 a{color:#333;display:inline-block;font-weight:bold;}
.cus dd a:nth-child(2){color:#969696;display:block;margin:0.8% 0;}
.cus dd p{line-height:1.25em;color:#666;}
.cus dd a:nth-child(4){color:#6ca311;display:block;margin-top:2%;}
.cus dl:nth-child(2){border:none;}*/

/*荣誉*/
.m-xc{height:24.5em;overflow:hidden;margin-top:5%;}
.m-xc .til02 li{width:49.6%;}
.xc_c .prev,.xc_c .next{width:8.47%;position:absolute; top:21.8%;}
.xc_c .prev img,.xc_c .next img{display:block;width:100%;}
.xc_c .prev{ left:4.6875%;}
.xc_c .next{ right:4.6875%;transform:rotatey(180deg);-moz-transform:rotatey(180deg);-o-transform:rotatey(180deg);-ms-transform:rotatey(180deg);-webkit-transform:rotatey(180deg);}

.xc_c .no_ov{overflow:hidden;padding:5% 0 0 18.8%;}
.xc_c .no_ov ul{float:left;display:inline;}
.xc_c li{ width:76%;display:inline-block; float:left;text-align:center;}
.xc_c li img{display:block;width:99.6%;border:1px solid #dcdada;}
.xc_c li span{display:block;color:#666;font-size:1.083em;line-height:2.5em;height:2.5em;overflow:hidden;}
.m-xc .m-box,.m-xc .sclwrap_box{ height:16.8em; overflow:hidden;}
.xc_c{position:relative;clear:both;}

/*资讯*/
.m-zx{height:auto;overflow:hidden;margin-top:5%;}
.m-zx .til02 li{width:49.6%;}
.zx_c{padding:3% 0 4% 1%;clear:both;}
.zx_c ul{float:left;}
.zx_c li{overflow:hidden;font-size:1em;position:relative;height:2em;line-height:2em;clear:both;margin:0 3.91%;border-bottom:1px dotted #eee;}
.zx_c li:before{position:absolute;content:"";width:0.35em;height:100%;top:46%;left:0;background:url(../3gimages/ic05.gif) no-repeat left top;background-size:100%;}

.zx_c li a{color:#333;overflow:hidden;padding-left:3%;}
.zx_c li:nth-last-child(1){border:none;}

.m-zx .m-box,.m-zx .sclwrap_box{height:14em; overflow:hidden;}




@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}

@media screen and (min-width:400px) {
	body { font-size:100%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}

}
@media screen and (min-width:568px) {
	body { font-size:131%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}