@media (max-width: 1280px) and (min-width: 1200px) {
 .index-sport {
    padding: 40px 0;
  }
 .index-tit p {
        margin-top: 25px;
        font-size: 12px;
        font-weight: 400;
        color: #1A1A1A;
        line-height: 2;
    }
    .index-tit h6 {
        font-size: 26px;
    
    }
    .sport-flex .sf-pic ul li .pop-box .pb-inner .tips{
        font-size: 14px;
    }
    .index-series {
        padding: 40px 0 0 0;
    }
    .index-series .series-flex .text-box .tips{
        padding: 24px;
        line-height:30px;
    }
    .index-series .series-flex .text-box .tit h6 {
        font-size: 26px;
    }
    .index-seamless .text-box .tit {
        font-size: 26px;
    }
    .index-seamless .con-box {
        margin-top: 40px;
    }
    .index-seamless .text-box .tips {
        margin: 20px 0 15px;
    }
    .index-seamless .seamless-swiper-box .swiper-slide .texts-box .t{
        font-size: 12px;
    }
    .index-seamless .seamless-swiper-box .swiper-slide .texts-box .tips{
        font-size: 12px;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 55px;
    }
    .index-solu {
        background: #ececec;
        padding: 40px 0;
    }
        .index-seamless .tag-box ul li a .tit {
        font-size: 16px;
    }
    .index-seamless {
    padding: 0px 0 30px;
    }
    .solu-swiper .swiper-slide .text-box .t {
    font-size: 13px;
    }
    
    .solu-swiper .swiper-slide .text-box .tips {
    margin-top: 6px;
    }
    .solu-swiper .swiper-slide .text-box .tips {
    
    font-size: 12px;
    }
    .index-seamless .text-box .tips{
        font-size: 12px;
        line-height: 20px;
            height: 160px;
    }
    .footer-top .m-width-content {
        max-width: 1200px;
    }
    /*.right-fix {*/
    /*    width: 90px;*/
    /*    top: 8%;*/
    /*    right: 10%;*/
    /*}*/
    /*.right-fix li{*/
    /*    padding: 10px 0;*/
    /*    padding-left: 20px;*/
    /*    line-height: 14px;*/
    /*}*/
    /*.right-fix .icon {*/
    /*    width: 16px;*/
    /*    left: 11px;*/
    /*}*/
    /*.right-fix li a {*/
    /*    color: #FFF;*/
    /*    font-size: 9px;*/
    /*    display: flex;*/
    /*            justify-content: center;*/
    /*}*/
    /*li.totop {*/
    /*padding-left: 10px;*/
    /*}*/
}


            .index-about {
                padding: 90px 0;
            }

            .about-text {
                font-size: 16px;
                font-weight: 400;
                color: #1A1A1A;
                line-height: 1.8;
            }

            .about-text h2 {
                font-size: 30px;
                font-weight: 700;
                color: #1A1A1A;
                margin-bottom: 10px;
                line-height: 1.35;
            }

            .about-flex {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                margin-top: 65px;
            }

            .about-video>img {
                width: 100%;
                height:auto;
            }

            .about-video {
                width: 48.5%;
                position: relative;
            }

            .about-text {
                width: 48.5%;
            }

            .video-icon {
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                display: block;
                width: 100px;
                height: 100px;
                border-radius: 50%;
                line-height: 90px;
                text-align: center;
                background-color: #DE1617;
                box-shadow: 0px 6px 100px 0px #DE1617;
                border: 6px solid #fff;
                box-sizing: border-box;
            }

            .video-icon a {
                text-decoration: none;
            }

            .video-icon span {
                color: #fff;
                font-size: 18px;
            }

            .ripple {
                position: relative;
            }

            .ripple::before,
            .ripple::after {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 110px;
                height: 110px;
                -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                border-radius: 50%;
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
                -webkit-animation: rippleOne 3s infinite;
                animation: rippleOne 3s infinite;
            }

            .ripple::before {
                -webkit-animation-delay: 0.9s;
                animation-delay: 0.9s;
                content: "";
                position: absolute;
                right: 0;
                bottom: 0;
            }

            .ripple::after {
                -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s;
                content: "";
                position: absolute;
                right: 0;
                bottom: 0;
            }

            @-webkit-keyframes rippleOne {
                70% {
                    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
                    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
                }

                100% {
                    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
                    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
                }
            }

            @keyframes rippleOne {
                70% {
                    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
                    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
                }

                100% {
                    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
                    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
                }
            }

            @media (max-width: 992px) {
                .about-flex {
                    display: block;
                }

                .about-text {
                    margin-top: 45px;
                }
                 .about-text ,
                  .about-video {
                    width: 100%; 
                }

           
            }