/*导航*/
nav{ height:5.55em; position:relative; overflow:hidden; color:#000; background:#ffbe04;}
nav a{ border-left:1px solid #cc9803; border-right:1px solid #ffcc3a; color:#000; font-size:1em; width:24.5%; height:2.78em;  text-align:center;display:block; float:left; line-height:2.78em;}
nav:before{ content:""; position:absolute; display:block; width:100%; height:1px; background:#cc9803; top:50%; left:0;} 
nav:after{ content:""; position:absolute; display:block; width:100%; height:1px; background:#ffcc3a; top:51%; left:0;} 
nav a:nth-child(1){ width:32%;}
nav a:nth-child(2){ width:38%;}
nav a:nth-child(3){ width:28%;}
nav a:nth-child(1),nav a:nth-child(4){ border-left:none;}
nav a:nth-child(3),nav a:nth-child(7){ border-right:none;}
nav a:link,nav a:hover,nav a:visited,nav a:active{color:#000;}


/*广告*/
.m-adv { height:22.65em;}
.m-adv .sclwrap_box , .g-adv .m-box{ height:22.65em; overflow:hidden;}
.m-adv img{ width:100%; display:block;}

/*荣誉证书*/
.m-adv1 { height:25em;}
.m-adv1 .sclwrap_box , .g-adv .m-box{ height:25em; overflow:hidden;}
.m-adv1 img{ width:100%; display:block;}

/*搜索*/
.m-sea{ width:100%; height:3.43em; padding-top:0.7em; position:relative; border-top:0.12em solid #ebebeb;
background-image: -webkit-linear-gradient(top, #f7f7f7, #d1d1d1);
background-image: -moz-linear-gradient(top, #f7f7f7, #d1d1d1); 
background-image: -o-linear-gradient(top, #f7f7f7, #d1d1d1); 
background-image: -ms-linear-gradient(top, #f7f7f7, #d1d1d1); 
background-image: linear-gradient(top, #f7f7f7, #d1d1d1); }
.sch{ background:url(/mobile/Images/Index/sch.gif) no-repeat left top; width:93.75%; margin:0 auto; height:2.38em;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-sea .search{ float:left; width:74%; color:#c7c7c7; font-size:1em; background:none; margin:0 0 0 2%; height:2.37em; line-height:2.37em; text-indent:3.5em; float:left; border:none; }
.m-sea .scl_fri {width:21%; height:2.37em; float:right;  position:relative; margin-right:2%; background:url(/mobile/Images/Index/soso.gif) no-repeat center top;
-webkit-background-size:100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;}
.m-sea .u-in {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    padding: 3% 9% 3% 11%;
    position: absolute;
    right: 3%;
    top: 26%;
    z-index: 50;
}

/*中国润滑油市场商机无限！*/
.m-sj{ padding:1.29em 3% 0; height:15.6em; overflow:hidden;}
.m-sj h2{ width:100%; height:2.03em; font-size:1.58em; color:#fff; text-align:center; line-height:2.03em; background:#ffbf07; border-radius:30px; font-weight:bold;}
.m-sj p{ font-size:1em; color:#000; font-weight:bold; line-height:1.66em; padding-top:1.4em;}
.m-sj p span{  display:block; font-size:1.25em; padding-top:0.25em; }
.m-sj p b {color:#da251c; display:block; text-align:center; padding-top:0.85em;}

/*电话*/
.m-rx .m-tel{ height:4em; border-top:0.12em solid #ebebeb;
background-image: -webkit-linear-gradient(top, #fbfbfb, #cfcfcf);
background-image: -moz-linear-gradient(top, #fbfbfb, #cfcfcf); 
background-image: -o-linear-gradient(top, #fbfbfb, #cfcfcf); 
background-image: -ms-linear-gradient(top, #fbfbfb, #cfcfcf); 
background-image: linear-gradient(top, #fbfbfb, #cfcfcf); }
.m-rx .m-tel .m-num { padding-left:28%; font-family:"Microsoft Yahei"; font-size:1em; color:#da251c; font-weight:bold; padding-top:1.4em;}
.m-rx .m-tel .m-num a{ color:#da251c;}
.m-rx .m-tel .u-tel{ width:5.46%; height:40%; display:block; float:left; position:absolute; left:18.43%; top:34%; background:url(/mobile/Images/Index/tel_hong.png) no-repeat;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;} 
.m-rx .u-tel .z-ln-1 , .m-rx .u-tel .z-ln-2 , .m-rx .u-tel .z-ln-3{ border-color:#da251c;}

/*关于加美*/
.m-gy{ height:20em; overflow:hidden;}
.g_tit{ font-size:1em; color:#fff; height:2.92em; line-height:2.92em; padding:0 3%; background:#da251c;}
.g_tit1{ font-size:1em; color:#fff; height:2.5em; line-height:2.5em; padding:0 3%; background:#da251c;}
.g_tit p a{color:#fff;}
.g_tit span a{ color:#fff;}
.m-gy .gy_sp{ width:94.42%; margin:0 auto; padding-top:1.4em;}
.m-gy .gy_sp img{ display:block; width:100%;}


/*选择加美润滑油的6大理由*/
.m-ys h2{ background:url(/mobile/Images/Index/ys_h2.gif) no-repeat center top; font-size:1em; padding-top:1.5em; height:4.15em; width:100%; overflow:hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-ys h2 span{ width:27.96%; padding:0 2% 0 8.12%; display:block; float:left;}
.m-ys h2 span img{ display:block; width:100%;}
.m-ys h2 a{ display:block; color:#fff; font-size:1.25em; font-weight:bold; line-height:2.5em;}
.m-ys .ly{ width:94.42%; margin:0 auto; padding-top:2em;}
.ly dl{ background:url(/mobile/Images/Index/ys_bj.png) no-repeat center bottom; height:5.33em; width:100%; clear:both; padding-top:1em; overflow:hidden;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;} 
.ly .nones{ background:none; height:4.4em;}
.ly dl dt{ width:13.95%; height:2.17em; padding-top:1.2em; font-size:1.04em; color:#da251c; text-align:center;font-weight:bold; float:left;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;} 
.ly dl dd{ float:left; font-size:0.9em; font-weight:bold; color:#000; width:83%; padding-left:1%; overflow:hidden;}
.ly dl dd span{ display:block; font-size:1.04em; color:#da251c; line-height:1.87em;}
.ly dl dd p{ width:100%}
.ly dl dd p i{ float:left; padding:0 0 0 5%; width:26%; position:relative; line-height:2em; display:block;}
.ly dl dd p i:before{  content:""; position:absolute; top:0.6em; left:0; display:block; width:11%; height:0.79em; background:url(/mobile/Images/Index/ys_img.png) no-repeat left center;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;} 

.ly .ly_d dd p i{width:45%;}

.ly dl:nth-child(4) dd p i:before,.ly dl:nth-child(5) dd p i:before,.ly dl:nth-child(6) dd p i:before{width:7%; height:0.7em;}
/*产品中心*/
.pro_1{ width:94.06%; margin:0 auto; padding:0.8em 0 0.65em 0;}
.pro_1 div{ padding:0.6em 0 0.8em; width:48.25%; height:10em; overflow:hidden;}
.pro_1 h3{ height:2.25em; font-size:1em; padding-left:8%; 
background-image: -webkit-linear-gradient(top, #f6f6f6, #e6e6e6);
background-image: -moz-linear-gradient(top, #f6f6f6, #e6e6e6); 
background-image: -o-linear-gradient(top, #f6f6f6, #e6e6e6); 
background-image: -ms-linear-gradient(top, #f6f6f6, #e6e6e6); 
background-image: linear-gradient(top, #f6f6f6, #e6e6e6); }
.pro_1 h3 a{ display:block; float:left; color:#222; padding-left:4%; line-height:2.25em;}
.pro_1 h3 span{ width:14.43%; display:block; float:left; padding-top:0.25em;}
.pro_1 h3 span img{ display:block; width:100%;}
.pro_1 ul{ padding-top:0.3em;}
.pro_1 li{ font-size:1em; line-height:2.5em; height:2.5em; overflow:hidden;}
.pro_1 li a{ display:block; color:#222;}


/*最新产品*/
.m-new{ height:auto; height:33.45em; overflow:hidden;}
.m-new ul{ width:94.06%; margin:0 auto; padding-top:1.13em;}
.m-new li{ float:left; width:48.33%; padding-bottom:0.5em; overflow:hidden;}
.m-new li:nth-child(1),.m-new li:nth-child(3){ margin-right:3.2%;}
.m-new li img{ display:block; width:98%; border:1px solid #d7d7d7;}
.m-new li span{ display:block; font-size:1em; font-family:"Microsoft Yahei"; color:#666; line-height:2.5em; text-align:center;}

/*加美5大加盟政策支持*/
.m-zc{ width:94.06% ;margin:0 auto; padding-top:1.66em; padding-bottom:1.7em; overflow:hidden;}
.m-zc h2{ font-size:1em; color:#fff; font-weight:bold; text-align:center; height:3.8em; line-height:3.6em; overflow:hidden;  background:url(/mobile/Images/Index/zc_h.gif) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-zc h2 span{ font-size:1.5em;}

.m-zc dl{ border:0.04em solid #d5d5d5; background:#f7f7f7; margin-top:0.41em; height:4.5em; padding:1.16em 0 0 1.8%;}
.m-zc dl:nth-child(5){ height:7.7em;}
.m-zc dl:nth-child(2){ margin-top:0.8em;}
.m-zc dl:nth-child(2) dd{padding-top:1em;}
.m-zc dt{ width:33%; float:left; overflow:hidden;}
.m-zc dt b{ display:block; float:left; font-size:1.08em; color:#da251c; font-family:"Microsoft Yahei"; line-height:3em; padding-left:1.8%;}
.m-zc dt span{ display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:2em; color:#fff; line-height:1.8em; text-align:center; width:41%; height:1.8em;  background:url(/mobile/Images/Index/ys_s.gif) no-repeat center top; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-zc dd{ float:right; width:66%; overflow:hidden;  line-height:1.7em;}
.m-zc dd i{ float:left; padding:0 0 0 8%; width:85%; position:relative;}
.m-zc dl:nth-child(2) dd i{ width:40%;}
.m-zc dl:nth-child(2) dd i:before{ width:9%;}
.m-zc dd i:before{  content:""; position:absolute; top:0.5em; left:0; display:block; width:5%; height:0.6em; background:url(/mobile/Images/Index/zc_img.png) no-repeat left top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}


/*招商流程图*/
.m-zs{ height:24.45em; overflow:hidden; background:url(/mobile/Images/Index/zs_bj.jpg) no-repeat center top;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;}
.m-zs ul{ width:94.06%; margin:0 auto; padding-top:1.8em;}
.m-zs li{ float:left; width:25.08%; padding-bottom:1em; overflow:hidden; margin-right:12.29%;}
.m-zs li:nth-child(3),.m-zs li:nth-child(5){ margin-right:0;}
.m-zs li:nth-child(6){ margin-right:0; width:37%;}
.m-zs li:nth-child(6) img{ width:67%; padding-left:33%;}
.m-zs li img{ display:block; width:100%;}
.m-zs li span{ display:block; font-size:1em; font-family:"Microsoft Yahei"; color:#666; line-height:2.5em; text-align:center;}

/*经销商见证 */
.m-kh{ padding-bottom:1.5em; overflow:hidden;}
.m-kh dl{ clear:both; padding-left:2.81%; margin-top:1.5em; height:7.5em;}
.m-kh dt{ width:32.62%; float:left;}
.m-kh dt img{ display:block; width:95%; border:1px solid #ececec; padding:0.16em; background:#fff;}
.m-kh dd{ font-size:1em; font-family:"Microsoft Yahei"; width:90%; padding-left:3%; float:left;}
.m-kh dd h3{ color:#df271e; font-size:1em; line-height:1.8em;}
.m-kh dd p{ color:#666; line-height:1.66em; height:5.5em; overflow:hidden;}
.m-kh dd p a{ color:#666;}

/*合作伙伴*/
.m-hz{ height:21.7em; overflow:hidden;}
.m-hz ul{ width:94.06%; margin:0 auto; padding-top:1.8em;}
.m-hz li{ float:left; width:31.89%; padding-bottom:0.5em; overflow:hidden; margin-right:2.1%;}
.m-hz li:nth-child(3),.m-hz li:nth-child(6){ margin:0;}
.m-hz li img{ display:block; width:98%; border:1px solid #d2d2d2;}
.m-hz li span{ display:block; font-size:1em; font-family:"Microsoft Yahei"; color:#000; line-height:2.58em; letter-spacing:-1px; text-align:center;}

/*行业新闻*/
.m-zz { height:32.65em; position:relative; overflow:hidden;}
.m-zz .sclwrap_box , .m-zz .m-box { height:29.8em; overflow:hidden;}
.m-zz .til03{ background:#da251c; color:#fff; font-size:1em; height:2.58em; padding:0.33em 0 0 3%;}
.m-zz .til03 li{ display:inline-block; float:left; text-align:center; font-size:1em; height:2.58em; line-height:2.58em; width:25%; text-align:center;}
.m-zz .til03 li.z-on{ background:#fff; border-radius:4px 4px 0 0; display:block; color:#e4281f; position:relative; }

.zz_c{ padding:0 0 0 5%; }
.zz_c div{ display:inline; float:left;}
.zz_c dl{ font-size:1em; font-family:"Microsoft Yahei"; color:#666; padding:1.6em 0 0.2em 2.81%; border-bottom:1px dashed #c6c6c6; height:8em; overflow:hidden; width:94%; overflow:hidden;}
.zz_c dl:last-child{ border-bottom:none; }
.zz_c dt span{ border-radius:2px; margin-right:3%; display:inline-block; color:#fff; width:7.87%; height:2.04em; background:#da251c; text-align:center; line-height:2.04em; }
.zz_c dt a{color:#666; }
.zz_c dd{ display:block; width:100%; margin-top:0.87em;}
.zz_c dd span{ margin-top:0.3em;  border-radius:2px; margin-right:3%; display:block; float:left; color:#fff; width:7.87%; height:2.04em; background:#ffbe04; text-align:center; line-height:2.04em; }
.zz_c dd em{ display:block; float:left; line-height:2em; width:86%; height:5em; overflow:hidden;}

.zz_c ul li span{ display:block; float:left; width:1.2%; padding:0.7em 3% 0 2%;}
.zz_c ul li span img{ display:block; width:100%;}
.zz_c ul li em{ display:block; float:left;}
.zz_c ul{ padding-top:1em;}
.zz_c ul li a{ padding-left:2%; color:#434343; line-height:2.1em;}
.zz_c ul li{ height:2.1em; overflow:hidden; border-bottom:1px dashed #eee;}
.zz_c ul .nones{ border-bottom:none;}





























@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:85%;}
}
@media screen and (min-width:480px) {
	body { font-size:111%;}

}
@media screen and (min-width:568px) {
	body { font-size:129%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}