@charset "gb2312";
/* CSS Document */
.banner_box{ width:100%; max-width:480px; margin:70px auto 0; position:relative; overflow:hidden;}
.banner{ display:block; width:100%;}
.banner li{ display:block;}
.banner li img{ display:block; width:100%; height:auto;}
.banner_box .hd{ width:100%; position:absolute; bottom:12px;}
.banner_box .hd ul{ display:block; text-align:center;}
.banner_box .hd ul li{ display:inline-block; width:6px; height:6px; border-radius:3px; background:rgba(255,255,255,0.5); margin:0 3px; transition:all .5s;}
.banner_box .hd .on{background:rgba(255,255,255,1); width:30px;}
/*产品中心*/
.product_box{ width:100%; max-width:480px; margin:auto; padding:40px 0; background:#f5f5f5;}
.product_ti{ width:94%; margin:auto;}
.product_ti span,.chanpin_ti span{ display:block; font-size:1.8rem; color:#1e1e1e; text-align:center;}
.product_ti p,.chanpin_ti p{ display:block; font-size:1rem; color:#666; text-align:center; margin-top:5px;}
.chanpin_fenlei{ display:block; width:94%; margin:40px auto 0; overflow:hidden;}
.chanpin_fenlei li{ float:left; width:30%; margin-right:5%; margin-bottom:20px; background:#fff; padding-bottom:20px; border-bottom:4px solid #86bf14;}
.chanpin_fenlei li:nth-child(3n+0){ margin-right:0;}
.chanpin_fenlei li img{ display:block; width:100%; margin:0 auto;}
.chanpin_fenlei li dl,.chanpin_fenlei li span{ display:block; margin-top:15px;}
.chanpin_fenlei li span{ font-size:1rem; color:#333; text-align:center;}
.chanpin_fenlei li dl dt{ display:block; font-size:1rem; color:#333; text-align:center;}
.chanpin_fenlei li dl dd{ display:block; font-size:0.8rem; color:#444; text-align:center;}

.product_liebiao{ display:block; width:94%; margin:35px auto 0; overflow:hidden;}
.product_liebiao li{ float:left; width:48.5%; background:#fff; margin-right:3%; margin-bottom:25px;}
.product_liebiao li:nth-child(2n+0){ margin-right:0;}
.product_liebiao li .product_tu{ width:100%; overflow:hidden;}
.product_liebiao li .product_tu img{ display:block; width:100%; height:auto;}

.product_liebiao li span{ display:block;background:#787878; font-size:1rem; color:#fff; text-align:center; line-height:36px;}
.product_liebiao li:hover span{ background:#86bf14;}
/*样板工程*/
.case_box{ width:100%; max-width:480px; margin:40px auto 0;}
.case_ti{ width:94%; margin:auto;}
.case_ti span{ display:block; font-size:1.8rem; color:#1e1e1e; text-align:center;}
.case_ti p{ display:block; font-size:1rem; color:#666; text-align:center; margin-top:5px;}
.shili_box{ width:92%; margin:15px auto 0;}
.shili_box img{ display:block; width:100%; height:auto;}
/*关于我们*/
.about_bj{ width:100%; max-width:480px; background:#f5f5f5; padding:40px 0; margin:auto;}
.about_ti{ width:94%; margin:auto;}
.about_ti span{ display:block; font-size:1.8rem; color:#1e1e1e; text-align:center;}
.about_ti p{ display:block; font-size:1rem; color:#666; text-align:center; margin-top:5px;}
.about_tu{ width:94%; margin:30px auto 0;}
.about_tu img{ display:block; width:100%; height:auto;}
.about_box{ width:94%; margin:20px auto 0;}
.about_box h1{ display:block; font-size:1.5rem; font-weight:bold; color:#333; text-align:center;}
.about_box .about_con{ font-size:1rem; color:#666; text-align:center; margin-top:20px; line-height:30px;}
.jianjie_more{ width:200px; margin:30px auto 0; overflow:hidden;}
.gengduo{float: left; width: 100px; height: 36px; border-bottom-left-radius: 18px; border-top-left-radius: 18px; background: #f96228;overflow: hidden;}
.zx{width: 100px; height: 36px; float: left; border-bottom-right-radius: 18px; border-top-right-radius: 18px; background: #87bc1d;}
.gengduo a,.zx a{ display:block; font-size:0.9rem; color:#fff; text-align:center; line-height:36px;}
/*新闻资讯*/
.news_bj{ width:100%; max-width:480px; margin:auto; padding:40px 0; background:#fff;}
.news_ti{ width:94%; margin:auto;}
.news_ti span{ display:block; font-size:1.8rem; color:#1e1e1e; text-align:center;}
.news_ti p{ display:block; font-size:1rem; color:#666; text-align:center; margin-top:5px;}
.news_box{ display:block; width:94%; margin:40px auto 0;}
.news_box li{ display:block; margin-bottom:35px; overflow:hidden;}
.news_box li .news_tu{ width:100%; overflow:hidden;}
.news_box li .news_tu img{ display:block; width:100%; height:auto; transition:all .3s;}
.news_box li .news_con{ width:100%; margin-top:15px;}
.news_box li .news_con span{ display:block; font-size:1.2rem; color:#101010; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_box li .news_con .news_text{ font-size:0.9rem; color:#666; line-height:24px; margin-top:15px;}
.news_box li .news_con em{ display:block; font-style:normal; font-size:0.9rem; color:#666; margin-top:10px;}