.slider{overflow: hidden;position: relative;height: 100vh;color: #fff;/* background-color: #000; */z-index: 2;}
.slider__slides{position: relative;height: 100%;}
.slider__slide{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;}
.slider__slide.s--active{pointer-events: auto;}

.slider__slide-heading{text-align: center;display: block;margin-bottom: 1.354%;font-size: 0;letter-spacing: 5px;}
.slider__slide-heading span{display: inline-block;opacity: 0;font-size: 64px;-webkit-transform: translateY(-60px);transform: translateY(-60px);-webkit-transition: all 0.33333s;transition: all 0.33333s;}
.slider__slide.s--prev .slider__slide-heading span{-webkit-transform: translateY(60px);transform: translateY(60px);}
.slider__slide.s--active .slider__slide-heading span{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}

.slider__slide-heading span:nth-child(1){-webkit-transition-delay: 0s;transition-delay: 0s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(1){-webkit-transition-delay: 0.08s;transition-delay: 0.08s;}
.slider__slide-heading span:nth-child(2){-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(2){-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.slider__slide-heading span:nth-child(3){-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(3){-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.slider__slide-heading span:nth-child(4){-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(4){-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.slider__slide-heading span:nth-child(5){-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(5){-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.slider__slide-heading span:nth-child(6){-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(6){-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.slider__slide-heading span:nth-child(7){-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(7){-webkit-transition-delay: 0.56s;transition-delay: 0.56s;}
.slider__slide-heading span:nth-child(8){-webkit-transition-delay: 0.7s;transition-delay: 0.7s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(8){-webkit-transition-delay: 0.64s;transition-delay: 0.64s;}
.slider__slide-heading span:nth-child(9){-webkit-transition-delay: 0.8s;transition-delay: 0.8s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(9){-webkit-transition-delay: 0.72s;transition-delay: 0.72s;}
.slider__slide-heading span:nth-child(10){-webkit-transition-delay: 0.9s;transition-delay: 0.9s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(10){-webkit-transition-delay: 0.8s;transition-delay: 0.8s;}
.slider__slide-heading span:nth-child(11){-webkit-transition-delay: 1s;transition-delay: 1s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(11){-webkit-transition-delay: 0.88s;transition-delay: 0.88s;}
.slider__slide-heading span:nth-child(12){-webkit-transition-delay: 1.1s;transition-delay: 1.1s;}
.slider__slide.s--active .slider__slide-heading span:nth-child(12){-webkit-transition-delay: 0.96s;transition-delay: 0.96s;}

.slider__slide-parts{position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 0;}
.slider__slide-parts:after{display: none;content: '';z-index: 5;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);}
.slider__slide-part:first-child{width: 25%;margin-left: 0;}
.slider__slide-part{position: relative;width: calc(25% + 1px);height: 100%;float: left;margin-left: -1px;}

.slider__slide-part-inner{overflow: hidden;display: block;position: relative;width: 100%;height: 100%;background-size: 0 0;background-repeat: no-repeat;-webkit-transition: -webkit-transform 0.5s ease-in-out;transition: -webkit-transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;}
.slider__slide-part-inner:before{content: '';position: absolute;width: 100vw;height: 100%;background-image: inherit;background-size: cover;background-position: center center;-webkit-transition: opacity 0.25s;transition: opacity 0.25s;opacity: 0;}

.slider__slide-part:nth-child(1) .slider__slide-part-inner{z-index: 3;-webkit-transition-delay: 0.24s;transition-delay: 0.24s;-webkit-transform: translateX(-32.5%);transform: translateX(-32.5%);}
.slider__slide-part:nth-child(2) .slider__slide-part-inner{z-index: 2;-webkit-transition-delay: 0.16s;transition-delay: 0.16s;-webkit-transform: translateX(-65%);transform: translateX(-65%);}
.slider__slide-part:nth-child(3) .slider__slide-part-inner{z-index: 1;-webkit-transition-delay: 0.08s;transition-delay: 0.08s;-webkit-transform: translateX(-97.5%);transform: translateX(-97.5%);}
.slider__slide-part:nth-child(4) .slider__slide-part-inner{z-index: 0;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform: translateX(-130%);transform: translateX(-130%);}

.slider__slide-part:nth-child(1) .slider__slide-part-inner:before{left: 0vw;-webkit-transition-delay: 0.365s;transition-delay: 0.365s;}
.slider__slide-part:nth-child(2) .slider__slide-part-inner:before{left: -25vw;-webkit-transition-delay: 0.285s;transition-delay: 0.285s;}
.slider__slide-part:nth-child(3) .slider__slide-part-inner:before{left: -50vw;-webkit-transition-delay: 0.205s;transition-delay: 0.205s;}
.slider__slide-part:nth-child(4) .slider__slide-part-inner:before{left: -75vw;-webkit-transition-delay: 0.125s;transition-delay: 0.125s;}

.slider__slide.s--active .slider__slide-part:nth-child(1) .slider__slide-part-inner{-webkit-transition-delay: 0.28s;transition-delay: 0.28s;}
.slider__slide.s--active .slider__slide-part:nth-child(2) .slider__slide-part-inner{-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.slider__slide.s--active .slider__slide-part:nth-child(3) .slider__slide-part-inner{-webkit-transition-delay: 0.44s;transition-delay: 0.44s;}
.slider__slide.s--active .slider__slide-part:nth-child(4) .slider__slide-part-inner{-webkit-transition-delay: 0.52s;transition-delay: 0.52s;}

.slider__slide.s--active .slider__slide-part:nth-child(1) .slider__slide-part-inner:before{-webkit-transition-delay: 0.28s;transition-delay: 0.28s;}
.slider__slide.s--active .slider__slide-part:nth-child(2) .slider__slide-part-inner:before{-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.slider__slide.s--active .slider__slide-part:nth-child(3) .slider__slide-part-inner:before{-webkit-transition-delay: 0.44s;transition-delay: 0.44s;}
.slider__slide.s--active .slider__slide-part:nth-child(4) .slider__slide-part-inner:before{-webkit-transition-delay: 0.52s;transition-delay: 0.52s;}

.slider__slide.s--active .slider__slide-part-inner{-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition-timing-function: ease;transition-timing-function: ease;}
.slider__slide.s--active .slider__slide-part-inner:before{opacity: 1;}

.slider-arrow{width: 45px;height: 95px;position: absolute;top: 50%;margin-top: -47px;z-index: 100000;background-color: rgba(0,0,0,0.2);background-repeat: no-repeat;background-position: center center;cursor: pointer;transition: all .3s;}
.slider-arrow:hover{background-color: rgba(0,92,171,0.88);}
.slider-prev{background-image: url(/themes/pc_cn/public/assets/images/icon-left.png);left: 50%;margin-left: -800px;}
.slider-next{background-image: url(/themes/pc_cn/public/assets/images/icon-right.png);right: 50%;margin-right: -800px;}
.slider-nav{width: 100%;position: absolute;bottom: 21%;left: 50%; margin-left: -33%; font-size: 0;;z-index: 10000;}
.slider-nav-item{width: .14rem;height: .14rem;border-radius: 50%;background: none;border: 1px solid #ffffff;display: inline-block;cursor: pointer;margin: 0 .12rem;;background-size: cover;}
.slider-nav-item.active{background: #FFF}
@media(max-width: 1600px){
    .slider-prev{margin-left: 0;left: 20px;}
    .slider-next{margin-right: 0;right: 20px;}
}
@media(max-width: 1220px){
    .slider-nav{
    bottom: 23%;
    margin-left: -30%;
}
}
@media(max-width: 900px){
    /* .slider-nav{left: 30%} */
}
@media(max-width: 800px){
    /*.slider-nav{display: none;}*/
}
@media(max-width: 500px){
    .slider-prev{left: 0;}
    .slider-next{right: 0;}
}

.slider .table{display: table;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10000;}
.slider .table-cell{display: table-cell;text-align: center;vertical-align: middle;}
.slider .slogan{width: 100%;text-align: center;}
.slider .slogan .ss2{width: 100%;text-align: center;font-size: 0;;opacity: 0;visibility: hidden;transform: translateY(20px);-webkit-transform: translateY(20px);transition: all 1s;}
.slider .s--active .slogan .ss2{opacity: 1;visibility: visible;transform: translateY(0);-webkit-transform: translateY(0);}
.slider .ss2 .zh{font-size: 24px;color: #005ca8;text-align: center;margin-bottom: 6px;font-weight: lighter;}
.slider .ss2 .slash{padding-left: 15px;padding-right: 15px;font-size: 30px;font-weight: lighter;position: relative;top: 3px;}
.slider .ss2 .en{font-size: 13px;color: #2a78cb;opacity: 0.66;text-transform: uppercase;font-weight: lighter;font-style: italic;}
.slider .see-more{display: block;width: 119px;height: 38px;line-height: 38px;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 1s;background-color: #2a78cb;font-size: 14px;color: #fff;text-align: center;margin: 0 auto;cursor: pointer;margin-top: 2.35%;}
.slider .see-more:after{display: inline-block;vertical-align: top;content: "";width: 23px;height: 100%;background-repeat: no-repeat;background-position: center center;background-image: url(/themes/pc_cn/public/assets/images/arrow-right.png);margin-left: 6px;background-size: 100% auto;}
.slider .s--active .see-more{opacity: 1;visibility: visible;transform: translateY(0);-webkit-transform: translateY(0);}
.slider .slider__slide-heading span{font-size: 4vw;letter-spacing: 0;}

@media(max-width: 1200px){
  .slider .slider__slide-heading span{font-size: 7vw;}
  .slider .ss2 .zh{font-size: 2vw;}
  .slider .ss2 .slash{font-size: 2vw;top: 0;padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 767px){
    .slider-nav-item{
        margin: 0 0.06rem;
    }
    .slider-nav{
        margin-left: -25%;
    }
}
@media(max-width: 700px){
    .slider .see-more{width: 90px;height: 30px;line-height: 30px;margin-top: 20px;}
    .slider .see-more:after{width: 18px;}
    .slider .ss2 .zh{font-size: 3.5vw;}
    .slider .ss2 .slash{font-size: 3.5vw;padding-left: 5px;padding-right: 5px;}
}
@media(max-width: 500px){
    .slider .ss2 .en{font-size: 10px;padding-left: 50px;padding-right: 50px;}
    .slider__slide-heading{margin-bottom: 10px;}
}