.m_nav{ height:auto;}
.m_nav li{ float:left;  color:#fff; width:33.333%; text-align:center; }
.m_nav li{  padding-top: 2%; padding-bottom: 2%; background: #0ca2ea;	
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-top:1px solid #36baf9;
border-right:1px solid #36baf9;
border-bottom:1px solid #067ab0;
border-left:1px solid #067ab0;}
.m_nav a:nth-child(3n) li{ border-right: none;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(4) li{ border-left: none;}
.m_nav a:nth-child(5) li,.m_nav a:nth-child(6) li,.m_nav a:nth-child(4) li{ border-bottom: none;}

.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 12.5em;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#bfbfbf; height: 0.33em; overflow: hidden;}
.g-adv .m-cnt li{ float:left; width:33.3333%;height: 0.33em; }
.g-adv .m-cnt li.z-on{ background:#0ca2ea;}


/* 卓越产品 */
.g_zy{height:19.7em; padding-top: 1.71em; }
.g_zy h2{text-align: center;color: #333333;font-size: 1.5em;font-weight: bold;}
.g_zy h3{text-align: center;color: #999999;font-size: 0.75em;text-transform: uppercase;font-weight: normal;letter-spacing: 0.1em;}

.g_zy .u_lst1{margin: 3% 5% 0 5%;}
.g_zy .u_lst1 li{float: left; width: 48%;margin-right: 3%; margin-bottom: 3%;}
.g_zy .u_lst1 li:nth-child(3),.g_zy .u_lst1 li:nth-child(4),.g_zy .u_lst1 li:nth-child(5){width: 32%; margin-right: 1.6%;}
.g_zy .u_lst1 li img{width: 100%;display: block;}
.g_zy .u_lst1 li:nth-child(3) img,.g_zy .u_lst1 li:nth-child(4) img,.g_zy .u_lst1 li:nth-child(5) img{display: block;padding: 0.125em;border: 2px solid #999999;	
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_zy .u_lst1 li:nth-child(2),.g_zy .u_lst1 li:nth-child(5){margin-right: 0;}

/* 最新项目 */
.g_xm{height: 15em; background: #eeeeee; padding-top: 1.6em;}
.g_xm .sclwrap_box,.g_xm .m-box {height: 11em;}
.g_xm h2{font-size: 1.25em;text-align: center; color: #0ca2ea;font-weight: bold; margin-bottom: 1em; position: relative;}
.g_xm h2 em{display: block;font-size: 0.9em;color: #666666;text-transform: uppercase; font-family: arial; font-weight: normal; }
.g_xm h2:before{content: "";position: absolute; width: 22%;height: 1px;background: #ccc; left:0;top:1.8em;}
.g_xm h2:after{content: "";position: absolute; width: 22%;height: 1px;background: #ccc; right:0;top:1.8em;}

.m_xm{position: relative;}
.m_xm .prev, .m_xm .next {
    height: 2em;
    line-height: 2em;
    position: absolute;
    text-align: center;
    top: 3.33em;
    width: 2em;
    z-index: 99;
}
.m_xm .prev {left: 2%;}
.m_xm .next {right: 2%;}
.m_xm .prev img,.m_xm .next img{width: 100%;}
.m_xm .nowarp {
    margin: 0 11% 0 12%;
    overflow: hidden;
    position: relative;
    width: 77%;
}
.m_xm .u_lst2 {float: left; display: inline; width: 100%; 	}
.m_xm .u_lst2 li{ float: left; width:47%;margin-right: 6%;  }
.m_xm .u_lst2 li:last-child{ margin-right: 0;}
.m_xm .u_lst2 li img{width: 100%;display: block; }
.m_xm .u_lst2 li em{display: block; width: 100%;height: 2em;line-height: 2em;text-align: center; color: #666666;font-size: 0.6em; }

/* 亚塑产品分类 */
.demo-box {height: 25.5em; width: 100%;  overflow: hidden;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 17.8em;overflow: hidden;}
.demo-box h2{height: 2em;line-height: 2em;background: #0ca2ea;text-align: center;font-size: 1.25em;color: #fff; font-weight: bold;}


.demo-box .column-list {position: relative; }
.demo-box .column-list li{position: relative;border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2; 	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; }
.demo-box .column-list li { color: #333333; position: relative; text-align: left;height: 2.2em;line-height: 2.2em;
    display: inline; overflow: hidden;
    float: left;
    font-size: 1em;
    font-weight: normal;
 padding-left: 14%;
    width: 50%;}
.demo-box .column-list li:before{
content: "";position: absolute; background:url(/mobile/images/index/ico1.jpg) no-repeat;background-size:0.66em 0.66em;width: 0.66em;height: 0.66em; left:16%;top:35%;
}
.demo-box .column-list li.z-on { color: #ff3300;position: relative;}
.demo-box .column-list li.z-on:before{
	content: "";position: absolute; background:url(/mobile/images/index/ico2.jpg) no-repeat;background-size:0.66em 0.66em;width: 0.66em;height: 0.66em; left:16%;top:35%;
}
.demo-box .column-list li:nth-child(2n){border-right: none;}



.demo-box .box-style { padding: 0.5em 2% 0 2%;position: relative; width: 96%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 2em;
    line-height: 2em;
    position: absolute;
    text-align: center;
    top: 10em;
    width: 2em;
    z-index: 99;
}
.demo-box .prev { left: 2%;}
.demo-box .next {right: 2%;}
.demo-box .prev img,.demo-box .next img{width: 100%;}


.demo-box .page { width: 100%;float: left; display: inline;}
.box-style  .u_lst2 li{float: left; width: 43%;color: #666666;font-size: 1em; height: 2em;line-height: 2em; padding-left: 7%; border-bottom: 1px dashed #ccc;}
.box-style  .u_lst2 li a{color: #666666;}
.box-style  .u_lst2 li em{display: inline-block;padding-right: 3%;}
.box-style  .u_lst2 li:nth-child(5),.demo-box .page .u_lst2 li:nth-child(6){border-bottom: none;}

.demo-box .page { width: 100%;}
.demo-box .page .u_lst3{padding: 0 10%;margin-top: 1.33em;}
.demo-box .page .u_lst3 li{float: left; width: 48%; margin-right: 4%;}
.demo-box .page .u_lst3 li:nth-child(2n){margin-right: 0;}
.demo-box .page .u_lst3 li img{width: 100%; display: block; border: 1px solid #cccccc;
	sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.u_lst2{ height:6em;}


/* 产品以质取胜 */
.g_qs{background:url(/mobile/images/index/ysbg1.jpg) no-repeat;width:100%;background-size: 100%; padding-top: 2em; position: relative; }
.g_qs h2{text-align: center;color: #333333;font-size: 2em;font-weight: bold;margin-bottom: 0.4em;}
.g_qs h3{text-align: center;font-size: 1.08em;color: #fff;font-weight: bold; margin-bottom: 2.5em;}

.g_qs .u_lst3 li{font-size: 1em;color: #333333; position: absolute;}
.g_qs .u_lst3 li b{color: #ff3300;}
.g_qs .u_lst3 li:nth-child(1){left:12%;top:9.8em;}
.g_qs .u_lst3 li:nth-child(2){left:55%;top:9.8em;}
.g_qs .u_lst3 li:nth-child(3){left:12%;top:15.4em;}
.g_qs .u_lst3 li:nth-child(4){left:55%;top:15.4em;}
.g_qs .u_lst3 li:nth-child(5){left:12%;top:20.8em;}
.g_qs .u_lst3 li:nth-child(6){left:55%;top:20.8em;}



/* 您需要资质 */
.g_zs1{height: 14.5em; background: #fff; padding-top: 1.6em;}
.g_zs1 .sclwrap_box,.g_zs1 .m-box {height: 10em;}
.g_zs1 h2{font-size: 1.25em;text-align: center; color: #0ca2ea;font-weight: bold; margin-bottom: 1em; position: relative;}
.g_zs1 h2 em{display: block;font-size: 0.9em;color: #666666;text-transform: uppercase; font-family: arial; font-weight: normal; }
.g_zs1 h2:before{content: "";position: absolute; width: 22%;height: 1px;background: #ccc; left:0;top:1.8em;}
.g_zs1 h2:after{content: "";position: absolute; width: 22%;height: 1px;background: #ccc; right:0;top:1.8em;}

.m_zs1{position: relative;}
.m_zs1 .prev, .m_zs1 .next {
    height: 2em;
    line-height: 2em;
    position: absolute;
    text-align: center;
    top: 3.33em;
    width: 2em;
    z-index: 99;
}
.m_zs1 .prev {left: 2%;}
.m_zs1 .next {right: 2%;}
.m_zs1 .prev img,.m_zs1 .next img{width: 100%;}
.m_zs1 .nowarp {
    margin: 0 11% 0 12%;
    overflow: hidden;
    position: relative;
    width: 77%;
}
.m_zs1 .u_lst2 {float: left; display: inline; width: 100%; 	}
.m_zs1 .u_lst2 li{ float: left; width:47%;margin-right: 6%;  }
.m_zs1 .u_lst2 li:last-child{ margin-right: 0;}
.m_zs1 .u_lst2 li img{width: 100%;display: block; border: 0.125em solid #666666;	sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; }
.m_zs1 .u_lst2 li em{display: block; width: 100%;height: 2em;line-height: 2em;text-align: center; color: #666666;font-size: 1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }



/* 优势 */
.g_ys{position: relative;background:url(/mobile/images/index/ysbg.jpg) no-repeat;background-size: 100%; overflow: hidden;}
.g_ys .sclwrap_box,.g_ys .m-box {height: 34em; overflow: hidden;}

.g_ys h2{color: #000;font-size: 1.25em;font-weight: normal; padding-top: 2em;
text-align: center;color: #666666;}
.g_ys h3{text-align: center; color: #333333;font-size: 1.75em;font-weight: bold;}
.g_ys h3 em{color: #ff3300;color: #ff3300;}
.g_ys h3 span{display: block;font-size: 0.4em;font-weight: normal;text-transform: uppercase; color: #999999;}
.g_ys h4{text-align: center;font-size: 1em;color: #666666;}


.g_ys dt,.g_ys dt img{width: 100%;display: block;}
.g_ys dd h5{padding-left: 6%;color: #0ca2ea;font-size: 1.5em;font-weight: bold; margin-bottom: 2%;}
.g_ys dd h5 b{color: #ff3300;}
.g_ys dd h5 em{display: block; color: #333333;font-size: 0.6em;font-weight: bold;}

.g_ys .m_ys1 .m_wz{background:url(/mobile/images/index/p1bg.jpg) no-repeat;background-size: 100%;padding-left: 12%;  width: 76%; height: 7.41em; padding-right: 12%; padding-top: 0.5em;}
.g_ys .m_ys2 dd{position: relative;margin-top: -2em;}
.g_ys .m_ys2 .m_wz{background:url(/mobile/images/index/p2bg.jpg) no-repeat;background-size: 100%;padding-left: 10%;  width: 80%; height: 8.5em; padding-right: 10%; padding-top: 0.5em;}

.g_ys .m_ys3 .m_wz{background:url(/mobile/images/index/p3bg.jpg) no-repeat;background-size: 100%;padding-left: 10%;  width: 84%; height: 5em; padding-right: 6%; padding-top: 0.4em;}

.g_ys .m_ys4 .m_wz{background:url(/mobile/images/index/p4bg.jpg) no-repeat;background-size: 100%;padding-left: 12%;  width: 76%; height: 5em; padding-right: 12%; padding-top: 0.4em;}

.g_ys .m_ys5 .m_wz{background:url(/mobile/images/index/p5bg.jpg) no-repeat;background-size: 100%;padding-left: 12%;  width: 76%; height: 5em; padding-right: 12%; padding-top: 0.4em;}


.g_ys dd p{color: #333333;font-size: 1em;line-height: 1.6em;border-bottom: 1px dashed #cecece;position: relative;}
.g_ys dd p:last-child{border-bottom: none;}

.g_ys .m-cnt{position: absolute; left:25%;z-index: 10; width: 75%; }
.g_ys .m-cnt li {width:2em;;height:2em;line-height: 2em; background: #b1b1b3;border-radius: 85em; text-align: center;color: #fff; font-size: 1em;font-weight: bold; margin-right: 3%; float: left; font-family: arial;}
.g_ys .m-cnt li.z-on {background: #0ca2ea;position: relative;}
.con{float: left; display: inline;}


.tel2{background:url(/mobile/images/index/telbg.jpg) no-repeat;background-size: 100%; width: 44%;padding-left: 56%;color: #fff; font-size: 1.3em;font-weight: bold;}



/* 您需要资质 */
.g_zs2{height: 21.5em; background: #fff; padding-top: 1.6em;}
.g_zs2 .sclwrap_box,.g_zs2 .m-box {height: 16em;}
.g_zs2 h2{font-size: 1.25em;text-align: center; color: #0ca2ea;font-weight: bold; margin-bottom: 1em; position: relative;}
.g_zs2 h2 em{display: block;font-size: 0.9em;color: #666666;text-transform: uppercase; font-family: arial; font-weight: normal; }
.g_zs2 h2:before{content: "";position: absolute; width: 22%;height: 1px;background: #ccc; left:0;top:1.8em;}
.g_zs2 h2:after{content: "";position: absolute; width: 22%;height: 1px;background: #ccc; right:0;top:1.8em;}

.m_zs2{position: relative;}
.m_zs2 .prev, .m_zs2 .next {
    height: 2em;
    line-height: 2em;
    position: absolute;
    text-align: center;
    top: 5.6em;
    width: 2em;
    z-index: 99;
}
.m_zs2 .prev {left: 2%;}
.m_zs2 .next {right: 2%;}
.m_zs2 .prev img,.m_zs2 .next img{width: 100%;}
.m_zs2 .nowarp {
    margin: 0 11% 0 12%;
    overflow: hidden;
    position: relative;
    width: 77%;
}
.m_zs2 .u_lst2 {float: left; display: inline; width: 100%; 	}
.m_zs2 .u_lst2 li{ float: left; width:47%;margin-right: 6%;  }
.m_zs2 .u_lst2 li:last-child{ margin-right: 0;}
.m_zs2 .u_lst2 li img{width: 100%;display: block; border: 0.125em solid #666666;	sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; }
.m_zs2 .u_lst2 li em{display: block; width: 100%;height: 2em;line-height: 2em;text-align: center; color: #666666;font-size: 1em;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


/*资讯*/
.g_zx{height: 19em;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 15.8em;}
.g_zx .m-cnt {height: 2.5em;line-height: 2.5em;background: #eeeeee; position: relative; width: 100%; border: 1px solid #ccc;box-sizing:border-box;border-left: none;border-right: none; overflow: hidden;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_zx .m-cnt li {border-right: 1px solid #c5c5c5;border-left: 1px solid #fff;
    color: #666666;	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: normal;
    position: relative;
    text-align: center;
    width: 33.333%;
}
.g_zx .m-cnt li:nth-child(1){border-left: none;}
.g_zx .m-cnt li:nth-child(3){border-right: none;}
.g_zx .m-cnt li.z-on {color: #fff;position: relative;background: #0ca2ea; font-weight: bold;}

.g_zx .zx-c{float: left; display: inline;}
.zx-c .u_lst7{padding-top: 1%;float: left; display: inline;}
.zx-c .u_lst7 li{ height:2.5em; line-height: 2.5em; font-size: 1em; color: #666666;   overflow: hidden;  position: relative; padding-left: 1em; border-bottom: 1px dashed #ccc; margin: 0 5%;}
.zx-c .u_lst7 li a{color: #666666; }
.zx-c .u_lst7 li:before{content: "";position: absolute;background: #0ca2ea;width: 0.3em;height: 0.3em; left:1%;top:45%;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg);}








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