.m_nav{ height:auto;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0f77c1), to(#0e6fb4)); 
	background-image: -webkit-linear-gradient(top, #0f77c1, #0e6fb4);
	background-image: -moz-linear-gradient(top, #0f77c1, #0e6fb4); 
	background-image: -o-linear-gradient(top, #0f77c1, #0e6fb4); 
	background-image: -ms-linear-gradient(top, #0f77c1, #0e6fb4);
	background-image: linear-gradient(top, #0f77c1, #0e6fb4);}
.m_nav li{ float:left;  color:#fff; width:33.33%; text-align:center; }
.m_nav li{  padding-top: 2.1%; padding-bottom: 2.1%;
border-right:1px solid #3e8cc2;
border-bottom:1px solid #0f6fb3;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.m_nav a:nth-child(3) li{ border-right: 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{overflow:hidden;}
.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-adv .sclwrap_box , .g-adv .m-box,.g-adv .m-box li img{ height:12.5em; }

/* 产品导航 */
.g_fl{height: 42.125em;}
.g_fl h2{margin: 1.25em 3% 0; border: 1px solid #e0e0e0;background: #ececec; color: #1081d1;font-size: 1.16em;padding: 0 2%;font-weight: bold; position: relative; height: 2em; line-height: 2em;}
.g_fl h2:before{
	content: "";position: absolute; height: 1px; width: 99.6%;display: block;  left:1px;top:1px; background: #fff;
}
.g_fl h2:after{
	content: "";position: absolute; height: 1px; width: 99.6%;display: block;  left:1px;bottom:1px; background: #fff;
}
.g_fl h2 span{font-weight: normal;font-size: 1em;}

.g_fl .u_lst1{margin: 0 3%;}
.g_fl .u_lst1 li{float: left; width: 45%;border-bottom: 1px dotted #999999;height: 2.6em;line-height: 2.6em; overflow: hidden;font-size: 1.08em;color: #555555; position: relative; padding-left: 5%;}
.g_fl .u_lst1 a:nth-child(7) li,.g_fl .u_lst1 a:nth-child(8) li{border-bottom: none;}
.g_fl .u_lst1 li:before{
background:url(/mobile/images/index/ico1.jpg) no-repeat;  
content:"";position:absolute;width:0.5em;height:0.66em;left:3%;top:45%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
	 }


.g_fl .u_lst2{margin: 2% 3% 0; }
.g_fl .u_lst2 li{float: left; width: 48%;margin-right: 3%;}
.g_fl .u_lst2 li img{width: 100%;display: block;}
.g_fl .u_lst2 a:nth-child(2n) li{margin-right: 0;}
.g_fl .u_lst2 li em{display: block; width: 100%;text-align: center;height: 2.6em;line-height: 2.6em;color: #555555;overflow: hidden;}


.u-telp{border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2; height:2.37em;line-height: 2.37em; padding-left: 27%;color: #555555;font-size: 1em; width: 73%;display: block; position: relative; }
.u-telp a{color: #555555;}
.u-telp b{font-size: 1.16em;color: #09619f;font-weight: normal;}

.u-telp:after{
background:url(/mobile/images/common/tel.jpg) no-repeat;  
content:"";position:absolute;width:1.75em;height:1.68em;left:18%;top:15%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}

/* 选择防护产品时，你是否有以下困惑 */
.g_kh{margin-top: 1.75em;}
.g_kh h2,.g_kh h2 img{width: 100%;display: block; margin-bottom: 2em;}
.g_kh .p1{font-size: 1em;color: #555555;font-weight: bold;background: #e1e1e1;height: 3.5em;line-height: 3.5em;}
.g_kh .p2{font-size: 1em;color: #555555;font-weight: bold;background: #fff;height: 3.5em;line-height: 1.7em;}
.g_kh .p2 span{float: left; width: 60%;}
.g_kh .p3{font-size: 1em;color: #555555;font-weight: bold;background: #e1e1e1;height: 3.5em;line-height: 3.5em;}
.g_kh .p4{font-size: 1em;color: #555555;font-weight: bold;background: #fff;height: 3.5em;line-height: 3.5em;}
.g_kh .p5{font-size: 1em;color: #555555;font-weight: bold;background: #e1e1e1;height: 3.5em;line-height: 3.5em;}

.g_kh em{display: inline-block;color: #999999;font-size:2.66em;font-family: impact;width: 13%; padding-left: 3%; float: left;}
.g_kh .p2 em{padding-top: 3%;}

/* 为你解决所有困扰 */

.g_jj h2,.g_jj h2 img{width: 100%;display: block;}
.g_jj .p1{font-size: 1em;color: #fff;font-weight: bold;background: #0670bc;height: 3.5em;line-height: 1.7em;}
.g_jj .p2{font-size: 1em;color: #555555;font-weight: bold;background: #fff;height: 3.5em;line-height: 1.7em;}

.g_jj .p3{font-size: 1em;color: #fff;font-weight: bold;background: #0670bc;height: 3.5em;line-height: 1.7em;}
.g_jj .p4{font-size: 1em;color: #555555;font-weight: bold;background: #fff;height: 3.5em;line-height: 1.7em;}
.g_jj .p5{font-size: 1em;color: #fff;font-weight: bold;background: #0670bc;height: 3.5em;line-height: 3.5em;}

.g_jj em{display: inline-block;color: #999999;font-size:2.66em;font-family: impact;width: 13%; padding-left: 3%; float: left;}
.g_jj em{padding-top: 3%;}
.g_jj .p5 em{padding-top: 0;}
.g_jj span{float: left; width: 80%;}
.g_jj .p1 em,.g_jj .p3 em,.g_jj .p5 em{color: #fff;}


.u-telp2{border-bottom: 1px solid #e2e2e2; height:2.37em;line-height: 2.37em; padding-left: 27%;color: #555555;font-size: 1em; width: 73%;display: block; position: relative; }
.u-telp2 a{color: #555555;}
.u-telp2 b{font-size: 1.16em;color: #09619f;font-weight: normal;}

.u-telp2:after{
background:url(/mobile/images/common/tel.jpg) no-repeat;  
content:"";position:absolute;width:1.75em;height:1.68em;left:18%;top:15%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}


.con{float: left; display: inline;}
.g_ss h2,.g_ss h2 img{width: 100%;display: block;}
.g_ss .m-cnt{ width: 94%; margin: 0 3%; padding-top: 0.5em; padding-left: 2.3em;
background:url(/mobile/images/index/sstabg.jpg) no-repeat;  
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　

}
.g_ss .m-cnt li,.g_ss .m-cnt{}
.g_ss .m-cnt li { font-size: 1em; color: #555555;text-align: center; margin-bottom: 1%;display: inline; overflow: hidden;float: left; font-weight: normal;}
.g_ss .m-cnt li.z-on {background: #055dab; color: #fff; }

.g_ss .u_dlst1{margin: 3% 3% 0;}
.g_ss .u_dlst1 dt{float: left; width: 48%;margin-right: 3%; position: relative;}
.g_ss .u_dlst1 dt img{width: 100%;display: block;}
.g_ss .u_dlst1 dt:before{content: "";position: absolute;
background:url(/mobile/images/index/sha.jpg) no-repeat; width: 100%;height: 1.66em; display: block; left:0;bottom: -1.66em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　

}
.g_ss .u_dlst1 dd{float: left; width: 48%;}
.g_ss .u_dlst1 dd h3{font-size: 1em;color: #333333;font-weight: bold;border-bottom: 1px solid #ccc; height: 1.8em;line-height: 1.8em;overflow: hidden;}
.g_ss .u_dlst1 dd p{color: #555555;font-size: 1em;height: 4.5em;line-height: 1.5em;overflow: hidden;}
.g_ss .u_dlst1 dd span{display: block;margin-top: 2em;color: #055dab;font-size: 1em;}



.g_kf h2,.g_kf h2 img{width: 100%;display: block;}
.g_kf .u_dlst2{margin: 4% 3% 0;}
.g_kf .u_dlst2 dt{float: left; width: 48%;margin-right: 3%; position: relative;}
.g_kf .u_dlst2 dt img{width: 100%;display: block;}

.g_kf .u_dlst2 dd{float: left; width: 48%;}
.g_kf .u_dlst2 dd h3{font-size: 1em;color: #333333;font-weight: bold; height: 1.8em;line-height: 1.8em;overflow: hidden;}
.g_kf .u_dlst2 dd p{color: #555555;font-size: 1em;height: 4.5em;line-height: 1.5em;overflow: hidden;}
.g_kf .u_dlst2 dd span{display: block;margin-top: 2em;color: #055dab;font-size: 1em;}



.u-telp3{border-top: 1px solid #e2e2e2; height:2.37em;line-height: 2.37em; padding-left: 27%;color: #555555;font-size: 1em; width: 73%;display: block; position: relative; margin-top: 4%; }
.u-telp3 a{color: #555555;}
.u-telp3 b{font-size: 1.16em;color: #09619f;font-weight: normal;}

.u-telp3:after{
background:url(/mobile/images/common/tel.jpg) no-repeat;  
content:"";position:absolute;width:1.75em;height:1.68em;left:18%;top:15%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}




/* 蓝品盾简介 */
.demo-box {
    height: 18.5em; max-width: 640px; min-width: 320px;
    margin: 0 auto;
    overflow: hidden;
    
}
.demo-box .column-list {
	background: #f1f1f1; border-top: 1px solid #e5e5e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); 
	background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
	background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
	background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
	background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
	background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
}
.demo-box .column-list li {
    color: #09619f;border-right: 1px solid #d5d5d5;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    display: inline;
    float: left;
    font-size: 1.16em;
    font-weight: normal;
    position: relative;
    text-align: center;
    width: 33.33%;
}
.demo-box .column-list li img{width: 100%;}
.demo-box .column-list li.z-on {color: #fff;position: relative;
	background: #0e74bd; 
}




.demo-box .box-style { position: relative; width: 100%; float: left; display: inline; overflow: hidden;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 3em;
    position: absolute;
    text-align: center;
    top: 5em;
    width: 1em;
    z-index: 99;
}
.demo-box .box-style .prev { left: 1.5%;}
.demo-box .box-style .next {right: 1.5%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}

.demo-box .box-style .page{float: left; display: inline;}
.demo-box .box-style .page ul{ width: 88%; padding: 5% 5% 0 7%;}
.demo-box .box-style .page li{float: left; width: 47%; margin-right: 3%;}
.demo-box .box-style .page li img{width: 100%; border: 0.125em solid #d7d7d7;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.demo-box .box-style .page li:nth-child(2){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%; }


.demo-box .box-style3 { position: relative; width: 100%; float: left; display: inline; overflow: hidden;}
.demo-box .box-style3 .prev, .demo-box .box-style3 .next {
    height: 3em;
    position: absolute;
    text-align: center;
    top: 5em;
    width: 1em;
    z-index: 99;
}
.demo-box .box-style3 .prev { left: 20%;}
.demo-box .box-style3 .next {right: 20%;}
.demo-box .box-style3 .prev img,.demo-box .box-style3 .next img{width: 100%;}


.demo-box .box-style3 .page1{float: left; display: inline;}
.demo-box .box-style3 .page1 ul{ width: 50%; padding: 5% 25% 0 25%;}
.demo-box .box-style3 .page1 li{float: left; width: 100%;}
.demo-box .box-style3 .page1 li img{width: 100%; border: 0.125em solid #d7d7d7;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.demo-box .box-style3 .page1 li span{display: block; height: 2em; line-height: 1.8em; text-align: center; color: #666666; font-size: 1em;}




.u_dlst6{padding:1.25em 3% 0 3%;}
.u_dlst6 dt{float: left; width:51%; margin-right: 3%;}
.u_dlst6 dt img{width: 100%;display: block;}
.u_dlst6 dd{float: left; width: 45%;}

.u_dlst6 dd h3{height: 1.5em;line-height: 1.5em;font-size: 1em;overflow: hidden; margin-bottom: 5%;}
.u_dlst6 dd h3 a{color: #333333;font-weight: bold;}
.u_dlst6 dd p{font-size: 1em;line-height: 1.5em;height: 4.5em;overflow: hidden; color: #666666;}
.u_dlst6 dd span{width:6.25em;height: 1.8em;line-height: 1.8em; display: block; font-size: 1em;color: #fff;text-align: center; border-radius: 0.1em; margin-top: 5%;
	background: #055dab; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#055dab), to(#055dab)); 
	background-image: -webkit-linear-gradient(top, #055dab, #055dab); 
	background-image: -moz-linear-gradient(top, #055dab, #055dab); 
	background-image: -o-linear-gradient(top, #055dab, #055dab); 
	background-image: -ms-linear-gradient(top, #055dab, #055dab); 
	background-image: linear-gradient(top, #055dab, #055dab);

}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 16em;}



/*资讯*/
.g_zx{height: 15.41em;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 12.9em;}

.til02{background: #f1f1f1; border-top: 1px solid #e5e5e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); 
	background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
	background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
	background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
	background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
	background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
}
.til02 li{     color: #09619f;border-right: 1px solid #d5d5d5;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    display: inline;
    float: left;
    font-size: 1.16em;
    font-weight: normal;
    position: relative;
    text-align: center;
    width: 33.33%;}
.til02 li.z-on{color: #fff;position: relative;
	background: #0e74bd; 

	}





/* 常见问题 */
.fa_con{float: left; display: inline; width: 100%;}
.fa_con dl { margin:1.5em 1.5em 0 1.5em; height: 7.25em;  }
.fa_con dl dt { height:2em; line-height:2em; background:url(/mobile/Images/index/wen.png) no-repeat; margin-bottom: 3%;
background-size:  1.583em 1.66em ;
-webkit-background-size:  1.583em 1.66em ;
-moz-background-size:  1.583em 1.66em ;
-o-background-size:  1.583em 1.66em ;padding-left:2.33em; font-weight:bold; overflow: hidden;}
.fa_con dl dt a { color:#333333; font-size: 1em;}

.fa_con dl dd { line-height:2em; height: 6em; overflow:hidden; background:url(/mobile/Images/index/da.png) no-repeat;
background-size: 1.583em 1.66em ;
-webkit-background-size: 1.583em 1.66em ;
-moz-background-size: 1.583em 1.66em ;
-o-background-size: 1.583em 1.66em ; padding:0 0 0 2.33em; color:#666666; font-size: 1em;}

.g_zx .u_lst7{float: left; display: inline; padding-top: 1%;}
.g_zx .u_lst7 li{  height:2.1em; line-height: 2.1em; font-size: 1em; color: #666666; padding: 0 3%; }
.g_zx .u_lst7 li a{color: #666666; }
.g_zx .u_lst7 li span{color: #666666;}



















.g_ss .sclwrap_box,.g_ss .m-box {height: 12.08em;}

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