@charset "gb2312";
/* CSS Document */
.banner_box{ width:100%; max-width:480px; margin:70px auto 0; position:relative; overflow:hidden;}
.banner,.banner li{ display:block;}
.banner li img{ display:block; width:100%; height:auto;}
.banner_box .hd{ width:100%; position:absolute; bottom:50px;}
.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;}
/*走进钲通*/
.about_bj{ max-width:480px; margin:auto; background:#f8f8f8; padding:45px 0;}
.about_box{ width:94%; margin:auto;}
.about_title img{ display:block; width:70px; height:auto; margin:0 auto;}
.about_title h1{ display:block; font-size:1.8rem; text-align:center; color:#7e7e7e; margin-top:15px;}
.about_title h1 b{ color:#2d2d2d;}
.about_title h2{ display:block; font-size:1.2rem; color:#535353; text-align:center; margin-top:10px;}
.about_con{ margin-top:30px; text-align:center;}
.about_con p{ display:block; font-size:1rem; color:#333333; line-height:30px;}
.about_con a{ display:inline-block; font-size:1rem; color:#0ad369; line-height:30px;}
.shilijies{ display:block; margin-top:40px; text-align:center; overflow:hidden;}
.shilijies li{ display:inline-block; width:48%; margin-right:2%; margin-bottom:20px; overflow:hidden;}
.shilijies li:nth-child(2n){ margin-right:0;}
.shilijies li .shilitu{ float:left; margin-right:15px;}
.shilijies li .shilitu img{ display:block; height:48px; width:auto;}
.shilijies li .shilitext{ float:left;}
.shilijies li .shilitext span{ display:block; font-size:1.8rem; font-weight:bold; color:#171717; line-height:32px;}
.shilijies li .shilitext span em{ font-style:normal; font-size:1.2rem; color:#171717; margin-left:6px; position:relative; top:-5px;}
.shilijies li .shilitext p{ display:block; font-size:1.2rem; color:#333333; line-height:20px;}
.about_tubox{ margin-top:35px; overflow:hidden;}
.isobox{ width:100%;}
.isotu{ width:100%; background:#000; overflow:hidden;}
.isotu img{ display:block; width:100%; height:auto;}
.isoconbox{ padding:20px; background:#0ad369;}
.isoconbox p{ display:block; font-size:1rem; font-weight:bold; color:#fff; text-align:center; line-height:24px;}
.isoconbox span{ display:block; font-size:1.5rem; font-weight:bold; color:#fff; text-align:center; line-height:36px;}
.cmktu{ width:100%; margin-top:10px;}
.cmktu img{ display:block; width:100%; height:auto;}
/*我们的产品*/
.chanpin_box{ width:94%; max-width:480px; margin:45px auto;}
.chanpin_ti{ text-align:center;}
.chanpin_ti h1{ display:block; font-size:1.8rem; color:#7e7e7e;}
.chanpin_ti h1 b{ font-size:1.8rem; color:#2d2d2d;}
.chanpin_ti h2{ display:block; font-size:1.2rem; color:#535353; margin-top:10px;}
.chanpin_nav{ display:block; text-align:center; margin-top:52px; overflow:hidden;}
.chanpin_nav li{ float:left; margin-right:2%; width:49%; height:58px; margin-bottom:10px;}
.chanpin_nav li:nth-child(2n){ margin-right:0;}
.chanpin_nav li a{ display:block; font-size:18px; color:#1f1f1f; line-height:58px; background:#f1f1f1;}
.chanpin_nav li a:hover{ background:#0ad369; color:#fff;}
.chanpinlie{ margin-top:30px;}
.cpliebiao{ display:block; overflow:hidden;}
.cpliebiao li{ float:left; width:48.5%; margin-right:3%; margin-bottom:20px;}
.cpliebiao li:nth-child(2n){ margin-right:0;}
.cpliebiao li .chanpin_tu{ width:100%; background:#000; overflow:hidden;}
.cpliebiao li .chanpin_tu img{ display:block; width:100%; height:auto; transition:all .5s;}
.cpliebiao li span{ display:block; border:1px solid #dfdfdf; padding:10px; font-size:1rem; color:#242424; text-align:center; line-height:24px; border-top:none;}
.cpliebiao li:hover .chanpin_tu img{ transform:scale(1.05); opacity:0.6;}
.cpliebiao li:hover span{ background:#0ad369; border:1px solid #0ad369; border-top:none; color:#fff;}
/*我们的优势*/
.youshibj{ max-width:480px; margin:auto; padding:45px 0; background:url(../images/yousbj.jpg) no-repeat top;}
.youshitibox h1{ display:block; font-size:1.8rem; color:#fff; text-align:center;}
.youshitibox h2{ display:block; font-size:1.2rem; color:#fff; text-align:center; margin-top:10px;}
.youshibox{ width:94%; margin:40px auto 0; background:#f1f1f1; padding-bottom:40px;}
.lieiaobox{ height:500px;}
.youshiliebiao{ display:block;}
.youshiliebiao li{ display:block; overflow:hidden;}
.youshi_tu{ width:100%;}
.youshi_tu img{ display:block; width:100%; height:auto;}
.youshiright{ padding:35px 20px 0;}
.youshitext span{ display:block; font-size:1.5rem; color:#222222;}
.youshitext p{ display:block; font-size:1rem; color:#4f4f4f; line-height:30px; margin-top:20px;}
.dwhz{ margin-top:30px;}
.anniu{ display:block; text-align:center;}
.anniu li{ display:inline-block; font-size:1rem; border:1px solid #ddd; color:#4f4f4f; padding:3px 6px; border-radius:2px;}
.anniu .on{ background:#0ad369; border:1px solid #0ad369; color:#fff;}
.dwhz{ margin-top:30px;}
.dwhz span{ display:block; width:144px; height:48px; margin:30px auto 0;}
.dwhz span a{ display:block; background:#0ad369; font-size:16px; color:#fff; text-align:center; line-height:48px;}
/*新闻动态*/
.news_bigbox{ width:94%; max-width:480px; margin:45px auto;}
.news_ti h1{ display:block; font-size:1.8rem; color:#7e7e7e; text-align:center;}
.news_ti h1 b{ color:#2d2d2d;}
.news_ti h2{ display:block; font-size:1.2rem; color:#535353; margin-top:10px; text-align:center;}
.news_box{ margin-top:32px; border:1px solid #e4e4e4;}
.news_nav{ height:48px; border-bottom:1px solid #e4e4e4; overflow:hidden;}
.news_nav li{ float:left; border-right:1px solid #e4e4e4;}
.news_nav li a{ display:block; font-size:1rem; color:#2f2f2f; line-height:48px; padding:0 15px;}
.news_nav li img{ margin-right:10px; height:22px; width:auto; position:relative; top:7px;}
.news_nav li:last-child{ border-right:none;}
.news_nav li a:hover,.news_nav .cur{ background:#0ad369; color:#fff;}
.news_nav li a:hover img,.news_nav .cur img{filter: brightness(10);-moz-filter: brightness(10);-webkit-filter: brightness(10);}
.news_nav span{ float:right; margin-right:15px;}
.news_nav span a{ display:block; font-size:1rem; color:#a8a8a8; line-height:56px;}
.news_conbox{ padding:30px 20px; overflow:hidden;}
.newstoutiao{ width:100%;}
.newstt_img{ width:100%; background:#000; overflow:hidden;}
.newstt_img img{ display:block; width:100%; height:auto; transition:all .5s;}
.toutiaocon{ background:#f0f0f0 url(../images/newsbj.jpg) no-repeat bottom; padding:20px 20px 35px;}
.xinwenti{ overflow:hidden;}
.xinwenti span{ float:left; width:85%; font-size:1.3rem; color:#303030; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.xinwenti em{ float:right; font-style:normal; font-size:0.9rem; color:#303030; line-height:30px;}
.zhaiyao{ font-size:0.9rem; color:#616161; line-height:24px; margin-top:15px;}
.toutiaocon p{ display:inline-block; font-size:1rem; color:#0ad369; margin-top:20px;}
.newsliebiao{ margin-top:30px;}
.newsxintbox{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #bfbfbf; overflow:hidden;}
.newsxintbox:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.shij{ float:left; width:8%; text-align:center;}
.shij span{ display:block; font-size:1.6rem; font-weight:bold; color:#484848;}
.shij p{ display:block; font-size:1rem; color:#484848; line-height:16px;}
.xinwentext{ float:right; width:88%; overflow:hidden;}
.xinwentext dt{ float:left; width:40%; background:#000; overflow:hidden;}
.xinwentext dt img{ display:block; width:100%; height:auto; transition:all .5s;}
.xinwentext dd{ float:right; width:58%;}
.xinwentext dd span{ display:block; font-size:1.2rem; color:#292929; line-height:30px; text-overflow:ellipsis; white-space:normal; padding-top:5px; overflow:hidden;}
.xinwentext dd p{ display:block; font-size:0.9rem; color:#515151; line-height:20px; margin-top:10px;}
.newsxintbox:hover .shij span,.newsxintbox:hover .shij p{ color:#05b1e1;}
.newsxintbox:hover .xinwentext dd span{ color:#05b1e1;}
.newsxintbox:hover .xinwentext dt img{ transform:scale(1.03); opacity:0.7}