@charset "gb2312";
/* CSS Document */
.banner{ width:100%; max-width:480px; margin:auto;}
.banner img{ display:block; width:100%; height:auto; margin:auto;}
/*nav*/
.nav_box{ width:100%; max-width:480px; margin:auto; text-align:center; padding:30px 0; background:#40a4b6; overflow:hidden;}
.nav_box li{ display:inline-block;}
.nav_box li span{ display:inline-block; font-size:0.9rem; color:#fff; text-align:center;}
.nav_box li span img{ display:block; width:35px; height:auto; margin:0 auto 10px;}
.nav_box li:after{ content:""; display:inline-block; width:1px; height:60px; background:#8cc8d3; margin:0 18px;}
.nav_box li:last-child:after{ display:none;}
/*product*/
.pr_bj{ width:100%; max-width:480px; margin:auto; padding:30px 0 30px; background:#f8f8f8; overflow:hidden}
.pr_title,.gongchang_title,.honor_title{ width:96%; margin:auto;}
.pr_title h1,.gongchang_title h1,.honor_title h1{ display:block; font-size:1.8rem; font-weight:bold; color:#2b2b2b; text-align:center;}
.pr_title span,.gongchang_title span,.honor_title span{ display:block; width:30px; margin:18px auto 0;}
.pr_title span img,.gongchang_title span img,.honor_title span img{ display:block; width:100%; height:auto;}

.pr_tu{ display:block; width:96%; margin:auto; margin-top:40px; overflow:hidden;}
.pr_tu li{ float:left; width:48.5%; margin-right:3%; margin-bottom:20px; background:#fff; overflow:hidden;}
.pr_tu li:nth-child(2n+0){ margin-right:0;}
.pr_tu li .img_tu{ width:100%;overflow:hidden;}
.pr_tu li img{ display:block; width:100%; height:auto;overflow:hidden;}
.pr_tu li .pr_ti{ display:block; padding:10px 0; background:#3aa6bb; text-align:center;}
.pr_tu li .pr_ti span{ display:inline-block; width:92%; height:30px; border-radius:15px; font-size:0.9rem; color:#111111; text-align:center; line-height:30px; background:url(../images/title_bj2.png) no-repeat center;}
.pr_box2{ width:96%; max-width:640px; margin:30px auto 40px;}
.pr_box2 ul{ display:block; margin-top:40px; overflow:hidden;}
.more_box{ width:100px; height:32px; margin:30px auto 0; border:1px solid #dadada; border-radius:6px; overflow:hidden;}
.more_box a{ display:block; font-size:0.8rem; color:#666; text-align:center; line-height:32px;}
/*解决方案*/
.plan_box{ width:100%; max-width:480px; margin:45px auto 30px;}
.case_title{ width:96%; margin:auto;}
.case_title h1{ display:block; font-size:1.8rem; font-weight:bold; color:#2b2b2b; text-align:center;}
.case_title span{ display:block; width:30px; margin:18px auto 0;}
.case_title span img{ display:block; width:100%; height:auto;}
.case_tubox{ display:block; width:96%; margin:42px auto 0; overflow:hidden;}
.case_tubox li{ float:left; width:48.5%; margin-right:3%; margin-bottom:20px; border-radius:5px; overflow:hidden;}
.case_tubox li:nth-child(2n+0){ margin-right:0;}
.case_tubox li .case_tu{ width:100%; overflow:hidden;}
.case_tubox li .case_tu img{ display:block; width:100%; height:auto;}
.case_tubox li span{ display:block; padding:12px; background:#3aa6bb; font-size:1rem; color:#fff; line-height:28px; text-align:center;}
/*我们的工厂*/
.gonchang_bj{ width:100%; max-width:480px; margin:auto; padding:45px 0 30px; background:#f8f8f8;}
.gongchang_box{ display:block; width:96%; margin:42px auto 0; overflow:hidden;}
.gongchang_box li{ float:left; width:48.5%; margin-right:3%; margin-bottom:20px;}
.gongchang_box li img{ display:block; width:100%; height:auto;}
.gongchang_box li:nth-child(2n+0){ margin-right:0;}

.honor_bj{ width:100%; max-width:480px; margin:auto; padding:60px 0 65px; background:#f8f8f8; background-image:url(../images/honor_bj.jpg); background-repeat:no-repeat; background-position:bottom;}
.honor_tu{ width:100%; margin-top:42px;}
.honor_tu img{ display:block; width:100%; height:auto;}
/*news*/
.news_box{ width:96%; margin:auto; margin-top:20px;}
.news_title{ display:block; border-bottom:#CCC 1px solid; padding-bottom:10px; overflow:hidden;}
.news_title dt{ float:left; font-size:16px; line-height:30px; color:#eb3c00;}
.news_title dd{ float:left; font-size:16px; line-height:30px; color:#cdd0d2;}
.news_title a{ float:right; font-size:12px; line-height:30px;}
.news_con{ width:100%; margin:auto; margin-top:15px;}
.news_con dl{ display:block; border-bottom:#CCC 1px dashed; overflow:hidden;}
.news_con dl dt{ float:left; width:70%; padding-left:20px; line-height:40px; background:url(../images/news_tb.png) no-repeat left;}
.news_con dl dt a{ display:block; font-size:0.9rem; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_con dl dd{ float:right; font-size:12px; line-height:40px;}

.list_jies_con{ width:100%; margin:20px 0;}
.list_jies_con p{ display:block; width:96%; margin:auto; font-size:0.9rem; color:#444; line-height:30px;}
.jies_nav{ width:100%; background:#f1f1f1; margin:10px auto; padding:25px 0;}
.jies_nav h2{ display:block; font-size:1.4rem; font-weight:bold; color:#333; text-align:center;}
.jies_nav ul{ display:block; width:96%; margin:20px auto 0; overflow:hidden;}
.jies_nav ul li{ float:left; width:32%; height:36px; border-radius:3px; background:#cb0909; margin-right:2%; margin-bottom:10px;}
.jies_nav ul li:nth-child(3n+0){ margin-right:0;}
.jies_nav ul li a{ display:block; font-size:0.8rem; color:#fff; text-align:center; line-height:36px;}
.jies_tu{ display:block; width:96%; margin:10px auto; overflow:hidden;}
.jies_tu li{ float:left; width:49%; margin-right:2%;}
.jies_tu li img{ display:block; width:100%; height:auto;}
.jies_tu li:nth-child(2n+0){ margin-right:0;}
.list_honor{ width:96%; margin:50px auto 25px;}
.list_honor h2{ display:block; font-size:1.6rem; font-weight:bold; color:#333; text-align:center; margin-bottom:30px;}
.list_honor .hd{ width:92%; margin:auto;}
.list_honor .hd ul{ display:block; text-align:center;}
.list_honor .hd ul li{ display:inline-block; width:6px; height:6px; background:#ccc; border-radius:3px; margin:0 3px; font-size:0;}
.list_honor .hd .on{ background:#c20000;}
.list_honor ul{ display:block; margin:auto; overflow:hidden;}
.list_honor ul li{ display:block; width:100%; margin-bottom:10px;}
.list_honor ul li img{ display:block; width:100%; height:auto;}
.gsxc_box{ width:100%; background:#f5f5f5; padding:25px 0;}
.gsxc_box h2{ display:block; font-size:1.6rem; font-weight:bold; color:#333; text-align:center;}
.gsxc_box ul{ display:block; width:96%; margin:20px auto 0; overflow:hidden;}
.gsxc_box ul li{ float:left; width:49%; margin-right:2%; margin-bottom:10px;}
.gsxc_box ul li:nth-child(2n+0){ margin-right:0;}
.gsxc_tu{ width:100%; overflow:hidden;}
.gsxc_tu img{ display:block; width:100%; height:auto;}
.gsxc_box ul li span{ display:block; font-size:0.9rem; color:#666; text-align:center; line-height:30px;}