
        .product-banner {
            width: 100%;
            height: 23.625rem; /* 378px */
            position: relative;
        }

        .product-banner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .banner-center {
            width: 18.75rem;
            height: 8.25rem; 
            top: 50%;
        }
        .banner-h {
            font-weight: 700;
            line-height: 2.125rem; /* 34px */
            font-size: 1.5rem; /* 24px */
            color: #8DC21F;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-80%);
        }

        /* 基础样式设置 */
        .main-content {
            background: #F6F9FF;
        }

        .containers {
            margin: 0 15rem 0 7.5rem; /* 240px 120px */
            padding: 6.1875rem 0 9.25rem 0; /* 99px 148px */
            overflow: hidden;
            /* 兼容IE浮动清除 */
        }

        /* 左侧导航样式 */
        .left-nav {
            width: 15rem; /* 240px */
            float: left;
        }

        .nav-item {
            height: 5rem; /* 80px */
            line-height: 5rem; /* 80px */
            cursor: pointer;
            font-size: 1.25rem; /* 20px */
            font-weight: 600;
            text-align: center;
            color: #10193A;
            opacity: 0.5;
            background-color: #F8F8F8;
        }

        .nav-item:nth-child(2) {
            margin: 0.625rem 0; /* 10px */
        }

        .nav-item.active {
            background-color: #fff;
            color: #10193A;
            opacity: 1;
            font-size: 1.5rem; /* 24px */
            font-weight: 900;
        }

        /* 右侧内容样式 */
        .right-content {
            width: calc(100% - 15rem); /* 240px */
            float: left;
            background-color: #fff;
            min-height: 31.25rem; /* 500px */
            box-sizing: border-box;
            /* IE8+支持 */
            padding: 2.0625rem 3.3125rem 3.3125rem 2.0625rem; /* 33px 53px 53px 33px */
        }

        .content-title {
            font-size: 1.25rem; /* 20px */
            color: #333;
            margin-bottom: 1.25rem; /* 20px */
            padding-bottom: 0.625rem; /* 10px */
            border-bottom: 0.0625rem solid #e5e5e5; /* 1px */
        }

        .content-section {
            margin-bottom: 1.875rem; /* 30px */
            color: #000000;
            font-size: 1.25rem; /* 20px */
            font-weight: 600;
        }

        .content-section h3 {
            font-size: 1rem; /* 16px */
            color: #333;
            margin: 0.9375rem 0; /* 15px */
        }

        .content-section p {
            font-size: 0.875rem; /* 14px */
            line-height: 1.8;
            margin: 0.625rem 0; /* 10px */
            text-align: justify;
        }

        .content-section ul {
            margin: 0.625rem 0 0.625rem 1.25rem; /* 10px 0 10px 20px */
            padding: 0;
        }

        .content-section li {
            font-size: 0.875rem; /* 14px */
            line-height: 1.8;
            margin-bottom: 0.5rem; /* 8px */
        }

        /* 内容区域显示隐藏控制 */
        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
        }

        /* 解决IE浮动问题 */

        .clearfix:after {
            content: "";
            display: table;
            clear: both;
        }
        .bannerHelp {
            display: none;
        }