/* banner  */
.g-adv { height: 12.75em;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#c4c4c4;height:0.33em;}
.g-adv .m-cnt li{ float:left; width:33.3333%;background: #c4c4c4; height:0.33em;  }
.g-adv .m-cnt li.z-on{ background:#bf313d;}

/* 导航  */
.m_nav{ height:auto;padding:6% 3% 0 3%; height: 15.55em; border-bottom: 0.1em solid #dfdfdf;}
.m_nav li{ float:left;  color:#fff; text-align:center;background: #b62c36;border-radius: 0.5em;margin-right: 1.25em;margin-bottom: 1em; position: relative;}
.m_nav a:nth-child(3n) li{margin-right: 0;}
.m_nav a:nth-child(1) li:before{
content: "";position: absolute; left:1.5em;top:0.3em;
 background:url(/mobile/images/index/nav1.jpg) no-repeat; width:3.875em;height:4em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}

.m_nav a:nth-child(2) li:before{
content: "";position: absolute; left:1.5em;top:0.3em;
 background:url(/mobile/images/index/nav2.jpg) no-repeat; width:3.875em;height:4em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}

.m_nav a:nth-child(3) li:before{
content: "";position: absolute; left:1.5em;top:0.3em;
 background:url(/mobile/images/index/nav3.jpg) no-repeat; width:3.875em;height:4em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}


.m_nav a:nth-child(4) li:before{
content: "";position: absolute; left:1.5em;top:0.3em;
 background:url(/mobile/images/index/nav4.jpg) no-repeat; width:3.875em;height:4em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}



.m_nav a:nth-child(5) li:before{
content: "";position: absolute; left:1.5em;top:0.3em;
 background:url(/mobile/images/index/nav5.jpg) no-repeat; width:3.875em;height:4em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}

.m_nav a:nth-child(6) li:before{
content: "";position: absolute; left:1.5em;top:0.3em;
 background:url(/mobile/images/index/nav6.jpg) no-repeat; width:3.875em;height:4em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}



/* 合作伙伴 */
.g_hz{height: 14em;}
.g_hz h2{height: 3em;line-height: 3em;color: #b62c36;font-size: 1.25em;font-weight: bold;padding-left: 5%;padding-right: 5%; }
.g_hz h2 span{font-size: 0.83em;color: #555555;text-transform: uppercase;font-weight: normal;}
.m_hz .sclwrap_box,.m_hz .m-box { height: 10em;}
.m_hz {position: relative;}
.m_hz .prev, .m_hz .next {
    height: 1.75em;
    line-height: 1.75em;
    position: absolute;
    top: 1.66em;
    width: 1.66em;
    z-index: 99;
}
.m_hz .prev {left: 3%;}
.m_hz .next {right: 3%;}
.m_hz .prev img,.m_hz .next img{width: 100%;}
.m_hz .nowarp {
    margin: 0 15% 0 15%;
    overflow: hidden;
    position: relative;
    width: 70%;
}
.m_hz .u_lst1 {float: left; display: inline; width: 100%;}
.m_hz .u_lst1 li{ float: left; width:45%; margin-right: 9%; }
.m_hz .u_lst1 li:last-child{ margin-right: 0;}
.m_hz .u_lst1 li img{width: 100%;border: 0.125em solid #e5e5e5;box-sizing:border-box;-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.m_hz .u_lst1 li:last-child{margin-right: 0;}
.m_hz .u_lst1 li em{display: block;width: 100%;text-align: center;color: #555555;font-size: 1em;}

/* 博新产品中心 */
.g_pro{height: 28.25em;}
.g_pro h2{height: 2.3em;line-height: 2.3em;color: #b62c36;font-size: 1.25em;font-weight: bold;padding-left: 5%;padding-right: 5%; border-bottom: 0.08em solid #dfdfdf;border-top: 0.08em solid #dfdfdf;}
.g_pro h2 span{font-size: 0.83em;color: #555555;text-transform: uppercase;font-weight: normal;}

.g_pro .u_lst1{padding:5% 7% 0 7%; }
.g_pro .u_lst1 li{float: left; width: 45%; margin-right: 7%; z-index: 2; margin-bottom: 1.33em; }
.g_pro .u_lst1 li img{width: 100%;display: block; border:1px solid #dfdfdf;
  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_pro .u_lst1 li em{font-size: 1em; color: #555555; height: 1.6em; line-height: 1.6em; text-align: center; display: block; font-weight: normal; overflow: hidden;width: 100%;border:1px solid #dfdfdf;border-top: none;  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_pro .u_lst1 a:nth-child(2n) li{margin-right: 0}


/* 按产品用途分 */
.g_fl{height: 16.83em;}
.g_fl .m_cpfl{width: 50%;}
.g_fl .m_cpfl h2{background: #b62c36;height: 2.5em;line-height: 2.5em;color: #fff;font-size: 1em;font-weight: bold;text-align: center;}

.g_fl .m_cpfl .u_lst1 li{height: 2.6em;line-height: 2.6em;overflow: hidden;border-bottom: 1px solid #dfdfdf; color: #555555; padding-left: 10%;border-right: 1px solid #dfdfdf;}
.g_fl .m_cpfl .u_lst1 li a{color: #555555;}
.g_fl .m_cpfl .u_lst1 a:last-child li{border-bottom: none;}

.g_fl .m_xzfl{width: 50%;}
.g_fl .m_xzfl h2{background: #dfdfdf;height: 2.5em;line-height: 2.5em;color: #545050;font-size: 1em;font-weight: bold;text-align: center;}

.g_fl .m_xzfl .u_lst1 li{height: 2.6em;line-height: 2.6em;overflow: hidden;border-bottom: 1px solid #dfdfdf; color: #555555; float: left; width: 30%; padding-left: 20%;}
.g_fl .m_xzfl .u_lst1 li a{color: #555555;}
.g_fl .m_xzfl .u_lst1 a:last-child li{ }
.g_fl .m_xzfl .u_lst1 a:nth-child(2n) li{padding-left: 0;width: 40%;padding-left: 10%;}
.u_btn{height: 2.5em;line-height: 2.5em;background: #999999;text-align: center;color: #fff;font-size: 1em;}


/* 模具丰富选择多 */
.g_ys{height: 19.9em;border-bottom: 0.08em solid #dfdfdf;}
.g_ys h2{border-bottom: 0.08em solid #dfdfdf;}
.g_ys h2,.g_ys h2 img{width: 100%;display: block;}
.m_ys .sclwrap_box,.m_ys .m-box { height: 12.75em;}
.m_ys {position: relative;}
.m_ys .prev, .m_ys .next {
    height: 4.16em;
    line-height: 4.16em;
    position: absolute;
    top: 4.16em;
    width: 2.33em;
    z-index: 99;
}
.m_ys .prev {left: 2%;}
.m_ys .next {right: 2%;}
.m_ys .prev img,.m_ys .next img{width: 100%;}
.m_ys .nowarp {
    margin: 0 13% 0 13%;
    overflow: hidden;
    position: relative;
    width: 74%;
}
.con{float: left; display: inline;}
.m_ys .con h3{text-align: center;font-size: 1em;color: #b62c36;font-weight: bold; height: 3em;line-height: 3em;}
.m_ys .con p{color: #999999;font-size: 1em;line-height: 2em;text-align: center;padding-top: 2%;}
.m_ys .con p b{font-weight: normal;color: #c00;}


/* 流程 */
.g_lc{height: 23.25em;}
.g_lc h2,.g_lc h2 img,.lcimg,.lcimg img{width: 100%;display: block;}
.g_lc .btn{display: block;padding-left: 25%; margin-bottom: 13%;}
.g_lc .btn a{width: 30%;display: block;float: left;margin-right: 5%;}
.g_lc .btn a img{width: 100%;display: block;}
.g_lc .lcwz{
 background:url(/mobile/images/index/lcwz.jpg) no-repeat; width: 100%;height:2.35em;line-height: 2.35em;  
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;	}
.g_lc .lcwz em{display: block;float: left; width: 25%;text-align: center;color: #555555;font-size: 1em;}



/* 塑造品牌价值 */
.g_pp{height: 33.95em;}
.g_pp h2{color: #999999;font-size: 1.33em;font-weight: bold;text-align: center;border-top: 1px solid #dfdfdf;
 width: 100%; position: relative;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;}
.g_pp h2 span{display: block;color: #474e62;font-size: 1.1em;font-weight: bold; position: absolute; left:25%;top:37%;}

.g_pp .btn{display: block;padding-left: 25%; margin-bottom: 2%;}
.g_pp .btn a{width: 30%;display: block;float: left;margin-right: 5%;}
.g_pp .btn a img{width: 100%;display: block;}


.m_pp .sclwrap_box,.m_pp .m-box { height: 25.8em;}
.m_pp {position: relative;}
.m_pp .prev, .m_pp .next {
    height: 4.16em;
    line-height: 4.16em;
    position: absolute;
    top: 16.66em;
    width: 2.33em;
    z-index: 99;
}
.m_pp .prev {left: 2%;}
.m_pp .next {right: 2%;}
.m_pp .prev img,.m_pp .next img{width: 100%;}
.m_pp .nowarp {
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.con{float: left; display: inline;}
.m_pp .con .ppimg{margin-bottom: 1.25em;padding-top: 0;}
.m_pp .con .ppimg,.m_pp .con .ppimg img{width: 100%;display: block;}
.m_pp .con h3{text-align: center;font-size: 1.25em;color: #b62c36;font-weight: bold; height: 2.8em;line-height: 1.2em;position: relative;}
.m_pp .con h3 em{display: block;font-weight: normal;font-size: 0.83em;color: #555555;}
.m_pp .con h3:before{content: "";position: absolute; width: 15%;height: 1px;background: #dfdfdf; overflow: hidden;left:42%;bottom: 0;}
.m_pp .con h3 i{width: 1.1em;height:1.1em;display: block; top:3%;right:32%;position: absolute;
  
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;	}

.m_pp .con p{color: #777777;font-size: 1em;line-height: 1.8em;text-align: center; width: 72%;padding-top: 3%; margin: 0 auto;}
.m_pp .con p b{font-weight: normal;color: #c00;}

/* 小广告 */
.g_xban{height:9.583333333em; }
.g_xban,.g_xban img{width: 100%;display: block;}
.g_xban .btn3,.g_xban .btn4{width: 20.6%;display: block;}
.g_xban .btn3{left:37.5%;top:6em;}
.g_xban .btn4{left:64%;top:6em;}
.g_xban .btn3 img,.g_xban .btn4 img{width: 100%;display: block;}

/* 博新简介 */
.g_ab{height: 15.5em;}
.g_ab .sclwrap_box,.g_ab .m-box { height: 10em;}
.til02{ height: 3.95em; line-height: 3.95em;border-top: 0.125em solid #dfdfdf;border-bottom: 0.125em solid #dfdfdf; overflow:hidden;}
.til02{  position: relative; color: #474e62;font-size: 1em;font-weight: bold;}
.til02 li{  float:left; display:inline-block; text-align:center; color:#474e62; width:28%;border-right: 1px solid #dfdfdf; position: relative; }
.til02 li:nth-child(2){border-right: none;}
.til02 li.z-on{  color: #b62c36;border-bottom: 0.125em solid #b62c36;	}
.til02 span{font-size: 1em;color: #999999;text-transform: uppercase; right: 5%;top:0;position: absolute;font-weight: normal;}
.til02 span a{color: #999999;}

.g_ab .m_ab dl{padding: 5% 3% 0 5%; float:left; display:inherit;}
.g_ab .m_ab dt{float: left; width: 40%; margin-right: 3%;}
.g_ab .m_ab dt img{display: block;width: 100%;}
.g_ab .m_ab dd{float: left; width:56%;}
.g_ab .m_ab dd h3{font-size: 1em; font-weight: bold;height: 2em;overflow: hidden;}
.g_ab .m_ab dd h3 a{color: #7a7a7a; }
.g_ab .m_ab dd p{font-size: 1em; color: #999999; line-height: 1.25em; height: 3.75em;overflow: hidden; padding-top: 1%;}


/* 荣誉证书 */
.demo-box {height: 15.25em;margin: 0 auto 0 auto;overflow: hidden;}
.demo-box .column-list {height: 3.95em; line-height: 3.95em;border-top: 0.125em solid #dfdfdf;border-bottom: 0.125em solid #dfdfdf; font-weight: bold; position: relative;}
.demo-box .column-list li {float:left; display:inline-block; text-align:center; color:#474e62; width:28%;border-right: 1px solid #dfdfdf; }
.demo-box .column-list li:nth-child(2){border-right: none;}
.demo-box .column-list li.z-on {color: #b62c36;border-bottom: 0.125em solid #b62c36;}
.demo-box .column-list span{font-size: 1em;color: #999999;text-transform: uppercase; right: 5%;top:0;position: absolute;font-weight: normal;}
.demo-box .column-list span a{color: #999999;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 11em;}


/* 合作客户 */
.demo-box .box-style {position: relative; width: 100%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 1.5em;
    position: absolute;
    text-align: center;
    top: 4.2em;
    width: 1.5em;
    z-index: 99;
}
.demo-box .box-style .prev { left: 5%;}
.demo-box .box-style .next {right: 5%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}
.demo-box .box-style .no_ov{width: 64%; margin: 0 18%;}
.demo-box .box-style .page{padding: 5% 0 0 0; float: left; display: inline;}
.demo-box .box-style .page li{width: 46%; float: left;margin-right: 6%;}
.demo-box .box-style .page li img{width: 100%;display: block; padding: 0.125em;border: 0.125em solid #dfdfdf;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.demo-box .box-style .page li:nth-child(2n){margin-right: 0;}
.demo-box .box-style .page li span{display: block; height: 2em; line-height: 2em; text-align: center; color: #4e5569; font-size: 1em;}





/*资讯*/
.g_zx{height: 21.33em;}
.g_zx .sclwrap_box,.g_zx .m-box {height: 16.8em; }
.g_zx .zx-c{float: left; display: inline;padding: 4% 8% 0 10%;}
.zx-c .u_lst7{float: left; display: inline; }

.zx-c .u_lst7 li{ height:1.8em; line-height: 1.8em; font-size: 1em; color: #999999;overflow: hidden; position: relative; padding-left: 10%;}
.zx-c .u_lst7 li a{color: #999999; }
.zx-c .u_lst7 li em{color: #999999; font-weight: normal;display: inline-block;padding-right: 3%;}


.g_zx .m-cnt {height: 2.9em;line-height: 2.9em;border-top: 0.125em solid #dfdfdf;border-bottom: 0.125em solid #dfdfdf; font-weight: bold; }
.g_zx .m-cnt li {float:left; display:inline-block; text-align:center; color:#7a7a7a; width:33.33%;position: relative; font-size: 1.25em; font-weight: normal; }
.g_zx .m-cnt li:before{
content: "";position: absolute;left:0;top:50%;z-index: 100;
 background:url(/mobile/images/index/line1.jpg) no-repeat; width: 0.41em;height: 0.16em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0; }
.g_zx .m-cnt li:nth-child(1):before{background: none;}
.g_zx .m-cnt li.z-on {color: #474e62;border-bottom: 0.125em solid #e60012;}
.g_zx .m-cnt li.z-on::before {background: none;
    border-left: 0.3em solid transparent; width: 0;height: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid #e60012;
    top: 90%;
    content: "";
    left: 45%;
    position: absolute;
}

.zx-c .u_lst7 .u_btn{margin: 4% 0 0 39%; width: 22%; height:1.66em; text-align: center; color: #fff; line-height: 1.66em; position: relative; z-index: 2; background: #fff;display: block; border: 0.125em solid #dfdfdf;padding-left: 0;text-transform: uppercase; }
.zx-c .u_lst7 .u_btn a{color: #7a7a7a;}
.zx-c .u_lst7 .u_btn:before{border: none;background: none;}



















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