/* CSS Document*/
@charset "utf-8";
#fullpage{width: 100vw;height: auto;box-sizing: border-box;}
#fullpage > .swiper-wrapper > .swiper-slide{display: flex;justify-content: center;align-items: center;height: 100%;box-sizing: border-box;}
.section{padding-top: 101px; background: #fff; overflow: hidden;}
#fullpage > .swiper-wrapper > .swiper-slide.section5{height: auto;}

.ban-swiper{width: 100%; height: 100%; position: relative;}
/*.ban-swiper::after{content: '\20'; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: url(banbg.png) no-repeat left center; background-size: cover; z-index: 1;}*/
.ban-swiper .swiper-slide,
.ban-swiper .swiper-slide .videoBox,
.ban-swiper .swiper-slide .picBox{width: 100%; height: 100%;}
.ban-swiper .swiper-slide .videoBox video{width: 100%; height: 100%; object-fit: cover;}
.ban-swiper .textBox{position: absolute;left: 11%;top: 50%;transform: translateY(-50%);z-index: 5;}
.ban-swiper .textBox .a1{font-size: 50px;font-weight: 400;color: #fff;transform: translateY(-200px);opacity: 0;transition: all 2s; letter-spacing: 7px;font-weight: bold;}
.ban-swiper .textBox .a2{font-family: Arial;margin-top: 14px;font-size: 24px;color: rgba(255,255,255,.7);line-height: 80px;transform: translateY(-200px);opacity: 0;transition: all 2s;line-height: 1.5;}
.ban-swiper .textBox .a3{margin-top: 50px; transform: translateY(200px); opacity: 0; transition: all 2s;}
.ban-swiper .textBox .a3 a{display: flex; justify-content: space-between; align-items: center; width: 146px; height: 44px; padding-left: 22px; padding-right: 7px; border-radius: 30px;box-sizing: border-box; font-size: 16px; color: #3d62ad; transition: all 0.3s;}
.ban-swiper .textBox .a3 a span{display: block;position: relative; width: 26px;height: 26px;border-radius: 50%;background: #3d62ad;text-align: center;color: #fff;font-size: 20px; transition: all 0.3s;}
.ban-swiper .swiper-slide-active .picBox{-webkit-animation: scale 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
/*.ban-swiper .textBox .a3 a:hover {color: #fff;}
.ban-swiper .textBox .a3 a:hover span::before,
.ban-swiper .textBox .a3 a:hover span::after{background: #3d62ad;}*/
.ban-swiper .textBox .a3 a{position: relative;display: flex;justify-content: space-between;align-items: center;width: 146px;height: 44px;margin-top: 50px;padding-left: 22px;padding-right: 7px;border:1px solid #fff;border-radius: 30px;box-sizing: border-box;font-size: 16px;color: #fff;transition: all 0.3s;}
.ban-swiper .textBox .a3 a::before{position: absolute;right: 15px;top: 50%;content: '\20';width: 10px;height: 2px;transform: translateY(-50%);background: #005bac;transition: all 0.3s;z-index: 10;}
.ban-swiper .textBox .a3 a::after{position: absolute;right: 19px;top: 50%;content: '\20';width: 2px;height: 10px;transform: translateY(-50%);background: #005bac;transition: all 0.3s;z-index: 10;}
.ban-swiper .textBox .a3 a span{display: block;position: relative;width: 26px;height: 26px;border-radius: 50%;background: #fff;text-align: center;color: #005bac;font-size: 20px;transition: all 0.3s;position: absolute;right: 7px;top: 50%;transform: translateY(-50%);z-index: 0;}
.ban-swiper .textBox .a3 a i{position: relative; z-index: 4;}

.ban-swiper .textBox .a3 a:hover { color: #005bac;}
.ban-swiper .textBox .a3 a:hover span::before,
.ban-swiper .textBox .a3 a:hover span::after{background: #005bac; display: none;}
.ban-swiper .textBox .a3 a:hover span{width: 100%; height: 100%; right: 0; border-radius: 30px;}


.section1.swiper-slide-active .textBox .a1,
.section1.swiper-slide-active .textBox .a2,
.section1.swiper-slide-active .textBox .a3{opacity: 1; transform: translateY(0);}

.banner__text .textBox .a1{font-size: 24px;color: rgba(255, 255, 255, .9);transform: translateY(-200px);opacity: 0;transition: all 2s;display: none;}
.banner__text .textBox .a2{margin-top: 14px; font-size: 56px; font-weight: bold; color: #fff; line-height: 80px; transform: translateY(-200px); opacity: 0; transition: all 2s;}
.banner__text .textBox .a3{margin-top: 75px; transform: translateY(200px); opacity: 0; transition: all 2s;}
.banner__text .textBox .a3 a{display: flex; justify-content: space-between; align-items: center; width: 146px; height: 44px; padding-left: 22px; padding-right: 7px; background: #fff; border-radius: 30px;box-sizing: border-box; font-size: 16px; color: #3d62ad; transition: all 0.3s;}
.banner__text .textBox .a3 a span{display: block;position: relative; width: 26px;height: 26px;border-radius: 50%;background: #3d62ad;text-align: center;color: #fff;font-size: 20px; transition: all 0.3s;}
.banner__text .banner__text__item.active .textBox .a1,
.banner__text .banner__text__item.active .textBox .a2,
.banner__text .banner__text__item.active .textBox .a3{opacity: 1; transform: translateY(0);}
.banner__text .textBox .a3 a:hover {color: #fff;}
.banner__text .textBox .a3 a:hover span::before,
.banner__text .textBox .a3 a:hover span::after{background: #3d62ad;}
.banner__text .textBox .a3 a{position: relative;display: flex;justify-content: space-between;align-items: center;width: 146px;height: 44px;margin-top: 86px;padding-left: 22px;padding-right: 7px;background: #fff;border-radius: 30px;box-sizing: border-box;font-size: 16px;color: #3d62ad;transition: all 0.3s;}
.banner__text .textBox .a3 a::before{position: absolute;right: 15px;top: 50%;content: '\20';width: 10px;height: 2px;transform: translateY(-50%);background: #fff;transition: all 0.3s;z-index: 10;}
.banner__text .textBox .a3 a::after{position: absolute;right: 19px;top: 50%;content: '\20';width: 2px;height: 10px;transform: translateY(-50%);background: #fff;transition: all 0.3s;z-index: 10;}
.banner__text .textBox .a3 a span{display: block;position: relative;width: 26px;height: 26px;border-radius: 50%;background: #3d62ad;text-align: center;color: #fff;font-size: 20px;transition: all 0.3s;position: absolute;right: 7px;top: 50%;transform: translateY(-50%);z-index: 0;}
.banner__text .textBox .a3 a i{position: relative; z-index: 4;}
.banner__text .textBox .a3 a:hover { color: #fff;}
.banner__text .textBox .a3 a:hover span::before,
.banner__text .textBox .a3 a:hover span::after{background: #3d62ad; display: none;}
.banner__text .textBox .a3 a:hover span{width: 100%; height: 100%; right: 0; border-radius: 30px;}

.ban-swiper .ban-prev,
.ban-swiper .ban-next {width: 48px;height: 48px;border-radius: 50%;border: 1px solid #fff;z-index: 10;transition: all 0.36s;}
.ban-swiper .ban-prev:hover,
.ban-swiper .ban-next:hover{background: rgba(255,255,255,0.5);}
.ban-swiper .ban-prev {left: 46px;}
.ban-swiper .ban-next {right: 46px;}
.ban-swiper .ban-prev::after,
.ban-swiper .ban-next::after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 12px; background-size: 100% 100%; background-repeat: no-repeat;}
.ban-swiper .ban-prev::after{ background-image: url(dwarle.png);}
.ban-swiper .ban-next::after{ background-image: url(dwarr1.png);}
.ban-swiper .ban-prev:hover,
.ban-swiper .ban-next:hover{background: rgba(255,255,255,0.35);}

.ban-swiper .ban-pagination .swiper-pagination-bullet{width: 18px;border-radius: inherit;background: rgba(255, 255, 255, 0.5);height: 2px; opacity: 1; transition: all 0.3s;}
.ban-swiper .ban-pagination .swiper-pagination-bullet-active{width: 30px;background: #fff;}

.ban-move{position: absolute;left: 50%;bottom: 5%;transform: translateX(-50%);z-index: 10; font-size: 14px; color: #fff; text-align: center;}
.ban-move .z_banner_sb {width: 22px;height: 37px;margin: 0 auto;margin-bottom: 14px;background: url(sb.png) no-repeat center;background-size: 100% 100%;z-index: 2;animation: moves 3s linear infinite;}
.ban-move .z_banner_sb.grey{background-image: url(sb-1.png);}
.section4 .ban-move{bottom: 2%;}
@keyframes moves {
    0%{transform: translateY(0px);}
    50%{transform: translateY(-10px);}
    100%{transform: translateY(0px);}
}


.banner {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #cccccc;
}
.banner:hover .scene-nav {
    opacity: 1;
}
.banner:hover .scene-nav.scene-nav--prev {
    left: 30px;
}
.banner:hover .scene-nav.scene-nav--next {
    right: 30px;
}
.banner canvas {
    display: block;
    position: absolute;
}
.scene-nav {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    font-size: 40px;
    line-height: 1;
    color: #fff;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    transition: 0.45s;
}
.scene-nav.scene-nav--prev {
    left: -30px;
}
.scene-nav.scene-nav--next {
    right: -30px;
}
.slide-dit {
    position: absolute;
    left: 30px;
    bottom: 60px;
    z-index: 12;
    overflow: hidden;
}
.slide-dit span {
    display: block;
    float: left;
    margin-right: 35px;
    width: 12px;
    height: 16px;
    cursor: pointer;
    background: url(../images/water.png) center no-repeat;
    transition: 0.44s;
}
.slide-dit span:last-child {
    margin-right: 0;
}
.slide-dit span.active {
    animation: shake 1s forwards;
    background: url(../images/water1.png) center no-repeat;
}
@keyframes shake {
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}
@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}
.banner__text {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
    bottom: 140px;
}
.banner__text__item {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    transition: 1.5s;
    transform: scale(0.8);
}
.banner__text__item.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: 1.5s 1s;
}
.banner__text__item h4 {
    display: block;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    font-size: 50px;
}
.banner__li {
    margin-top: 54px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}
.banner__li li {
    text-align: center;
    margin-right: 56px;
}
.banner__li li:last-child {
    margin-right: 0;
}
.banner__li li b {
    display: block;
    margin-bottom: 24px;
    line-height: 1;
    color: #fff;
    font-size: 38px;
    font-weight: normal;
}
.banner__li li p {
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
}


@media screen and (max-width: 700px) {
    .ban-swiper .textBox{}
    .ban-swiper .textBox .a1{font-size: 24px;}
    .ban-swiper .textBox .a2{font-size: 20px;}
    .ban-swiper .ban-prev, .ban-swiper .ban-next{display: none;}
}

.section2{position: relative;}
.section2 .s2-swiper-1{width: 100%; height: 100%;}
.section2 .s2-swiper-1 .swiper-slide{display: flex;justify-content: center; align-items: center;}
.section2 .s2-swiper-1 .textBox{margin-top: 270px; opacity: 0; visibility: hidden; transition: all 1s; transform: translateY(100%);}
.section2 .s2-swiper-1 .textBox .tit{font-size: 30px;color: #fff;}
.section2 .s2-swiper-1 .textBox .tip{max-width: 800px;margin-top: 15px;font-size: 16px;color: #fff;line-height: 2;}
.section2 .s2-swiper-1 .textBox .more a{justify-content: space-between;align-items: center;width: 172px;height: 44px;margin-top: 18px;border:1px solid #fff;border-radius: 7px;box-sizing: border-box;font-size: 16px;color: #fff;transition: all 0.3s;margin-right: 15px;text-align: center;}
.section2 .s2-swiper-1 .textBox .more a::before{position: absolute;right: 15px;top: 50%;content: '\20';width: 10px;height: 2px;transform: translateY(-50%);background: #005bac;transition: all 0.3s;z-index: 10;display: none;}
.section2 .s2-swiper-1 .textBox .more a::after{position: absolute;right: 19px;top: 50%;content: '\20';width: 2px;height: 10px;transform: translateY(-50%);background: #005bac;transition: all 0.3s;z-index: 10;display: none;}
.section2 .s2-swiper-1 .textBox .more a span{display: block;position: relative;width: 26px;height: 26px;border-radius: 50%;background: #fff;text-align: center;color: #005bac;font-size: 20px;transition: all 0.3s;position: absolute;right: 7px;top: 50%;transform: translateY(-50%);z-index: 0;display: none;}
.section2 .s2-swiper-1 .textBox .more a i{width: 100%;text-align: center;display: inline-block;}
.section2 .s2-swiper-1 .textBox .more a:hover { color: #005bac;}
.section2 .s2-swiper-1 .textBox .more a:hover span::before,
.section2 .s2-swiper-1 .textBox .more a:hover span::after{background: #3d62ad; display: none;}
.section2 .s2-swiper-1 .textBox .more a:hover span{width: 100%; height: 100%; right: 0; border-radius: 30px;}
.section2 .s2-swiper-1 .swiper-slide-active .textBox{opacity: 1;visibility: visible;transform: translateY(0);left: 6%;position: absolute;top: 8%;}
.section2 .swiper-nav{position: absolute;left: 0;right: 0;top: 9%;z-index: 10;}
.section2 .swiper-nav .cont{position: relative;}
.section2 .swiper-nav .cont::before{position: absolute;right: 100%;bottom: 11px;content: '\20';width: 100vw;height: 1px;background: rgba(255,255,255,.3);}
.section2 .swiper-nav .cont::after{position: absolute;left: 100%;bottom: 11px;content: '\20';width: 100vw;height: 1px;background: rgba(255,255,255,.3);}
/* .section2 .swiper-nav::before{position: absolute; left: 0;bottom: 11px; content: '\20'; width: 100%; height: 1px; background: rgba(255, 255, 255, .3);} */
.section2 .swiper-nav .swiper-slide{text-align: center;}
.section2 .swiper-nav .swiper-slide::before{position: absolute;left: 50%;bottom: 8px;content: '\20';width: 7px;height: 7px;transform: translateX(-50%);border-radius: 50%;background: #fff;}
.section2 .swiper-nav .swiper-slide.active-nav::before{bottom: 6px;width: 11px;height: 11px;}

.section2 .swiper-nav .textBox{position: relative; padding-bottom: 55px;}

.section2 .swiper-nav .picBox{position: relative;width: 54px;height: 54px;margin: 0 auto;border-radius: 50%;border: 1px solid rgba(255,255,255,.6);transition: all 0.4s;cursor: pointer;}
.section2 .swiper-nav .picBox img{border-radius: 50%;width: 40px;text-align: center;margin: 0 auto;margin-top: 7px;}
.section2 .swiper-nav .picBox .img2{display: none;}
.section2 .swiper-nav .tit{margin-top: 18px;font-size: 16px;color: #fff;}
/*.section2 .swiper-nav .swiper-slide.active-nav::after{position: absolute; left: 50%; bottom: 1px; content: '\20'; width: 40px; height: 19px; transform: translateX(-50%); background: url(pic_05.png) no-repeat center center;}*/
.section2 .swiper-nav .swiper-slide.active-nav .textBox::before{position: absolute;left: 50%;bottom: 11px;content: '\20';width: 1000vw;height: 1px;background: rgba(255,255,255,.3);}
.section2 .swiper-nav .swiper-slide.active-nav .textBox::after{position: absolute;right: 50%;bottom: 11px;content: '\20';width: 1000vw;height: 1px;background: rgba(255,255,255,.3);}
.section2 .swiper-nav .swiper-slide.active-nav .tit{color: #005bac}
/* .section2 .swiper-nav .swiper-slide.active-nav .picBox{ background: #fff;} */
/*.section2 .swiper-nav .swiper-slide .picBox::before{content: '\20';position: absolute;left: 50%;top: 50%;width: 54px;height: 54px;background: #fff;margin: -27px 0 0 -27px;border-radius: 50%;z-index: -1; transform: scale(0); transition: all 0.4s;}*/
.section2 .swiper-nav .swiper-slide .picBox:hover::before,
.section2 .swiper-nav .swiper-slide.active-nav .picBox::before{transform: scale(1);}
/* .section2 .swiper-nav .swiper-slide.active-nav .picBox::before{content: '\20'; position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; background: #fff; margin: -27px 0 0 -27px; border-radius: 50%;} */
.section2 .swiper-nav .swiper-slide.active-nav .picBox .img1{display: none;width: 45px;}
.section2 .swiper-nav .swiper-slide.active-nav .picBox .img2{display: block;}
.section2 .swiper-nav .swiper-slide.active-nav .picBox{border-color: #005bac}

.section3 .a1{position: relative; z-index: 10;padding-bottom: 200px;}
.section3 .a1 .b1{font-size: 36px; color: #fff;}
.section3 .a1 .b2{max-width: 690px; margin-top: 30px; font-size: 16px; color: #fff; line-height: 32px;}
.section3 .a1 .b3{max-width: 690px; display: flex; justify-content: space-between; margin-top: 70px;}
.section3 .a1 .b3 .item{text-align: center;}
.section3 .a1 .b3 .item .picBox{transition: all 0.5s;}
.section3 .a1 .b3 .item .picBox img{transition: all 0.5s; object-fit: cover;}
.section3 .a1 .b3 .item .textBox{margin-top: 13px; font-size: 16px; color: #fff;}
/* .section3 .a1 .b3 .item a:hover .picBox{transform: translateY(-12px);} */
/* .section3 .a1 .b3 .item a:hover .picBox img{ animation: jello 1.4s;} */
.section3 .a1 .b3 .item a:hover .picBox img{transform: scale(1.25);}
.section3 .a2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(pic_64.png) no-repeat top center;background-size: cover;z-index: 4;}


@keyframes jello {
    0%,
    11.1%,
    100% {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.195312deg) skewY(-0.195312deg);
    }
}
@keyframes scale{0%{-webkit-transform: scale(1.08);transform: scale(1.08);}}

.section4{background: #f0f5f8;}
.section4 .a1 .b1{display: flex; justify-content: space-between; align-content: center;}
.section4 .a1 .b1 .tit{font-size: 36px; color: #333;}
.section4 .a1 .b1 .slide-hd{display: flex; justify-content: space-between;}
.section4 .a1 .b1 .slide-hd .item{margin-right: 14px;}
.section4 .a1 .b1 .slide-hd .item a{display: block;position: relative;width: 146px;height: 44px;border-radius: 30px;text-align: center;line-height: 44px;font-size: 16px;color: #3d62ad;background: #fff;transition: all 0.4s;overflow: hidden;z-index: 2;}
.section4 .a1 .b1 .slide-hd .item:last-child{margin-right: 0;}
.section4 .a1 .b1 .slide-hd .item a::before{content: '\20';position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #3d62ad;transition: all 0.6s;z-index: -1;}
.section4 .a1 .b1 .slide-hd .item.on a,
.section4 .a1 .b1 .slide-hd .item a:hover{color: #fff;}
.section4 .a1 .b1 .slide-hd .item.on a::before,
.section4 .a1 .b1 .slide-hd .item a:hover::before{width: 100%;}

.section4 .a1 .b2{margin-top: 2.6041vw;}
.section4 .a1 .b2 .slide-bd .item{display: flex; justify-content: space-between;}
.section4 .a1 .b2 .slide-bd .item .item-left{width: 49%;/* height: 60vh;*/}
.section4 .a1 .b2 .slide-bd .item .item-left .swiper-container{height: 100%;}
.section4 .a1 .b2 .slide-bd .item-left .picBox{position: relative; width: 100%;/*height: calc(100% - 165px);*/overflow: hidden;}
.section4 .a1 .b2 .slide-bd .item-left .picBox::before{content: "";width: 100%;height: 100%;position: absolute;z-index: 1;left: 0px;}
.section4 .a1 .b2 .slide-bd .item-left .picBox img{transition: all 0.4s; width: 100%; height: 100%; object-fit: fill;}
.section4 .a1 .b2 .slide-bd .item-left .textBox{background: #fff;padding: 20px 30px 20px 20px;height: 165px;box-sizing: border-box;}
.section4 .a1 .b2 .slide-bd .item-left .textBox .tit{font-size: 22px; color: #3d62ad; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.5s;}
.section4 .a1 .b2 .slide-bd .item-left .textBox .tip{font-size: 14px;color: #8a8a8a;margin-top: 10px;}
.section4 .a1 .b2 .slide-bd .item-left .textBox .con{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 14px;color: #8a8a8a;margin-top: 24px;}
.section4 .a1 .b2 .slide-bd .item-left .swiper-pagination {width: auto;height: 100px;display: flex;align-items: center;bottom: 0;left: auto;right: 0;padding-right: 30px;}
.section4 .a1 .b2 .slide-bd .item-left .swiper-pagination-bullet{width: 13px; height: 13px; opacity: 1; background: #7fb2e5;}
.section4 .a1 .b2 .slide-bd .item-left .swiper-pagination-bullet-active{background: #3d62ad;}
.section4 .a1 .b2 .slide-bd .item-left a:hover .picBox img{transform: scale(1.12);}
.section4 .a1 .b2 .slide-bd .item-left a:hover .picBox::before{animation: gradient-rectangle 1.4s;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.section4 .a1 .b2 .slide-bd .item-left a:hover .textBox .tit{color: #3d62ad; padding-left: 20px;}
@keyframes gradient-rectangle{
    0%{-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: bottom;transform-origin: bottom;background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));opacity: 1;}
    100%{-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;transform-origin: top;background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));opacity: 0;}
}
@-webkit-keyframes gradient-rectangle{
    0%{-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: bottom;transform-origin: bottom;background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));opacity: 1;}
    100%{-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;transform-origin: top;background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));opacity: 0;}
}


.section4 .a1 .b2 .slide-bd .item .item-right{width: 50%; /*height: 60vh;*/ display: flex; justify-content: space-between; flex-direction: column;}
.section4 .a1 .b2 .slide-bd .item .item-right .c1{height: 32%; background: #fff;}
.section4 .a1 .b2 .slide-bd .item .item-right .c1 a{display: flex;justify-content: space-between;align-items: center;height: 100%;margin: 0 2.4479vw; position: relative;border-bottom: 1px dashed #e5e5e5;}
.section4 .a1 .b2 .slide-bd .item .item-right .c1:last-child a{border-bottom: 0}
/*.section4 .a1 .b2 .slide-bd .item .item-right .c1 a::before{position: absolute; left: 0; bottom: 0; content: '\20'; width: 0; height: 2px; background: #3d62ad; transition: all 0.8s;}
.section4 .a1 .b2 .slide-bd .item .item-right .c1 a::after{position: absolute; right: 2.4479vw; bottom: 1.7187vw; content: '\20'; width: 17px; height: 9px; background: url(pic_09.png) no-repeat center; opacity: 0; transition: all 0.5s;}*/
.section4 .a1 .b2 .slide-bd .item .item-right .timeBox{text-align: center;}
.section4 .a1 .b2 .slide-bd .item .item-right .timeBox .time1{font-family: Arial; font-size: 46px; font-weight: bold; color: #c9c9c9; transition: all 0.4s;}
.section4 .a1 .b2 .slide-bd .item .item-right .timeBox .time2{font-size: 14px; color: #8a8a8a; transition: all 0.4s;}
.section4 .a1 .b2 .slide-bd .item .item-right .textBox{width: 96%;}
.section4 .a1 .b2 .slide-bd .item .item-right .textBox .tit{font-size: 22px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section4 .a1 .b2 .slide-bd .item .item-right .textBox .tip{font-size: 14px; color: #999999; line-height: 24px;margin-top: 8px;     text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.section4 .a1 .b2 .slide-bd .item .item-right .c1 a:hover::before{width: 100%;}
.section4 .a1 .b2 .slide-bd .item .item-right .c1 a:hover::after{opacity: 1;}
.section4 .a1 .b2 .slide-bd .item .item-right .c1 a:hover .time1{color: #3d62ad;}
.section4 .a1 .b2 .slide-bd .item .item-right .c1 a:hover .time2{color: #3d62ad;}
.section4 .a1 .b2 .slide-bd .item .item-right .c1 a:hover .textBox .tit{color: #3d62ad;}

@media screen and (max-width: 1599px) {
    .section4 .a1 .b2 .slide-bd .item .item-right .textBox .tit{font-size: 20px;}
    .section4 .a1 .b2 .slide-bd .item-left .textBox .tit{font-size: 20px;}
}
@media screen and (max-width: 1440px) {
    .section4 .a1 .b2 .slide-bd .item .item-right .textBox .tit{font-size: 18px;}
    .section4 .a1 .b2 .slide-bd .item-left .textBox .tit{font-size: 18px;}
}
@media screen and (max-width: 1279px) {
    .section4 .a1 .b2 .slide-bd .item .item-right .textBox .tit{font-size: 16px;}
    .section4 .a1 .b2 .slide-bd .item-left .textBox .tit{font-size: 16px;}
}



.active .movefadeRight{-webkit-animation: fadeInRight 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInRight 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.active .movefadeLeft{-webkit-animation: fadeInLeft 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInLeft 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.active .movefadeUp{-webkit-animation: fadeInUp 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInUp 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.active .movefadeDown{-webkit-animation: fadeInDown 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInDown 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.active .delay200{animation-delay: 0.2s;}
.active .delay400{animation-delay: 0.4s;}
.active .delay600{animation-delay: 0.6s;}
.active .delay800{animation-delay: 0.8s;}
.active .delay1000{animation-delay: 1s;}
div#fp-nav ul li a{position: relative;}
div#fp-nav ul li a::before{display: none; position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; content: '\20'; border-radius: 50%; background: pink; background: url(pic_30.png) no-repeat center center; transform: translate(-50%, -50%); animation: rotate 2.2s 0s infinite;}
@keyframes rotate{0%{transform: translate(-50%, -50%) rotate(0deg)} 100%{transform: translate(-50%, -50%) rotate(360deg)}}
div#fp-nav ul li a span{width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #999999;}
div#fp-nav ul li a:hover span{background: #fe9841;}
div#fp-nav ul li a.active{border-radius: 0; border: none; margin: 0;}
div#fp-nav ul li a.active span{width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fe9841;}
div#fp-nav ul li a.active:hover span{background: #fe9841;}
div#fp-nav ul li a.active::before{display: block;}

.swiper-slide-active .movefadeRight{
    -webkit-animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .movefadeLeft{
    -webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .movefadeUp{
    -webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .movefadeDown{
    -webkit-animation: fadeInDown 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInDown 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.swiper-slide-active .delay200{animation-duration: 3s;}
.swiper-slide-active .delay400{animation-duration: 4s;}
.swiper-slide-active .delay600{animation-duration: 3.6s;}
.swiper-slide-active .delay800{animation-duration: 4s;}
.swiper-slide-active .delay1000{animation-duration: 4.4s;}


@media screen and (max-width: 1200px) {
    /*.section2::before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;content: '\20';z-index: 2;}*/
    .section4 .a1 .cont{width: 92vw;}
    .section4 .a1 .b1{flex-wrap: wrap;}
    .section4 .a1 .b1 .tit{font-size: 24px;}
    .section4 .a1 .b2 .slide-bd .item{flex-wrap: wrap;}
    .section4 .a1 .b2 .slide-bd .item .item-left{display: none;}
    .section4 .a1 .b2 .slide-bd .item .item-right{width: 100%;}
    .section4 .a1 .b1 .slide-hd{width: 100%; margin-top: 24px;}
    .section4 .a1 .b1 .slide-hd .item{width: 30%; margin-right: 0;}
    .section4 .a1 .b1 .slide-hd .item a{width: 100%; pointer-events: none;}
    .section4 .a1 .b2 .slide-bd{margin-top: 20px;}
    .section4 .a1 .b2 .slide-bd .item .item-right .timeBox .time1{font-size: 30px;}
    .section4 .a1 .b2 .slide-bd .item .item-right .textBox .tit{font-size: 18px;}
    .section4 .a1 .b1 .slide-hd .item:last-child{display: none;}
}

@media screen and (max-width: 700px) {
    .section{padding-top: 70px;}
    .ban-swiper .textBox{left: 8%;}
    .section2 .swiper-nav .tit{margin-top: 10px;}
    .section2 .swiper-nav .textBox{padding-bottom: 30px;}
    .section2 .s2-swiper-1 .textBox{margin-top: 200px;}
    .section2 .s2-swiper-1 .textBox .tit{font-size: 20px;}
    .section2 .s2-swiper-1 .textBox .tip{margin-top: 20px; width: 100%; font-size: 15px; line-height: 26px;}
    .section2 .s2-swiper-1 .textBox .more a{margin-top: 30px;}
    .section3 .a1{padding-bottom: 0}
    .section3 .a1 .b1{font-size: 24px;}

}

#menufull {
    position: fixed;
    top: calc(50% + calc(10 / 16* 1em));
    transform: translateY(-50%);
    left: 1vw;
    z-index: 200;
    width: 29px;
}

#menufull li {
    color: #fff;
    font-size: 14px;
    margin-bottom: 30%;
}
#menufull li img{
    width: 67%;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 13%;
}
#menufull li a{
    color: #fff;
    width: auto;
    height: auto;
    display: inline-block;
}
#menufull li:hover{
    color: #10d5a6;
}