.banner{width:100%;position: relative; margin:0 auto; overflow:hidden}
.banner img{ width:100%; height:auto;}
.banner .swiper-container { width: 100%; height: 100%;}
.banner .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-pagination{ padding:0; margin:0;width: 100%!important;text-align: center!important; bottom:3%!important;}
.swiper-pagination-bullet{width: 8px!important;height: 8px!important; background-color: #fff;opacity: 1!important; border-radius:50%!important;}
.swiper-pagination-bullet-active{ background:#006db2; }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 1.5%!important;}
.introduce{ background:url(../images/index_02.jpg) no-repeat #f6f6f6; background-size:100%}
.introduce .hd h2{color:#fff}
.introduce .hd span{ color:#f1f5f9;}
.introduce .hd span:before {background: url(../images/index_19.png) no-repeat;background-size:1.13rem .03rem}
.introduce .hd span:after { background: url(../images/index_20.png) no-repeat;background-size:1.13rem .03rem}
.introduce .pic{ border:.05rem solid #f6f6f6; margin-bottom:.12rem}
a.more{display: block;border-radius: .32rem;margin: 0 auto .84rem;width:2.54rem;height:.64rem;line-height: .64rem;border: 1px solid #c3c3c3; color: #333;text-align: center;}
.introduce .bd{ padding:1rem 0 .42rem}
.introduce .bd .swiper-pagination{ padding:0; margin:0;width: 100%!important;text-align: center!important; top:0!important;}
.introduce .bd .swiper-pagination-bullet{width: 33.33333%!important;height: .74rem!important; line-height:.74rem;opacity: 1!important; border-radius:0!important; color:#000; font-size:.28rem; border-bottom:1px solid #ddd; background:none}
.introduce .bd .swiper-pagination-bullet-active{border-bottom:3px solid #0072c1;background:none}
.introduce .bd .swiper-pagination .swiper-pagination-bullet{ margin:0!important;}
.introduce .bd .swiper-slide{ color:#666; height:1.32rem; line-height:.44rem; overflow:hidden}
.product{padding:.74rem 3% 0}
.product .bd{ margin-left:-1%; padding-bottom:.3rem}
.product .hd,.news .hd{ margin-bottom:.31rem}
.sort{ margin-bottom:.37rem;height:.64rem;}
.sort ul li{ width:31.3333%; margin:0 1%; height:.64rem; float:left; overflow:hidden}
.sort ul li a{ display:block;line-height:.64rem;background:#006db2; text-align:center; color:#fff;border-radius: .32rem; -moz-border-radius:.32rem; -webkit-border-radius: .32rem;height:.64rem;overflow:hidden}
.news .bd{ padding:1.06rem 0 .42rem}
.news .bd .swiper-pagination{ padding:0; margin:0;width: 99%!important;text-align: center!important; top:0!important; height:.74rem; line-height:.74rem;border-radius: .37rem; -moz-border-radius:.37rem; -webkit-border-radius: .37rem; border:1px solid #e7e7e7; overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;}
.news .bd .swiper-pagination-bullet{width: 50%!important;height: .72rem!important; line-height:.72rem;opacity: 1!important; border-radius:0!important; color:#666; font-size:.28rem; }
.news .bd .swiper-pagination-bullet-active{ background:#0071bf; color:#fff}
.news .bd .swiper-pagination .swiper-pagination-bullet{ margin:0!important;}
.news .bd .swiper-slide{ height:5.67rem;overflow:hidden}
.about p{height:1.32rem; overflow:hidden;}