@charset "utf-8";
.banner{width:100%;position:relative;overflow:hidden}
.banner .swiper-slide a{display:block;width:100%;height:580px;position:relative;overflow:hidden}
.banner .swiper-slide a em{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;-webkit-transition:all 3s linear;transition:all 3s linear;background-size:cover;-webkit-transform:scale(1.2);transform:scale(1.2)}
.banner .swiper-slide a .w1380{position:relative;z-index:3}
.banner .swiper-slide a .wap{display:none}
.banner .swiper-slide a .wap img{width:100%}

.banner .swiper-slide a p{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}
.banner .swiper-slide a .circle{width:140px;height:140px;position:absolute;right:130px;top:262px;opacity:0;right:234px;top:298px}
.banner .swiper-slide a .circle div{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:1px solid #fff}
.banner .swiper-slide a .circle div.c1{animation:wave 4s infinite;background:rgba(222,227,37,.4)}
.banner .swiper-slide a .circle div.c2{animation:wave 4s infinite 1s;background:rgba(222,227,37,.2)}
.banner .swiper-slide a .circle div.c3{animation:wave 4s infinite 2s;background:rgba(222,227,37,.6)}
.banner .swiper-slide a .circle div.c4{animation:wave 4s infinite 3s;background:rgba(222,227,37,.1)}
.banner .swiper-slide a .circle div.c5{animation:wave 4s infinite 4s;background:rgba(222,227,37,.3)}
.banner .swiper-slide.slide1 a .wap{width:40%}
.banner .swiper-slide.slide1 a .w1380{padding-top:164px}
.banner .swiper-slide.slide2 a .w1380{padding:198px 50px 0;box-sizing:border-box;text-align:right}
.banner .swiper-slide.slide2 a .w1380 .txt1{-webkit-transform:translateX(100px);transform:translateX(100px)}
.banner .swiper-slide.slide2 a .w1380 .txt2{-webkit-transform:translateX(-100px);transform:translateX(-100px)}
.banner .swiper-slide.slide2.swiper-slide-active a .w1380 .txt1,.banner .swiper-slide.slide2.swiper-slide-active a .w1380 .txt2{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.2s cubic-bezier(.25,.46,.45,.94) .3s;transition:all 1.2s cubic-bezier(.25,.46,.45,.94) .3s}
.banner .swiper-slide.slide2 a .wap{width:40%;float:right}
.banner .swiper-slide.slide3 a .w1380{text-align:center;padding-top:200px}
.banner .swiper-slide.slide3 a .wap{width:73.8%;margin:0 auto}
.banner .swiper-slide.swiper-slide-active a .circle{-webkit-transition:all 1.2s cubic-bezier(.25,.46,.45,.94) 4s;transition:all 1.2s cubic-bezier(.25,.46,.45,.94) 4s}
.banner .swiper-slide.swiper-slide-active a p.txt1{-webkit-transition:all 1.2s cubic-bezier(.25,.46,.45,.94) .5s;transition:all 1.2s cubic-bezier(.25,.46,.45,.94) .5s}
.banner .swiper-slide.swiper-slide-active a p.txt2{-webkit-transition:all 1.2s cubic-bezier(.25,.46,.45,.94) .8s;transition:all 1.2s cubic-bezier(.25,.46,.45,.94) .8s}
.banner .swiper-slide.swiper-slide-active a p.txt3{-webkit-transition:all 1.2s cubic-bezier(.25,.46,.45,.94) 1.1s;transition:all 1.2s cubic-bezier(.25,.46,.45,.94) 1.1s}
.banner .swiper-slide.swiper-slide-active a em{-webkit-transform:scale(1);transform:scale(1)}
.banner .swiper-slide.swiper-slide-active a p{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.banner .swiper-slide.swiper-slide-active a .circle{opacity:1}
.banner .swiper-pagination{width:100%;position:absolute;left:0;bottom:40px;height:6px;line-height:6px;font-size:0}
.banner .swiper-pagination .swiper-pagination-bullet{width:46px;height:6px;background:#fff;border-radius:3px;margin:0 16px;cursor:pointer;position:relative;opacity:1}
.banner .swiper-pagination .swiper-pagination-bullet:before{content:"";width:0;height:100%;position:absolute;left:0;top:0;background:#dae124;border-radius:3px;-webkit-transition:all 3s cubic-bezier(.25,.46,.45,.94);transition:all 3s cubic-bezier(.25,.46,.45,.94)}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{width:100%}

@media screen and (max-width:1420px){
.w1380{width:auto;padding:0 5%;}
.banner .swiper-slide a{height:0;padding-bottom:42%}
.banner .swiper-slide a em{background-size:cover}
.banner .swiper-slide a .circle{display:none}
.banner .swiper-slide.slide1 a .w1380{padding-top:11.88%}
.banner .swiper-slide.slide2 a .w1380{padding-top:14.34%}
.banner .swiper-slide.slide3 a .w1380{padding-top:18.62%}

@media screen and (max-width:1340px){
.banner .swiper-slide a .wap{display:block}
.banner .swiper-slide a .pc{display:none}

@media screen and (max-width:768px){
.header .logo{line-height:66px}
.header .logo img{height:40px}
.banner .swiper-pagination{width:100%;position:absolute;left:0;bottom:8%;height:3px;line-height:3px;font-size:0}
.banner .swiper-pagination .swiper-pagination-bullet{width:24px;height:3px;background:#fff;border-radius:3px;margin:0 4px;cursor:pointer;position:relative;opacity:1}