#compareDiv2 {
            border-bottom-style: solid;
            margin: 0 auto;
            border-bottom-width: 1px;
            display: block;
            border-bottom-color: #CCCCCC;
            overflow: auto;
        }

            #compareDiv2 a:hover {
                color: #ff4600;
                text-decoration: none;
            }

        .textRight {
            text-align: right !important;
            padding-right: 2vw;
        }

        .Menu2 {
            max-width: 1280px;
            margin: 0 auto;
            line-height: 50px;
            margin-top: 5px;
            border-bottom-width: 1px;
            display: block;
            border-bottom-color: #CCCCCC;
        }

            .Menu2 .nav {
                float: right;
                _display: inline;
                font-size: 14px;
                color: #666666;
            }

                .Menu2 .nav .nav-switch {
                    margin-right: 10px;
                }

            .Menu2 .tab {
                cursor: pointer;
                padding-left: 10px;
                padding-right: 10px;
                text-decoration: none;
                color: #666666;
            }

        .btn {
            display: inline-block;
            margin-bottom: 0;
            font-size: 12px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            cursor: pointer;
            background-color: #ff4a00;
            border: 1px solid #ff4a00;
            color: #fff;
            padding: 0;
            width: 120px;
            margin-right: 10px;
            text-decoration: none;
        }

        .comDiv2 {
            position: fixed;
            top: 0;
            width: 100%;
            margin: 0 auto;
            left: 0px;
            z-index: 999;
            _position: absolute;
            _top: expression(documentElement.scrollTop);
            overflow: visible;
            background-image: url( 'http://www.zontes.com/images/warpDiv2.png' );
            background-repeat: repeat-x;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: black;
        }

            .comDiv2 .Menu2 .menuLeft .compareZontesLogo {
                display: block !important;
            }

            .comDiv2 .Menu2 .menuLeft .menuCarName {
                display: none !important;
            }

        .comDiv3 {
            border-bottom-width: 1px;
            background-color: black;
            border-bottom-color: red;
        }

        .compareZontesLogo {
            position: fixed;
            margin-left: -68px;
        }

        .compareDiv2 .arrow {
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
        }

        #compareDiv2 {
            border-bottom-style: solid;
            margin: 0 auto;
            border-bottom-width: 1px;
            display: block;
            border-bottom-color: black;
            overflow: auto;
        }

            #compareDiv2 a:hover {
                color: #ff4600;
                text-decoration: none;
            }

        ::-webkit-scrollbar {
            /*display: none;*/ /* 隐藏滚动条 */
        }

        img {
            display: block;
        }


        .hig_deep, .hig_shallow, .l_3dPan_deep, .l_3dPan_sha {
            animation: myfirst 1.5s infinite;
        }

        /*字体大小和行高*/
        .font-size-22 {
            font-size: 1.145833333333333vw !important;
            line-height: 1.145833333333333vw !important;
        }

        /*.font-size-24 {
            font-size: 1.145833333333333vw !important;
            line-height: 2vw !important;
        }*/

        .font-size-24 {
            font-size: 1vw !important;
            line-height: 2vw !important;
            color: #666666;
        }

        .font-size-28 {
            font-size: 1.458333333333333vw !important;
            line-height: 1.458333333333333vw !important;
        }

        .font-size-30 {
            font-size: 1.5625vw !important;
            line-height: 1.5625vw !important;
        }

        .font-size-34 {
            font-size: 1.675vw !important;
            line-height: 1.675vw !important;
            font-weight: bolder;
        }

        .font-size-36 {
            font-size: 1.875vw !important;
            line-height: 1.875vw !important;
        }

        .font-size-44 {
            font-size: 2.291666666666667vw !important;
            line-height: 2.291666666666667vw !important;
        }

        .font-size-60 {
            font-size: 3.125vw !important;
            line-height: 3.125vw !important;
        }

        .font-size-80 {
            font-size: 4.166666666666667vw !important;
            line-height: 4.166666666666667vw !important;
        }
        /*margin-top*/
        .margin-top-9 {
            margin-top: 0.46875vw !important;
        }

        .margin-top-14 {
            margin-top: 0.7291666666666667vw !important;
        }

        .margin-top-16 {
            margin-top: 0.8333333333333333vw !important;
        }

        .margin-top-18 {
            margin-top: 0.9375vw !important;
        }

        .margin-top-20 {
            margin-top: 1.041666666666667vw !important;
        }

        .margin-top-22 {
            margin-top: 1.145833333333333vw !important;
        }

        .margin-top-30 {
            margin-top: 1.5625vw !important;
        }

        .margin-top-34 {
            margin-top: 1.770833333333333vw !important;
        }

        .margin-top-35 {
            margin-top: 1.822916666666667vw !important;
        }

        .margin-top-38 {
            margin-top: 1.979166666666667vw !important;
        }

        .margin-top-60 {
            margin-top: 3.125vw !important;
        }

        .margin-top-63 {
            margin-top: 3.28125vw !important;
        }

        .margin-top-67 {
            margin-top: 3.489583333333333vw !important;
        }

        .margin-top-75 {
            margin-top: 3.90625vw !important;
        }

        .margin-top-80 {
            margin-top: 4.166666666666667vw !important;
        }

        .margin-top-84 {
            margin-top: 4.375vw !important;
        }

        .margin-top-89 {
            margin-top: 4.635416666666667vw !important;
        }

        .margin-top-94 {
            margin-top: 4.895833333333333vw !important;
        }

        .margin-top-96 {
            margin-top: 5vw !important;
        }

        .margin-top-99 {
            margin-top: 5.15625vw !important;
        }

        .margin-top-125 {
            margin-top: 6.510416666666667vw !important;
        }

        .margin-top-150 {
            margin-top: 7.8125vw !important;
        }

        .margin-top-168 {
            margin-top: 8.75vw !important;
        }

        .margin-top-331 {
            margin-top: 17.23958333333333vw !important;
        }

        .margin-top-339 {
            margin-top: 17.65625vw !important;
        }

        .margin-top-360 {
            margin-top: 18.75vw !important;
        }

        .margin-top-392 {
            margin-top: 20.41666666666667vw !important;
        }

        .margin-top-445 {
            margin-top: 23.17708333333333vw !important;
        }
        /*margin-left*/
        .margin-left-60 {
            margin-left: 3.125vw !important;
        }

        .margin-left-62 {
            margin-left: 3.229166666666667vw !important;
        }

        .margin-left-100 {
            margin-left: 5.208333333333333vw !important;
        }

        .margin-left-160 {
            margin-left: 8.333333333333333vw;
        }

        .margin-left-1144 {
            margin-left: 59.58333333333333vw;
        }

        .margin-left-1244 {
            margin-left: 64.79166666666667vw;
        }
        /*margin-right*/
        .margin-right-15 {
            margin-right: 0.78125vw !important;
        }

        .margin-right-39 {
            margin-right: 2.03125vw !important;
        }

        .margin-left-39 {
            margin-left: 2.03125vw !important;
        }

        .margin-right-55 {
            margin-right: 2.864583333333333vw !important;
        }

        .margin-right-88 {
            margin-right: 4.583333333333333vw !important;
        }

        .margin-right-100 {
            margin-right: 5.208333333333333vw !important;
        }

        .margin-right-104 {
            margin-right: 5.416666666666667vw !important;
        }
        /*引入字体*/
        /*@font-face {
            font-family: 'SourceHanSansCN-bb4171';
            src: url('temp/SourceHanSansCN/bb4171.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        .MyCustomFont-bb4171 {
            font-family: 'SourceHanSansCN-bb4171';
        }*/
        @font-face {
            font-family: 'SourceHanSansCN-Bold';
            src: url('../../temp/SourceHanSansCN/SourceHanSansCN-Bold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        .MyCustomFont-Bold {
            font-family: 'SourceHanSansCN-Bold';
        }
        /*@font-face {
            font-family: 'SourceHanSansCN-ExtraLight';
            src: url('temp/SourceHanSansCN/SourceHanSansCN-ExtraLight.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        .MyCustomFont-ExtraLight {
            font-family: 'SourceHanSansCN-ExtraLight';
        }*/
        @font-face {
            font-family: 'SourceHanSansCN-Heavy';
            src: url('../../temp/SourceHanSansCN/SourceHanSansCN-Heavy.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        .MyCustomFont-Heavy {
            font-family: 'SourceHanSansCN-Heavy';
        }
        /*@font-face {
            font-family: 'SourceHanSansCN-Light';
            src: url('temp/SourceHanSansCN/SourceHanSansCN-Light.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        .MyCustomFont-Light {
            font-family: 'SourceHanSansCN-Light';
        }*/
        /*@font-face {
            font-family: 'SourceHanSansCN-Medium';
            src: url('temp/SourceHanSansCN/SourceHanSansCN-Medium.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        .MyCustomFont-Medium {
            font-family: 'SourceHanSansCN-Medium';
        }*/
        @font-face {
            font-family: 'SourceHanSansCN-Normal';
            src: url('../../temp/SourceHanSansCN/SourceHanSansCN-Normal.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        .MyCustomFont-Normal {
            font-family: 'SourceHanSansCN-Normal';
        }
        /*@font-face {
            font-family: 'SourceHanSansCN-Regular';
            src: url('temp/SourceHanSansCN/SourceHanSansCN-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        .MyCustomFont-Regular {
            font-family: 'SourceHanSansCN-Regular';
        }*/

        /*轮播图*/
        .carousel {
            width: 90%; /* 轮播图的宽度 */
            margin: auto;
            overflow: hidden;
            /*overflow-x: scroll;*/
            position: relative;
        }

        .carousel-slides {
            width: 100%;
            white-space: nowrap;
            font-size: 0; /*去掉空白缝隙*/
            position: relative;
        }

        .carousel-slide {
            width: 50%;
            overflow: hidden;
            display: inline-block;
            position: relative;
            transform: translateX(-100%);
        }

        .carousel-slide-img {
            /*width: 100%;*/
            overflow: hidden;
        }

            .carousel-slide-img img {
                width: 100%;
                object-fit: fill;
                display: block;
                margin-top: 15%;
            }

        .carousel-slide-text {
            font-family: 'SourceHanSansCN-Normal';
            display: block;
            font-size: 1.875vw;
            line-height: 1.875vw;
            /*position: absolute;*/
            bottom: 0;
            /*left: 50%;*/
            /*transform: translateX(-50%);*/
            margin-top: 1.875vw;
            text-align: center;
        }

        .carousel-arrow {
            width: 100%;
            transform: translateY(-1.5vw);
        }

        .swiperXT01 {
            overflow: auto;
            width: 70%;
            bottom: 1vw;
            display: flex;
            margin: 0 auto;
        }

            .swiperXT01 .spanXT {
                margin: auto;
                width: 4.6vw;
                border: 1px #b7b7b7 solid;
                float: left;
                border-radius: 4px;
                cursor: pointer;
            }

        /*swiper*/
        .swiper {
            /*min-width: 60vw;*/
            margin: auto;
        }

        .swiper-slide {
            overflow: hidden;
        }

        #swiper .carousel-slide-img {
            min-height: 29.94791666666667vw;
        }

        #swiper-containerHPC {
            margin: auto;
        }

        .swiper-button-prev2 {
            position: absolute;
            top: var(--swiper-navigation-top-offset, 50%);
            width: calc(var(--swiper-navigation-size) / 44* 27);
            height: var(--swiper-navigation-size);
            margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 0.15vw #ebebeb solid;
            border-radius: 0.2vw;
        }



        .swiper-button-next2 {
            position: absolute;
            top: var(--swiper-navigation-top-offset, 50%);
            width: calc(var(--swiper-navigation-size) / 44* 27);
            height: var(--swiper-navigation-size);
            margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 0.15vw #ebebeb solid;
            border-radius: 0.2vw;
        }

            .swiper-button-prev2.swiper-button-disabled, .swiper-button-next2.swiper-button-disabled {
                opacity: .35;
                cursor: auto;
                pointer-events: none;
            }


        .swiper-button-prev3 {
            position: absolute;
            top: var(--swiper-navigation-top-offset, 50%);
            width: calc(var(--swiper-navigation-size) / 44* 27);
            height: var(--swiper-navigation-size);
            margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0.2vw;
        }



        .swiper-button-next3 {
            position: absolute;
            top: var(--swiper-navigation-top-offset, 50%);
            width: calc(var(--swiper-navigation-size) / 44* 27);
            height: var(--swiper-navigation-size);
            margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0.2vw;
        }

        .swiper-button-prev3.swiper-button-disabled, .swiper-button-next2.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none;
        }

        #swiper01, #swiper03 {
            width: 60vw;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            margin: auto;
        }

        [id^=btnPrev]:after, [id^=btnNext]:after {
            font-size: 1.5vw;
            color: #444444;
            font-weight: bold;
            z-index: 11;
            pointer-events: all !important;
        }

        #btnPrev01:after, #btnNext01:after,
        #btnPrev02:after, #btnNext02:after {
            font-size: 2vw;
        }

        .bright-point-left {
            background-image: url("http://www.sharpon.com/Tayoimg/DRP/DRPProducts/DRPPageIMG/703R/LDbg.png");
            background-size: 100% 100%;
            position: absolute;
            width: 18vw;
            height: 100%;
            /*display: none;*/
        }


        .slide-in {
            opacity: 0; /* 开始时不可见 */
            transform: translateX(-100%); /* 开始时向左偏移 */
            transition: transform 0.5s ease, opacity 0.5s ease; /* 过渡效果 */
        }

            .slide-in.active {
                opacity: 1; /* 完全可见 */
                transform: translateX(0); /* 无偏移 */
            }

        /*图片放大效果*/
        .zoom-effect {
            transition: transform 0.6s ease-in-out;
        }

            .zoom-effect:hover {
                /* 放大到1.1倍 */
                transform: scale(1.1);
            }

        /*文本上浮*/
        .floating-text {
            /* 初始样式 */
            position: relative;
            display: block;
            transform: translateY(50px);
            transition: transform 1s ease-out; /* 添加上浮过渡效果 */
            opacity: 0;
        }

            .floating-text.active {
                /* 上浮后的样式 */
                transform: translateY(0px); /* 上浮的距离 */
                opacity: 1;
                /* 设置动画名称 */
                animation-name: fadeInOut;
                /* 设置动画持续时间 */
                animation-duration: 0.3s;
                /* 设置动画速度曲线 */
                animation-timing-function: ease-in-out;
                /* 设置动画播放次数为1次 */
                animation-iteration-count: 1;
                /* 可选：设置动画播放后保留在最后一帧的状态 */
                animation-fill-mode: forwards;
            }
        /*文本缓慢出现*/
        @keyframes fadeInOut {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        /*字体上浮*/
        .floating-container {
            position: relative;
            cursor: pointer;
        }

        .floating {
            overflow: hidden;
            height: 0vw;
            width: 100%;
            /*background-color: #212121;*/
            position: absolute;
            bottom: 0;
            left: 0;
            transition: height 0.3s ease-out; /* 添加上浮过渡效果 */
            pointer-events: none;
            color: white;
        }

        .floatingBg {
            background-color: #212121;
            opacity: 0.8;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
        }

        .floating.active {
            height: 5vw;
        }

        .floatingMessage {
            overflow: hidden;
            height: 5.5vw;
            left: 0;
            right: 0;
            background-color: #fff;
            position: absolute;
            bottom: -5.7vw;
            left: 0;
            transition: height 0.5s ease-out; /* 添加上浮过渡效果 */
            border-top: 1px #e0e0e0 solid;
            border-left: 1px #e0e0e0 solid;
            border-right: 1px #e0e0e0 solid;
            border-bottom: 0.3vw blue solid;
            cursor: pointer;
        }

            .floatingMessage .messageTitle {
                display: flex;
                align-items: center;
                padding-top: 2.2vw;
                margin-left: 1vw;
                margin-right: 1vw;
                padding-bottom: 2vw;
                font-size: 1.2vw;
                border-bottom: 1px solid #666;
            }

            .floatingMessage .messagelist {
                margin-top: 1.458333333333333vw;
                margin-left: 1vw;
                margin-right: 1vw;
                font-size: 1vw;
                line-height: 1.458333333333333vw;
            }

            .floatingMessage.active {
                height: 33.7vw;
            }

        /*进度条*/
        .carousel-progress {
            position: relative;
            background-color: #c3c3c3;
            height: 0.425vw;
            margin-top: 5.729166666666667vw;
            margin-bottom: 5.520833333333333vw;
            border-radius: 20px;
        }

        .carousel-progress-bar {
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            max-width: 100%;
            text-align: right;
            background-color: #c79f73;
            height: 100%;
            border-radius: 20px;
        }

        .swiper-pagination-progressbar {
            position: relative !important;
            height: 0.2vw !important;
            margin-top: 5.729166666666667vw;
            margin-bottom: 5.520833333333333vw;
            border-radius: 20px;
        }

        .swiper-pagination-progressbar-fill {
            background-color: #0034c8 !important;
            border-radius: 20px;
        }

        .layer-layer-photos-main > img {
            opacity: 1;
            /* 设置动画名称 */
            animation-name: fadeInOut;
            /* 设置动画持续时间 */
            animation-duration: 0.8s;
            /* 设置动画速度曲线 */
            animation-timing-function: ease-in-out;
            /* 设置动画播放次数为1次 */
            animation-iteration-count: 1;
            /* 可选：设置动画播放后保留在最后一帧的状态 */
            animation-fill-mode: forwards;
        }

        .parameterContainer {
            width: 60vw;
            margin: auto;
            margin-top: 5vw;
            margin-bottom: 5vw;
        }

            .parameterContainer table {
                width: 100%;
                text-align: center;
                vertical-align: center;
                font-family: 'SourceHanSansCN-Normal';
                font-size: 0.7291666666666667vw;
            }

                .parameterContainer table thead {
                    background-color: #666666;
                    color: #ffffff;
                    height: 1.2vw;
                }

                .parameterContainer table tbody tr {
                    height: 2vw;
                }

                    .parameterContainer table tbody tr td {
                        border: 1px solid #ececec;
                    }

        /*技术参数*/
        .parameter-table {
            max-height: 0px;
            margin: auto;
            overflow: hidden;
            transition: max-height 0.5s ease-out;
        }

            .parameter-table table {
                width: 100%;
                border-collapse: collapse;
            }

                .parameter-table table tr {
                }

                    .parameter-table table tr td:first-child {
                        width: 70%;
                    }

                    .parameter-table table tr td:last-child {
                        width: 30%;
                    }

                    .parameter-table table tr td {
                        text-align: left;
                        padding-top: 0.8vw;
                        padding-bottom: 0.8vw;
                        /*border-top: 2px solid #ddd;*/
                        border-bottom: 2px solid #ddd;
                    }

                    .parameter-table table tr:last-child td {
                        border-bottom: 0;
                    }

        /*数字滚动*/
        .rolling-number {
        }

        .vertical-line {
            border: #fff solid 1px;
            height: 100%;
            margin-left: 1vw;
            margin-right: 1vw;
        }

        .rolling-number-01 {
            display: flex;
        }

            .rolling-number-01 > div:first-child {
                position: relative;
            }

                .rolling-number-01 > div:first-child > span {
                    font-size: 4.166666666666667vw;
                    line-height: 2.5vw;
                    display: inline-block;
                }

                    .rolling-number-01 > div:first-child > span:nth-child(1) {
                        border-right: 0;
                        opacity: 0;
                    }

                    .rolling-number-01 > div:first-child > span:nth-child(2) {
                        position: absolute;
                        top: 0.15625vw;
                        left: 0;
                        width: 100%;
                        text-align: right;
                    }

            .rolling-number-01 > div:last-child {
                display: inline-block;
            }

            .rolling-number-01 > div > div {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 100%;
            }

                .rolling-number-01 > div > div > div {
                    font-size: 1.1vw;
                    line-height: 1.5vw;
                }

        .horizontal-line {
            position: relative;
            margin-top: 1.979166666666667vw;
            width: 4.010416666666667vw;
            height: 0.1vw;
            /*box-shadow: 0.1041666666666667vw 0.1041666666666667vw 0.1041666666666667vw 0 black;*/
            background: #fff;
        }

        .badge-dot {
            position: relative;
            display: inline-block;
            font-size: 0;
            text-align: center;
            color: #fff;
            width: 0.6vw;
            height: 0.6vw;
            padding: 0;
            border-radius: 50%;
            background-color: #c79f73;
            margin-right: 0.65vw;
        }

        /*亮点图片*/
        .bright-point {
            /* 图片容器的样式，可以根据需要调整 */
            width: 1.25vw;
            height: 1.25vw;
            /*overflow: hidden;*/ /* 隐藏超出容器的图片部分 */
            position: absolute;
            cursor: pointer;
            display: none;
        }

        .bright-point-1 {
            /* 图片容器的样式，可以根据需要调整 */
            width: 1.25vw;
            height: 1.25vw;
            /*overflow: hidden;*/ /* 隐藏超出容器的图片部分 */
            position: absolute;
            cursor: pointer;
            display: none;
        }

        .bright-point-1-11 {
            /* 图片容器的样式，可以根据需要调整 */
            width: 1.25vw;
            height: 1.25vw;
            /*overflow: hidden;*/ /* 隐藏超出容器的图片部分 */
            position: absolute;
            cursor: pointer;
        }

        .bright-point-1-2 {
            /* 图片容器的样式，可以根据需要调整 */
            width: 1.25vw;
            height: 1.25vw;
            /*overflow: hidden;*/ /* 隐藏超出容器的图片部分 */
            position: absolute;
            cursor: pointer;
            display: none;
        }

        .bright-point-1-2Up {
            margin-left: 0.53vw;
            margin-top: 0.6vw;
            position: absolute;
            z-index: 10;
            width: 10vw;
            height: 8vw;
            border-left: 2px solid #00ff30;
            color: #00ff30;
            font-size: 0.8vw;
            margin-top: -8vw;
            font-weight: bold;
        }

            .bright-point-1-2Up .fontShowUp {
                padding-left: 0.4vw;
                position: absolute;
            }

        .bright-point-1-2Down {
            margin-left: 0.53vw;
            margin-top: 0.6vw;
            position: absolute;
            z-index: 10;
            width: 2vw;
            height: 4vw;
            border-left: 2px solid #003cff;
            color: #00ff30;
            vertical-align: bottom;
            /*font-weight: bold;*/
        }

        .bright-point-1-2Down2 {
            height: 3vw;
        }

            .bright-point-1-2Down2 .fontShowDown {
                padding-left: 0.4vw;
                position: absolute;
                bottom: 0;
            }

        .bright-point-2 {
            /* 图片容器的样式，可以根据需要调整 */
            width: 1.25vw;
            height: 1.25vw;
            /*overflow: hidden;*/ /* 隐藏超出容器的图片部分 */
            position: absolute;
            cursor: pointer;
            display: none;
        }

        .bright-point-3 {
            /* 图片容器的样式，可以根据需要调整 */
            width: 1.25vw;
            height: 1.25vw;
            /*overflow: hidden;*/ /* 隐藏超出容器的图片部分 */
            position: absolute;
            cursor: pointer;
            display: none;
        }

        .bright-point-4 {
            /* 图片容器的样式，可以根据需要调整 */
            width: 1.25vw;
            height: 1.25vw;
            /*overflow: hidden;*/ /* 隐藏超出容器的图片部分 */
            position: absolute;
            cursor: pointer;
            display: none;
        }

        .bright-point1 {
            /* 图片容器的样式，可以根据需要调整 */
            width: 6vw;
            height: 6vw;
            /*overflow: hidden;*/ /* 隐藏超出容器的图片部分 */
            position: absolute;
            cursor: pointer;
        }

        .bright-point-img1 {
            /* 初始状态，图片完全适应容器大小 */
            width: 100%;
            height: auto;
            position: absolute;
        }

        .bright-point2 {
            /* 图片容器的样式，可以根据需要调整 */
            width: 6vw;
            height: 6vw;
            /*overflow: hidden;*/ /* 隐藏超出容器的图片部分 */
            position: absolute;
            cursor: pointer;
        }

        .bright-point-img2 {
            /* 初始状态，图片完全适应容器大小 */
            width: 100%;
            height: auto;
            position: absolute;
            /*top: 0;
            left: 0;*/
            animation: zoom2 1.5s ease-in-out infinite; /* 应用动画 */
        }

        .bright-point-img {
            /* 初始状态，图片完全适应容器大小 */
            width: 100%;
            height: auto;
            position: absolute;
            top: 0;
            left: 0;
            animation: zoom3 1s ease-in-out infinite; /* 应用动画 */
        }

        @keyframes zoom {
            0% {
                /* 初始状态，图片保持原始大小 */
                transform: scale(1);
            }

            50% {
                /* 中间状态，图片放大到1.2倍 */
                transform: scale(1.5);
            }

            100% {
                /* 结束状态，图片回到原始大小 */
                transform: scale(1);
            }
        }

        @keyframes zoom2 {
            0% {
                /* 初始状态，图片保持原始大小 */
                transform: scale(1);
            }

            50% {
                /* 中间状态，图片放大到1.2倍 */
                transform: scale(1.3);
            }

            100% {
                /* 结束状态，图片回到原始大小 */
                transform: scale(1);
            }
        }

        @keyframes zoom3 {
            0% {
                /* 初始状态，图片保持原始大小 */
                transform: scale(1);
            }

            50% {
                /* 中间状态，图片放大到1.2倍 */
                transform: scale(1.2);
            }

            100% {
                /* 结束状态，图片回到原始大小 */
                transform: scale(1);
            }
        }

        @keyframes myfirst {
            10% {
                transform: scale(1);
            }

            100% {
                transform: scale(1.5);
            }
        }

        /*亮点文字*/
        /*.bright-point-text {
            font-family: 'SourceHanSansCN-Normal';
            font-size: 0.6vw;
            line-height: 1.25vw;
            display: none;
            position: absolute;
            white-space: nowrap;
           
            background-color:red;
            border-radius: 1vw;
       
            color: #fff;
            margin-left:3vw;
            transform: translate(-50%, 0);
            z-index: 1;
        }*/


        .bright-point-text {
            display: none;
            position: absolute;
            background-color: red;
            padding-left: 3vw;
            transform: translate(-50%, 0);
            z-index: 1;
        }

        .bright-point-text3 {
            position: absolute;
            display: none;
            z-index: 10;
        }

        .bright-point-text2 {
            font-family: 'SourceHanSansCN-Normal';
            font-size: 1.2vw;
            line-height: 1.25vw;
            display: none;
            position: absolute;
            white-space: nowrap;
            padding: 0.8vw;
            background: linear-gradient(0deg,#bcbcbc, #cfcfcf, white);
            border-radius: 0.5vw;
            border: #949494 solid 0.15vw;
            color: #3e3e3e;
            top: 5.5vw;
            left: 36%;
            transform: translate(-50%, 0);
            z-index: 1;
        }

        /* 设置全屏的模糊背景 */
        /*.blur-background {
            display: none;
            position: fixed;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 990;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background-color: #ffffff;
            background-color: rgba(255, 255, 255, 0.2);
        }*/


        #swiperYBFY .swiper-pagination-bullet {
            background: #0000;
            font-size: 1.2vw;
            padding-left: 1vw;
            padding-right: 1vw;
            opacity: 0.6;
            margin: 0 !important;
        }

        #swiperYBFY .swiper-pagination-bullet-active {
            opacity: 1;
            font-size: 1.2vw;
        }

        .swiperKPMes {
            position: absolute;
            z-index: 100;
            margin-bottom: 3vw;
        }

        .swiperYBMes {
            position: absolute;
            z-index: 100;
            margin-bottom: 3vw;
        }

            .swiperYBMes .swiper-pagination-bullet {
                width: 20vw;
                background: #0000;
                font-size: 1.4vw;
                opacity: 0.8;
                border-radius: 0;
                height: 3vw;
                margin: 0;
                color: #CCCCCC;
            }

            .swiperYBMes .swiper-pagination-bullet-active {
                opacity: 1;
                font-size: 1.4vw;
                color: white;
            }

        .swiperKPMes2 {
            position: absolute;
            z-index: 101;
            margin: 0 auto;
            width: 100%;
            text-align: center;
            bottom: 1.2vw;
            color: #fff;
            font-size: 0.8vw;
        }

        .swiperKPMes .swiper-pagination-bullet {
            width: 28vw;
            background: #0000;
            font-size: 1vw;
            opacity: 0.8;
            border-radius: 0;
            height: 3vw;
            border-bottom: solid 0.15vw #CCCCCC;
            margin: 0;
            color: #CCCCCC;
        }

        .swiperKPMes .swiper-pagination-bullet-active {
            opacity: 1;
            font-size: 1vw;
            color: white;
            border-bottom: solid 0.15vw #fff;
        }


        .blur-background {
            display: none;
            position: fixed;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 990;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background-color: rgba(255, 255, 255, 0.5);
        }

            .blur-background > div {
                position: relative;
                width: 100%;
                height: 100%;
            }

        /*四种模式*/
        #pattern div {
            cursor: pointer;
        }

            #pattern div.active {
                color: #2aa2a3;
            }

                #pattern div.active .horizontal-line {
                    background-color: #2aa2a3;
                }

        .swiper-img {
            position: relative;
            cursor: pointer;
        }

            .swiper-img::after {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                width: 2vw;
                height: 2vw;
                /*background: url('http://www.sharpon.com/Tayoimg/DRP/DRPProducts/DRPPageIMG/ccc/zoomangle.png') no-repeat center center;*/
                background-size: contain;
                /*background-color: black;*/
                opacity: 0;
                transition: opacity 0.5s ease;
                z-index: 3;
            }

            .swiper-img:hover::after {
                opacity: 1;
            }

        div[img-id]:hover {
            color: #196a6a;
        }

            div[img-id]:hover hr {
                /*border-color: #196a6a;
            background-color: #196a6a;*/
            }



        @keyframes moveBackground {
            0% {
                background-position: 0% 0%;
            }

            25% {
                background-position: 100% 0%;
            }

            50% {
                background-position: 100% 100%;
            }

            75% {
                background-position: 0% 100%;
            }

            100% {
                background-position: 0% 0%;
            }
        }

        #movingDiv {
            width: 800px;
            height: 800px;
            background-image: url('http://www.sharpon.com/Tayoimg/DRP/DRPProducts/DRPPageIMG/703R/368G20240192.png'); /* 使用你想要的背景图片 */
            animation: moveBackground 15s infinite linear;
        }


        .slideshow {
            width: 100%;
            overflow: hidden;
        }

        .item {
            padding-left: 0px;
            padding-right: 0px;
        }

        .tdslide {
            width: 34%;
            font-size: 1.8vw;
            padding-bottom: 1.5vw;
            color: #878787;
            border-bottom: 1px solid #878787;
            cursor: pointer;
        }

        .onHover {
            color: white;
            border-bottom: 1px solid white;
        }

        .carNameBtn {
            border: 1px solid #ccc;
            border-radius: 10vw;
            width: 12vw;
            margin: 0 auto;
            cursor: pointer;
        }


            .carNameBtn:hover {
                background-color: #070fbd;
                color: white;
            }


        .public-btn2 {
            position: relative;
            display: inline-flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 0.6vw;
            height: 1.8vw;
            border-radius: 27px;
            border: 1px solid #a9a9a9;
            color: #424242;
            transition: all 0.6s;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
        }

            .public-btn2:hover {
                background-color: #070fbd;
                color: white;
            }



            .public-btn2 .c-ico {
                position: relative;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 0.8vw;
                height: 0.8vw;
                border-radius: 50%;
                color: black;
                background: #070fbd;
                transition: all 0.6s;
                margin-left: 0.6vw;
                color: white;
                transform: rotate(-50deg);
                font-size: 0.6vw;
            }

            .public-btn2:hover .c-ico {
                background-color: white;
                color: #070fbd;
                transform: rotate(0deg);
            }


        .carRold {
            background-color: blue;
            border: 2px solid white;
            color: white;
            border-radius: 50%;
            width: 1.2vw;
            height: 1.2vw;
            font-size: 1vw;
            line-height: 1.2vw;
            text-align: center;
        }