.layui-layer {
        box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 20%);
    }
    
    .top-video{
        position: relative;
        padding-top: 60px;
    }
    .top-video .adv-effect > div{
        padding-left: 0;
    }
    .top-video .div-left{
        width: 40%;
        padding-left: 4%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .top-video .con{
        display: flex;
    }
    .top-video .div-left .h3-title{
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .02em;
        color: #006eff;
        text-align: left;
    }
    .top-video .div-left .h3-title2{
        font-weight: 600;
        font-size: 56px;
        line-height: 64px;
        height: 192px;
        letter-spacing: .06em;
        margin-top: 12px;
    }
    .top-video .div-left button{
        width: 100px;
    }
    .top-video img{
       width: 720px;
        height: auto;
        max-height: 500px;
    }
    .top-video .m-img{
        display: none;
    }

    .top-video .swiper-pagination{
        position: absolute;
        bottom: 19%;
        left: -44%;
    }
    .top-video .swiper-pagination-switch{
        margin-right: 5px;
        cursor: pointer;
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 50%;
        background: #000;
        opacity: .2;
    }
    .top-video .swiper-visible-switch{
        background: #006eff;
        opacity: 1;
    }

    @media (max-width: 768px) {
        .top-video{
            width: 100% !important;
            padding-top: 40px;
        }
        .top-video .con{
            display: flex;
            flex-wrap:wrap;
        }
        .top-video img{
            width: 100%;
            height: auto;
        }
        .top-video .div-left{
            width: 100%;
        }
        .top-video .div-left .h3-title2{
            font-weight: 600;
            font-size: 30px;
            line-height: 160%;
            height: auto;
            margin-bottom: 20px;
        }
        .top-video .m-img{
            display: block;
        }
        .top-video .pc-img{
            display: none;
        }
        .top-video .swiper-pagination{
            bottom: 50%;
            left: 50%;
            transform: translate(-50%,0);
        }
        .top-video .div-left button{
            width: 90%;
            margin:0 auto;
            display: block;
            margin-left: 3% !important;
   
        }
        .top-video .div-left button.primaryButton___2gbuJ{
            margin-bottom: 15px;
        }
    }

  .do .in img {
            width: 100%;
            margin-bottom: 15px;
        }

        @media (min-width: 768px) {
            .do_pc_1200 {
                display: block;
            }

            .do_mob {
                display: none;
            }
        }

        @media (max-width: 768px) {
            .do {
                padding: 0 20px !important;
            }

            .do .img {
                height: 100% !important;
                width: 100% !important;
            }

            .do_pc_1200 {
                display: none;
            }

            .do_mob {
                display: block;
            }

            .do .in .list {
                display: flex;
                justify-content: center;
                width: 100%;
            }

            .do .in .list span {
                display: block;
                font-size: 12px;
                color: #194CFF;
                padding: 10px 17px;
                margin: 0 6px;
                background: #d0daff;
            }

            .convenience {
                padding: 50px 0 20px 0 !important;
            }

            .convenience .na_li {
                height: auto;
                padding: 3rem;
                display: flex;
                margin-bottom: 15px;
            }

            .convenience .na_li:nth-child(2n) {
                flex-flow: row-reverse;
            }

            .convenience .na_li div {
                width: 100%;
            }

            .convenience .na_li h4 {
                font-size: 22px;
                font-weight: bold;
                color: #276ef9;
                padding: 1rem 0;
            }

            .convenience .na_li p {
                font-size: 13px;
            }

        }

 #appoin {
            text-align: center;
            background: rgba(220, 228, 243);
            /*            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);*/
            border-top: 2px solid #fff;
        }

        #appoin .w1200 {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;

        }

        #appoin .app_img {
            font-size: 12px;
            width: 16.7%;
            height: 200px;
            margin-left: 3%;
        }

        #appoin .app-right {
            width: 77%;
            text-align: left;
        }
        #appoin h3 {
            color: #1c3256;
            font-size: 22px;
            margin-top: 30px;
        }

        #appoin .sub_name {
            font-size: 15px;
            margin-top: 13px;
            color: #1c3256;
        }

        #appoin form {
            width: 100%;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            margin-top: 20px;
        }

        #appoin form input {
            border-radius: 6px;
            background: #f5f9ff;
            font-size: 12px;
            border: none;
            width: 100%;
            height: 40px;
            padding: 0 13.5px;
            margin-right: 13px;
            width: 120px;
            outline: none;
        }

        #appoin form .cp_name {
            width: 250px;
        }

        #appoin form .get_checkCode {
            margin-left: -82px;
            color: #276ef9;
            width: 60px;
            padding: 0;
            opacity: 1;
        }

        #appoin form .get_checkCode:hover {
            cursor: pointer;
        }

        #appoin .submit_btn {
            color: #fff;
            background-color: #276ef9;
            width: 120px;
            height: 40px;
            margin-left: 10px;
        }




        #appoin_mob {
            display: none;
        }

        @media (max-width: 765px) {
            #appoin {
                display: none;
            }

            #appoin_mob {
                display: block;
                background: rgba(220, 228, 243);
                box-sizing: border-box;
                padding: 0 20px 20px 20px;

            }

            #appoin_mob .app_img {
                width: 200px;
                height: 200px;
                margin: 0 auto;
            }

            #appoin_mob .app-right h3 {
                text-align: center;
                font-size: 22px;
                margin-top: 20px;
            }

            #appoin_mob .app-right .sub_name {
                font-size: 15px;
                margin-top: 13px;
                color: #1c3256;
                text-align: center;
            }

            #appoin_mob form {}

            #appoin_mob form input {
                width: 100%;
                height: 40px;
                border-radius: 6px;
                padding: 0 13.5px;
                box-sizing: border-box;
                outline: none;
                border: none;
                margin-top: 15px;
            }

            #appoin_mob form .sms_con {
                display: flex;

            }

            #appoin_mob form .get_checkCode {
                color: #276ef9;
                opacity: 1;
                background-color: #fff;
                margin-left: 10px;
            }

            #appoin_mob form .submit_btn {
                color: #fff;
                background-color: #276ef9;
            }

        }