/* 第一屏 */
.oneContainer{width: 100%;height: 100%;position: relative;}
.one-banner{width: 100%;}
.one-pcpic{width: 100%;height: auto;}
.one-pcpic img{width: 100%;}
.one-words{display:none; position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);text-align: center;}
.one-words p{font-size: 60px;color: #fff;text-transform: uppercase;font-family: "微软雅黑";font-weight: bold;}
.one-words a{display: inline-block;text-transform: uppercase;overflow: hidden;transition: all .8s;font-size: 20px;color: #fff;margin-top: 48px;position: relative;width: 210px;height: 60px;border: 2px solid #fff;text-align: center;line-height: 60px;position: relative;z-index: 2;}
.one-words a span i{width: 26px;height: 10px;background: url('../images/arrr.png') no-repeat;display: inline-block;margin-left: 12px;transition: all .8s;}
.one-words a span{position: relative;z-index: 3;}
.one-words a:after {content: "";position: absolute;width: 300px;height: 300px;left: 50%;top: 50%;border-radius: 100%;margin-top: -150px;margin-left: -150px;background-color: #ffaf20;transform: scale(0);transition: 0s;}
.one-words a:hover:after{transition: all .8s;transform: scale(1);}
.one-words a:hover{border-color: #ffaf20;}
.swiper-slide-active .one-words p{animation: bannerP .8s ease-in-out both;}
.swiper-slide-active .one-words a{animation: bannerA .8s ease-in-out both;}
@keyframes bannerP
{
    0%{transform: translateY(-80px);opacity: 0;}
    100% {transform: translateY(0);opacity: 1;}
}
@keyframes bannerA
{
    0%{transform: translateY(60px);opacity: 0;}
    100% {transform: translateY(0);opacity: 1;}
}
.oneContainer .swiper-pagination{bottom: 32px;}
.oneContainer .swiper-pagination-bullet {width: 50px;height: 3px;border-radius: initial;background: #fff;opacity: 1;position: relative;}
.oneContainer .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #ffaf20;width: 0;height: 3px;z-index: 1;transition: 0s;}
.oneContainer .slideOntrue.swiper-pagination-bullet:before{width: 100%;transition: all 3.6s ease;}
/* 第二屏 */
.twoContainer{width: 100%;height: 100%;position: relative;}
/* 第三屏 */
.threeContainer{width: 100%;height: 100%;position: relative;}