body {
            overflow: hidden
        }

        .load {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
            background: #fff;
        }

        .index-page .float {
            position: absolute;
        }

        .index-page .float.first {
            height: 320px;
            margin-top: -160px
        }

        .banner .swiper-slide li {
            position: absolute;
            width: 12px;
            height: 12px;
            background: #0363a4;
            border-radius: 50%;
            cursor: pointer;
        }

        .banner .swiper-slide li.m-li {
            display: none;
        }

        .banner .swiper-slide li::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            transform: translate(-50%, -50%);
            background: rgba(0, 119, 73, .3);
            border-radius: 50%;
            animation: banner-play 1.5s linear infinite
        }

        .banner .swiper-slide li::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            transform: translate(-50%, -50%);
            background: rgba(0, 119, 73, .5);
            border-radius: 50%;
            animation: banner-play1 1.5s linear infinite
        }

        .banner .swiper-slide li>a {
            display: none;
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            width: max-content;
            border-radius: 30px;
            background: #0363a4;
            color: #fff;
            padding: 15px 30px;
        }

        @keyframes banner-play {
            to {
                transform: translate(-50%, -50%) scale(3);
                opacity: 0;
            }
        }

        @keyframes banner-play1 {
            to {
                transform: translate(-50%, -50%) scale(4);
                opacity: 0;
            }
        }

        @media (max-width:1440px) {
            .footer {
                padding: 50px 0 25px
            }

            .index-page .float.first {
                height: 120px;
                margin-top: -60px
            }
        }

        @media (max-width:1279px) {
            body {
                overflow-y: auto
            }

            .load {
                display: none
            }

            .banner .swiper-slide li {
                width: 8px;
                height: 8px
            }

            .banner .swiper-slide li.pc {
                display: none;
            }

            .banner .swiper-slide li.m-li {
                display: block;
            }

            .banner .swiper-slide li>a {
                bottom: 25px;
                padding: 12px 25px
            }
        }

        @media (any-hover:hover) {
            .banner .swiper-slide li>a:hover {
                background: green
            }
        }