img{ width:100%; vertical-align:middle;}
.con{ display:inline; float:left;}

/*通栏广告*/
.g-adv{height:auto; padding-bottom:0.75em;overflow:hidden;}
.g-adv .m-box,.g-adv .sclwrap_box{height:12.5em; overflow:hidden}

/*导航*/
nav{ width:100%; padding-bottom:1em; text-align:center;overflow:hidden;}
nav li{ display:inline-block; width:29.375%; height:3.666em; margin:0 1%; background:url(../Images/Index/nav_bg.jpg) no-repeat center top; background-size:contain; }
nav li a{display:block;line-height:2.84em; color:#ffffff; text-align:center;}

/*导航*/
.m-sea{ position:relative; padding: 0 3.125% 1.666em;overflow:hidden;}
.m-sea .search{ display:block; width:88%;height:2.4em; padding:0 5%; line-height:2.4em; color:#c8c8c8; border:1px solid #c8c8c8; border-radius:2em; font-size:1em;}
.m-sea .scl_fri { position: absolute; right:3.5%; top:0; width:14.34%;height:2.5em;overflow:hidden; background:url(/Mobile/Images/Index/sub_bg.png) no-repeat left center; background-size: contain}
.m-sea .u-in {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);cursor: pointer;display: block; width:14.34%;height:2.5em;position: absolute;right:3.5%;top:0;z-index: 50; font-size:1em;}

/*产品中心*/
.m-cpzx{ padding-bottom:1.5em; overflow:hidden;}
.com a{ display:block; height:4.85em; padding:1em 0 0 0; text-align:center; background:url(../Images/Index/com_bg.gif) no-repeat center top; background-size:contain;}
.com a b{ font-size:1.25em; color:#004da1;}
.com a span{ display:block; font-size:91.67%; font-family:"Times New Roman"; color:rgba(60,60,60,.5); text-transform:uppercase;}

.m-cpzx h3{ padding:1.5em 3.125% 0;}
.m-cpzx h3 a{ position:relative; display:block; text-align:center; font-weight:bold; color:#004da0; line-height:2.7em; border:1px solid #c8c8c8;}
.m-cpzx h3 a:before{ position:absolute; content:''; left:50%; bottom:-0.625em; width:0.8334em; height:0.625em; margin: 0 0 0 -0.6em; background:url(../Images/Index/com_icon1.gif) no-repeat center top; background-size:0.8334em 0.625em;}
.m-cpzx ul{ padding:1em 3.125% 0; overflow:hidden;}
.m-cpzx ul li{ float:left; width:38%;}
.m-cpzx ul li:nth-of-type(3n){  width:24%;}
.m-cpzx ul li a{ display:block; line-height:2em; color:#3c3c3c;}

.m-cpzx ul:nth-of-type(2) li{ width:50%;}

/*产品*/
.m-cp{ height:24.375em; overflow:hidden;}
.m-cp .column-list,.m-gy .column-list{ height:2.834em; padding: 0 3.125%;}
.m-cp .column-list li,.m-gy .column-list li{ position:relative; float:left; width:46.667%; line-height:2.8em; text-align:center; color:#3c3c3; font-weight:bold; border:1px solid #c8c8c8;}
.m-cp .column-list li:nth-of-type(2),.m-gy .column-list li:nth-of-type(2){ float:right;}
.m-cp .column-list li:before,.m-gy .column-list li:before{ position:absolute; content:''; left:50%; bottom:-0.625em; width:0.8334em; height:0.625em; margin: 0 0 0 -0.6em; background:url(../Images/Index/com_icon1.gif) no-repeat center top; background-size:0.8334em 0.625em;}
.m-cp .column-list li.z-on,.m-gy .column-list li.z-on{ color:#ffffff; border-color:#0051a8;background-image: -webkit-gradient(linear, left top, left bottom, from(#0061ca), to(#0051a8)); background-image: -webkit-linear-gradient(top,   #0061ca, #0051a8); 
background-image: -moz-linear-gradient(top, #0061ca, #0051a8);
background-image: linear-gradient(top,  #0061ca, #0051a8);}
.m-cp .column-list li.z-on:before,.m-gy .column-list li.z-on:before{ background-image:url(../Images/Index/com_icon3.gif);}

.m-cp .box-style{ position:relative;}
.m-cp .m-box,.m-cp .sclwrap_box{ position:relative; clear:both;height:21.6em; overflow:hidden}
.m-cp p{ padding: 1.3em 3.125% 1.666em; overflow:hidden;}
.m-cp p a{ float:left; width:46.334%; padding-bottom:0.4em; background:#3c3c3c; border:1px solid #3c3c3c;}
.m-cp p a:nth-of-type(2n){ float:right;}
.m-cp p a img{ padding-bottom:0.5em;}
.m-cp p a span{ display:block; text-align:center; line-height:2em; color:#c8c8c8;}
.more{ display:block; width:24.375%; margin:0 auto; font-weight:bold; color:#004da1; line-height:2.333em; text-align:center; border:2px solid #004da1;}
.more span{padding-right:10%;background:url(../Images/Index/com_icon2.gif) no-repeat right center; background-size:0.29167em 0.54167em;}

.m-cp .prev,.m-cp .next{ position:absolute; top:81%; width:1.6667em; height:2.5em; z-index:10; background:url(../Images/Index/cp_icon1.gif) no-repeat center top; background-size:1.6667em 2.5em;}
.m-cp .prev{ right:15.78125%; -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.m-cp .next{ right:3.4375%;}

/*案例*/
.m-anli{ padding: 0 0 1.666em 0; overflow:hidden;}
.m-anli ul{ padding:1.5em 3.125% 0; overflow:hidden;}
.m-anli ul li{ float:left; width:46.6%; padding: 0 0 1.3em 0;}
.m-anli ul li:nth-of-type(2n){ float:right;}
.m-anli ul li p{ padding:0.5em 0 0 0; line-height:1.25em; color:#3c3c3c; text-align:center;}
.m-anli ul li p b{ display:block;}

/*打造*/
.m-daz{ background:url(../Images/Index/dz_bg1.gif) repeat; background-size:4.1667em; overflow:hidden;}
.m-daz h2{ padding:1.25em 0 0 0; text-align:center; font-weight: bold; font-size:1.25em;}
.m-daz h2 a{ color:#ffffff;}
.m-daz h3{ width:85.9375%; margin:0 auto; padding:0.2em 0 1.666em 0;}

.m-daz ul{ padding: 0 3.125%; overflow:hidden;}
.m-daz ul li{ float:left; width:50%; padding: 0 0 1.5em 0; text-align:center;}
.m-daz ul li a{ color:#ffffff;}
.m-daz ul li img{ display:block; width:46.875%; margin:0 auto 0.8em;}

/*部件*/
.m-bj{ position:relative; z-index:10; padding:1.666em 0;}
.m-bj p{ position: relative; height:25.1em; margin:1.3em 0 0 0; color:#3c3c3c; line-height:1.25em; background: url(../Images/Index/bj_bg.jpg) no-repeat center top; background-size:contain;}
.m-bj p span{ display:block; width:22.5%; padding: 6em 0 0 76.25%;}
.m-bj p span b{ display:block;}

.m-bj p span:nth-of-type(2){ padding: 2em 0 0 3.125%;}
.m-bj p span:nth-of-type(3){ position:absolute; left:52.5%; bottom:0; width:46%; padding: 4em 0 0 0;}

/*gggg1*/
.m-gggg1{ position:relative; height:12.5em; margin:0 0 0 0; padding: 0 0 1.666em 0; background:url(../Images/Index/gggg1.jpg) no-repeat center top; background-size:contain;}
.m-gggg1 .m-tel{ padding: 8em 0 0 48%; text-align:left; font-size:0.8em; background:none;}
.m-gggg1 .m-tel .u-tel{ left:-10%;}
.m-gggg1 .m-tel .u-tel .z-ln-1{ top:0.15em;right:0;}
.m-gggg1 .m-tel .u-tel .z-ln-3{ top:0.35em;}

/*价格*/
.m-jiag{ padding: 0 0 1.66em; overflow:hidden;}
.m-jiag .m-box,.m-jiag .sclwrap_box{ position:relative; clear:both;height:25em; overflow:hidden}
.m-jiag h3{ padding: 1em 0 0 0;}
.m-jiag h3 a{ display:block; width:87.5%; margin:0 auto;}

.m-jiag h4{ position:relative; margin:0.4em 6.25% 0; padding: 0 0 0.5em 16%; line-height:1.56em; color:#3c3c3c; font-size:1.25em;}
.m-jiag h4 span{ position:absolute; left:0; top:0.1em; width:1.467em; height:1.467em; font-size:2em; color:#ffffff; text-align:center; line-height:1.467em; background:url(../Images/Index/jg_bg.gif) no-repeat center top; background-size:contain;}
.m-jiag h4 b{ display:block; color:#004da1;}

.m-jiag p{ position:relative; padding: 0 5.625% 0 11.71875%; color:#3c3c3c; line-height:1.5em;}
.m-jiag p:before{ position:absolute; content:''; left:6.25%; top:0.2em; width:0.8334em; height:0.8334em; background:url(../Images/Index/jg_icon1.gif) no-repeat center top; background-size:0.8334em;}

.m-jiag ul{ text-align:center;}
.m-jiag ul li{ display:inline-block; width:1em; height:1em; margin:0 2%; border-radius:0.5em; background:#6694c7;}
.m-jiag ul li.z-on{ background:#004da1;}

/*客户*/
.m-keh{  padding: 0 0 1.66em;overflow:hidden;}
.m-keh dl{ margin:0.9em 3.125% 1.66em;background:url(../Images/Index/dz_bg1.gif) repeat; background-size:4.1667em; overflow:hidden;}
.m-keh dt{ float:left; width:36.67%; border:1px solid #c8c8c8; border-right:none;}
.m-keh dd{ float:left; width:62%;}
.m-keh dd h4{ padding:0.6em 0 0 6%; font-weight:bold; color:#ffffff;}
.m-keh dd h4 a{ display:block; color:#ffffff;}
.m-keh dd p{ padding: 0 6%; color:#ffffff; line-height:1.5em; }
.m-keh dd p a{ float:right; color:#ffffff;}

/*关于*/
.m-gy{ height:33.34em;overflow:hidden;}

.m-gy .box-style{ position:relative;}
.m-gy .m-box,.m-gy .sclwrap_box{clear:both;height:27.5em; overflow:hidden}

.m-gy .page h3{ padding:1.3em 3.125% 0;}
.m-gy .page h4{ height:7.5em;  padding:1.3em 4.6875% 0; color:#3c3c3c; line-height:1.5em; overflow:hidden;}
.m-gy .page h4 a{ display:block;font-weight:bold; color:#3c3c3c; }
.m-gy .page p{ text-align:center;}
.m-gy .page p a{ display:inline-block; width:24.375%; margin:0 3%; line-height:2.3em; text-align:center; font-weight:bold; color:#004da1; border:2px solid #004da1;}
.m-gy .page p a:nth-of-type(2){ color:#3c3c3c; border-color:#3c3c3c;}

/*资讯*/
.m-zx{ overflow:hidden;}
.m-zx ul{ height:2.834em; text-align:center;}
.m-zx ul li{ position:relative; display:inline-block;width:28%; margin:0 1%; line-height:2.8em; text-align:center; color:#3c3c3; font-weight:bold; border:1px solid #c8c8c8;}
.m-zx ul li:before{ position:absolute; content:''; left:50%; bottom:-0.625em; width:0.8334em; height:0.625em; margin: 0 0 0 -0.6em; background:url(../Images/Index/com_icon1.gif) no-repeat center top; background-size:0.8334em 0.625em;}
.m-zx ul li.z-on{ color:#ffffff; border-color:#0051a8;background-image: -webkit-gradient(linear, left top, left bottom, from(#0061ca), to(#0051a8)); background-image: -webkit-linear-gradient(top,   #0061ca, #0051a8); 
background-image: -moz-linear-gradient(top, #0061ca, #0051a8);
background-image: linear-gradient(top,  #0061ca, #0051a8);}
.m-zx ul li.z-on:before{ background-image:url(../Images/Index/com_icon3.gif);}

.m-zx .m-box,.m-zx .sclwrap_box{clear:both;height:18.1em; overflow:hidden}
.m-zx .con{ padding: 1.3em 0 0 0;}
.m-zx .con-box{ margin: 0 3.125%; padding:1.25em 0; border:1px solid #c8c8c8;}
.m-zx .con-box p{}
.m-zx .con-box p a{ position:relative; display:block; padding: 0 0 0 12%; line-height:2.5em; color:#3c3c3c;}
.m-zx .con-box p a:before{ position:absolute; content:''; left:5%; top:0.8em; width:0.8334em; height:0.8334em; background:url(../Images/Index/jg_icon1.gif) no-repeat center top; background-size:0.8334em;}

.m-zx dl{ padding: 0.5em 5%;}
.m-zx dt{ padding: 0 0 0 5%; background:url(../Images/Index/jg_icon1.gif) no-repeat left center; background-size:0.8334em;}
.m-zx dt a{ color:#3c3c3c;}
.m-zx dd{ padding: 0.5em 0 0 5%;color:#3c3c3c;}





/*导航*/


@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%;}
}