@charset "gb2312";
/* CSS Document */
.banner_box{ width:100%; max-width:480px; margin:65px 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;}

.fangan_bigbox{ width:96%; max-width:480px; margin:20px auto 0; overflow:hidden;}
.fangan_box{ width:100%; overflow:hidden;}
.fangan_liebiao{ display:block; overflow:hidden;}
.fangan_liebiao li{ float:left; width:100%; position:relative;}
.fangan_liebiao li .fangan_tu{ width:100%; background:#000; overflow:hidden;}
.fangan_liebiao li .fangan_tu img{ display:block; width:100%; height:auto; opacity:0.6; transition:all .5s;}
.fangan_liebiao li .fangan_con{ padding:0 15px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.fangan_liebiao li .fangan_con h1{ display:block; font-size:24px; color:#fff; line-height:32px;}
.fangan_liebiao li .fangan_con span{ display:block; width:100px; height:28px; border:1px solid #fff; border-radius:17px; font-size:12px; color:#fff; text-align:center; line-height:28px; margin-top:15px;}
.button_box{ width:100%; margin:30px auto; text-align:center;}
.huanLeft,.huanRight{ display:inline-block; width:32px; height:32px; border-radius:50%; margin:0 15px;}
.button_box a img{ display:block; width:100%; height:auto;}
/*产品中心*/
.product_box{ width:100%; max-width:480px; margin:auto; padding:40px 0; background:#fff; border-top:10px solid #f8f8f8;}
.product_tibox{ width:94%; margin:auto;}
.product_tibox h1{ float:left; font-size:24px; font-weight:bold; color:#212121; line-height:30px;}
.product_tibox .cpnav{ float:right; position:relative;}
.product_tibox .cpnav a{ display:block; font-size:1.1rem; color:#666; line-height:30px;}
.product_liebiao{ display:block; width:96%; margin:40px auto 0;}
.product_liebiao li{ float:left; width:48.5%; background:#fff; box-shadow:0 0 6px rgba(51,51,51,0.2); margin-right:3%; margin-bottom:20px;}
.product_liebiao li:nth-child(2n+0){ margin-right:0;}
.product_liebiao li .chanpin_tu{ width:100%; overflow:hidden;}
.product_liebiao li .chanpin_tu img{ display:block; width:100%; height:auto; transition:all .5s;}
.product_liebiao li span{ display:block; font-size:1rem; color:#333; line-height:24px; padding:10px 10px; text-align:center;}
.product_liebiao li .chanpin_title img{ float:right; margin-top:6px;}
/*公司概况*/
.about_bj{ width:100%; max-width:480px; margin:0 auto 40px; background:#fff; border-top:10px solid #f8f8f8; padding-top:30px;}
.about_box{ width:96%; margin:auto;}
.about_ti{ width:94%; margin:auto;}
.about_ti span{ display:block; font-size:30px; font-weight:bold; color:#393939; text-align:center;}
.about_ti p{ display:block; font-size:1rem; color:#666; line-height:24px; margin-top:10px; text-align:center;}
.about_tu{ margin-top:30px;}
.about_tu img{ display:block; width:100%; height:auto;}
.about_conbox{ margin-top:20px;}
.about_text{ font-size:1rem; color:#666; line-height:30px;}
.jiegou_liebiao dl{ display:block; margin-top:25px; overflow:hidden;}
.jiegou_liebiao dl dt{ float:left; width:18%;}
.jiegou_liebiao dl dt img{ display:block; width:100%; height:auto;}
.jiegou_liebiao dl dd{ float:right; width:78%;}
.jiegou_liebiao dl dd span{ display:block; font-size:1.3rem; font-weight:bold; color:#212121; line-height:36px;}
.jiegou_liebiao dl dd p{ display:block; font-size:1rem; color:#666; line-height:24px;}
/*创新技术*/
.chuangxin_bj{ width:100%; max-width:480px; background:#fff; margin:auto; padding:40px 0; border-top:10px solid #f8f8f8;}
.chuangxin_box{ width:96%; margin:auto;}
.chuangxin_ti span{ display:block; font-size:30px; font-weight:bold; color:#393939; text-align:center;}
.chuangxin_ti p{ display:block; font-size:1rem; color:#666; line-height:24px; margin-top:10px; text-align:center;}
.chuangxin_list{ display:block; margin-top:30px;}
.chuangxin_list li{ display:block; width:100%; position:relative; margin-bottom:10px;}
.chuangxin_list li .chuangxin_tu{ width:100%; background:#000; overflow:hidden;}
.chuangxin_list li .chuangxin_tu img{ display:block; width:100%; height:auto;}
.chuangxin_list li span{ display:block; width:120px; height:40px; border:2px solid #fff; border-radius:22px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:1rem; color:#fff; text-align:center; line-height:40px;}
.chuangxin_list li span img{ margin-left:15px;}
/*新闻中心*/
.news_bj{ width:100%; max-width:480px; background:#fff; padding:40px 0; border-top:10px solid #f8f8f8; margin:auto;}
.news_tibox{ width:94%; margin:auto; overflow:hidden;}
.news_tibox dl{ float:left;}
.news_tibox dl dt{ display:block; font-size:24px; font-weight:bold; color:#393939; line-height:30px;}
.news_tibox dl dd{ display:block; font-size:1rem; color:#666; line-height:24px; margin-top:10px;}
.news_tibox a{ float:right; font-size:1.1rem; color:#666; line-height:30px;}
.news_liebiao{ display:block; width:96%; margin:30px auto 0;}
.news_liebiao li{ display:block; background:#fff; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.news_liebiao li:last-child{ border-bottom:none; margin-bottom:0;}
.news_liebiao li h1{ display:block; font-size:1.2rem; font-weight:bold; color:#333; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_liebiao li h1 em{ font-style:normal; font-size:0.6rem; line-height:30px; margin-right:6px; color:#258c9d;}
.news_liebiao li .news_text{ font-size:1rem; color:#666; line-height:24px; margin-top:6px;}
.news_liebiao li span{ display:block; font-size:0.8rem; color:#888; line-height:24px; margin-top:10px;}
.news_liebiao li span em{ font-style:normal; color:#258c9d;}