/*目录*/
nav{ height:5.33em; clear:both; background:#2f466f;border-bottom:solid 1px #fff;}
nav a{ font-size:1em;width:33.3%;background:#2f466f;float:left;text-align:center;color:#fff; line-height:262%;  position:relative}
nav a:before{ content:""; position:absolute; width:1px; height:100%;background:#fff; left:0; top:0;}
nav a:nth-child(1),nav a:nth-child(2),nav a:nth-child(3){border-bottom:solid 1px #7fb3be;}
nav a:nth-child(1):before,nav a:nth-child(4):before{ width:0; height:0;}
nav a:hover,nav a:link,nav a:visited,nav a:active{ color:#fff;}

/*广告*/
.g-adv { clear:both;height:12.5em;position:relative; overflow:hidden; margin:0 0 0.83em;}
.g-adv .sclwrap_box,.g-adv .m-box{ height:12.5em;}
.g-adv .m-box li img{ width:100%;}

/*产品分类*/
.m-pro{height:28.3em;background:#fff;overflow:hidden;font-size:1em;}
.til01{background:url(/mobile/Images/Index/tilbg1.gif) repeat-x center 0;-webkit-background-size:1em 100%;-ms-background-size:1em 100%;-o-background-size:1em 100%;background-size:1em 100%;font-size:1.25em; line-height:267%; height:2.67em; text-align:center; color:#fff;}
.m-pro .m-box,.m-pro .sclwrap_box{height:20.2em; overflow:hidden; padding:0.92em 0 0;}
.protil{ border-bottom:solid 1px #c7c7c7; font-size:1em; padding:0.13em 0 0; height:2.58em; background:#fff}
.protil li{ float:left; line-height:258%; padding:0 0.58em; color:#666;}
.protil li.z-on{ color:#fff; background:#d8a50b;}
.pro01,.al01{ display:inline; float:left; width:100%;}
.pro01 p{ width:84.3%; margin:0 auto; height:15.4em;}
.pro01 p img{ width:99%; border:solid 1px #c7c7c7; display:block;}
.more01{ width:10em; line-height:271%; height:2.71em; overflow:hidden; font-size:1em; color:#fff; background:#666; text-align:center; border-radius:0.17em; display:block; margin:0 auto;}

/*产品应用行业*/
.m-hy{height:31.6em;background:#fff;overflow:hidden;font-size:1em;}
.m-hy ul{ padding:1.75em 0 0; height:21.6em;}
.m-hy li,.al01 li{ width:39%; float:left; margin:0 0 0 8%;}
.m-hy a:nth-child(2n) li,.al01 a:nth-child(2n) li{margin:0 0 0 5.8%;}
.m-hy li img,.al01 li img{ width:97.6%; padding:1px; border:solid 0.08em #1b8095; display:block}
.m-hy li span,.al01 li span{ display:block; text-align:center; line-height:275%; color:#666;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*案例*/
.m-al{height:34.2em;background:#e2eff2;overflow:hidden;font-size:1em;}
.m-al .m-box,.m-al .sclwrap_box{height:26.2em; overflow:hidden; padding:0.91em 0 0;}
.m-al .protil li,.m-zx .protil li{ width:50%; padding:0; text-align:center}
.al01 ul{ height:21.58em;}

/*电话*/
.m-pho{width:84%; margin:0 0 0.54em; font-size:1em;background:url(/mobile/Images/Index/tel.gif) no-repeat 2.12em 1.37em #2f466f;-webkit-background-size:2.42em 2.42em;-ms-background-size:2.42em 2.42em;-o-background-size:2.42em 2.42em;background-size:2.42em 2.42em; color:#fff; text-align:center; line-height:483%;height:4.83em; padding:0 0 0 16%; white-space:nowrap; overflow:hidden; text-shadow: 1px 1px 1px #164d58;}
.m-pho b{ font-weight:normal;font-family:Arial; font-size:1.67em;}

/*优势*/
.m-ys{height:42.54em;background:url(/mobile/Images/Index/ysbg.jpg) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;overflow:hidden;font-size:1em; color:#666;line-height:167%;border-top:solid 0.13em #2c7989; margin:0 0 0.67em;}
.m-ys h2{ text-align:center; font-size:1em; padding:1em 0 0; height:5.6em; position:relative; line-height:200%; width:100;}
.m-ys h2:before,.m-ys h2:after{ content:""; position:absolute; height:1px; width:4.33em; background:#b0ced5; top:3.83em;}
.m-ys h2:before{ left:30%;}
.m-ys h2:after{ right:30%;}
.m-ys h2 em{ font-style:normal; font-family:Arial; font-size:0.54em; color:#b0ced5; text-transform:uppercase;}
.m-ys h2 b{ display:block; color:#fff; font-size:1.42em;text-shadow: 1px 1px 1px #164d58; position:relative; height:2.06em;}
.m-ys h2 b:before{ content:""; position:absolute; height:0.24em; width:0.24em; background:#b0ced5; bottom:-0.12em; left:50%; margin-left:-0.12em;transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.m-ys .m-box,.m-ys .sclwrap_box{height:33.58em; overflow:hidden;}
.ys01{ display:inline; float:left; width:100%;}
.ys01 dl{ width:36.6%; float:left; padding:0 1.7% 0 8%; line-height:142%; height:16.4em; font-size:1em;}
.ys01 dt,.ys01 dt img{ width:100%;}
.ys01 dd{ font-size:1em; color:#fff; text-align:center; display:block}
.ys01 dd b{ display:block; position:relative; font-size:1.17em; line-height:207%; height:2.43em;}
.ys01 dd b:before{ content:""; position:absolute; width:1.43em; height:0.13em; background:#b0ced5; left:50%; margin-left:-0.72em; top:2.07em;}
.ystil{ width:25%; margin:0 auto;height:1.2em;}
.ystil li{ width:0.92em; height:0.92em; background:#fff; border-radius:0.92em; float:left; margin:0 0 0 1.17em;}
.ystil li.z-on{ background:#70e6fe;}

/*荣誉*/
.m-hz{ clear:both;height:23.5em;background:#fff;overflow:hidden;font-size:1em;}
.hz-c{ position:relative; height:17.7em; overflow:hidden; padding:1.25em 0 0;}
.hz-c ul{ height:14.6em;}
.hz-c li{ width:27.5%; float:left;padding:1.4em 0 0 3.75%;}
.hz-c a:nth-child(3n-2) li{ padding-left:4.84%;}
.hz-c li img{ width:98.9%; border:solid 1px #ddd;display:block;}

/*资讯*/
.m-zx{height:18.6em;background:#fff;overflow:hidden;font-size:1em;}
.m-zx .protil{border-top:solid 1px #c7c7c7; padding:0;}
.m-zx .m-box,.m-zx .sclwrap_box{height:15.2em; overflow:hidden; padding:0.54em 0 0;}
.zx01{ display:inline; float:left; width:100%;}
.zx01 ul{ height:9.75em;}
.zx01 li{width:82%; height:2.21em; line-height:221%; padding:0 9%;font-size:1em; position:relative; color:#666;}
.zx01 li:before{ content:""; position:absolute; width:0.25em; height:0.25em; background:#504a49;left:5.6%; top:1em;}
.zx01 li{text-overflow:ellipsis; white-space:nowrap; 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%;}
}