@charset "gb2312";
/* CSS Document */
.banner_box{ width:100%; max-width:480px; margin:75px 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; font-weight:bold; color:#004798; text-align:center;}
.product_ti p,.chanpin_ti p{ display:block; font-size:1rem; color:#666; text-align:center; margin-top:5px;}
.product_liebiao{ display:block; width:94%; margin:40px auto 0; overflow:hidden;}
.product_liebiao li{ display:block; background:#fff; padding:0 15px 30px; margin-bottom:30px;}
.product_liebiao li .product_tu{ width:100%; overflow:hidden;}
.product_liebiao li .product_tu img{ display:block; width:100%; height:auto; transition:all .3s;}
.product_con h1{ display:block; font-size:1.5rem; color:#101010; text-align:center;}
.product_con .product_text{ font-size:1rem; color:#666; line-height:24px; margin-top:12px; text-align:center;}
.product_con span{ display:block; width:120px; height:34px; border-radius:17px; margin:18px auto 0; background:#004798; font-size:0.9rem; color:#fff; text-align:center; line-height:34px;}
.product_liebiao li:hover .product_tu img{ transform:scale(1.05);}
/*样板工程*/
.case_box{ width:94%; max-width:480px; margin:40px auto}
.case_ti span{ display:block; font-size:1.8rem; font-weight:bold; color:#004798; text-align:center;}
.case_ti p{ display:block; font-size:1rem; color:#666; text-align:center; margin-top:5px;}
.case_liebiao{ display:block; margin-top:40px; overflow:hidden;}
.case_liebiao li{ display:block;margin-bottom:30px; position:relative;}
.case_liebiao li .case_tu{ width:100%; background:#000; overflow:hidden;}
.case_liebiao li .case_tu img{ display:block; width:100%; height:auto; transition:all .3s;}
.case_liebiao li .case_title{ width:100%; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0;}
.case_liebiao li span{ display:block; padding:15px; font-size:1.2rem; font-weight:bold; color:#fff; line-height:24px;}
/*新闻资讯*/
.news_bj{ width:100%; max-width:480px; margin:auto; padding:40px 0; background:#f6f9fa;}
.news_ti{ width:94%; margin:auto;}
.news_ti span{ display:block; font-size:1.8rem; font-weight:bold; color:#004798; 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:30px;}
.news_box li .news_tu{ width:100%; background:#000; overflow:hidden;}
.news_box li .news_tu img{ display:block; width:100%; height:auto; transition:all .3s;}
.news_box li .news_con{ padding:20px 15px 25px; background:#fff; border-bottom:4px solid #004798;}
.news_box li .news_con span{ display:block; font-size:0.9rem; color:#999;}
.news_box li .news_con p{ display:block; font-size:1.5rem; color:#101010; line-height:30px; margin-top:12px;}
.news_box li .news_con em{ display:block; font-style:normal; font-size:1rem; color:#7e7e7e; margin-top:15px;}
.news_box li:hover .news_tu img{ opacity:0.6; transform:scale(1.05);}