/*Generated by wjdhcms 3.0 */

.product-message .btn-tj {
    background-color: #4b9100;
}

.case-list li .more {
    background-color: #4b9100;
}

.news-tab .on {
    background-color: #4b9100;
}

.news-top .info span {
    background-color: #4b9100;
}

.pages .current {
    background-color: #4b9100;
    border: 1px solid #4b9100;
}

.product-info a svg {
    fill: #4b9100;
}

.driving-way .hd li.on {
    background-color: #4b9100;
}

/*首页样式*/

.wrap{min-width:320px;max-width:640px;margin:0 auto; overflow:hidden; position:relative;} /*&#33150;&#21338;&#20250;首页宽度*/

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:auto; overflow:hidden;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:auto; overflow:hidden;}
.g-adv ul li img{ width:100%; }



/*-----------------------------------------------------------------------------------------------------------------------*/
.nav{ height:auto; overflow:hidden; background: #fff; margin: 0.8rem 0.2rem 0 0.2rem ; 

	display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:content-box;

}

.nav a{float: left; width: 24%; margin: 0 0.5% 0.8rem 0.5%; border-radius: 0.4rem; color:#fff; background: #4b9100; font-size:1rem; height: 4rem; text-align:center; line-height:4rem; overflow:hidden; display:block;}

.nav em{ display: block; width: 2.15rem; height: 2.15rem; margin: 0.4rem auto 0;}
.nav img{ display: block; width: 2.15rem; height: 2.15rem; margin: 0.4rem auto 0;}


/**/
.sol{ height: 20rem; background: #f7f7f7;}

.sol h2{  background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgSD11fKOgJJ1H.jpg) no-repeat center bottom; padding-top: 1rem; text-align: center; height: 4.2rem; overflow: hidden; background-size: 100%;}

.sol h2 a{ display: block; font-size: 1.5rem; font-weight: bold; color: #323232; font-family: "Microsoft Yahei"}
.sol h2 em{ color: #4b9100;}
.sol h2 span{ color: #b2b2b2; text-transform: uppercase; font-family: Arial; font-size: 1rem;}

.sol_c ul{ margin-left: 0.7rem;}
.sol_c ul li{ background: #fff; border: 1px solid #dbdbdb; float: left; margin-right: 0.5rem; margin-bottom: 0.6rem; width: 48%; height: 6.25rem;}
.sol_c ul li em{ margin-top: 0.5rem; margin-left: 1.3rem; display: block; width: 5.2rem; height: 5.2rem; float: left;}
.sol_c ul li em img{ width: 5.2rem;}
.sol_c ul li span{ margin-left: 1.4rem; margin-top: 1.5rem; display: block; float: left; width: 35%; font-size: 1rem; color: #5b5b5b; font-family: "Microsoft Yahei"; height: 3.2rem; overflow: hidden;}
.sol_c ul li:nth-child(2n){ margin-right: 0;}

/**/
.pro{ height:auto; overflow: hidden; margin-top: 1rem; }

.pro h2{ background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgSD11fKOgJJ1H.jpg) no-repeat center bottom; padding-top: 1rem; text-align: center; height: 4.2rem; overflow: hidden; background-size: 100%; }
.pro h2 a{ display: block; font-size: 1.5rem; font-weight: bold; color: #323232; font-family: "Microsoft Yahei"}
.pro h2 em{ color: #4b9100;}
.pro h2 span{ color: #b2b2b2; text-transform: uppercase; font-family: Arial; font-size: 1rem;}


.s_tite{ color: #323232;  text-align: center; height: 4.5rem;  }
.s_tite_1{ display: block; font-size: 1.5rem; font-weight: bold; height: 1.8rem; line-height: 1.8rem; }
.s_tite_1 a{ color: #4b9100;  }
.s_tite_2{  background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgSD11fKOgoDyD.jpg) center repeat-x ; height: 2.3rem; line-height: 2.3rem;  }
.s_tite_2 span{background:#FFF; padding:0 0.8rem; text-transform:uppercase;}


.pro_con{ width: 96%; margin: 0 auto; height:auto; overflow: hidden;}
.pro_con .con{ flolt:left; width:100%; display: inline-block;}

.pro_q{ height: 2.4rem; overflow: hidden; margin-bottom: 15px;}
.pro_q li{ width: 31.3%; height: 2.4rem; overflow: hidden; background: #757575; border-radius: 1.5rem; font-size: 1rem; line-height: 2.4rem; text-align: center; color: #fff; float: left; margin-right: 2%;}
.pro_q .z-on{ background: #4b9100;}
.pro_q li:nth-child(4){ margin-right: 0;}

.pro_c{ height:auto; overflow: hidden;}

.p_w{ height: 0.1rem; overflow: hidden; position: relative;}
.p_w p{ padding-top: 0.6rem;width: 82%; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; font-family: "Microsoft Yahei"; font-size: 1rem; color: #5b5b5b; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.p_w p a{ padding: 0 0.25rem; line-height: 2.2rem; font-size: 1rem; color: #5b5b5b; font-family: "Microsoft Yahei";}
.p_w span{ position: absolute; width: 13%; height: 1.6rem; display: block; border: 1px solid #4b9100; top: 1rem; right: 0; text-align: center; font-size: 1rem; color: #4b9100;}
.p_w span a{ color: #4b9100;}

.p_c{ height:auto; overflow: hidden;}
.p_c dl{ height:auto; overflow: hidden; background: #f7f7f7; padding:1.2rem 0; }

.p_c dl dt{ height:auto; overflow: hidden; text-align:center;}

.p_c dl dt img{max-width:98%; max-height:18.05rem; }

.p_c dl dd{ padding: 0 0.8rem; font-size: 1rem; color: #7f7f7f; font-family: "Microsoft Yahei"; line-height: 1.5rem;  }
.p_c dl dd a{ line-height: 2.7rem; display: block; font-size: 1.3rem; font-weight: bold; color: #323232; font-family: "Microsoft Yahei";}
.p_c dl dd a img{ width: 1.4rem; vertical-align: middle;}
.p_c ul{ margin-top: 1.2rem;}

.p_c ul li{ line-height: 0; overflow: hidden; width: 48%; height:10rem; float: left; margin-right: 0.5rem; position: relative; border: 1px solid #e3e3e3; text-align:center; }

.p_c ul li img{ max-width:98%; max-height:10rem;}

.p_c ul li span{ display: block; width: 100%; position: absolute; background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgSD11fD1psDy1G.jpg) repeat; bottom: 0; left: 0; text-align: center; font-size: 1rem; color: #fff; height: 2.15rem; line-height: 2.15rem; -webkit-background-size: 0.5rem 2.15rem; -moz-background-size: 0.5rem 2.15rem; -o-background-size: 0.5rem 2.15rem; background-size: 0.5rem 2.15rem;}

.p_c ul li:nth-child(2){ margin-right: 0;}

.p_c_more {
    display: block;
    width: 30%;
    margin: 1rem auto 0;
    height: 2.5rem;
    background: #4b9100;
    border-radius: 1.2rem;
    line-height: 2.5rem;
    font-size: 1rem;
    color: #fff;
    text-align: center;
}
.p_c_more a{ color:#FFF;} 



/**/
.case{ height:auto; overflow: hidden; margin-top: 1.5rem; }

.case h2{ color: #323232; font-size: 1rem;  background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgSD11fKOgJJ1H.jpg) repeat-x bottom; padding-top: 1rem; text-align: center; height: 5rem; overflow: hidden;  }

.case h2 a{ margin-top: 1.5rem; display: block; font-size: 1.5rem; color: #4b9100; font-weight: bold;}

.case_con{ width: 96%; margin: 0 auto; position: relative;}

.case_con span{ position: absolute; display: block; width: 4.5rem; height: 2.85rem; background: #757575; text-align: center; font-size: 1rem; color: #fff; line-height: 2.85rem; right: 0; top: 0; border-left:2px solid #FFF;}

.case_con span a{ color: #fff;}

.case_con .con{ flolt:left; width:100%; display: inline-block;}
.case_q{ height: 4.4rem;}
.case_q li{ text-align: center; font-size: 1rem; color: #fff; line-height: 2.85rem; width: 6rem; height: 2.85rem; float: left; background: #757575; margin-right: 0.15rem;}
.case_q .z-on{ background: #4b9100;}

.case_c{ height:auto; overflow: hidden;}
.case_c p{ margin-bottom: 0.4rem; width: 100%;  line-height:0; overflow: hidden; position: relative;}

.case_c p img{ width:100%;}

.case_c p em{ width: 100%; font-weight: bold; line-height: 2.4rem; position: absolute; text-align: center; font-size: 1rem; color: #fff; background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgJHRSJn0WGURAnHt.jpg) repeat; height: 2.4rem; bottom: 0; left: 0;}


.case_c ul li{ width: 47%; height:13rem; float: left; margin: 0 1% 1.2rem 1%; text-align:center; border:1px solid #dedede;  }

.case_c ul li em{ display: block;height:2rem;overflow:hidden; line-height: 2rem; font-size: 1.1rem; color: #5b5b5b; text-align: center; margin-top:0.3rem;}

.case_c ul li img{ max-width:98%; height:10rem; }

/**/
.ad{ position: relative; height:auto; overflow: hidden; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
.ad p{ font-size: 1.1rem; font-family: "Microsoft Yahei"; color: #fff; position: absolute; top: 3.5rem; left: 19rem;}
.ad p span{ font-family: Arial;}
.ad img{ width:100%; }



/**/
.edgv{ height:auto; overflow: hidden; padding-bottom: 2.5rem; position: relative;   }  /*优势调整高度1*/
.edgv h2{ font-size: 1rem; color: #323232; font-family: "Microsoft Yahei"; text-align: center; height: 5.2rem; overflow: hidden; }
.edgv h2 b{ margin-top: 1rem; display: block; font-size: 1.5rem; color: #4b9100;}

.edgv .e01, .edgv .e02{ display: block; position: absolute; bottom: 1.5rem; width:3.3rem; height:3.3rem; overflow: hidden;}

.edgv .e01 img, .edgv .e02 img{ width:100%;}

.edgv .e01{ left:3rem;  background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgZKxqNKSkhKyMFDE9PKIZ.jpg) no-repeat; background-size:3.3rem; }
.edgv .e02{ right:3rem;  background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgZKxqNKSkhDScGKHHpD1cF.jpg) no-repeat; background-size:3.3rem; }

.edgv_con{ height:auto;}
.edgv_con .con{ float: left; display: inline; width: 100%;}

.edgv_c{ height: auto; overflow: hidden;}
.edgv_c dl dt{ width: 100%; height:auto; overflow:hidden;}

.edgv_c dl dt img{ width:100%; }


.edgv_c dl dd{ width: 94%; height: 8rem; line-height: 1.5; margin: 1rem auto 0 auto;} /*优势调整高度2*/

@media only screen and (max-width: 380px) { .edgv_c dl dd{ height: 8rem; } }

@media only screen and (max-width: 365px) { .edgv_c dl dd{ height: 9rem; } }

@media only screen and (max-width: 325px) { .edgv_c dl dd{ height: 10rem; } }

.edgv_c dl dd p{ padding-left: 0.9rem; font-size: 1rem; color: #323232; font-family: "Microsoft Yahei"; line-height: 1.8rem; background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgDIIISn0WGUSEqHj.jpg) no-repeat left center;-webkit-background-size: 0.4rem 0.4rem; -moz-background-size: 0.4rem 0.4rem; -o-background-size: 0.4rem 0.4rem; background-size: 0.4rem 0.4rem;}
.edgv_c dl dd b{ font-size: 1.4rem; color: #4b9100; }


.edgv_q{ text-align:center; }

.edgv_q li{ width: 1.7rem; height: 1.7rem; line-height:1.7rem; font-size:1.2rem; background: #545454; color:#FFF; border-radius:50%; margin: 0 0.2rem 0 0.2rem; display: inline-block;}

.edgv_q .z-on{ background: #4b9100; color:#FFF;}

.edgv_q li:nth-child(4){ margin-right: 0;}


/**/
.new{ height: 29.5rem; overflow: hidden; position: relative;}

.new span{ display: block; height: 3.8rem; line-height: 3.8rem;  position: absolute; top: 0; right: 1.2rem; font-size: 1rem; color: #fff; }
.new span a{ color: #fff; width:1.3rem; height: 3.8rem;  display:inline-block; }

.new span img{  width: 1.7rem; height: 1.7rem; margin-top: 1.1rem; }

.n_q{ height: 3.85rem; overflow: hidden; background: #5b5b5b;}
.n_q li{ width: 7.6rem; height: 3.85rem; text-align: center; font-size: 1rem; font-family: "Microsoft Yahei"; float: left; color: #fff; line-height: 3.85rem;}
.n_q .z-on{ background: #4b9100;}

.n_c{ width: 95%; margin: 0 auto;}
.n_c dl{ margin-top: 1rem; margin-bottom: 1.1rem; height: 7.55rem; overflow: hidden;}
.n_c dl dt{ width: 40%; height: 7.55rem; overflow: hidden; float:left;}
.n_c dl dt img{ width:100%; height: 7.55rem;}

.n_c dl dd{ width: 57%; float:right;}

.n_c dl dd p{ height:7.2rem; line-height: 2rem; font-size: 1rem; color: #555; font-family: "Microsoft Yahei"; overflow: hidden;}

.n_c dl dd p a{ height: 1.5rem; line-height: 1.5rem; display: block; font-size: 1.1rem; color: #2b2b2b; font-family: "Microsoft Yahei"; font-weight: bold; overflow:hidden;}

.n_c dl dd em{ display: block; width: 1.35rem; margin-top: 0.3rem;}

.n_c ul li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgooxIETyWLIN.jpg) no-repeat left center; padding-left: 1rem; height: 2.95rem; border-bottom: 1px dashed #b8b8b8; font-size: 1rem; line-height: 2.95rem; font-family: "Microsoft Yahei";-webkit-background-size: 0.55rem 0.85rem; -moz-background-size: 0.55rem 0.85rem; -o-background-size: 0.55rem 0.85rem; background-size: 0.55rem 0.85rem;}
.n_c ul li a{ color: #555;}
.n_c i{ display: block; width: 30%; margin: 1rem auto 0; height: 2.5rem; background: #4b9100; border-radius: 1.2rem; line-height: 2.5rem; font-size: 1rem; color: #fff; text-align: center;}
/**/
.about{ height:auto; overflow: hidden; padding-bottom:.5rem; margin-top:2.5rem;}
.about dl dt{ width: 100%; height:auto; overflow: hidden;}
.about dl dt img{ width:100%; }

.about dl dd{ width: 96%; margin: 0 auto; margin:0 2%;}
.about dl dd p{font-size: 1rem; color: #555; line-height: 1.8rem; font-family: "Microsoft Yahei";}
.about dl dd p a{ display: block; font-size: 1.2rem; color: #2b2b2b; font-family: "Microsoft Yahei"; line-height: 4.1rem; text-align: center; font-weight: bold;}
.about dl dd span{ display: block; width: 10.85rem; height: 2.5rem; background: #4b9100; border-radius: 2rem; margin: 1rem auto 0; text-align: center; font-size: 1rem; color: #fff; line-height: 2.5rem;}
.about dl dd span a{ color: #fff;}
/*-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
*/


/*  顶部样式  */


.g-hd{ overflow:hidden; position:relative; border-bottom: 1px solid #f0f0f0; }


.g-hd p{ height:3rem; overflow:hidden; text-align: center; padding-left:3rem; line-height:3rem; font-size:1rem; color:#fff; background:url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgGKy1UHHqhItNnEI9I.jpg) no-repeat 15.5% center #4b9100; background-size: 1.65rem 1.65rem; margin: 0;}


.g-hd p span{ font-size:1.2rem; font-weight: bold;}

.m-logo{ display:block; width:14%; height:4.4rem; overflow:hidden; margin:1.15rem 0 0 3.8rem; position:relative;}
.m-logo img{ width:100%;}
.m-wz{ width:71%; margin-top: 1.5rem;}
.m-wz img{ width: 8.1rem;}
.m-wz b{ display:block; font-size:1.16rem; font-weight: normal; color:#4a5880;}


.g-ft{ margin-top: 2rem; height:auto; margin-bottom:5rem; }

.m-top{ height:26px; background:#4b9100; text-align:center; color:#fff; position:relative; z-index: 5;  padding-top: 14px; font-size: 1rem;
-webkit-box-sizing:initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

.m-top em{  width: 3rem; height:3rem; background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgsEHMpEOgOKSD.jpg) no-repeat center top #4b9100; background-size: 2.3rem; position:absolute; left:50%; margin-left:-1.5rem; top:-0.8rem; border-radius:50%; z-index: -1;}

.f_w{  overflow: hidden; font-size: 1rem; color: #555; font-family: "Microsoft Yahei"; line-height: 1.8rem;  text-align: center; padding:1rem 0.5rem 1.5rem 0.5rem;  }

.f_w a{ color: #555; }

.f_w h2{ font-size: 1rem;  line-height: 1.8rem; margin: 0; padding:0;}


.s_logo_a{ width:100%; height:auto;  padding:0.6em 0 0.6em 0;  }


.s_logoimg{float:left; margin:0 1em 0 0.5em; }
.s_logoimg img{  width:11rem; margin-top: 0.8rem;}

.s_logo_a_txt{ float:left; padding:0.5em 0 0.5em 0.5em; line-height: 1.6em; border-left:1px solid #dedede; margin-top:0.2em;}
.s_logo_a_txt span{ color:#4b9100; }


.ks_logoimg{ margin:0 1em 0.4rem 1em; text-align:center; }
.ks_logoimg img{  width:100%; max-width: 300px; margin-top: 0.3rem;}

.ks_logo_a_txt{  padding:0.2em; line-height: 1.2; border-top:1px solid #dedede; margin-top:0.2em; text-align:center; font-size: 1.13em; color:#222; }
.ks_logo_a_txt span{ color:#4b9100; }

.clear{clear:both;}


.social_nav5{ height:4.95rem; position:fixed; bottom:0; min-width:320px; max-width:640px; width:100%;z-index:999; 

	background:url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgKKxMUn1qJFxfnEI9I.jpg) repeat-x #4b9100;
	
	}

.social_nav5 li{ width:25%; float:left; position:relative; height:4.95rem; font:1rem "Microsoft Yahei"; text-align:center; color:#fff;  position:relative; border-right: 1px solid #fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.social_nav5 li:nth-child(4){ border-right:0;}

.social_nav5 li em{  height:2.7rem; display:block; margin:0.25rem auto 0; }

.social_nav5 li img{ width:1.7rem; height: 1.7rem; margin-top: 0.6rem;}

.social_nav5 li a{ color:#fff; font-family: "Microsoft Yahei";}

.social_nav5 li .ewm{ position:absolute; left:0; bottom:4.95rem; display:none;}
.social_nav5 li .ewm img{ width:100%; display:block;}
.social_nav5 li.cur:hover .ewm{ display:block;}


/*  内页部分样式  */

.pages .current {
    background-color: #4b9100;
    border: 1px solid #4b9100;
    color: #fff;
}


.product-info a svg {
    width: 25px;
    height: 25px;
    fill: #4b9100;
    margin: 0 10px 0 0;
}

.product-message .btn-tj {
    background-color: #4b9100;
    color: #fff;
}


.case-list li .more {
    background-color: #4b9100;
    color: #fff;
}

.news-tab .on {
    background-color: #4b9100;
    color: #fff;
}

.news-top .info span {
    background-color: #4b9100;
    color: #fff;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
}


.xb_img{ width:100%; margin-top:2rem; }
.xb_img img{ width:100%; }

.xb_tel { 
    height: 3rem;
    overflow: hidden;
    text-align: center;
    padding-left: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    color: #fff;
    background: url(/EIqrESyDEyMUTykgE1SLDJ0NONDVUIcMISMKDOgGKy1UHHqhItNnEI9I.jpg) no-repeat 15.5% center #4b9100;
    background-size: 1.65rem 1.65rem;
    margin:-0.5rem 0 0 0;
}
.xb_tel a{ color:#FFF; }

.xb_tel span {
    font-size: 1.3rem; font-weight: bold;
}







<!--耗时0.00030899047851562秒-->