* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

html {
    scroll-behavior: auto;
}

body {
    background: #f8f8f8!important;
    overflow-x: hidden;
    font-family: 'MyCustomFont', serif;
}

a,a:active {
    text-decoration: none!important;
    text-decoration: underline;
    color: #000;
}

img {
    width: 100%;
    object-fit: cover;
}

/* header */
.logo {
    display: flex;
    align-items: center;
}

.logo img {
    width: 126px;
}

header {
    box-shadow: none;
    border-bottom: none;
}

header .left ul li .one {
    font-size: .24rem /* 18/75 */;
    width: 1.733333rem /* 130/75 */;
    height: .666667rem /* 50/75 */;
    line-height: .666667rem /* 50/75 */;
    margin-right: 0;
}

header .left ul li a.one:hover {
    background: url(../img/nav-bg.png) no-repeat center/100%;
    color: #fff;
    text-decoration: none;
    height: 100%;
}

header .left ul li a {
    height: 100%;
    text-align: center;
}

header .right {
    margin: 0;
    align-items: center;
}

/*new header str*/
/* 头部样式 - 白色主题 */
.container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

header {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 0px;
    padding: 30px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 40px; */
    /* position: relative; */
    z-index: 100;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    /* background-color: #fff; */
}

header:hover {
    background-color: #fff;
}

/* PC端导航样式 */
.desktop-nav {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    overflow: visible;
    /* 允许子菜单超出父容器 */
}

/* 左侧菜单 - 白色主题 */
.main-menu {
    display: flex;
    list-style: none;
    flex: 1;
}

.main-menu li {
    position: static;
    margin-right: 10px;
    flex-shrink: 0;
    /* 防止菜单项收缩 */
}

.main-menu li a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    padding: 15px 10px;
    display: block;
    transition: all 0.3s ease;
    position: relative;
}

.main-menu li a:hover {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    padding: 15px 10px;
    display: block;
    transition: all 0.3s ease;
    position: relative;
    background: #b20c04;
    transform: skewX(-20deg) scale(1.05);
    /* 悬停时倾斜 + 轻微放大 */
    visibility: visible;
}

/* 子菜单样式 - 带图片的横向布局 */
.submenu {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.98);
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    /* 兼容旧版Chrome/Safari */
    -ms-transform: translateY(15px);
    /* 兼容IE */
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    /* 兼容旧版Webkit浏览器 */
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.main-menu li:first-child:hover .submenu {
    opacity: 1;
    visibility: visible;
}

.main-menu li:first-child:hover .submenu a:hover {
    opacity: 1;
    visibility: visible;
    background: #fff;
    color: #b20c04;
    transform: scale(1.05);
}

.submenu-item {
    display: block;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.submenu-img {
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
}

.submenu-img img {
    width: 100%;
    height: auto;
}

.submenu-title {
    padding: 12px 15px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    background: white;
}
        
/* 右侧功能区 */
.nav-right {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}

.nav-right a {
    display: contents;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}

        /* 搜索功能样式str */
        .search-container {
            position: relative;
            margin-right: 20px;
            display: flex;
            align-items: center;
        }
        
        .search-btn {
            background: transparent;
            border: none;
            color: #333;
            font-size: 18px;
            cursor: pointer;
            padding: 8px;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }
        
        .search-btn:hover {
            background: rgba(0, 0, 0, 0.05);
            color: #b20c04;
        }
        
        .search-box {
            position: absolute;
            right: 100%;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            border-radius: 0px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
            flex: 1;
            border: none;
            background: rgb(107 104 104 / 5%);
            padding: 0px;
            font-size: 16px;
            outline: none;
            color: #333;
        }
        
        .search-container:hover .search-box,
        .search-box.active {
            width: 250px;
            padding: 5px;
            background: rgba(0, 0, 0, 0.05);
            
        }
        
        .search-input {
            width: 100%;
            border: none;
            outline: none;
            padding: 10px 15px;
            font-size: 14px;
            color: #333;
        }
        
        .search-input::placeholder {
            color: #999;
        }
        /* pc搜索样式end */        

/* 语言选择器 - 白色主题 */
.language-selector {
    position: relative;
    margin-right: 20px;
}

.language-btn {
    background: transparent;
    color: #333;
    border: 1px solid #ddd;
    padding: 8px 15px;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    width: 100px;
}

.language-btn:hover {
    background: rgba(0, 0, 0, 0.03);
    border-color: #ddd;
    color: #333;
}

.language-btn i {
    margin-left: 8px;
    transition: transform 0.3s ease;
    font-size: 12px;
}

.language-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    min-width: 150px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 10;
    border: 1px solid #eee;
}

.language-selector:hover .language-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-dropdown a {
    display: block;
    padding: 10px 20px;
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
}

.language-dropdown a:hover {
    background: rgba(30, 144, 255, 0.08);
    color: #b51813;
}

.icon-earth {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    position: relative;
    background-image: url(' /r/cms/www/default/index2025/pc/img/en-cn.png');
}

.icon-earth:hover, .icon-earth:focus {
    background-image: url(' /r/cms/www/default/index2025/pc/img/en-cn-cur.png');
}

.icon-earth::before {
    width: 16px;
    height: 16px;
    top: 1px;
    left: 1px;
}

.icon-earth::after {
    width: 8px;
    height: 8px;
    top: 6px;
    left: 6px;
}

/* 试驾按钮 */
.test-drive-btn {
    color: #000;
    border: #ddd solid 1px;
    padding: 6px 25px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.test-drive-btn:hover {
    transform: translateY(-3px);
    background: #b51813;
    color: #fff;
    border: none;
}

.test-drive-btn a {
    text-decoration: none;
    color: #000;
}

.test-drive-btn a:hover {
    text-decoration: none;
    color: #fff;
}     

/* 移动端导航按钮 */
.mobile-toggle {
    display: none;
    background: transparent;
    border: none;
    color: #333;
    font-size: 24px;
    cursor: pointer;
    padding: 10px;
}

/* 移动端导航面板 - 白色主题 */
.mobile-nav-panel {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    max-width: 320px;
    height: 100%;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(15px);
    z-index: 1000;
    padding: 20px;
    transition: right 0.4s ease;
    overflow-y: auto;
    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15);
}

.mobile-nav-panel.active {
    right: 0;
}

.mobile-nav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    /*   margin-bottom: 20px; */
}

.close-menu {
    background: transparent;
    border: none;
    color: #333;
    font-size: 24px;
    cursor: pointer;
}

.mobile-main-menu {
    list-style: none;
    margin-bottom: 30px;
}

.mobile-main-menu li {
    margin-bottom: 1px;
}

        /* 移动端导航按钮 */
        .mobile-toggle {
            display: none;
            background: transparent;
            border: none;
            color: #333;
            font-size: 24px;
            cursor: pointer;
            padding: 10px;
        }
        
        /* 移动端导航面板 */
        .mobile-nav-panel {
            position: fixed;
            top: 0;
            right: -100%;
            width: 85%;
            max-width: 320px;
            height: 100%;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(15px);
            z-index: 1000;
            padding: 20px;
            transition: right 0.4s ease;
            overflow-y: auto;
            box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15);
            -webkit-overflow-scrolling: touch; /* iOS滚动优化 */
        }
        
        .mobile-nav-panel.active {
            right: 0;
        }
        
        .mobile-nav-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 20px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
            margin-bottom: 20px;
        }
        
        .close-menu {
            background: transparent;
            border: none;
            color: #333;
            font-size: 24px;
            cursor: pointer;
        }
        
        .mobile-main-menu {
            list-style: none;
            margin-bottom: 30px;
        }
        
        .mobile-main-menu li {
            margin-bottom: 1px;
            position: relative;
        }
        
        /* 移动端菜单项样式 */
        .mobile-main-menu > li > a {
            display: block;
            padding: 10px;
            color: #333;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            border-radius: 8px;
            transition: all 0.3s ease;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }
        
        .mobile-main-menu > li > a:hover {
            background: rgba(0, 0, 0, 0.03);
        }
        
        /* 移动端子菜单切换按钮 - 仅在有子菜单的项上显示 */
        .mobile-main-menu li.has-submenu > a {
            padding-right: 50px; /* 为切换按钮留出空间 */
        }
        
        .mobile-submenu-toggle {
            position: absolute;
            right: 15px;
            top: 10px;
            width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #666;
            transition: all 0.3s ease;
            z-index: 2;
            font-size:18px;
        }
        
        .mobile-submenu {
            list-style: none;
            background: rgba(240, 240, 240, 0.8);
            border-radius: 8px;
            padding: 0 10px;
            margin: 2 0 5 5px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
        }
        
        .mobile-submenu.active {
            max-height: 500px;
        }
        
        .mobile-submenu li a {
            display: block;
            padding: 5px 20px;
            color: #555;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.3s ease;
            border-radius: 6px;
        }
        
        .mobile-submenu li a:hover {
            background: rgba(30, 144, 255, 0.08);
            color: #1e90ff;
        }

        /* 移动端搜索样式str */
        .mobile-search-container {
            padding: 5px 10px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
            margin-bottom: 15px;
        }
        
        .mobile-search-form {
            display: flex;
            background: rgba(0, 0, 0, 0.05);
            border-radius: 0px;
            overflow: hidden;
            padding: 5px;
        }
        
        .mobile-search-input {
            flex: 1;
            border: none;
            background: transparent;
            padding: 10px 15px;
            font-size: 16px;
            outline: none;
            color: #333;
        }
        
        .mobile-search-btn {
            background: transparent;
            border: none;
            color: #333;
            padding: 10px 15px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        /* 移动端搜索样式end */        
        .mobile-bottom {
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px;
            padding-top: 20px;
            border-top: 1px solid rgba(0, 0, 0, 0.08);
        }
        
        .mobile-language-selector {
            margin-bottom: 20px;
        }
        
        .mobile-language-btn {
            width: 100%;
            background: rgba(0, 0, 0, 0.03);
            border: 1px solid #ddd;
            color: #333;
            padding: 14px 20px;
            text-align: left;
            font-weight: 500;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .mobile-language-dropdown {
            background: rgba(255, 255, 255, 0.98);
            border-radius: 8px;
            margin-top: 10px;
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.4s ease;
            border: 1px solid #eee;
        }
        
        .mobile-language-dropdown.active {
            max-height: 200px;
        }
        
        .mobile-language-dropdown a {
            display: block;
            padding: 5px 20px;
            color: #555;
            text-decoration: none;
            transition: all 0.3s ease;
            font-size:15px;
        }
        
        .mobile-language-dropdown a:hover {
            background: rgba(30, 144, 255, 0.08);
            color: #1e90ff;
        }
        
        .mobile-test-drive-btn {
            width: 100%;
            color: #333;
            border: #cbc7c78c solid 1px;
            padding: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .mobile-test-drive-btn:hover {
            transform: translateY(-2px);
        }
        
        /* 遮罩层 */      
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease;
        }
        
        .overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        /* 响应式设计 */
        @media (max-width: 991px) {
            .main-menu li {
                margin-right: 15px;
            }
            
            .main-menu li a {
                padding: 15px 8px;
                font-size: 15px;
            }
            
            .test-drive-btn {
                padding: 10px 20px;
            }
            
            .submenu {
                width: 600px;
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            header {
                padding: 12px 20px;
            }
            
            .desktop-nav .main-menu,
            .desktop-nav .nav-right {
                display: none;
            }
            
            .mobile-toggle {
                display: block;
            }
            
            .logo {
                justify-content: flex-start;
                flex: 0;
                margin-right: auto;
            }            
            
            /* 移动端子菜单样式 */
            .mobile-main-menu li.has-submenu .mobile-submenu-toggle {
                display: flex;
            }
            
            .mobile-main-menu li.has-submenu .mobile-submenu {
                display: block;
            }
            
            /* 无子菜单的项不显示切换按钮 */
            .mobile-main-menu li:not(.has-submenu) .mobile-submenu-toggle {
                display: none;
            }

            /* 在移动端隐藏搜索功能 */
             /* .search-container {
                display: none;
            } */
        }
        
        @media (max-width: 480px) {           
            .mobile-nav-panel {
                width: 90%;
            }
        }
        
        /* 浏览器兼容性 */
        @supports not (backdrop-filter: blur(10px)) {
            header, .mobile-nav-panel {
                background: rgba(255, 255, 255, 0.98);
            }
        }



/* 图片占位符样式 */
.img-placeholder-1 {
    url(index2025/pc/img/nav-1.png); }

.img-placeholder-2 {
    url(index2025/pc/img/nav-2.png); }

.img-placeholder-3 {
    url(index2025/pc/img/nav-3.png); }

.img-placeholder-4 {
    url(index2025/pc/img/nav-4.png); }

.img-placeholder-5 {
    url(index2025/pc/img/nav-5.png); }

.img-placeholder-6 {
    url(index2025/pc/img/nav-6.png); }

/*new header end*/
.yysj {
    display: flex;
    align-items: center;
}

.yysj-bth {
    font-size: .24rem /* 18/75 */;
    border: #0a0205 solid 1px;
    background: #fff;
    height: .506667rem /* 38/75 */;
    line-height: .506667rem /* 38/75 */;
    text-align: center;
    padding: 0 .48rem /* 36/75 */;
    text-decoration: none;
    color: #0a0205;
}

.yysj-bth:hover {
    text-decoration: none;
    color: #fff;
    background: #cc000c;
    border-color: #cc000c;
}

.navxial-view {
    top: 1.266667rem /* 95/75 */;
}

.car-twonav {
    padding: 0;
}

.carbind-list {
    margin: 0 auto;
    width: 19.2rem /* 1440/75 */;
}

.carbind-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .4rem /* 30/75 */ 0;
}

.carbind-item a {
    display: block;
    text-align: center;
    color: #000;
    text-decoration: none;
}

.carbind-item a:hover {
    color: #cc000c;
}

.carbind-item .item {
    padding: .266667rem /* 20/75 */ 0;
}

.carbind-item .item p {
    margin: .266667rem /* 20/75 */ 0 0 0;
    font-size: .24rem /* 18/75 */;
}

/* dropdown */
.dropdown-nav {
    /* position: relative; */
}

.dropdown-nav-content {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 1px;
    /* 下拉内容距离导航按钮的距离 */
    background-color: white;
    width: 100%;
    padding: .133333rem /* 10/75 */ 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 100;
}

.dropdown-nav:hover .dropdown-nav-content {
    opacity: 1;
    visibility: visible;
}

.dropdown-nav-item {
    padding: .133333rem /* 10/75 */ .266667rem /* 20/75 */;
    color: #333;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s;
}

.dropdown-nav-item:hover {
    /* background-color: #f5f5f5; */
}

.dropdown-flex {
    width: 19.2rem /* 1440/75 */;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-nav-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .4rem /* 30/75 */ .666667rem /* 50/75 */;
}

.dropdown-nav-item a {
    display: block;
    text-align: center;
    color: #000;
    text-decoration: none;
}

.dropdown-nav-item a:hover,a.dropdown-nav-item:hover p {
    color: #cc000c;
}

.dropdown-nav-item .item {
    padding: .266667rem /* 20/75 */ 0;
}

.dropdown-nav-item .item p {
    margin: .266667rem /* 20/75 */ 0 0 0;
    font-size: .24rem /* 18/75 */;
}

/* footer */
.footer-pc-bot {
    height: .986667rem /* 74/75 */;
    font-size: .2rem /* 12/75 */;
    background: #383838;
    padding: 0.3rem;
    line-height: .986667rem /* 74/75 */;
}

.footer-pc-bot img {
    width: .266667rem /* 20/75 */;
    height: .266667rem /* 20/75 */;
}

.footer-pc-bot p {
    margin: 0;
    font-size: 0.25rem;
    text-align: center;
    color: #939394;
}

.footer-pc {
    background: #484848;
}

.footer-pc-top {
    background: none;
    margin: auto;
    width: 19.2rem /* 1440/75 */;
    padding: 1.333333rem /* 100/75 */ 0 .8rem /* 60/75 */ 0;
    border-bottom: #7f7f7f solid 1px;
}

.footer-pc-top .left {
    width: 75%;
    border-right: #7f7f7f solid 1px;
}

.footer-pc-top .left .nav-footer {
    padding-left: 0;
}

.footer-pc-top .left .nav-footer li {
    margin-right: .8rem /* 60/75 */;
    width: 2.133333rem /* 160/75 */;
}

.footer-pc-top .left .nav-footer li a {
    font-size: .24rem /* 18/75 */;
    margin-bottom: .16rem /* 12/75 */;
}

.footer-pc-top .left .nav-footer li a:first-child {
    font-size: .32rem /* 24/75 */;
    margin-bottom: .2rem /* 15/75 */;
}

.footer-pc-top .right {
    width: 22%;
}

.r-gzwm-title {
    margin-bottom: .666667rem /* 50/75 */;
}

.r-gzwm {
    width: 100%;
    text-align: center;
}

.f-gzm-con {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.bth-gzwm-wx {
    display: block;
    width: .8rem /* 60/75 */;
    height: .746667rem /* 56/75 */;
    margin-bottom: .4rem /* 30/75 */;
    background: url(../img/icon-wx.png) no-repeat center/100%;
}

.bth-gzwm-wx:hover {
    display: block;
    width: .8rem /* 60/75 */;
    height: .746667rem /* 56/75 */;
    margin-bottom: .4rem /* 30/75 */;
    background: url(../img/11125610wx.png) no-repeat center/100%;
}

.bth-gzwm-wb {
    display: block;
    width: .8rem /* 60/75 */;
    height: .746667rem /* 56/75 */;
    margin-bottom: .4rem /* 30/75 */;
    background: url(../img/icon-wb.png) no-repeat center/100%;
}

.bth-gzwm-wb:hover {
    display: block;
    width: .8rem /* 60/75 */;
    height: .746667rem /* 56/75 */;
    margin-bottom: .4rem /* 30/75 */;
    background: url(../img/11130316wb.png) no-repeat center/100%;
}

.r-gzwm-title {
    font-size: .24rem /* 18/75 */;
    color: #fff;
}

/*关注我们icon str*/
.image-container {
    position: relative;
    /* 创建定位上下文 */
    margin: 5px;
    margin: 20px;
    display: flex;
    justify-content: center;
}

.small-image {
    width: 50px;
    /* 小图宽度 */
    height: auto;
    cursor: pointer;
}

.large-image-tooltip {
    position: absolute;
    left: 100%;
    /* 放在小图右侧 */
    top: 0;
    margin-left: 5px;
    /* 距离小图5px */
    opacity: 0;
    /* 默认隐藏 */
    visibility: hidden;
    /* 防止占据空间 */
    transition: opacity 0.3s ease, visibility 0.3s ease;
    /* 平滑过渡效果 */
    z-index: 10;
    /* 确保大图显示在上层 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    /* 可选：添加阴影 */
}

.large-image-tooltip img {
    width: 150px;
    /* 大图宽度 */
    height: auto;
    display: block;
    /* 避免图片下方有间隙 */
}

/* 鼠标悬停时显示大图 */
.image-container:hover .large-image-tooltip {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 768px) {
    .iconbind div {
        /*position: relative;*/
    }

    .image-container {
        position: relative;
        /* 创建定位上下文 */
        display: inline-block;
        /* 让容器适应内容宽度 */
        margin: 2px;
    }

    .small-image {
        width: 50px;
        /* 小图宽度 */
        height: auto;
        cursor: pointer;
    }

    .large-image-tooltip {
        position: absolute;
        left: 100%;
        /* 放在小图右侧 */
        top: 0;
        margin-left: 5px;
        /* 距离小图5px */
        opacity: 0;
        /* 默认隐藏 */
        visibility: hidden;
        /* 防止占据空间 */
        transition: opacity 0.3s ease, visibility 0.3s ease;
        /* 平滑过渡效果 */
        z-index: 10;
        /* 确保大图显示在上层 */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        /* 可选：添加阴影 */
    }

    .large-image-tooltip img {
        width: 150px;
        /* 大图宽度 */
        height: auto;
        display: block;
        /* 避免图片下方有间隙 */
    }

    /* 鼠标悬停时显示大图 */
    .image-container:hover .large-image-tooltip {
        opacity: 1;
        visibility: visible;
    }
}

/*关注我们icon end*/
.footer-pc-min {
    width: 19.2rem /* 1440/75 */;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: .2rem /* 40/75 */ 0;
}

.footer-pc-min-item {
}

.item-h1 {
    font-size: .56rem /* 42/75 */;
    margin-bottom: .16rem /* 12/75 */;
}

.item-p {
    font-size: .32rem /* 24/75 */;
}

/* test-driver */
.test-driver {
    margin-top: .666667rem /* 50/75 */;
    width: 100%;
}

.test-driver-con {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background: url(../img/yysj.jpg) no-repeat center/cover;
    height: 11.84rem /* 888/75 */;
}

.test-d-left {
    width: 9.626667rem /* 722/75 */;
    height: 100%;
    /* background: url(../img/yysj-left.jpg) no-repeat center/cover; */
}

.title-h1 {
    font-size: .666667rem /* 50/75 */;
    text-align: center;
    color: #fff;
    margin-top: 1.213333rem /* 91/75 */;
}

.test-d-right {
    width: 17.333333rem /* 1300/75 */;
    height: 100%;
    /* background: url(../img/yysj-right.jpg) no-repeat center/cover; */
}

.test-d-r-con {
    padding: 0 .1rem /* 50/75 */;
    position: relative;
    top: 6.2rem /* 540/75 */;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.test-d-r-item {
    width: 100%;
    margin-right: .666667rem /* 50/75 */;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.2rem /* 90/75 */;
}

.test-d-r-sel,.test-r-phone,.test-r-num {
    color: #fff;
    border-bottom: #fff solid 1px;
    font-size: .24rem /* 18/75 */;
    padding: .066667rem /* 5/75 */ 0;
    width: 30%;
}

.test-d-r-agreen,.test-d-r-bth {
    width: 30%;
}

.test-r-num a {
    font-size: .24rem /* 18/75 */;
    color: #fff;
    text-decoration: none;
}

.test-r-num a:hover {
    color: #fff;
}

.test-d-r-sel {
}

.test-d-r-sel {
    position: relative;
    height: .8rem /* 60/75 */;
}

.select-title {
    width: 100%;
    height: .8rem /* 60/75 */;
    line-height: .8rem /* 60/75 */;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.icon-sel-arrow {
    width: .24rem /* 18/75 */;
    height: .24rem /* 18/75 */;
    background: url(../img/icon-arrow-down.png) no-repeat center/100% .146667rem /* 11/75 */;
}

.select-list {
    width: 100%;
    position: absolute;
    top: .8rem /* 60/75 */;
    left: 0;
    padding: 0;
    margin: 0;
}

.select-list li {
    /* padding: 0; */
    margin: 0;
}

.input-num,.input-phone {
    background: none;
    border: none;
    outline: 0;
    color: #fff;
    font-size: .24rem /* 18/75 */;
}

.input-num {
    width: 60%;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.input-phone {
    width: 100%;
    line-height: 1px !important;
}

.test-d-r-agreen {
    font-size: .24rem /* 18/75 */;
    color: #fff;
}

.agreen-pc {
    display: flex;
}

.agreen-m {
    display: none;
}

.test-d-r-bth {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bth-test-driver {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.146667rem /* 236/75 */;
    height: .666667rem /* 50/75 */;
    border: #fff solid 1px;
    text-align: center;
    line-height: .666667rem /* 50/75 */;
    color: #fff;
    text-decoration: none;
    font-size: .24rem /* 18/75 */;
}

.bth-test-driver:hover {
    background: #cc000c;
    border-color: #cc000c;
    color: #fff;
    text-decoration: none;
}

.icon-t-d {
    display: inline-block;
    width: .266667rem /* 20/75 */;
    height: .266667rem /* 20/75 */;
    background: url(../img/icon-test-d-cur.png) no-repeat center/100%;
    margin-right: .133333rem /* 10/75 */;
}

.dropbtn {
    font-size: .213333rem /* 16/75 */;
    border: none;
    cursor: pointer;
}

/* 下拉内容（隐藏并置于下拉按钮下面） */
.dropdown {
    position: relative;
    /* display: inline-block; */
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 1.8rem /* 60/75 */;
    box-shadow: 0px .106667rem /* 8/75 */ .213333rem /* 16/75 */ 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* 下拉内容的链接 */
.dropdown-content li {
    color: black;
    padding: .16rem /* 12/75 */ .213333rem /* 16/75 */;
    text-decoration: none;
    display: block;
}

/* 鼠标悬停在链接上时的样式 */
.dropdown-content a:hover {
    background-color: #f1f1f1
}

/* 显示下拉内容 */
.dropdown:hover .dropdown-content {
    /* display: block; */
}

/* swiper-1 */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: .24rem /* 18/75 */;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide .img-banner {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination-bullet {
    background: url(../img/icon-swiper-def.png) no-repeat center/100%!important;
    width: .76rem /* 57/75 */!important;
    height: .066667rem /* 5/75 */!important;
    border-radius: initial!important;
    opacity: 1!important;
}

.swiper-pagination-bullet-active {
    opacity: 1!important;
    background: url(../img/icon-swiper-cur.png) no-repeat center/100% !important;
}

/* box-banner */
.hidden {
    opacity: 0;
    height: 0;
    margin-bottom: 0;
    padding: 0;
    transform: translateY(0px);
    pointer-events: none;
}

.visible {
    opacity: 1;
    /* height: 300px; */
    /* margin-bottom: 30px;                                                                                                     
   /* padding: 30px; */
    transform: translateY(0);
    pointer-events: auto;
}

.box-banner {
    /* margin-top: .266667rem /* 95/75 */
    ; */ width: 100%;
    /* height: 986px; */
}

.banner-flex {
    display: flex;
    height: 100vh;
}

.m-banner {
    display: none;
}

.banner-img {
    width: 100%;
    position: relative;
    height: 100vh;
}

.banner-top {
    position: absolute;
    width: 100%;
    text-align: center;
    top: .933333rem /* 70/75 */;
    left: 0;
    right: 0;
}

.banner-top-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .4rem /* 30/75 */;
}

.banner-title-img {
    width: auto;
    height: .48rem /* 36/75 */;
}

.banner-title {
    font-size: .666667rem /* 50/75 */;
    color: #fff;
    margin-left: .533333rem /* 40/75 */;
}

.banner-top-sale {
    width: 4.413333rem /* 331/75 */;
    padding-left: .133333rem /* 10/75 */;
    border: #fff solid 1px;
    font-size: .4rem /* 30/75 */;
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner-top-sale-text {
    background: #fff;
    color: #88afc8;
    display: block;
    width: 45%;
}

.bth-more {
    position: absolute;
    bottom: 1.733333rem /* 130/75 */;
    left: 0;
    right: 0;
}

a.bth-m-w {
    border: #fff solid 1px;
    padding: .2rem /* 15/75 */ 1.186667rem /* 89/75 */;
    color: #fff;
    text-decoration: none;
}

a.bth-m-w:hover {
    background: #cc000c;
    color: #fff;
    border-color: #cc000c;
}

/* box-banner-1 */
.box-banner-1 {
    width: 100%;
}

.banner-1-img {
    position: relative;
    width: 100%;
}

.banner-1-left {
    position: absolute;
    left: 10%;
    width: 50%;
    top: 5.066667rem /* 380/75 */;
    color: #fff;
}

.banner-1-left .bth-more {
    position: inherit;
    right: auto;
    left: auto;
    bottom: auto;
    margin-top: 1.066667rem /* 80/75 */;
    font-size: .24rem /* 18/75 */;
}

.banner-1-top-title {
    font-size: .666667rem /* 50/75 */;
}

.banner-1-top-infor {
    font-size: .4rem /* 30/75 */;
}

/* box-product */
.box-product,.box-news {
    width: 19.2rem /* 1440/75 */;
    margin: .666667rem /* 50/75 */ auto 0 auto;
}

.box-title {
    height: .733333rem /* 55/75 */;
    font-size: .666667rem /* 50/75 */;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.2rem /* 90/75 */ 0;
}

.box-title-more {
    font-size: .32rem /* 24/75 */;
}

.box-title-more a {
    color: #000;
    text-decoration: none;
}

.box-title-more a:hover {
    color: #cc000c;
}

.icon-box-more {
    display: inline-block;
    width: .266667rem /* 20/75 */;
    height: .266667rem /* 20/75 */;
    background: url(../img/icon-point-r.png) no-repeat center/100%;
    margin-left: .066667rem /* 5/75 */;
}

.box-item,.box-item-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.box-item {
    margin-bottom: .266667rem /* 20/75 */;
}

.box-item-flex,.box-item-jac-flex {
    height: 5.72rem /* 429/75 */;
    position: relative;
}

.por-a {
    width: 7.333333rem /* 550/75 */;
}

.por-b {
    width: 11.586667rem /* 869/75 */;
}

.box-item-title {
    position: absolute;
    height: 1.186667rem /* 89/75 */;
    line-height: 1.186667rem /* 89/75 */;
    color: #fff;
    z-index: 10;
    bottom: .066667rem /* 5/75 */;
    left: .4rem /* 30/75 */;
    font-size: .48rem /* 36/75 */;
    transition: opacity 1.6s ease-in-out;
    font-weight: bold;
}

.box-item-infor {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, black, rgba(0, 0, 0, 0.3), transparent);
    opacity: 0;
    transition: opacity 0.6s ease;
}

.box-more {
    position: absolute;
    bottom: .2rem /* 15/75 */;
    left: .4rem /* 30/75 */;
    font-size: .24rem /* 18/75 */;
    color: #fff;
}

.icon-box-item-more {
    vertical-align: middle;
    display: inline-block;
    width: .226667rem /* 17/75 */;
    height: .226667rem /* 17/75 */;
    background: url(../img/icon-more-b.png) no-repeat center/100%;
    margin-left: .066667rem /* 5/75 */;
}

a.box-item-flex:hover .box-item-infor {
    /* display: block; */
    opacity: 1;
}

a.box-item-flex:hover .box-item-title {
    transform: translateY(-.266667rem /* 20/75 */) scale(1);
    transition: transform 0.5s ease-in-out;
}

.box-item-jac-flex {
    width: 6.2rem /* 465/75 */;
}

.box-item-b {
    margin-top: .8rem /* 60/75 */;
}

.box-item-jac-flex {
    position: relative;
    color: #fff;
}

.box-item-jac-infor {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.box-jac-title,.box-jac-infor,.box-jac-more {
    display: block;
    color: #fff;
}

.box-jac-title {
    font-size: .48rem /* 36/75 */;
    margin-bottom: .533333rem /* 40/75 */;
}

.box-jac-infor {
    font-size: .32rem /* 24/75 */;
    min-height: .866667rem /* 65/75 */;
    margin-bottom: .533333rem /* 40/75 */;
}

.box-jac-more {
    font-size: .24rem /* 18/75 */;
}

a.box-item-jac-flex:hover .box-item-jac-infor {
    opacity: 1;
}

.box-news-list {
    margin-bottom: .6rem /* 45/75 */;
}

.pc-news {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mySwiperB,.mySwiperC {
    display: none!important;
}

.box-news-list-item {
    width: 9.4rem /* 705/75 */;
    background: #fff;
    height: 4.213333rem /* 316/75 */;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    text-decoration: none;
}

.box-news-list-item:hover {
    text-decoration: none;
}

.box-n-l-i-left {
    width: 4.813333rem /* 361/75 */;
    height: 4.213333rem /* 316/75 */;
}

.box-n-l-i-right {
    width: 40%;
    padding: .4rem /* 30/75 */ .4rem /* 30/75 */ .4rem /* 30/75 */ 0;
    min-height: 3.133333rem /* 235/75 */;
    position: relative;
}

.box-n-l-i-r-title {
    font-size: .32rem /* 24/75 */;
}

.box-news-list-item:hover .box-n-l-i-r-title {
    color: #cc000c;
    text-decoration: none;
}

.box-n-l-i-r-time {
    position: absolute;
    bottom: .533333rem /* 40/75 */;
    left: 0;
    font-size: .24rem /* 18/75 */;
}

.box-news-list-item:hover .box-n-l-i-r-time {
    color: #000;
}

.icon-time {
    width: .213333rem /* 16/75 */;
    height: .213333rem /* 16/75 */;
    background: url(../img/icon-time.png) no-repeat center/100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: .066667rem /* 5/75 */;
}

.box-news-list-a-item {
    display: block;
    width: 100%;
}

.box-n-l-a-i-bot {
    border: #d1d1d1 solid 1px;
    padding: .4rem /* 30/75 */;
}

.box-n-l-a-i-bot-text {
    font-size: .32rem /* 24/75 */;
    height: 1.133333rem /* 85/75 */;
}

.box-n-l-a-i-bot-time,.box-n-l-a-i-bot-adress {
    font-size: .24rem /* 18/75 */;
    color: #000;
    text-decoration: none;
}

.box-n-l-a-i-bot-time {
    margin-bottom: .2rem /* 15/75 */;
}

.icon-adress {
    display: inline-block;
    width: .213333rem /* 16/75 */;
    height: .24rem /* 18/75 */;
    background: url(../img/icon-adress.png) no-repeat center/100%;
}

a.box-news-list-a-item {
    color: #000;
    text-decoration: none;
}

a.box-news-list-a-item:hover .box-n-l-a-i-bot-text {
    color: #cc000c;
}

/* select */
.select-container,.sel-con-a,.sel-con-c {
    position: relative;
    /* width: 300px; */
}

.select-btn,.sel-btn-a,.sel-btn-c,.sel-btn-b,.sel-btn-d {
    width: 100%;
    /* padding: 12px 20px;                                                                                                        
  /* background-color: #fff;                                                                                                    
  border: 1px solid #ddd; */
    border-radius: .08rem /* 6/75 */;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .213333rem /* 16/75 */;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    /* transition: all 0.3s ease; */
    background: none;
    border: none;
    outline: none;
}

.select-btn:hover,.sel-btn-a:hover {
    /* border-color: #999; */
}

.select-btn:focus,.sel-btn-a:focus,.sel-btn-c:focus,.sel-btn-b:focus {
    outline: none;
    /* border-color: #4285f4; */
    /* box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.2); */
}

.arrow {
    width: 0;
    height: 0;
    border-left: .08rem /* 6/75 */ solid transparent;
    border-right: .08rem /* 6/75 */ solid transparent;
    border-top: .08rem /* 6/75 */ solid #fff;
    transition: transform 0.3s ease;
    color: #fff;
}

.select-options,.sel-opts-a,.sel-opts-c,.sel-opts-b,.sel-opts-d {
    position: absolute;
    width: 100%;
    max-height: 2.666667rem /* 200/75 */;
    overflow-y: auto;
    margin-top: .106667rem /* 8/75 */;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .08rem /* 6/75 */;
    box-shadow: 0 .026667rem /* 2/75 */ .133333rem /* 10/75 */ rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 10;
}

.select-option,.sel-opt-a,.sel-opt-c,.sel-opt-b,.sel-opt-d {
    padding: .16rem /* 12/75 */ .266667rem /* 20/75 */;
    cursor: pointer;
    transition: background-color 0.2s;
    color: #000;
}

.select-option:hover,.sel-opt-a:hover,.sel-opt-c:hover,.sel-opt-b:hover,.sel-opt-d:hover {
    background-color: #f0f0f0;
}

.select-option.selected,.sel-opt-a.selected,.sel-opt-c.selected,.sel-opt-b.selected,.sel-opt-d.selected {
    background-color: #e0e0e0;
    font-weight: bold;
}

.select-container.active .select-btn,.sel-con-a.active .sel-btn-a,.sel-con-c.active .sel-btn-c,.sel-con-b.active .sel-btn-b {
    border-color: #4285f4;
}

.select-container.active .arrow,.sel-con-a.active .arrow,.sel-con-c.active .arrow,.sel-con-b.active .arrow {
    transform: rotate(180deg);
}

.select-container.active .select-options,.sel-con-a.active .sel-opts-a,.sel-con-c.active .sel-opts-c,.sel-con-b.active .sel-opts-b,.sel-con-d.active .sel-opts-d {
    display: block;
}

.box-title-text {
    font-weight: bolder;
}

/* add */
.m-box-item-title {
    display: none;
}

/*test driver str*/
.container {
    width: 16rem /* 1300/75 */;
    height: 100%;
    /* background: url(../img/yysj-right.jpg) no-repeat center/cover; */
}

.form-container {
    padding: 0 .1rem /* 50/75 */;
    position: relative;
    top: 7.1rem /* 540/75 */;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.form-row {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px 5px;
    width: 100%;
    margin-right: .666667rem /* 50/75 */;
    align-items: center;
    justify-content: space-between;
    height: 1.2rem /* 90/75 */;
}

.input-group {
    flex: 1;
    min-width: 100px;
    padding: 0 10px;
    /* margin-bottom: 5px; */
    position: relative;
    width: 100%;
    margin-right: .666667rem /* 50/75 */;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.2rem /* 90/75 */;
}

.input-group2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33%;
}

label {
    display: block;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}

select {
    width: 100%;
    padding: 5px 5px;
    border: none;
    border-bottom: 2px solid #dee2e6;
    background: transparent;
    font-size: 13px;
    color: #bfbebe;
    transition: all 0.3s;
    outline: none;
    -webkit-appearance：none; }

select, input {
    width: 100%;
    padding: 5px 5px;
    border: none;
    border-bottom: 2px solid #dee2e6;
    background: #f8f6f600;
    font-size: 13px;
    /* color: #bfbebe;   */
    color: #bfbebe;
    transition: all 0.3s;
    outline: none;
}

.checkbox-group {
    display: flex;
    align-items: start;
    padding: 15px 0;
    margin-left: 10px;
    width: 33%;
    justify-content: center;
}

.custom-checkbox {
    position: relative;
    display: flex;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.btn-icon {
    display: inline-block;
    width: .266667rem /* 20/75 */;
    height: .266667rem /* 20/75 */;
    background: url(../img/icon-test-d-cur.png) no-repeat center / 100%;
    margin-right: .133333rem /* 10/75 */;
}

.save {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.146667rem /* 236/75 */;
    height: .666667rem /* 50/75 */;
    border: #fff solid 1px;
    text-align: center;
    line-height: .666667rem /* 50/75 */;
    color: #fff;
    text-decoration: none;
    font-size: .24rem /* 18/75 */;
    background-color: #00000000;
    cursor: pointer;
    position: absolute;
    left: 1.2rem;
}

.save:hover {
    background: #cc000c;
    border-color: #cc000c;
    color: #fff;
    text-decoration: none;
}

.but-icon {
    display: inline-block;
    width: .266667rem /* 20/75 */;
    height: .266667rem /* 20/75 */;
    background: url(../pc/img/icon-test-d-cur.png) no-repeat center/100%;
    margin-right: .133333rem /* 10/75 */;
}

/*预约试驾复选框开始*/
input[type="checkbox"] {
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-appearance: none;
    /* 移除默认的复选框样式（适用于WebKit浏览器，如Chrome和Safari） */
    -moz-appearance: none;
    /* 移除默认的复选框样式（适用于Firefox） */
    appearance: none;
    /* 移除默认的复选框样式（通用） */
    width: 16px;
    height: 16px;
    position: relative;
    padding: 0px 0px;
}

label {
    color: initial;
    cursor: pointer;
    color: #fff;
    font-size: 11px;
}

label span {
    color: #F44336;
    margin: 5px;
}

.checkbox-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    color: #fff;
}

.checkbox-wrapper a {
    text-decoration: none;
    color: #fff;
}

.checkbox-wrapper a:hover {
    text-decoration: none;
    color: #F44336;
}

.checkbox-wrapper:hover input[type="checkbox"], .checkbox-wrapper:hover label {
    color: inherit;
}

/* 选中时的样式 */
input[type="checkbox"]:checked {
    background-color: #fff;
    border-color: #999;
}

input[type="checkbox"]:checked::after {
    content: '✓';
    color: #F44336;
    font-size: 10px;
    position: absolute;
    top: 0px;
    left: 3px;
}

input[type="checkbox"]:hover {
    /* 悬停时的边框颜色 */
    border-color: #888;
}

/*test driver end*/
/*test driver str*/
@media (max-width: 768px) {
    .container {
        height: 16.373333rem;
        /* 1228/75 */
        background: url(../../m/img/test-driver-bot.jpg) no-repeat center / cover;
        width: 100%;
    }

    .form-container {
        top: 2.733333rem /* 130/75 */;
        flex-direction: column;
        padding: 20px 25px;
        left: 10px;
    }

    .form-row {
        flex-direction: column;
        margin: 0 0 15px;
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }

    .input-group {
        font-size: .373333rem /* 28/75 */;
        width: 100%;
        height: 1.2rem /* 90/75 */;
    }

    .checkbox-group {
        margin-left: 0;
        display: flex;
        align-items: start;
        padding: 0px 0;
        margin-left: 10px;
        width: 33%;
        justify-content: center;
    }

    .checkbox-wrapper {
        display: flex;
        align-items: center;
        cursor: pointer;
        justify-content: center;
        position: absolute;
        top: 9.1rem;
    }

    .save {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.146667rem /* 236/75 */;
        height: .666667rem /* 50/75 */;
        border: #fff solid 1px;
        text-align: center;
        line-height: .666667rem /* 50/75 */;
        color: #fff;
        text-decoration: none;
        font-size: .24rem /* 18/75 */;
        background-color: #00000000;
        cursor: pointer;
        position: absolute;
        left: 3.2rem;
        top: 1.6rem;
    }

    select, input {
        width: 100%;
        padding: 15px 5px;
        border: none;
        border-bottom: 2px solid #dee2e6;
        background: transparent;
        font-size: 13px;
        color: #fff;
        transition: all 0.3s;
        outline: none;
    }
}

/*test driver end*/
/* m */
@media (max-width: 768px) {
    .head-mob {
        background: #fff;
    }

    .head-mob-view .left img {
        height: .933333rem /* 70/75 */;
    }

    .head-mob-view {
        height: 2.293333rem /* 172/75 */;
        border-bottom: #33333333 solid 0.5px;
    }

    .head-mob-view .left {
        padding-left: .533333rem /* 40/75 */;
    }

    .head-mob-view {
        padding-right: .533333rem /* 40/75 */;
    }

    .head-mob-view .right i {
        width: .866667rem /* 65/75 */;
        height: .733333rem /* 55/75 */;
    }

    .head-mob-view .right i {
        font-size: .32rem /* 24/75 */;
    }

    .head-mob-view .right i.icon-caidan {
        background-image: url(../../m/img/icon-m-nav.png);
    }

    .head-mob-view .right i.icon-guanbi {
        background-image: url(../../m/img/icon-m-closed.png);
    }

    /* navbin */
    .head-mob-nav {
        /* display: block!important; */
    }

    .navbin {
        font-size: .533333rem /* 40/75 */;
    }

    .navbin li {
        border-bottom: #33333333 solid 1px;
        text-align: center;
    }

    .navbin li a.one {
        padding: .466667rem /* 35/75 */ 0;
        display: block;
        font-size: .373333rem /* 28/75 */;
    }

    .dropdown-nav-content {
        font-size: .4rem /* 30/75 */;
        background: #f8f8f8;
    }

    .dropdown-nav-content {
        /* position: inherit; */
        top: auto;
        left: auto;
        /* display: none; */
        padding: 0;
        opacity: 0;
    }

    .dropdown-nav:hover .dropdown-nav-content {
        position: inherit;
    }

    .dropdown-nav:active .dropdown-nav-content {
        position: relative;
    }

    .dropdown-flex {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .head-mob-nav a {
        width: 100%;
        height: auto;
        padding: .4rem /* 30/75 */ 0;
    }

    .dropdown-nav-item .item {
        width: 100%;
        padding: 0;
    }

    .dropdown-nav-item .item p {
        color: #333;
        margin: 0;
    }

    a.dropdown-nav-item {
        color: #292929;
        border-top: #33333333 solid 1px;
    }

    .head-mob-nav a.yysj-bth {
        width: 9.2rem /* 690/75 */;
        padding: .266667rem /* 20/75 */ 0;
        margin: .666667rem /* 50/75 */ auto;
        border-color: #929292;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .head-mob-nav a.icon-earth {
        width: .36rem /* 27/75 */;
        height: .36rem /* 27/75 */;
    }

    .head-mob-nav a.icon-en {
        width: auto;
    }

    .icon-yysj {
        display: inline-block;
        background: url(../../m/img/icon-test.png) no-repeat center/100%;
        width: .266667rem /* 20/75 */;
        height: .266667rem /* 20/75 */;
        margin-right: .133333rem /* 10/75 */;
    }

    .icon-yysj:hover {
        display: inline-block;
        background: url(../../m/img/icon-test-cur.png) no-repeat center/100%;
        width: .266667rem /* 20/75 */;
        height: .266667rem /* 20/75 */;
        margin-right: .133333rem /* 10/75 */;
    }

    /* box-banner */
    .box-banner {
        /* margin-top: .293333rem /* 172/75 */
        ; */ height: auto;
    }

    .swiper-slide .img-banner {
        display: none;
    }

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

    .banner-title-img {
        height: .48rem /* 36/75 */;
    }

    .banner-top {
        top: 2rem /* 150/75 */;
    }

    .banner-top-title {
        margin: 0 0 .6rem /* 45/75 */ 0;
        align-items: center;
    }

    .banner-title {
        font-size: .6rem /* 45/75 */;
        margin-left: .133333rem /* 10/75 */;
    }

    .banner-top-sale {
        font-size: .373333rem /* 28/75 */;
        width: 40%;
        padding-left: .133333rem /* 10/75 */;
    }

    .banner-top-sale-text {
        font-size: .306667rem /* 23/75 */;
    }

    .banner-top-sale-text b {
        font-size: .466667rem /* 35/75 */;
    }

    a.bth-m-w {
        padding: .266667rem /* 20/75 */ 1.373333rem /* 103/75 */;
        font-size: .293333rem /* 22/75 */;
    }

    .swiper-pagination-bullet {
        width: .746667rem /* 56/75 */!important;
        height: .066667rem /* 5/75 */!important;
    }

    /* banner-1 */
    .box-banner-1 .img-banner,.por-1,.por-2,.por-3 {
        display: none;
    }

    .box-banner-1 .img-banner.m-banner,.por-1.m-banner,.por-2.m-banner,.por-3.m-banner {
        display: block;
    }

    .banner-1-left {
        width: 80%;
        top: 6.666667rem /* 500/75 */;
        left: .533333rem /* 40/75 */;
    }

    .banner-1-top-title {
        font-size: .466667rem /* 35/75 */;
    }

    .banner-1-top-infor {
        font-size: .293333rem /* 22/75 */;
    }

    .banner-img {
        height: auto;
    }

    /* box-product */
    .box-product {
        width: auto;
        margin: 1.333333rem /* 100/75 */ .36rem /* 27/75 */ 0 .36rem /* 27/75 */;
    }

    .box-title {
        font-size: .693333rem /* 52/75 */;
        height: .733333rem /* 55/75 */;
        margin: .906667rem /* 68/75 */ 0;
    }

    .box-title-more {
        font-size: .346667rem /* 26/75 */;
    }

    .icon-box-more {
        width: .426667rem /* 32/75 */;
        height: .4rem /* 30/75 */;
    }

    .box-item {
        flex-direction: column;
        margin-bottom: 0;
    }

    .por-a,.por-b {
        width: 100%;
        margin-bottom: .386667rem /* 29/75 */;
    }

    .box-item-flex {
        height: auto;
    }

    a.box-item-flex:hover .box-item-infor {
        /* display: block; */
        opacity: 0;
    }

    a.box-item-flex:hover .m-box-item-title {
        bottom: 1.2rem /* 90/75 */;
    }

    .box-item-title {
        display: none;
    }

    .m-box-item-title {
        position: absolute;
        color: #fff;
        z-index: 10;
        font-size: .346667rem /* 26/75 */;
        left: 50%;
        border: #fff solid 1px;
        width: 4.053333rem /* 304/75 */;
        margin-left: -2.026667rem /* 152/75 */;
        padding: .333333rem /* 25/75 */ 0;
        height: auto;
        line-height: normal;
        text-align: center;
        bottom: 1.2rem /* 90/75 */;
        display: none;
        font-weight: bold;
    }

    .m-box-item-title {
        display: block;
    }

    .box-item-infor {
        display: none;
    }

    /*  */
    .box-item-b {
        margin: 0;
        flex-direction: column;
        width: 100%;
    }

    .box-item-jac-flex {
        width: 100%;
        margin-bottom: .386667rem /* 29/75 */;
    }

    .box-item-jac-pic {
        height: 5.2rem /* 390/75 */;
    }

    .por-3.m-banner {
        height: auto;
    }

    .box-item-jac-flex {
        height: auto;
    }

    .box-item-jac-infor {
        position: inherit;
        top: auto;
        left: auto;
        opacity: 1;
        transition: none;
        background: #fff;
        padding: .4rem /* 30/75 */ 0 .4rem /* 30/75 */ 0;
        height: auto;
    }

    .box-jac-title {
        font-size: .48rem /* 36/75 */;
        margin-bottom: .253333rem /* 19/75 */;
        color: #000;
    }

    .box-jac-infor {
        color: #3c3c3c;
        font-size: .373333rem /* 28/75 */;
        margin-bottom: .4rem /* 30/75 */ ;
        min-height: .866667rem /* 65/75 */;
    }

    .box-jac-more {
        color: #cc000c;
        font-size: .346667rem /* 26/75 */;
    }

    .icon-box-item-more {
        background-image: url(../../m/img/icon-more-red.png);
        width: .32rem /* 24/75 */;
        height: .32rem /* 24/75 */;
    }

    /* news */
    .pc-news {
        display: none;
    }

    .mySwiperB,.mySwiperC {
        display: block!important;
    }

    .box-news {
        width: 100%;
    }

    .box-news .box-title {
        margin: .906667rem /* 68/75 */ .386667rem /* 29/75 */;
    }

    /* news swiper */
    .box-news-list-item {
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    .box-n-l-i-left {
        width: 100%;
        height: 5.333333rem /* 400/75 */;
    }

    .box-n-l-i-right {
        background: #fff;
        width: 100%;
        padding: 0;
        min-height: 3.466667rem /* 260/75 */;
    }

    .box-n-l-i-r-title {
        font-size: .373333rem /* 28/75 */;
        margin: .48rem /* 36/75 */ .666667rem /* 50/75 */ 0 .666667rem /* 50/75 */;
        text-align: left;
    }

    .box-n-l-i-r-time {
        font-size: .28rem /* 21/75 */;
        bottom: .533333rem /* 40/75 */;
        left: .666667rem /* 50/75 */;
    }

    .icon-time {
        width: .24rem /* 18/75 */;
        height: .24rem /* 18/75 */;
    }

    .pag-b .swiper-pagination-bullet,.pag-c .swiper-pagination-bullet {
        background-image: url(../../m/img/icon-line-def.png)!important;
    }

    .pag-b .swiper-pagination-bullet-active, .pag-c .swiper-pagination-bullet-active {
        background-image: url(../img/icon-swiper-cur.png)!important;
    }

    .mySwiperB .swiper-pagination,.mySwiperC .swiper-pagination {
        bottom: -.133333rem /* 10/75 */!important;
    }

    /* box-news-list-a */
    .box-news-list-a {
        margin: 0 .386667rem /* 29/75 */;
        width: auto;
    }

    .box-n-l-a-i-bot {
        border: none;
        font-size: .28rem /* 21/75 */;
    }

    .box-n-l-a-i-bot-text {
        font-size: .373333rem /* 28/75 */;
        text-align: left;
        margin-bottom: 0;
        height: 1.2rem /* 90/75 */;
    }

    .box-n-l-a-i-bot-time, .box-n-l-a-i-bot-adress {
        font-size: .28rem /* 21/75 */;
        text-align: left;
        margin-bottom: .266667rem /* 20/75 */;
    }

    .icon-adress {
        width: .24rem /* 18/75 */;
        height: .24rem /* 18/75 */;
        margin-right: .066667rem /* 5/75 */;
    }

    /* test-driver */
    .test-driver {
        margin-bottom: 0.35rem /* 80/75 */;
    }

    .test-driver-con {
        background-image: none;
        flex-direction: column;
        height: auto;
    }

    .test-d-left,.test-d-right .container {
        width: 100%;
    }

    .test-d-left {
        height: 6.866667rem /* 515/75 */;
        background: url(../../m/img/test-driver-top.jpg) no-repeat center/100%;
    }

    .title-h1 {
        text-align: left;
        padding-left: .4rem /* 30/75 */;
        margin-top: .8rem /* 60/75 */;
    }

    .test-d-right {
        height: 16.373333rem /* 1228/75 */;
        background: url(../../m/img/test-driver-bot.jpg) no-repeat center/100%;
    }

    .test-d-r-con {
        top: 3.733333rem /* 130/75 */;
        flex-direction: column;
        margin: 20px;
    }

    .test-d-r-item {
        width: 100%;
        margin: 0 ;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }

    .select-btn, .sel-btn-a, .sel-btn-c, .sel-btn-b, .sel-btn-d,.test-d-r-sel, .test-r-phone, .test-r-num,.input-num, .input-phone,.test-r-num a,.bth-test-driver {
        font-size: .373333rem /* 28/75 */;
        width: 100%;
        height: 1.2rem /* 90/75 */;
    }

    .test-r-num {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .test-d-r-agreen {
        font-size: .32rem /* 24/75 */;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 1.2rem /* 90/75 */;
    }

    .agreen-pc {
        display: none;
    }

    .agreen-m {
        display: flex;
    }

    .test-d-r-bth {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: .266667rem /* 20/75 */;
    }

    .bth-test-driver {
        width: 100%;
        height: 1.066667rem /* 80/75 */;
        line-height: 1.066667rem /* 80/75 */
    }

    /* footer */
    .footer-mob {
        background: #484848;
        padding: 0;
    }

    .footer-mob ul {
        padding: 0;
    }

    .footer-mob-nav {
        padding: 0;
    }

    .footer-mob-nav .oneitem {
        padding: 0 0 0 .32rem /* 24/75 */;
        font-size: .373333rem /* 28/75 */;
        height: 1.6rem /* 120/75 */;
        border-bottom: #797979 solid 1px !important;
    }

    .footer-mob-nav .oneitem i {
        height: 1.6rem /* 120/75 */;
    }

    .footer-mob-bot {
        padding: 0 .4rem /* 30/75 */;
    }

    .footer-mob-bot .iconbind {
        margin: 0;
    }

    .footer-mob-bot .iconbind .r-gzwm {
        width: 100%;
        height: auto;
        border: none;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: .2rem /* 50/75 */ 0;
    }

    .r-gzwm-title {
        font-size: .373333rem /* 28/75 */;
        margin: 0;
        text-align: left;
        width: 2.666667rem /* 200/75 */;
    }

    .f-gzm-con {
        flex-direction: row;
        align-items: center;
    }

    .f-gzm-con a {
        margin: 0 .266667rem /* 20/75 */ 0 0;
    }

    .iconbind>div i {
        font-size: .4rem /* 30/75 */;
    }

    .iconfont {
        width: 1rem /* 75/75 */;
        height: 1rem /* 75/75 */;
    }

    .footer-pc-min {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-mob-bv {
        font-size: .226667rem /* 17/75 */;
        padding: 0;
        text-align: center;
        background: #383838;
        padding: .133333rem /* 10/75 */ 0;
    }

    .footer-pc-min-item {
        margin-bottom: .4rem /* 30/75 */;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .item-p {
        margin: 0;
    }

    .footer-mob-bv p {
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tellist p {
        font-size: .226667rem /* 17/75 */;
    }

    .blk-inle {
        display: inline-block;
    }

    .footer-mob-bv img {
        width: .213333rem /* 16/75 */;
        height: .266667rem /* 20/75 */;
    }

    .footer-mob-nav .twonav {
        padding: 0;
    }

    .footer-mob-nav .twonav a {
        font-size: .24rem /* 18/75 */;
        padding: .373333rem /* 28/75 */ 0 .373333rem /* 28/75 */ 1.066667rem /* 80/75 */;
        border-bottom: #797979 solid 1px!important;
    }

    .footer-mob-nav .oneitem i {
        width: .32rem /* 24/75 */;
        height: .213333rem /* 16/75 */;
        background-image: url(../../m/img/icon-arrow-def.png);
        margin-right: .266667rem /* 20/75 */;
    }

    .icon-dsanjiao:before {
        content: none;
    }
}