.m_nav{height: 19em;padding-top: 1em;}
.m_nav li{float: left;width: 26.5%;margin-left:5%; height:5.416em;padding-top: 2.5em; margin-bottom: 0.8em;
 background:url(/uploads/image/mi/navbg.jpg) no-repeat;color: #fff;text-align: center; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}


/* 广告 */
.g-adv { height:12.5em; }
.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:#aaaaaa;}
.g-adv .m-cnt li{ float:left; width:33.3333%; }
.g-adv .m-cnt li.z-on{ background:#4a4a4a;}

/* 问题 */
.g_wt{height: 36.875em;}
.g_wt h2,.g_wt h2 img{width: 100%;display: block;}
.g_wt .wt1{width: 64%;margin-top: 1em; padding-left: 36%;color: #222222;font-size: 1.25em;line-height: 1.8em;
 background:url(/uploads/image/mi/wt1bg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}

.g_wt .wt2{width: 64%;margin-top: 1em; padding-left: 36%;color: #222222;font-size: 1.25em;line-height: 1.8em;
 background:url(/uploads/image/mi/wt2bg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}

.g_wt .wt3{width: 64%;margin-top: 1em; padding-left: 36%;color: #222222;font-size: 1.25em;line-height: 1.8em;
 background:url(/uploads/image/mi/wt3bg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}

.g_wt .wt4{width: 64%;margin-top: 1em; padding-left: 36%;color: #222222;font-size: 1.25em;line-height: 1.8em;
 background:url(/uploads/image/mi/wt4bg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}


/* 优势2 */
.g_ys2{height: 29em; position: relative;padding-top: 3em;overflow: hidden;
 background:url(/uploads/image/mi/chobg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}
.g_ys2 .sclwrap_box,.g_ys2 .m-box {height: 23.5em;}


.con{float: left;display: inline;}
.g_ys2 .m-cnt{height: 2em;line-height: 2em; position: absolute;top:28.7em;margin-left:7%;z-index: 10;width: 100%;}
.g_ys2 .m-cnt li {float: left; width: 17%;height: 2em;line-height: 2em;  background: #0091ff; margin-right: 1em;color: #96c6ff;text-align: center;font-size: 1em;font-family: impact;}
.g_ys2 .m-cnt li.z-on {background: #d30008; color: #fff; }


.g_ys2 h2{width: 100%;display: block;text-align: center;font-size: 1.33em;color: #fff;margin-bottom: 9%;}
.g_ys2 h2 em{display: block;font-size: 0.75em;font-weight: bold;padding-top: 2%;}
.g_ys2 .m_gdc{margin: 0 5%;}
.g_ys2 .ysbg img,.g_ys2 .ysbg{width: 100%;display: block;}

.g_ys2 .u_dlst1 dt{height: 2.5em;line-height: 2.5em;color: #fff;font-weight: bold;font-size: 1.25em; }
.g_ys2 .u_dlst1 dd p{color: #fff;font-size: 1em;line-height: 1.5em;padding-right: 5%;}


/* 产品分类 */
.g_fl{height: 52.716em;background: #0091ff;overflow: hidden;}
.g_fl h2,.g_fl h2 img{width: 100%;display: block;}
.g_fl h3{font-size: 1em; margin-left: 7%; margin-right: 10%;border-bottom: 1px solid #a4d7ff; height: 1.8em;line-height: 1.8em; margin-top: 3%;}
.g_fl h3 em{display: block;float: left;width: 32%;height: 1.75em;line-height: 1.75em;border: 1px solid #a4d7ff;border-bottom: none;text-align: center;color: #fff;background: #0762a8;}
.g_fl h3 span{color: #a4d7ff;}

.g_fl .u_lst2{margin: 2% 5% 1em 5%;}
.g_fl .u_lst2 li{float: left; width:33%;height:1.8em;line-height: 1.8em;overflow: hidden; font-size: 1em;border-bottom: 1px dashed #fff;}
.g_fl .u_lst2 li a{color: #fff;}
.g_fl .u_lst2 li:nth-child(4),.g_fl .u_lst2 li:nth-child(5),.g_fl .u_lst2 li:nth-child(6){border-bottom: none;}

/* 热销产品 */
.g_fl .u_lst3{padding:0 5% 0 5%; }
.g_fl .u_lst3 li{float: left; width: 48%; margin-right: 3%; z-index: 2;margin-bottom: 3%; }
.g_fl .u_lst3 li img{width: 100%;display: block;}

.g_fl .u_lst3 li span{font-size: 0.83em; color: #fff; height: 1.53em; line-height: 1.53em; text-align: center; display: block; font-weight: normal; overflow: hidden;width: 100%;background: #656566;}
.g_fl .u_lst3 a:nth-child(2n) li{margin-right: 0}

/* 强人专项鞋靴定制 */
.g_dz{height: 40.8em;overflow: hidden;margin-top: 1.25em;padding-top: 1.28em;
 background:url(/uploads/image/mi/dzbg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}
.g_dz h2{text-align: center;color: #cb2118;font-size: 1.33em;font-weight: bold;margin-bottom: 1.5em;}
.g_dz h2 em{display: block;font-weight: normal;color: #0863c0;font-size: 0.8em;padding-top: 0.5em;}
.g_dz dl{padding-left: 3%;padding-right: 3%;}
.g_dz dl:nth-child(2){height: 8.416em;}
.g_dz dl:nth-child(3){height: 9.583em;}
.g_dz dl:nth-child(4){height: 9.25em;}
.g_dz dl:nth-child(5){height: 8.316em;}
.g_dz dt{float: left; width: 33%;}
.g_dz dt img{width: 100%;display: block;}
.g_dz dd{float: left; width: 53%;}
.g_dz dd h3{background: #0091ff;border-radius: 0.5em; width: 85%;height: 1.6em;line-height: 1.6em;padding-left: 1em;color: #fff;font-weight: bold;font-size: 1em;margin-bottom: 3%;}
.g_dz dd p{color: #666666;font-size: 0.9em;line-height: 1.6em;}

.g_dz dl:nth-child(2) dt,.g_dz dl:nth-child(4) dt{margin-right: 5%;}
.g_dz dl:nth-child(3) dd,.g_dz dl:nth-child(5) dd{margin-right: 5%;}

.m_tel2{background: #282828;height: 3.4em;line-height: 3.4em;font-size: 1.16em;color: #fff;padding-left: 20%;width: 80%; position: relative; margin-bottom: 1.2em;font-weight: bold;}
.m_tel2 em{display: inline-block;padding-left: 4%;color: #fff;font-size: 1.13em;}
.m_tel2:before{
		  background:url(/uploads/image/mi/tel.gif) no-repeat; 
content:"";position:absolute;left:9%;top:25%; width: 1.8em;height: 1.8em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:10;}


/* 强人成功案例 */
.g_an{height: 13.3em;position: relative;}
.m_an .sclwrap_box,.m_an .m-box { height: 10em;}
.g_an h2{ height: 2.5em; line-height: 2.5em; position: relative; font-size: 1em; font-weight: bold; color: #fff;background: #0091ff;padding-left: 23%;width: 77%; 
}
.g_an h2:before{
 content:"";position:absolute;left:58%;top:26%; width: 1.25em; height: 1.25em;
background:url(/uploads/image/mi/go.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;

}

.m_an .prev, .m_an .next {
    height: 1.9em;
    line-height: 1.9em;
    position: absolute;
    text-align: center;
    top: 0.4em;
    width: 2.7em;
    z-index: 99;
}
.m_an .prev {right: 16%;}
.m_an .next {right: 5%;}
.m_an .prev img,.m_an .next img{width: 100%;}
.m_an .nowarp {
    margin: 0 5% 0 5%;
    overflow: hidden;
    position: relative;
    width: 90%;}
.m_an .u_lst1 {margin-top: 1.25em; float: left; display: inline; width: 100%;}
.m_an .u_lst1 li{ float: left; width:46%; margin-right: 4%;position: relative; }
.m_an .u_lst1 li:last-child{ margin-right: 0;}
.m_an .u_lst1 li img{width: 100%;display: block;}
.m_an .u_lst1 li em{display: block;width: 100%;position: absolute;left:0;bottom:0;height: 1.7em;line-height: 1.7em;text-align: center;color: #fff;background: rgba(0,0,0,0.5);}


/* 优势3 */
.g_ys3{height: 51.54em; position: relative;}
.g_ys3 .sclwrap_box,.g_ys3 .m-box {height: 40.91em;}
.g_ys3 h2{width: 100%;text-align: center;color: #fff;font-size: 1.58em;font-weight: bold;
	background:url(/uploads/image/mi/ystit.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}
.g_ys3 h2 em{display: block;font-size: 0.65em;font-weight: normal;padding-top: 2%;}

.g_ys3 .m-cnt{height: 2em;line-height: 2em; position: absolute;top:47.7em;padding-left:7%;z-index: 10;width: 93%;}
.g_ys3 .m-cnt li {float: left; width: 19%;height: 2em;line-height: 2em;  background: #0091ff; margin-right: 1em;color: #96c6ff;text-align: center;font-size: 1em;font-family: impact;}
.g_ys3 .m-cnt li.z-on {background: #d30008; color: #fff; }
.g_ys3 .ysbg img,.g_ys3 .ysbg{width: 100%;display: block;}

.g_ys3 .u_dlst1{margin-top: 1em;}
.g_ys3 .u_dlst1 dt{height: 3.5em;color: #0060c6;font-weight: bold;font-size: 1em; position: relative;padding-left: 18%;}
.g_ys3 .u_dlst1 dt em{display: block;color: #afafaf;text-transform: uppercase;font-size: 0.5em;font-weight: normal;}
.g_ys3 .u_dlst1 dt b{position: absolute;width: 3em;height: 2.5em;line-height: 2.5em;text-align: center;left:5%;top:2%;display: block;color: #fff;
	background:url(/uploads/image/mi/ysno.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;}


.g_ys3 .u_dlst1 dd p{color: #4b4b4b;font-size: 1em;line-height: 1.3em;padding-right: 5%;padding-left: 15%;margin-bottom: 0.8em;position: relative;}
.g_ys3 .u_dlst1 dd p b{color: #d40310;font-weight: normal;}
.g_ys3 .u_dlst1 dd p:before{content: "";position: absolute;width: 1em;height: 1em;left:10%;top:0.3em;
	background:url(/uploads/image/mi/ysico.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;

}



/* 强人合作伙伴 */
.g_hz{height: 10.375em;width: 100%;
background:url(/uploads/image/mi/hzbg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;}
.m_hz .sclwrap_box,.m_hz .m-box { height: 6em;}
.g_hz h2{ text-align: center;font-size: 1em;color: #fff;height: 3.33em;line-height: 3.33em;}


.m_hz .prev, .m_hz .next {
    height: 2.66em;
    line-height: 2.66em;
    position: absolute;
    text-align: center;
    top: 1.8em;
    width: 2.66em;
    z-index: 99;
}
.m_hz .prev {left: 2%;}
.m_hz .next {right: 2%;}
.m_hz .prev img,.m_hz .next img{width: 100%;}
.m_hz .nowarp {
    margin: 0 14% 0 14%;
    overflow: hidden;
    position: relative;
    width: 72%;}

.m_hz .u_lst1 {margin-top: 1em; float: left; display: inline; width: 100%;}
.m_hz .u_lst1 li{ float: left; width:47%; margin-right: 4%;position: relative; }
.m_hz .u_lst1 li:last-child{ margin-right: 0;}
.m_hz .u_lst1 li img{width: 96%;display: block;padding: 0.25em;
background:url(/uploads/image/mi/hzk.png) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;


}


.g_ab{height: 28.6em;background: #fff;padding-top: 1.5em; overflow:hidden;}
.g_ab h2{text-align: center;color: #333333;font-size: 1.08em;font-weight: bold;position: relative;margin-bottom: 1em;}
.g_ab h2 em{display: block;color: #ed1c24;font-weight: bold;font-size: 0.9em;padding-top: 3%;}
.g_ab h2:before{content: "";position: absolute; width: 31%;height: 2px;background: #c1c1c1;left:0;top:2em;}
.g_ab h2:after{content: "";position: absolute; width: 31%;height: 2px;background: #c1c1c1;right:0;top:2em;}

.g_ab dl{margin: 0 6% 0 5%;}
.g_ab dt{width: 100%;display: block;}
.g_ab dt img{width: 100%;display: block;border:0.16em solid #f1f1f1;}
.g_ab dd p{color: #6e6e6e;font-size: 1em;height: 4.5em;overflow: hidden; line-height: 1.5em;padding: 2% 0;}
.g_ab dd span{display: block;width: 20%;height: 1.5em;line-height: 1.5em;text-align: center;background: #de4243;color: #fff;font-size: 0.83em;}
.g_ab dd span a{color: #fff;}




/* 荣誉证书 */
.demo-box {
    height: 22.08em; max-width: 640px; min-width: 320px;
    margin: 0 auto;
    overflow: hidden;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 17.5em;}
.demo-box .column-list {height: 2.5em;line-height: 2.5em;border-bottom: 2px solid #078df2; background: #f2f2f2; margin-bottom: 2em;}
.demo-box .column-list li {
    color: #333333;
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: normal;
    line-height: 2.5em;
    position: relative;
    text-align: center;
    width: 35%;
}
.demo-box .column-list li img{width: 100%;}
.demo-box .column-list li.z-on {background:#078df2; color: #fff; font-weight: bold;}
.demo-box .more{display: block;right:5%;top:0; position: absolute;}
.demo-box .more a{color: #999999;}



.demo-box .box-style { padding: 0 17% 0 17%;position: relative; width: 66%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 5.2em;
    line-height: 5.2em;
    position: absolute;
    text-align: center;
    top: 5em;
    width: 2em;
    z-index: 99;
}
.demo-box .box-style .prev { left: 3%;}
.demo-box .box-style .next {right: 3%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}
.demo-box .box-style .page { width: 100%;}
.demo-box .box-style .page li{float: left; width: 100%;}
.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: 1.8em; text-align: center; color: #666666; font-size: 1em;}
.demo-box .box-style .page li img{width: 100%; border: 3px solid #e2e2e2;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}


/*资讯*/
.g_zx{height: 19.375em;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 16.6em;}
.g_zx .m-cnt {height: 2.5em;line-height: 2.5em;border-bottom: 2px solid #078df2; background: #f2f2f2;	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_zx .m-cnt li {    color: #333333;
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: normal;
    line-height: 2.5em;
    position: relative;
    text-align: center;
    width: 28%;
}
.g_zx .m-cnt li.z-on {background:#078df2; color: #fff; font-weight: bold;}
.g_zx .m-cnt .more2{display: block;right:5%;top:0; position: absolute;}
.g_zx .m-cnt .more2 a{color: #999999;}

.zx-c .u_lst7{padding-top: 1%;}
.zx-c .u_lst7 li{ margin: 0 10% 0 2%; border-bottom: 1px dotted #c9c9c9; height:2.5em; line-height: 2.5em; font-size: 1em; color: #666666; position: relative; padding-left:1.66em; overflow: hidden;}
.zx-c .u_lst7 li:before{
background:url(/uploads/image/mi/dtico.jpg) no-repeat; display: block; 
content:"";position:absolute;width:0.83em;height:0.83em;left:0;top:1em;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　

}
.zx-c .u_lst7 li a{color: #666666; }
.zx-c .u_lst7 li:last-child{ border-bottom: 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%;}
}