/* 页面上下轮播 */
        html, body {
            position: relative;
            height: 100%;
        }
        .swiper-container {
            width: 100%;
            height: 100%;
            margin: auto;
        }
        .swiper-slide {  
            overflow: auto;
        }
        /* 视频播放 */
        .swiper_join{
            width: 100%;
            height: 100%;
            position: relative;
        }
        /* .swiper_join video{
            width: 1920px;
            height: 100%;
        } */
        
        .play_btn{
            width: 50%; 
            position: absolute;
            top: 20%;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            z-index: 5;
            animation: totop 1.8s linear forwards;
        }
        @keyframes totop{
            0% {
                transform: translateY(200px);
            }
            100% {
                transform: translateY(0);
            }
        }
        @-webkit-keyframes totop{
            0% {
                transform: translateY(200px);
            }
            100% {
                transform: translateY(0);
            }
        }
        .play_btn .title_5g{
            width: 80%;
            margin: 30px auto;
            border: 4px solid rgba(255,255,255,1);
            line-height: 80px;
        }
        .btn_img{
            width: 100px;
            height: 100px;
            margin: auto;
            cursor: pointer;

            margin: auto;
            z-index: 5;
            animation: totop 2s linear forwards;
        }
        

        .content{
            overflow: hidden;
        }

        /* 
            未来正来临
        */
        .join-coming{
            width: 1200px; 
            height: 500px;
            padding: 50px 100px;
            margin:60px auto;
            border:1px solid #eeeeee;
            box-shadow:10px 1px 10px 0px rgba(200, 200, 200, 0.3); 
        }
        /* .join-coming img{
            animation: widthanimate 3s linear forwards;
        } */
        @keyframes widthanimate{
            0% {
                width: 0; 
            }
            50% {
                width: 600px; 
            }
            100% {
                width: 1200px; 
            }
        }
        @-webkit-keyframes widthanimate{
            0% {
                width: 0; 
            }
            50% {
                width: 600px; 
            }
            100% {
                width: 1200px; 
            }
        }
        /* 3年计划 */
        .content_join_plan_box{
            margin:10px auto;
            overflow: hidden;
            
        }
        .content_join_plan_box .title{
            line-height: 60px; 
            margin: 30px 0;
        }
        .content_join_plan_box .tips{
            line-height: 40px;
            
        }

        /* 50亿 */
        .content_join_charts{
            margin: 40px auto; 
            padding: 0 60px;
            border:1px solid #eeeeee;
            box-shadow:10px 1px 10px 0px rgba(200, 200, 200, 0.3); 
        }

        /* 未来已来 */
        .content_join_future .future-box {
            margin: 50px auto;
        }
        .content_join_future .future-box li{
            flex: 1;
            margin: 20px; 
            height: 350px;
            position: relative;
        }
        
        .content_join_future .future-box li .fix_hover{
            width: 100%;
            height: 100%;
            padding-top: 100px;
            position: absolute;
            top: 0;
            left: 0;
            margin: auto; 
            background: url('../img/join-item-future-bg.png') no-repeat ;
            background-size: 100% 100%;
            display: none;
        }
        .content_join_future .future-box li:hover .fix_hover{
            display: block;
            animation: opacity .3s linear forwards;
        }
        @keyframes opacity{
            0% {
                opacity: .3;
            }
            100% {
                opacity:1;
            }
        }
        @-webkit-keyframes shake{
            0% {
                opacity: 0.3;
            }
            100% {
                opacity:1;
            }
        }
        .content_join_future .future-box li .fix_hover p{
            width:60%;
            margin: auto;
        }
        .content_join_future .future-box li .fix_hover span{
            width:40px;
            height:4px;
            background:rgba(255,230,49,1);
            margin: 20px auto 50px auto;
            display: block;
        }
        .content_join_future .future-box li img{
            width: 80px;
            height: 80px;
            margin:100px auto 50px auto;
            
        }
        .content_join_future .future-box li img:hover{
            animation: shake 1s linear forwards;
        }
        
        @keyframes shake{
            0% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-50px);
            }
            100% {
                transform: translateY(0);
            }
        }
        @-webkit-keyframes shake{
            0% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-50px);
            }
            100% {
                transform: translateY(0);
            }
        }
        /* 心动不如行动，即刻联系我们 */
        .link_us_input{
            width: 100%;
            flex-wrap: wrap;
            color: #666666; 
        }
        .link_us_input li{
            font-size: 26px;
            flex: 1;
            width: 30%;
            display: flex;
            display:-ms-flex;
            display:-moz-flex;
            display:-webkit-flex;
            flex-direction: column;
        }
        .content_join_charts input , .content_join_charts textarea{
            width: 100%;
            font-size: 26px;
            line-height: 60px;
            margin: 20px 0;
            font-family:PingFangSC-Regular;
            color:rgba(102,102,102,1);
            background:rgba(255,255,255,1);
            border:2px solid rgba(204,204,204,1);
            border-radius: 5px;
            padding-left: 20px;
        }

        /* 合作共赢，共创未来 */
        .content_join_create{
            margin:50px auto;  
            border:1px solid #eeeeee;
            box-shadow:10px 1px 10px 0px rgba(200, 200, 200, 0.3); 
        }
        .top_list{
            width: 90%;
            padding: 50px 30px 20px 30px; 
        }
        .top_list li{
            width: 33%;
            line-height: 40px;
            transition-duration: 500ms;
        }
        .top_list li:hover{
            transform: scale(1.2)
        }
        .top_list li img{
            width: 111px;
            height: 127px;
            margin: auto;
        }

        /* 立即加盟 */
        .join_btn{
            width:250px; 
            margin: auto;
            line-height: 60px;
            background:rgba(77,179,254,1);
            border-radius:10px; 
            cursor: pointer;
        }