html,body{position: relative; height: 100%;}
body{background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0;}
.visibility_show{display:block;}
.visibility_hide{display:none;}
.swiper{width: 100%; height: 100%;}
.swiper-slide{background: #fff; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
    
}
.swiper-slide.swiper-slide-active{
    animation: sizebig 5s forwards;
    -webkit-animation: sizebig 5s forwards;
}
.textwrapanimate{
    opacity: 0;
}
.swiper-slide-active .textwrapanimate {
    position:relative;
    animation: textwrapanimate 1s forwards .5s;
    -webkit-animation: textwrapanimate 1s forwards .5s;
}
.swiper-slide img{}
.swiper-slide1{background-image: url(../img/bg_1.jpg);}
.swiper-slide2{background-image: url(../img/bg_2.jpg);}
.swiper-slide3{background-image: url(../img/bg_3.jpg);}
.swiper-slide4{background-image: url(../img/bg_4_2.jpg);}
.swiper-slide5{background-image: url(../img/bg_5.jpg);}
.swiper-slide6{background-image: url(../img/bg_6.jpg);}


.main_wrap{width: 1200px; text-align: center;margin: 0 auto;}
.swiper-pagination{background-color: #fff;}
.swiper-pagination .pagination_floor{color: #3e3a39; font-size: 12px; width: 35px; padding: 10px 9px; background-color: #fff; cursor: pointer; position: relative;}
.swiper-pagination .pagination_floor::after{content:''; background-color: #3e3a39; width: 50%; height: 0.5px; position: absolute; bottom:0; left:25%; opacity: 0.3;}
.swiper-pagination .pagination_floor:last-child::after{display:none;}
.swiper-pagination .pagination_floor:last-child{padding: 13px 9px}
.swiper-pagination .pagination_floor.active{background-color: #ff6b00; color: #fff;}
.swiper-pagination .pagination_floor.active::after{display:none;}
.swiper-pagination .pagination_floor .back_top{width: 24px;}
.swiper_slide1_text{position: relative;z-index: 10;}
.swiper-slide1 .swiper-slide1-title{font-size: 60px;color: #3e3a39;font-weight: bold; letter-spacing: 8px;margin-bottom: 20px; text-align: center;}
.swiper-slide1 .swiper-slide1-tips{text-align: center; font-size: 38px; letter-spacing: 10px;color: #2b56fa;}
.swiper-slide1 .play_btn{display: block; margin: 10% auto 0; width: 120px;color: #2b56fa;text-align: center;font-size: 24px;letter-spacing: 2px;}
.swiper-slide1 .play_btn .play_btn_img{width: 120px;margin:20px auto 5px;display: block;}
.swiper_slide1_content{height: 100%; width: 100%;position: absolute;z-index: 0;}
.swiper_slide2_title{font-size: 20px; line-height: 37px; text-align: left;height: 28%;display: flex;
    align-items: center;}
.swiper_slide2_title span{color: #ff6100;}
.swiper_slide2_list{display: flex;}
.swiper_slide2_list .swiper_slide2_single{flex: 1; margin: 0 5px; height: 350px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; transition: all linear 0.5s; /*opacity: 0.9;*/position: relative;}
.swiper_slide2_list .swiper_slide2_single .grey{position: absolute;width: 100%;height: 100%;z-index: 20;background-color: rgb(0 0 0 / 50%);top: 0;left: 0;transition: all linear 0.5s;}
.swiper_slide2_list .swiper_slide2_single:hover{border-radius: 8px; overflow: hidden;}
.swiper_slide2_list .swiper_slide2_single:hover .grey{background-color: rgb(0 0 0 / 0%);}
.swiper_slide2_list .swiper_slide2_single:first-child{background-image: url(../img/swiper_slide2_single_1.jpg);}
.swiper_slide2_list .swiper_slide2_single:nth-child(2){background-image: url(../img/swiper_slide2_single_2.jpg);}
.swiper_slide2_list .swiper_slide2_single:last-child{background-image: url(../img/swiper_slide2_single_3.jpg);}
.swiper_slide2_list .swiper_slide2_single .slide2_text_content{width: 75%; margin: 20% auto;position: relative;z-index: 10;}
.swiper_slide2_list .swiper_slide2_single .slide2_title{font-size: 30px; color:#fff; text-align: left;}
.swiper_slide2_list .swiper_slide2_single .slide2_line{background-color: #ff6100; width: 130px; height: 2px; transition: all linear 0.5s; margin: 30px 0 40px;letter-spacing: 4px;}
.swiper_slide2_list .swiper_slide2_single:hover{cursor: pointer; opacity: 1;}
.swiper_slide2_list .swiper_slide2_single:hover .slide2_line{width: 150px;}
.swiper_slide2_list .swiper_slide2_single .slide2_text{text-align: left; font-size: 20px; color:#fff;letter-spacing: 2px;}
.swiper_slide2_content{/*height: 100%;*/}
.main_wrap_title{}
.main_wrap_title span{position: relative; font-size: 46px; color: #fff;}
.main_wrap_title span:before{width: 6px; background: #2b56fa; content: ""; position: absolute; height: 100%; left: -30px; top: 0px;}
/* swiper_slide3_tab */
.swiper_slide3_tab{position: relative;}
.swiper_slide3_tab .layui-tab{}
.swiper_slide3_tab .layui-tab-title{border: none; position: absolute; bottom: 0px; left: 0; z-index: 1;    width: 100%;overflow: hidden;}
.swiper_slide3_tab .layui-tab-title li{color: #fff; background: #2b56fa; width: 25%; font-size: 22px; height: auto; padding: 0px 0px; margin-right:5px;}
.swiper_slide3_tab .layui-tab-title li.layui-this{background: #ff6100;}
.swiper_slide3_tab .layui-tab-title li.layui-this::after{display: none;}
.swiper_slide3_tab .layui-tab .layui-tab-content{padding: 0;}
.swiper_slide3_tab .layui-tab .layui-tab-content .swiper_slide3_content_wrap{position:relative;}
.swiper_slide3_tab .layui-tab .layui-tab-content .swiper_slide3_content_wrap .swiper_slide3_content_title{position: absolute; font-size: 20px; color: #fff; bottom: 80px; left: 76px; text-shadow: 0 0 7px #2a2a2a;width: calc(100% - 30px);}
.swiper_slide3_tab .layui-tab .layui-tab-content .swiper_slide3_content_wrap .swiper_slide3_content_img{vertical-align: top; height: 360px; width: 1200px; object-fit: cover;}
.swiper_slide3_content{height: 100%;}
.swiper_slide3_content .main_wrap_title{height: 20%; display: flex; align-items: center; justify-content: center;}
.swiper_slide3_text{margin: 15px 0 0;}
.swiper_slide3_text p{text-align: left; color: #fff; font-size: 17px; line-height: 30px; margin-bottom: 0; letter-spacing: 2px;}
.swiper_slide3_play_btn{position: absolute; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;}
.swiper_slide3_play_btn .play_btn{}
.swiper_slide3_play_btn .play_btn .play_btn_img{width:66px; position: relative; top: -15px;}
/* swiper_slide4_title */
.swiper_slide4_title{font-size: 24px;letter-spacing: 2px; text-align: left; color: #000;margin-bottom: 20px;}
.swiper_slide4_content{position: relative;height: 100%;width: 100%;}
.swiper_slide4_content .swiper_slide4_content_top {height: 25%;}
.swiper_slide4_content .swiper_slide4_content_top .main_wrap_title{position: relative;width: 100%;z-index: 10; text-shadow: 0 0 7px #2a2a2a;}
.swiper_slide4_content .swiper_slide4_content_top .main_wrap_title span:before{background: #Ffff; box-shadow: 0 0 7px #2a2a2a;}
.swiper_slide4_content .main_wrap{}
.swiper_slide4_content .swiper_slide4_content_bottom{height: 72%;padding-top: 3%;}
.swiper_slide4_video_wrap{display: flex;height: auto;}
.swiper_slide4_video_wrap .vjs-big-play-centered .vjs-big-play-button{top: 62%;}
#slide4_video{margin: 0 auto;}
.swiper_slide4_video_wrap .play_btn{display: block; margin: 19% auto 0; width: 120px;}
.swiper_slide4_video_wrap .play_btn .play_btn_img{width: 95px;margin: -15px auto;display: block;}
.pinPai_video_left{padding: 30px 0;background: rgb(255 255 255 / 40%);}
.pinPai_video_left .pinPai_video_left_text{text-align: left; width: 70%; margin: 30px auto;}
.pinPai_video_left .pinPai_video_left_text .pinPai_video_left_title{font-size: 24px; font-weight: bold; color: #2B56FA; position: relative;}
.pinPai_video_left .pinPai_video_left_text .pinPai_video_left_title::before{content: ''; width: 10px; height: 10px; background-color: #FF6B00; position: absolute; left: -20px; top: 12px;}
.pinPai_video_left .pinPai_video_left_text .pinPai_video_left_title span{color: #ff6b00;}
.pinPai_video_left .pinPai_video_left_text .pinPai_video_left_tips{color: #595757; margin: 10px 0 20px;}
.pinPai_video_left .pinPai_video_left_text:last-child .pinPai_video_left_tips{margin-bottom:0px;}
.pinPai_video_wrap{background-image: url(../img/video_post2.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 350px;}
/* swiper_slide5_title */
.swiper_slide5_content{height: 100%;}
.swiper_slide5_content .main_wrap_title{height: 20%;display: flex;justify-content: center;align-items: center;}
.swiper_slide5_title{font-size: 18px; text-align: left; color: #fff; margin-bottom: 30px; line-height: 42px; transition: all linear 0.5s;}
.swiper_slide5_title:hover{text-shadow: 0px 0px 1px #fff; color: rgb(43 86 250 / 30%);}
.swiper_slide5_content_1_img{width: 100%;object-fit:contain;margin: 20px auto 0;}
/* swiper_slide6_content */
.swiper_slide6_content{}
.swiper_slide6_content .swiper_slide6_logo{width: 220px; margin: 0 auto 40px; display: block;}
.swiper_slide6_content .swiper_slide6_text{text-align: center; color: #fff; font-size: 45px; letter-spacing: 14px; margin-bottom: 60px;}
.swiper_slide6_content .jump_href{width: 190px; background: #2b56fa; margin: 0 auto; display: flex; font-size: 18px; padding: 4px;border-radius: 22px;}
.swiper_slide6_content .jump_href .jump_href_wrod{}
.swiper_slide6_content .jump_href .jump_href_wrod a{color:#636363; background: #fff; display: block; text-align: center; padding: 10px 0;}
.swiper_slide6_content .jump_href .jump_href_wrod a:hover{color: #2b56fa;}
.swiper_slide6_content .jump_href .jump_href_login{text-align: center;}
.swiper_slide6_content .jump_href .jump_href_login a{color: #fff; display: block; padding: 8px 0;}
.swiper_slide6_content .jump_href .jump_href_login a:hover{}
.video-js{width: 100%;height: 100%;}
.layui-layer-iframe ,.layui-layer{overflow: initial !important;background-color: transparent !important;}
.layui-tab-bar{display: none;}
/* 文字上移 */
@keyframes textwrapanimate {
    0%{
        top:0.5rem;
        opacity: 0;
    }
    100%{
        top:0;
        opacity: 1;
    }
}
/* 背景放大 */
@keyframes sizebig {
    0%{
        background-size: 100% 100%;
    }
    100%{
        background-size: 105% 105%;
    }
}

@media (min-width:2100px){
    .main_wrap{width: 1310px;}
    .swiper-slide1 .swiper-slide1-title {
        font-size: 65px;
    }
    .swiper-slide1 .swiper-slide1-tips {
        font-size: 40px;
    }
    .swiper-slide1 .play_btn .play_btn_img {
        width: 95px;
    }
    .swiper-slide1 .play_btn {
        font-size: 16px;
    }
    .swiper_slide2_content {
        height: 100%;
    }
    .swiper_slide2_list{
        height: 60%;
    }
    .swiper_slide2_title {
        font-size: 24px;
        line-height: 54px;
        height: 35%;
    }
    .swiper_slide2_title>div{
        margin-bottom: 0 !important;
    }
    .swiper_slide2_list .swiper_slide2_single {
        height: 500px;
    }
    .swiper_slide2_list .swiper_slide2_single .slide2_text_content {
        margin: 35% auto;
    }
    .swiper_slide3_content .main_wrap_title {
        height: 20%;
    }
    .swiper_slide3_text p {
        font-size: 20px;
        line-height: 40px;
    }
    .swiper_slide3_tab .layui-tab .layui-tab-content .swiper_slide3_content_wrap .swiper_slide3_content_img {
        height: 460px;
    }
    .swiper_slide3_tab .layui-tab .layui-tab-content {
        margin-top: 40px;
    }
    .swiper_slide4_title {
        font-size: 26px;
        margin-bottom: 50px;
    }
    .pinPai_video_wrap {
        height: 450px;
    }
    .pinPai_video_left .pinPai_video_left_text {
        margin: 55px auto;
    }
    .swiper_slide4_video_wrap .play_btn {
        margin: 23% auto 0;
    }
    .swiper_slide5_title {
        font-size: 24px;
        letter-spacing: 4px;
    }
    .swiper_slide5_content_1_img {
        margin: 80px auto 0;
    }
    .swiper_slide6_content .swiper_slide6_text {
        font-size: 55px;
    }
    .swiper_slide6_content .jump_href {
        font-size: 22px;
    }

    .swiper-pagination .pagination_floor {
        font-size: 16px;
        width: 47px;
    }
}

@media (min-width:2880px){
    .main_wrap{width: 1800px;}
    .main_wrap_title span{
        font-size: 66px;
    }
    .swiper-slide1 .swiper-slide1-title {
        font-size: 72px;
        margin-bottom:50px;
    }
    .swiper-slide1 .swiper-slide1-tips {
        font-size: 50px;
    }
    .swiper-slide1 .play_btn .play_btn_img {
        width: 105px;
    }
    .swiper-slide1 .play_btn {
        font-size: 22px;
    }
    .swiper_slide2_content {
        height: 100%;
    }
    .swiper_slide2_list .swiper_slide2_single .slide2_title {
        font-size: 50px;
    }
    .swiper_slide2_list .swiper_slide2_single .slide2_line {
        width: 240px;
        height: 6px;
    }
    .swiper_slide2_list .swiper_slide2_single:hover .slide2_line {
        width: 350px;
    }
    .swiper_slide2_list .swiper_slide2_single .slide2_text {
        font-size: 30px;
    }
    .swiper_slide2_list{
        height: 60%;
    }
    .swiper_slide2_title {
        font-size: 36px;
        line-height: 76px;
        height: 35%;
    }
    .swiper_slide2_title>div{
        margin-bottom: 0 !important;
    }
    .swiper_slide2_list .swiper_slide2_single {
        height: 600px;
    }
    .swiper_slide2_list .swiper_slide2_single .slide2_text_content {
        margin: 35% auto;
    }
    .swiper_slide3_content .main_wrap_title {
        height: 20%;
    }
    .swiper_slide3_text p {
        font-size: 26px;
        line-height: 56px;
    }
    .swiper_slide3_tab .layui-tab .layui-tab-content .swiper_slide3_content_wrap .swiper_slide3_content_title {
        font-size: 28px;
    }
    .swiper_slide3_tab .layui-tab .layui-tab-content .swiper_slide3_content_wrap .swiper_slide3_content_img {
        height: 650px;
        width: 100%;
    }
    .swiper_slide3_tab .layui-tab .layui-tab-content {
        margin-top: 40px;
    }
    .swiper_slide3_tab .layui-tab-title li {
        font-size: 28px;
        height: 60px;
        line-height: 60px;
    }

    .layui-tab-title {
        height: 60px;
    }
    .pinPai_video_left .pinPai_video_left_text .pinPai_video_left_title {
        font-size: 34px;
    }
    .swiper_slide4_title {
        font-size: 32px;
        margin-bottom: 50px;
    }
    .pinPai_video_wrap {
        height: 600px;
    }
    .pinPai_video_left .pinPai_video_left_text .pinPai_video_left_tips{
        font-size: 22px;
    }
    .pinPai_video_left .pinPai_video_left_text .pinPai_video_left_title::before{
        width: 15px;
        height: 15px;
        left: -30px;
        top: 15px;
    }
    .pinPai_video_left .pinPai_video_left_text {
        margin: 72px auto;
    }
    .swiper_slide4_video_wrap .play_btn {
        margin: 23% auto 0;
    }
    .swiper_slide5_title {
        font-size: 30px;
        letter-spacing: 4px;
    }
    .swiper_slide5_content_1_img {
        margin: 80px auto 0;
    }
    .swiper_slide6_content .swiper_slide6_text {
        font-size: 70px;
    }
    .swiper_slide6_content .jump_href {
        font-size: 28px;
        width: 240px;
    }
    .swiper-pagination .pagination_floor {
        font-size: 22px;
        width: 62px;
        padding: 15px 9px;
    }
    .swiper-pagination .pagination_floor .back_top {
        width: 30px;
    }
}