.banner{position:relative;background:#3a9fea;margin:0 auto;overflow:hidden;clear:both}
.banner .swiper-slide{line-height:0}
.banner .swiper-slide img{width:100%}
.banner .next,.banner .prev{width:4rem;height:4rem;opacity:.7;cursor:pointer;transition:all .5s ease;border-radius:50%;top:50%;position:absolute;left:-5rem;z-index:9;transform:translateY(-50%)}
.banner .next img,.banner .prev img{width:100%}
.banner .next:hover,.banner .prev:hover{opacity:1}
.banner .next{left:auto;right:-100px}
.banner:hover .prev{left:3%}
.banner:hover .next{right:3%}
.banner .swiper-pagination{bottom:8%!important}
.banner .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:.8;border-radius:6px;cursor:pointer;margin:0 8px!important;transition:all .5s ease}
.banner .swiper-pagination-bullet-active{opacity:1;width:26px;background:#3a9fea}
.search{background-image:url(/images/bk-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-repeat:repeat;height:5rem;box-sizing:border-box}
.search .container{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:100%}
.search .hot{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;font-size:.8rem;font-weight:400;line-height:1rem;color:#666}
.search .hot b{font-weight:700}
.search .hot em{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.search .hot em a{margin-right:.9rem;color:#666}
.search .hot em a:hover{color:#3a9fea}
.search .hot em a:last-of-type{margin-right:0}
.search .sou{width:16rem;height:2.5rem;background:#fff;border-radius:1.25rem;overflow:hidden;padding:0 .5rem 0 1rem;box-sizing:border-box;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}
.search .sou #seachkeywords{border:0;font-size:.8rem;font-weight:400;line-height:2.5rem;color:#333;outline:0;width:calc(100% - 1.6rem)}
.search .sou #sousuo{background:0 0;background-image:url(/images/sou-btn.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;font-size:0;width:1.6rem;height:1.6rem;border:0;cursor:pointer}
.bk-title{text-align:center}
.bk-title b{display:block;font-size:2.5rem;font-weight:700;line-height:2.5rem;color:#333}
.bk-title span{color:#3a9fea;display:inline-block}
.bk-title em{display:block;font-size:1rem;font-weight:400;line-height:1rem;color:#333;margin-top:1rem}
.guide{background-image:url(/images/bk-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-repeat:repeat;position:relative;padding-top:5.5rem;padding:5rem}
.guide::before{content:"";display:block;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.6) 70%,transparent);position:absolute;left:0;top:0}
.guide .guide-t{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1}
.guide .guide-t h3{font-size:2.5rem;font-weight:700;line-height:3.2rem;color:#333}
.guide .guide-t .desc{width:58%}
.guide .guide-t .desc p{font-size:.9rem;font-weight:400;line-height:1.8rem;color:#333;text-align:justify}
.guide .guide-t .desc ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;margin-top:1.8rem}
.guide .guide-t .desc ul li{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;justify-content:center;height:3rem;border:.05rem solid rgba(204,204,204,.6);border-radius:1.5rem;width:10rem;margin-right:.4rem;cursor:pointer;box-sizing:border-box;position:relative}
.guide .guide-t .desc ul li>img{width:1.2rem;height:1.2rem;display:block}
.guide .guide-t .desc ul li span{display:block;font-size:.9rem;font-weight:400;line-height:1.2rem;color:#3a9fea;margin-left:.6rem}
.guide .guide-t .desc ul li p{position:absolute;padding:.1rem;left:50%;top:3rem;transform:translateX(-50%);background:#fff;display:none;box-shadow:0 0 1rem rgba(0,0,0,.1)}
.guide .guide-t .desc ul li p::before{content:"";display:block;width:0;height:0;border:.5rem solid transparent;border-bottom-color:#fff;position:absolute;left:50%;top:-1rem;transform:translateX(-50%)}
.guide .guide-t .desc ul li p img{display:block;width:7rem;height:7rem}
.guide .guide-t .desc ul li:hover{background:linear-gradient(90deg,#3a9fea,#3ac3ea);border-color:transparent}
.guide .guide-t .desc ul li:hover > img{filter:grayscale(100%) brightness(300%)}
.guide .guide-t .desc ul li:hover span{color:#fff}
.guide .guide-t .desc ul li:hover p{display:block}
.guide .guide-b{margin-top:1.9rem;position:relative}
.guide .guide-b .video>img{width:100%;display:block}
.guide .guide-b .video .open-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);cursor:pointer}
.guide .guide-b .video .open-video img{display:block;width:4.5rem}
.guide .guide-b ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;margin-top:3rem}
.guide .guide-b ul li{padding:0 3.5rem;position:relative}
.guide .guide-b ul li::after{content:"";width:1px;height:100%;background:#e2e2e2;position:absolute;right:-4rem;top:0}
.guide .guide-b ul li:first-of-type{padding-left:0}
.guide .guide-b ul li:last-of-type{padding-right:0}
.guide .guide-b ul li:last-of-type::after{display:none}
.guide .guide-b ul li b{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.guide .guide-b ul li b em{font-size:3.5rem;font-weight:700;line-height:85%;color:#3a9fea}
.guide .guide-b ul li b i{font-size:1rem;font-weight:700;line-height:1rem;color:#3a9fea;margin-left:.7rem}
.guide .guide-b ul li span{display:block;font-size:.9rem;font-weight:400;line-height:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1.4rem}
.product .product-jg{padding-top:5.5rem}
.product .product-jg .list{margin-top:2.9rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.product .product-jg .list dl{position:relative;width:18.75%;transition:all .5s ease}
.product .product-jg .list dl::after{content:"";width:2px;height:100%;background:#fff;position:absolute;right:0;top:0;z-index:1}
.product .product-jg .list dl:last-of-type::after{display:none}
.product .product-jg .list dl dt img:nth-of-type(2){display:none}
.product .product-jg .list dl dd{position:absolute;left:0;top:0;padding:3rem 2rem 0 1.9rem;width:100%;box-sizing:border-box;height:100%}
.product .product-jg .list dl dd h3 a{font-size:1.6rem;font-weight:400;line-height:1;color:#333;height:4.85rem;border-bottom:1px solid #dfdfdf;transition:all .5s ease;display:block}
.product .product-jg .list dl dd h3 a span{display:block;font-size:.7rem;font-weight:lighter;line-height:75%;color:#333;margin-top:.6rem;transition:all .5s ease}
.product .product-jg .list dl dd .column{margin-top:3rem}
.product .product-jg .list dl dd .column a{display:block;font-size:.9rem;font-weight:400;line-height:1;color:#333;margin-bottom:1.1rem;transition:all .5s ease}
.product .product-jg .list dl dd .light{position:absolute;left:1.9rem;top:21rem;opacity:0}
.product .product-jg .list dl dd .light b{display:block;font-size:1.2rem;font-weight:400;line-height:1;color:#fff;margin-bottom:1.4rem}
.product .product-jg .list dl dd .light p{font-size:.8rem;font-weight:400;line-height:1.5rem;color:#fff}
.product .product-jg .list dl dd .more{font-size:.9rem;font-weight:400;line-height:.9rem;color:#fff;background-image:url(/images/pro-more.png);background-repeat:no-repeat;background-position:right top;background-size:.9rem .9rem;display:inline-block;padding-right:1.8rem;position:absolute;left:1.9rem;bottom:4rem;opacity:0}
.product .product-jg .list dl.cur{width:43.75%}
.product .product-jg .list dl.cur::after{display:none}
.product .product-jg .list dl.cur dt img:nth-of-type(1){display:none}
.product .product-jg .list dl.cur dt img:nth-of-type(2){display:block}
.product .product-jg .list dl.cur dd h3 a{color:#fff;border-color:rgba(255,255,255,.2)}
.product .product-jg .list dl.cur dd h3 a span{color:#fff}
.product .product-jg .list dl.cur dd .column{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.product .product-jg .list dl.cur dd .column a{color:#fff;height:2.8rem;border-radius:1.4rem;background:rgba(255,255,255,.2);padding:0 1.75rem;line-height:2.8rem;margin-right:.5rem;margin-bottom:0}
.product .product-jg .list dl.cur dd .column a:last-of-type{margin-right:0}
.product .product-jg .list dl.cur dd .column a:hover{background:#fff;color:#3a9fea}
.product .product-jg .list dl.cur dd .light{opacity:1;top:18rem;transition:all .5s ease;transition-delay:.35s}
.product .product-jg .list dl.cur dd .more{opacity:1;bottom:6rem;transition:all .5s ease;transition-delay:.45s}
.product .product-zs{background-image:url(/images/bk-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-repeat:repeat;padding-top:6.1rem}
.product .product-zs h3{font-size:2rem;font-weight:700;line-height:2rem;color:#333;position:relative;text-align:center}
.product .product-zs h3 span{color:#3a9fea}
.product .product-zs h3::before{content:"";width:40%;background:#ccc;display:block;height:1px;position:absolute;left:0;top:50%}
.product .product-zs h3::after{content:"";width:40%;background:#ccc;display:block;height:1px;position:absolute;right:0;top:50%}
.product .product-zs .list{position:relative}
.product .product-zs .list .swiper-container{overflow:hidden}
.product .product-zs .list ul li{border-radius:.5rem;background:#fff;overflow:hidden;transition:all .5s ease;margin-bottom:6.1rem;margin-top:3rem}
.product .product-zs .list ul li img{display:block;width:100%}
.product .product-zs .list ul li h4{border-top:1px solid #e2e2e2;font-size:.9rem;font-weight:400;line-height:4.7rem;color:#333;padding:0 .7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;position:relative;z-index:1;background: #fff;}
.product .product-zs .list ul li:hover{box-shadow:0 0 1rem rgba(0,0,0,.1)}
.product .product-zs .list ul li:hover h4{color:#3a9fea}
.product .product-zs .product-next,.product .product-zs .product-prev{position:absolute;top:50%;width:3rem;height:3rem;border-radius:50%;border:1px solid #ddd;z-index:10;box-sizing:border-box;cursor:pointer;margin-top:-3rem}
.product .product-zs .product-next img,.product .product-zs .product-prev img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.product .product-zs .product-next:hover,.product .product-zs .product-prev:hover{background:linear-gradient(90deg,#3a9fea,#3ac3ea);border:none}
.product .product-zs .product-next:hover img,.product .product-zs .product-prev:hover img{filter:grayscale(100%) brightness(200%)}
.product .product-zs .product-prev{left:-4.5rem}
.product .product-zs .product-next{right:-4.5rem}
.advantage{padding-top:5.7rem}
.advantage .advantage-con{margin-top:2.8rem}
.advantage .advantage-con li img{display:block;width:100%}
.advantage .advantage-tit{background-image:url(/images/bk-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-repeat:repeat}
.advantage .advantage-tit ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.advantage .advantage-tit ul li{width:16.66%;padding-top:1.7rem;position:relative;padding-left:3rem;box-sizing:border-box;transition:all .5s ease;height:10rem}
.advantage .advantage-tit ul li::after{content:"";display:block;width:1px;height:7rem;background:rgba(204,204,204,.8);position:absolute;right:0;top:1.5rem;z-index:1}
.advantage .advantage-tit ul li:last-of-type::after{display:none}
.advantage .advantage-tit ul li img{display:block;width:auto;height:2.4rem}
.advantage .advantage-tit ul li h3{font-size:1.2rem;font-weight:700;line-height:1.8rem;color:#333;margin-top:1.2rem}
.advantage .advantage-tit ul li .hov{display:none}
.advantage .advantage-tit ul li .hov b{display:block;font-size:1.5rem;font-weight:700;line-height:1.5rem;color:#fff;margin-bottom:1.3rem}
.advantage .advantage-tit ul li .hov p span{display:block;font-size:.8rem;font-weight:400;line-height:1.5rem;color:#fff;position:relative;padding-left:.7rem;white-space:nowrap}
.advantage .advantage-tit ul li .hov p span::before{content:"";display:block;width:.25rem;height:.25rem;background:#fff;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-.125rem}
.advantage .advantage-tit ul li .hov i{position:absolute;right:3rem;top:2.3rem;font-size:2.4rem;font-weight:700;line-height:85%;color:#fff;opacity:.12}
.advantage .advantage-tit ul li.cur{width:50.02%;height:12rem;background:linear-gradient(90deg,#3a9fea,#3ac3ea);box-sizing:border-box;padding-left:2.5rem;padding-top:2.5rem;margin-top:-2rem;z-index:1;overflow:hidden}
.advantage .advantage-tit ul li.cur h3,.advantage .advantage-tit ul li.cur img,.advantage .advantage-tit ul li.cur::after{display:none}
.advantage .advantage-tit ul li.cur .hov{display:block}
.case{padding-top:6.2rem;padding-bottom:4.1rem}
.case .bk-title{text-align:left}
.case .case-tit{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.case .case-tit ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.case .case-tit ul li{width:8rem;background:#f5f5f5;margin-left:1rem;text-align:center;border-radius:1.4rem}
.case .case-tit ul li a{display:block}
.case .case-tit ul li img{width:1.2rem;height:1.2rem;display:inline-block;vertical-align:middle;margin-right:.3rem}
.case .case-tit ul li h3{font-size:.9rem;font-weight:400;line-height:2.8rem;color:#333;display:inline-block;vertical-align:middle}
.case .case-tit ul li:hover{background:linear-gradient(90deg,#3a9fea,#3ac3ea)}
.case .case-tit ul li:hover img{filter:grayscale(100%) brightness(200%)}
.case .case-tit ul li:hover h3{color:#fff}
.case .case-con{margin-top:2.5rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.case .case-con dl{width:31.25%;margin-right:3.125%;margin-bottom:2.4rem;border-bottom:.1rem solid rgba(204,204,204,.5);position:relative}
.case .case-con dl:nth-of-type(3n){margin-right:0}
.case .case-con dl dt{display:block;line-height:0;overflow:hidden;border-radius:.5rem}
.case .case-con dl dt img{display:block;width:100%}
.case .case-con dl dd{padding-top:1.75rem;padding-bottom:2.1rem;position:relative}
.case .case-con dl dd::after{content:"";display:block;width:0;height:.1rem;background:linear-gradient(90deg,#3a9fea,#3ac3ea);position:absolute;left:0;bottom:-.1rem;transition:.5s}
.case .case-con dl dd h4{font-size:1rem;font-weight:400;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5rem;height:3rem;padding-right:5.7rem;transition:all .5s ease}
.case .case-con dl dd em{display:block;position:absolute;right:0;top:2.1rem}
.case .case-con dl dd em img{display:block;width:1rem;height:1rem;filter:grayscale(100%);opacity:.5;transition:all .5s ease}
.case .case-con dl:hover dd::after{width:100%}
.case .case-con dl:hover dd h4{color:#3a9fea}
.case .case-con dl:hover dd em img{filter:grayscale(0);opacity:1}
.industry{background-image:url(/images/bk-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-repeat:repeat;padding-top:5rem;padding-bottom:5.5rem}
.industry .industry-t{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.industry .industry-t h2{font-size:2.5rem;font-weight:700;line-height:2.5rem;color:#333;position:relative}
.industry .industry-t h2 span{color:#3a9fea}
.industry .industry-t p{font-size:.9rem;font-weight:400;line-height:1.6rem;color:#333;padding-right:5.3rem;box-sizing:border-box;width:57%}
.industry .industry-c{margin-top:3.4rem;position:relative}
.industry .industry-c .swiper-container{overflow:hidden}
.industry .industry-c dl{border-radius:2rem;overflow:hidden;position:relative}
.industry .industry-c dl dt img{width:100%;display:block}
.industry .industry-c dl dd{position:absolute;left:1rem;bottom:2rem}
.industry .industry-c dl dd img{width:auto;height:3.65rem;display:block}
.industry .industry-c dl dd b{display:block;font-size:1.2rem;font-weight:400;line-height:1.2rem;color:#fff;margin-left:1rem;margin-top:1.25rem}
.industry .industry-c dl dd em{display:block;font-size:.7rem;font-weight:400;line-height:85%;color:rgba(255,255,255,.6);text-transform:uppercase;margin-top:.5rem;letter-spacing:.05rem;opacity:.6;margin-left:1rem}
.industry .industry-c .industry-next,.industry .industry-c .industry-prev{position:absolute;top:50%;width:3rem;height:3rem;border-radius:50%;border:1px solid #ddd;z-index:10;box-sizing:border-box;cursor:pointer;margin-top:-1.5rem}
.industry .industry-c .industry-next img,.industry .industry-c .industry-prev img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.industry .industry-c .industry-next:hover,.industry .industry-c .industry-prev:hover{background:linear-gradient(90deg,#3a9fea,#3ac3ea);border:none}
.industry .industry-c .industry-next:hover img,.industry .industry-c .industry-prev:hover img{filter:grayscale(100%) brightness(200%)}
.industry .industry-c .industry-prev{left:-4.5rem}
.industry .industry-c .industry-next{right:-4.5rem}
.news{padding-top:5rem;padding-bottom:6.5rem}
.news .news-tit{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.news .news-tit h2{text-align:left}
.news .news-tit ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.news .news-tit ul li{width:8rem;height:2.8rem;background:#f5f5f5;border-radius:1.4rem;margin-left:.4rem;text-align:center}
.news .news-tit ul li a{display:block;font-size:.9rem;font-weight:400;line-height:2.8rem;color:#333}
.news .news-tit ul li.cur{background:linear-gradient(90deg,#3a9fea,#3ac3ea)}
.news .news-tit ul li.cur a{color:#fff}
.news .news-con{margin-top:2.4rem;overflow:hidden}
.news .news-con .swiper-slide{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.news .news-con .hot{width:37.5%;background:#f5f5f5;border-radius:.5rem;height:33.55rem;box-sizing:border-box;padding:3.2rem 2rem 0 2rem;position:relative}
.news .news-con .hot dl dt{display:block;line-height:0;overflow:hidden;border-radius:.5rem}
.news .news-con .hot dl dt img{display:block;width:100%}
.news .news-con .hot dl dd span{display:block;font-size:1.65rem;font-weight:700;line-height:85%;color:#3a9fea}
.news .news-con .hot dl dd h4{font-size:1.2rem;font-weight:400;line-height:1.3rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3.5rem;margin-bottom:.75rem}
.news .news-con .hot dl dd h4:hover a{color:#3a9fea}
.news .news-con .hot dl dd p{font-size:.8rem;font-weight:400;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5rem;height:3rem;margin-bottom:3.5rem}
.news .news-con .hot dl dd em{position:absolute;right:2.1rem;top:2.5rem;width:3rem;height:3rem;border-radius:50%;border:1px solid #ddd;z-index:10;box-sizing:border-box;cursor:pointer}
.news .news-con .hot dl dd em img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.news .news-con .hot dl dd em:hover{background:linear-gradient(90deg,#3a9fea,#3ac3ea);border:none}
.news .news-con .hot dl dd em:hover img{filter:grayscale(100%) brightness(200%)}
.news .news-con .list{width:58.375%}
.news .news-con .list dl{border-bottom:1px solid #e2e2e2;padding:2.3rem 0}
.news .news-con .list dl:first-of-type{padding-top:0}
.news .news-con .list dl a{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.news .news-con .list dl dt{display:block;line-height:0;overflow:hidden;border-radius:.5rem;width:13rem;order:2}
.news .news-con .list dl dt img{display:block;width:100%}
.news .news-con .list dl dd{width:calc(100% - 13rem);box-sizing:border-box;padding-right:2.5rem;padding-top:.7rem}
.news .news-con .list dl dd h4{font-size:1.2rem;font-weight:400;line-height:1.3rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.9rem}
.news .news-con .list dl dd p{font-size:.8rem;font-weight:400;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5rem;height:3rem}
.news .news-con .list dl:hover dd h4{color:#3a9fea}
.about{background-image:url(/images/bk-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-repeat:repeat;padding-top:4.5rem;padding-bottom:5.25rem;position:relative;overflow:hidden}
.about::after{content:"";display:block;width:100%;height:70%;background:linear-gradient(to top,#fff 70%,transparent);position:absolute;bottom:0}
.about .bk-title{text-align:left}
.about .about-t .container{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.about .about-t .desc{width:58%}
.about .about-t .desc p{font-size:.9rem;font-weight:400;line-height:1.6rem;color:#333}
.about .about-c{margin-top:3rem;position:relative;z-index:1}
.about .about-c dl{position:relative}
.about .about-c dl dt{display:block;line-height:0;overflow:hidden}
.about .about-c dl dt img{display:block;width:100%}
.about .about-c dl dd{position:absolute;left:0;bottom:0;width:25rem;height:7rem;background:linear-gradient(90deg,#3a9fea,#3ac3ea);opacity:.9;box-sizing:border-box;padding:2rem 0 0 2rem}
.about .about-c dl dd b{display:block;font-size:1.2rem;font-weight:700;line-height:1.2rem;color:#fff}
.about .about-c dl dd p{font-size:.9rem;font-weight:400;line-height:1rem;color:#fff;margin-top:.7rem}
.about .about-c .swiper-pagination{position:relative;bottom:auto;margin-top:2rem}
.about .about-c .swiper-pagination .swiper-pagination-bullet{width:.8rem;height:.8rem;background:#ccc;opacity:1;border-radius:.4rem;margin:0 .5rem}
.about .about-c .swiper-pagination .swiper-pagination-bullet-active{width:1.4rem;background:#3a9fea}