@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_bj{ width:100%; max-width:480px; padding:40px 0; background:#f1f1f1; margin:auto;}
.product_navbox{ width:94%; margin:auto;}
.product_ti{ width:100%; padding:30px 0; background:#0093dd;}
.product_ti span{ display:block; font-size:1.8rem; font-weight:bold; color:#fff; text-align:center;}
.product_ti p{ display:block; font-size:1rem; color:#81c6e9; text-align:center;}
.product_nav{ padding:20px 12px; background:#fff; overflow:hidden;}
.fenlei_liebiao{ float:left; width:48%; margin-right:4%;}
.fenlei_liebiao:nth-child(2n+0){ margin-right:0;}
.fenlei_liebiao span{ display:block; width:148px; height:36px; margin:auto;}
.fenlei_liebiao span a{ display:block; border:1px solid #d7d7d7; font-size:1rem; color:#000; font-weight:bold; text-align:center; line-height:34px;}
.fenlei_liebiao ul{ display:block; overflow:hidden;}
.fenlei_liebiao ul li{ display:block; margin-top:12px;}
.fenlei_liebiao ul li a{ display:block; font-size:1rem; color:#444; line-height:24px; text-align:center;}
.product_box{ display:block; width:94%; margin:30px auto 0;}
.product_box li{ float:left; width:48.5%; margin-right:3%; margin-bottom:20px; background:#fff; box-shadow:0 0 6px rgba(102,102,102,0.3);}
.product_box li:nth-child(2n+0){ margin-right:0;}
.product_tu{ width:100%; overflow:hidden;}
.product_tu img{ display:block; width:100%; height:auto;}
.product_box li span{ display:block; padding:10px; border-top:1px solid #e1e1e1; font-size:1rem; color:#666; line-height:24px;}
/*工程案例*/
.case_box{ width:94%; margin:48px auto 0;}
.case_ti{ width:100%; margin:auto;}
.case_ti span{ display:block; font-size:1.8rem; font-weight:bold; color:#101010; text-align:center;}
.case_ti p{ display:block; font-size:1rem; color:#666; text-align:center; margin-top:5px;}
.case_liebiao{ display:block; width:100%; margin:30px auto 0; overflow:hidden;}
.case_liebiao li{ float:left; width:48.5%; margin-right:3%; margin-bottom:20px;}
.case_liebiao li:nth-child(2n+0){ margin-right:0;}
.case_liebiao li .case_tu{ width:100%; overflow:hidden;}
.case_liebiao li .case_tu img{ display:block; width:100%; height:auto;}
.case_liebiao li span{ display:block; font-size:0.9rem; color:#666; text-align:center; line-height:24px; margin-top:6px;}
/*关于东泉代木*/
.about_bj{ width:100%; max-width:480px; margin:48px auto;}
.about_ti{ width:94%; margin:auto;}
.about_ti span{ display:block; font-size:1.8rem; font-weight:bold; color:#101010; text-align:center;}
.about_ti p{ display:block; font-size:1rem; color:#666; text-align:center; margin-top:5px;}
.about_con{ width:94%; margin:30px auto; text-align:center;}
.about_con p{ display:block; font-size:1rem; color:#444; text-align:center; line-height:30px;}
.about_con a{ display:inline-block; font-size:1rem; color:#0093dd; text-align:center; line-height:24px; margin-top:10px;}
.about_tu{ width:94%; margin:auto; overflow:hidden;}
.about_tu img{ display:block; width:100%; height:auto;}