﻿

.g-adv{width:100%; position:relative;clear:both;}
.g-adv li img{width:100%;padding:0;}
.g-adv .sclwrap_box ,.g-adv .m-box{ position:relative;height:12.5em;}



/*搜索*/
.g-ser{ clear:both;height:3.5em; overflow:hidden;
 font-size:1em;background:url(/mobile/Images/Index/sch_bg.gif) left top no-repeat;
-webkit-background-size:100% 3.5em;
-moz-background-size:100% 3.5em;
-o-background-size:100% 3.5em;
background-size:100% 3.5em;}
.u-ser{padding:0.625em 2.34% 0;position:relative;}
.g-ser .m-ipt{margin-right:21.74%; display:block;}
.g-ser .u-bt{width:18.74%; font-size:1em;float:right;margin-top:0;margin-right:0.9%;position:relative;height:2.2em; line-height:2.2em;overflow:hidden;}
.g-ser .u-in{float:right; position:absolute; z-index:100; right:3%; top:0.6em; color:#fff; font-weight:bold; width:18.74%;background:transparent;height:2.2em;overflow:hidden;font-size:1em;}
.g-ser .u-key{width:100%; position:relative;
    color:#c1c1c1;
	font-size:1em;
	line-height:2.2em;
	height:2.2em;
	overflow:hidden;
	text-indent:5.5%;
	float:left;
	border:nobe;
	box-shadow:none;
border-right:none; background:none;} 




.m-nav{position:relative; clear:both;
  padding:1.33em 0 0 0; overflow:hidden;height:16.1em;}	
.m-nav li{
line-height:5.692em;height:5.692em; overflow:hidden;font-size:1.083em; display:inline-block; color:#fff; text-align:center; float: left; position:relative;
width:25.468%;
margin:0 2.187% 1.833em 4.687%;
    background:#cf8317;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a7ea), to(#005bb3)); 
	background-image: -webkit-linear-gradient(top, #00a7ea, #005bb3); 
	background-image: -moz-linear-gradient(top, #00a7ea, #005bb3); 
	background-image: -o-linear-gradient(top, #00a7ea, #005bb3); 
	background-image: -ms-linear-gradient(top, #00a7ea, #005bb3); 
	background-image: linear-gradient(top, #00a7ea, #005bb3);
	-moz-border-radius:0.25em;   
    -o-border-radius:0.25em; 
    -webkit-border-radius:0.25em;
    border-radius:0.25em;}
.m-nav a:nth-child(1) li{padding:1.7em 0 0;height:3.96em; line-height:1.39em;}
.m-nav a:nth-child(2) li{padding:1.7em 0 0;height:3.96em; line-height:1.39em;}

.u-pro-t{ display:block; font-size:1em; line-height:4.416em;height:4.416em; overflow:hidden; text-align:center;
background:url(/mobile/Images/Index/pro_t.jpg) center top no-repeat;
    -webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;}
.u-pro-t a{ font-size:1.416em; font-weight:bold; color:#fff;}






.g-pro,.g-pro .sclwrap_box{overflow:hidden;height:21.916em;
background:url(/mobile/Images/Index/pro_bg.gif);
    -webkit-background-size:0.46875% auto;
	-moz-background-size:0.46875% auto;
	-o-background-size:0.46875% auto;
	background-size:0.46875% auto;}
.g-pro .m-cnt{position:relative;color:#fff;font-size:1.083em; height:2.2em; line-height:2.2em; border-top:1px #309cd1 solid;
    background:#0066ac;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0084c6), to(#005099)); 
	background-image: -webkit-linear-gradient(top, #0084c6, #005099); 
	background-image: -moz-linear-gradient(top, #0084c6, #005099); 
	background-image: -o-linear-gradient(top, #0084c6, #005099); 
	background-image: -ms-linear-gradient(top, #0084c6, #005099); 
	background-image: linear-gradient(top, #0084c6, #005099);}



.g-pro .m-cnt li{  float:left; margin:0;width:33.3%; text-align:center; display:inline-block;color:#fff;}
.g-pro .m-cnt li:last-child{width:33.4%;}
.g-pro .m-cnt li.z-on{color:#fff; font-weight:bold;background:#f47709;}
.g-pro .m-box .u-box{width:100%; float:left;}
.g-pro .m-box .u-box p{ height:11.97em;display:block; font-size:1em;padding:0.2em 5.9375% 0;}
.g-pro .m-box .u-box p a{ display:inline-block;width:40%;padding:0 0 0 8%; font-size:1em; color:#474747; line-height:2.3em;height:2.3em; overflow:hidden;
background:url(/mobile/Images/Index/pro_ic.gif) 2% 1em no-repeat;
    -webkit-background-size:5% auto;
	-moz-background-size:5% auto;
	-o-background-size:5% auto;
	background-size:5% auto; border-bottom:1px #c6c6c6 dashed; vertical-align:top;}
.g-pro .m-box .u-box p a:last-child{ border:none;}
.g-pro .m-box .u-box span{ display:block; clear:both;}
.g-pro .m-box .u-box span a{ display:inline-block; float:left;  text-align:center; color:#fff; font-size:1.083em;width:32.9%; line-height:2.35em;height:2.35em; overflow:hidden;
    background:#006fba;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0087d4), to(#0057a1)); 
	background-image: -webkit-linear-gradient(top, #0087d4, #0057a1); 
	background-image: -moz-linear-gradient(top, #0087d4, #0057a1); 
	background-image: -o-linear-gradient(top, #0087d4, #0057a1); 
	background-image: -ms-linear-gradient(top, #0087d4, #0057a1); 
	background-image: linear-gradient(top, #0087d4, #0057a1);margin:0 0.6% 0.25em 0; border:1px #004c92 solid;
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g-pro .m-box .u-box span a:nth-child(3n){margin-right:0;}




.g-tel{ clear:both; text-align:center; line-height:2.583em;height:4.33em; overflow:hidden;
background:url(/mobile/Images/Index/tel_bg.jpg) center top no-repeat;
    -webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;}
.g-tel a{ display:inline-block; position:relative;width:57.59%;margin:0 auto;padding:0 0 0 7.8%; font-size:1.166em; color:#fff;}
.g-tel a i{ display:inline-block;width:7%; position:absolute;left:0;top:0.3em; z-index:3;}
.g-tel a b{ font-weight:bold;margin:0 0 0 0.8%;}
.g-tel a i img{width:100%;}

/*产品*/
.g-hot.g-hot .sclwrap_box { font-size:1em;height:45.85em; overflow:hidden; position:relative; }
.g-hot h3{display:block;font-size:1em;padding:0 0 0 42.968%; 
 background:url(/mobile/Images/Index/hot_t.jpg) center top no-repeat;
    -webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto; line-height:4.3em;height:4.3em; overflow:hidden;} 	
.g-hot h3 a{ font-size:1.5em; color:#fff;overflow:hidden; font-weight:bold;}	
.g-hot .m-cnt{position:relative;color:#fff;font-size:1em; height:2.5em; line-height:2.5em;border-bottom:2px #f5a22c solid;background:none; padding:0;}
.g-hot .m-cnt li{  float:left; margin:0;width:33.3%; text-align:center; display:inline-block; color:#333; font-weight:bold;
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g-hot .m-cnt li:nth-child(3){width:33.4%;}
.g-hot .m-cnt li.z-on{color:#fff;background:#244; border:1px #f4a154 solid;
    background:#f47709;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f28315), to(#f47709)); 
	background-image: -webkit-linear-gradient(top, #f28315, #f47709); 
	background-image: -moz-linear-gradient(top, #f28315, #f47709); 
	background-image: -o-linear-gradient(top, #f28315, #f47709); 
	background-image: -ms-linear-gradient(top, #f28315, #f47709); 
	background-image: linear-gradient(top, #f28315, #f47709);}
.g-hot .m-box { padding:1.166em 0; width:100%;}
.g-hot .m-box .u-hot{width:100%; float:left;}
.g-hot .m-box p{ height:41.9em; overflow:hidden;display:block;padding:0 0 0 3.125%;}
.g-hot .m-box p a{ display:inline-block; text-align:center; float:left;width:42%; overflow:hidden;
margin:0 0 1em 4.6875%; border:1px #328dce solid;}
.g-hot .m-box p a img{width:100%; vertical-align:top; display:block;}
.g-hot .m-box p a span{ display:block;font-size:1em; color:#fff; line-height:2.25em;height:2.25em; background:#2081d4;}
.g-hot .m-box i{ clear:both; display:block; text-align:center; font-size:1em; line-height:2.583em;height:4.166em;width:100%;
background:url(/mobile/Images/Index/hot_bt.jpg) center top no-repeat;
    -webkit-background-size:45% auto;
	-moz-background-size:45% auto;
	-o-background-size:45% auto;
	background-size:45% auto;}
.g-hot .m-box i a{ font-size:1.083em; color:#fff;width:45.3%;margin:0 auto;}






.g-tel2{ clear:both; text-align:center; line-height:3.875em;height:3.875em; overflow:hidden;
background:url(/mobile/Images/Index/tel2_bg.jpg) center top no-repeat;
    -webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;}
.g-tel2 a{ display:inline-block; position:relative;width:77%;margin:0 auto;padding:0 0 0 7.8%; font-size:1.166em; color:#fff;}
.g-tel2 a i{ display:inline-block;width:8%; position:absolute;left:0;top:0.5em; z-index:3;}
.g-tel2 a b{ font-weight:bold;margin:0 0 0 0.8%; font-size:1.214em;}
.g-tel2 a i img{width:100%;}


.g-ys{ clear:both; font-size:1em;padding:0.93em 0 0;}
.g-ys h3{ font-size:1em;padding:5.33em 0 0 1.1em; text-align:center; line-height:1.583em;height:3.2em; color:#fff;
background:url(/mobile/Images/Index/ys_t.jpg) center top no-repeat;
    -webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;}
.g-ys i{ display:block;padding:0.375em 0 0;}
.g-ys i img{width:100%;}
.g-ys dl{ clear:both; display:block;padding:0 4.6875% 0 2.34%;}
.g-ys dl dt{ float:left; color:#fff; font-weight:bold; font-size:0.8em; text-align:center;padding:2.409em 0 0; line-height:2em;height:4.5em; display:block;width:21%;}
.g-ys dl:nth-child(3) dt{   background:url(/mobile/Images/Index/ys1a.jpg) left top no-repeat;
    -webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;}
.g-ys dl:nth-child(4) dt{   background:url(/mobile/Images/Index/ys2.jpg) left top no-repeat;
    -webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;}
.g-ys dl:nth-child(5) dt{   background:url(/mobile/Images/Index/ys3.jpg) left top no-repeat;
    -webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;}
.g-ys dl:nth-child(6) dt{   background:url(/mobile/Images/Index/ys4.jpg) left top no-repeat;
    -webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;}

.g-ys dl dd{width:76.875%; float:right;}
.g-ys dl dd h4{ font-size:1em;padding:0.625em 0;}
.g-ys dl dd h4 b{ display:block; color:#1660b1; font-size:1.2em; line-height:1.117em;height:1.2em;}
.g-ys dl dd h4 span{ display:block; color:#1660b1; font-size:0.833em; line-height:1.35em;}
.g-ys dl dd p{color:#333; font-size:0.916em;padding:0 0 1.136em;}
.g-ys dl dd p span{ display:block;padding:0 0 1.363em 8%; line-height:1.545em;
background:url(/mobile/Images/Index/ys_ic.gif) left 0.363em no-repeat;
    -webkit-background-size:5% auto;
	-moz-background-size:5% auto;
	-o-background-size:5% auto;
	background-size:5% auto;}
.g-ys dl dd p span b{ color:#f97800;}
.g-ys dl:nth-child(5) dd span{padding-bottom:0.2em;}
.g-ys dl:nth-child(6) dd p{padding:0 0 0.7em;}






@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%;}
}
