/* 轮播图容器样式 */
    .carousel-container {
        position: relative;
        width: 100%;
        height: 500px;
        overflow: hidden;
    }

    .carousel-wrapper {
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-transition: -ms-transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out;
    }

    .carousel-item {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .carousel-item img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .carousel-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        width: 50px;
        height: 50px;
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        border: none;
        border-radius: 50%;
        font-size: 24px;
        cursor: pointer;
        display: none;
        z-index: 10;
        transition: background-color 0.3s;
    }

    .carousel-arrow:hover {
        /*background-color: rgba(0, 0, 0, 0.6);*/
    }

    .arrow-left {
        background-image: url("../image/banner_lr.png");
        left: -25px;
        background-size: 85px 55px;
        background-position: -33px -2px;
    }
    .arrow-right {
        background-size: 82px 53px;
        background-position: -2px -1px;
        background-image: url("../image/banner_lr.png");
        right: -25px;
    }

    .carousel-container:hover .carousel-arrow {
        display: block;
    }

    .carousel-dots {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        z-index: 10;
    }

    .dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        cursor: pointer;
        float: left;
        margin-right: 10px;
        transition: all 0.3s;
    }

    .dot:last-child {
        margin-right: 0;
    }

    .dot.active {
        background-color: white;
        width: 30px;
        border-radius: 6px;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .carousel-item {
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .carousel-item img {
            display: none !important;
        }
        .separator {
            position: relative;
            top: 2px;
        }
        .card-item {
            width: 49.5%; /* IE10下若calc失效，用近似宽度替代 */
        }
        .card-item:nth-child(even) {
            margin-left: 2%; /* 对应比例间距 */
        }
        .hot-title-text{
            position: relative;
            top: 2px;
        }
    }



    /* 品牌 */
    .brand{
        width: 100%;
        height: 772px;
        max-width: 100vw;
        background:url("../image/background31.png") no-repeat
    }

   .brand-content{
       width: 100%;
       max-width: 1200px;
       height: 100%;
       margin: auto;
       padding-top: 29px;

   }
   .branded-header{
    display:flex;
    align-items: center;

   }
   .branded-header-logo{
       width:26px;
       height:26px;
       margin-right:5px;
       background: url("../image/icon42.png") no-repeat 100% 100%;
   }

   .branded-header h2{
    font-weight: bold;
    font-size: 26px;
    color: #094BAE;
    line-height: 53px;
   }


     /* 按钮容器 */
    .branded-nav {
        padding: 10px 0;
    }

    .scroll-container {
        width: 100%;
        overflow-x: auto;
        height: 50px;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        position: relative;
    }

    .scroll-container::-webkit-scrollbar {
        display: none;
    }

    .button-container {
        display: flex;
        flex-wrap: nowrap;
        padding: 0 15px;
    }

    .control-btn {
        margin-right: 11px;
        padding: 8px 16px;
        background: #ECEBEB;;
        border: none;
        border-radius: 18px;
        cursor: pointer;
        white-space: nowrap;
        font-size: 14px;
        transition: all 0.2s;
        position: relative;
        flex-shrink: 0;
        outline: none;
    }

    /* 最后一个按钮不需要右边距 */
    .control-btn:last-child {
        margin-right: 0;
    }

    .control-btn.active {
        background: #094BAE;
        color: white;
    }

    .control-btn.active::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -8px;
        z-index: 1;
        zoom: 1;
        transform: translateX(-50%);
        border-width: 8px 4px 0;
        border-style: solid;
        border-color: #094BAE transparent transparent;
        -ms-transform: translateX(-50%);
    }

    .control-btn:hover:not(.active) {
        background: #d5d5d5;
    }


    /* 滚动容器样式 */
    .icon-scroll-container {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        /*padding: 10px 0;*/
        height: 96px;
        background: #FFFFFF;
        border-radius: 8px;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    *::-webkit-scrollbar {
        display: none;
    }

	.icon-content-box{
		width: 100%;
		display: none;
	}
	.icon-content-box.active{
	    display: block;
	}
    .icon-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        /*padding: 5px;*/
        padding-top: 10px;
    }

    .icon-item {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 93px;
        text-align: center;
        /*margin-right: 20px;*/
        cursor: pointer;
    }

    .icon-item:last-child {
        margin-right: 0;
    }

    .icon-img {
        width: 51px;
        height: 51px;
        margin: 0 auto 8px;
        display: block;
        border-radius: 50%;
        object-fit: cover;
        background-color: #fff;
        border: 1px solid #f5f5f5;
        padding: 1px;
    }

    .icon-text {
        font-weight: 400;
        font-size: 15px;
        color: #333333;
    }


    .icon-scroll-container.dragging {
        cursor: grabbing;
    }

    .dashboard {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 0;
    }

    .panel {
        border-radius: 8px;
    }
    .panel-header-right{
        width: 100%;
        height: 40px;
        position: relative;
        background: url("../image/background42.png") no-repeat;
    }
    .panel-header-right span{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        font-weight: 400;
        font-size: 16px;
        color: #094BAE;
        line-height: 53px;
    }
    .panel-header{
        width: 100%;
        /*display: flex;*/
        display: -ms-flexbox;
        align-items: center;
        margin: 14px 0 14px 10px;
        float: left;
    }
    .vertical-line {
        width: 3px;
        height: 12px;
        background-color: #094BAE;
        border-radius: 2px;
        margin-right: 6px;
        float: left;
    	margin-top: 8px;
    }

    .left-panel{
        width: 294px;
        height: 506px;
        background: url("../image/left-panel.png") no-repeat 100% 100%;
    }

    .right-panel {
        width: 292px;
        height: 506px;
        background-color: #fff;
    }

    img.header-img{
        width: 100% !important;
    }
    .center-panel {
        width:586px;
        height: 506px;
        background: url("../image/center-panel.png") no-repeat no-repeat 100% 100%;;

    }
    /* 仅在 IE10 生效 */
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .header-brand {
            flex: 0 0 200px !important;
            -ms-flex: 0 0 200px !important;
        }

    }

    .center-panel-content{
        width: 564px;
        height: 452px;
        background: #FFFFFF;
        border-radius: 8px;
        margin:  0 11px;
        display: none;
        float: left;
    }
    .center-panel-content.active{
        display: block;
    }

    .ranking-wrapper {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        border-radius: 4px;
        overflow: hidden;
    }

    .ranking-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f8fafc;
        border-bottom: 1px solid #ebebeb;
    }

    .list{
        height: 390px;
        /*overflow-y: auto;*/
        /*-webkit-overflow-scrolling: touch;*/
        /*-ms-overflow-style: none;*/
        /*scrollbar-width: none;*/
    }
    .list::-webkit-scrollbar {
        display: none;

    }
    /* 表头单元格样式 */
    .header-cell {
        padding: 12px 8px;
        color: #666;
        font-size: 14px;
        font-weight: normal;
    }
    .header-rank {
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        text-align: center;
    }
    .header-brand {
        -ms-flex: 1;
        flex: 1;
        /*text-align: center;*/
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        margin-left: 80px;
    }

    .header-votes,
    .header-rate {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        text-align: center;
    }

    .ranking-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 0px;
    }
    .ranking-row:last-child {
        border-bottom: none;
    }

    /* 内容单元格样式 */
    .row-cell {
        font-size: 14px;
    }
    .row-rank {
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        text-align: left;
    }
    .row-brand {
        -ms-flex: 1;
        flex: 1;
        display: flex;
        justify-content: left;
    }
    .row-votes,
    .row-rate {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        text-align: center;
    }

    .rank-tag {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
    }
    .rank-top1 { background-color: #d92525; }
    .rank-top2 { background-color: #f58220; }
    .rank-top3 { background-color: #f5c320; }
    .rank-default {
        background-color: #ebebeb;
        color: #999;
    }
a{
    text-decoration: none;
}
    /* 品牌区布局（图标+文字） */
    .brand-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        max-width: 100%; /* ✅ 限制内容不能撑开行 */
        overflow: hidden;
    }

    img.brand-icon {
        width: 53px;
        height: 35px;
        border-radius: 4px;
        border: 1px solid #F1F3F9;
        /*object-fit: cover;*/
        margin-right: 10px;
    }
    .brand-text {
        display: -ms-flexbox;
        /*display: flex;*/
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .brand-name {
        font-size: 16px;
        font-weight: bold;
    }
    .brand-sub {
        font-size: 12px;
        color: #666;
    }

    /* 颜色联动：TOP1-3文字颜色 */
    .top1 .brand-name,
    .top1 .row-votes,
    .top1 .row-rate {
        color: #d92525;
    }
    .top2 .brand-name,
    .top2 .row-votes,
    .top2 .row-rate {
        color: #f58220;
    }
    .top3 .brand-name,
    .top3 .row-votes,
    .top3 .row-rate {
        color: #f5c320;
    }
    /* TOP4及以后默认颜色 */
    .ranking-row:not(.top1):not(.top2):not(.top3) .brand-name,
    .ranking-row:not(.top1):not(.top2):not(.top3) .row-votes,
    .ranking-row:not(.top1):not(.top2):not(.top3) .row-rate {
        color: #333;
    }



    /* 品牌区：图标 + 名称 */
    .brand {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
    }

    /*.brand img {*/
    /*    width: 36px;*/
    /*    height: 36px;*/
    /*    border-radius: 50%;*/
    /*    object-fit: cover;*/
    /*}*/

    /* 品牌名称颜色区分 */
    .brand-name {
        font-size: 16px;
        font-weight: bold;
    }
    .brand-weedo { color: #333; }
    .brand-onid { color: #4285f4; }
    .brand-tw { color: #1aa194; }

    .brand-sub {
        font-size: 14px;
        color: #999;
        margin-left: 4px;
    }

    .votes {
        font-size: 14px;
        color: #999;
        text-align: center;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
    }

    /* 好评率：默认黑色，特殊标注红色 */
    .rate {
        font-size: 14px;
        color: #333;
        text-align: right;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        position: relative;
    }

    /* 特殊好评率（如 61.87%） */
    .special-rate {
        color: #ff4d4f; /* 红色 */
    }
    .special-rate .special {
        position: absolute;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 12px;
        color: #fff;
        background-color: #ff4d4f;
        padding: 2px 6px;
        border-radius: 4px;
    }
    .panel-title {
        font-weight: 600;
        font-size: 20px;
        color: #000000;
        line-height: 53px;
        margin: 0 0 0 18px;
    }
    .separator {
        position: relative;
        float: left;
    }
    .tab-content{
        margin-left: 20px;
    }
    .panel-tab{
        /*margin-left: 128px;*/
        display: flex;
        float: right;
    	margin-right: 30px;
    }
    .tab-content p{
        /*margin-left: 20px;*/
        cursor: pointer;
        color: #a4a195;

    }
    .tab-content p:hover{
        color: black;
    }
    .tab-content.active p {
        color: #000; /* 激活状态变黑 */
    }
    .underline {
        width: 29px;
        height: 2px;
        background: #C88400;
        border-radius: 1px;
        display: block;
        margin: 4px auto 0 auto;
        visibility: hidden;
    }

    .tab-content.active .underline {
        visibility: visible;
    }
    .category-list {
        width: 272px;
        height: 452px;
        background: #FFFFFF;
        border-radius: 8px;
        margin: 0 11px 5px 11px ;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-justify-content: space-between;
        justify-content: space-between;
        padding: 15px;
    }

    .goods-item {
        -ms-flex: 0 0 calc(33.333% - 10px);
        flex: 0 0 calc(33.333% - 10px);
        margin-bottom: 20px;
        text-align: center;
    }

     a img {
        border: none;
        outline: none;
    }

     a:active img,
    a:focus img {
        border: none;
        outline: none;
    }

    .goods-item a img {
        -ms-interpolation-mode: bicubic;
    }
    .goods-item img {
        width: auto;
        height: 60px;
        max-width: 100%;
        margin: 0 auto 8px;
        display: block;
    }
    .goods-item .bg_color {
        width: auto;
        height: 60px;
        max-width: 100%;
        margin: 0 auto 8px;
        display: block;
    }

    .goods-item span {
        display: block;
        font-size: 14px;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rank-table {
        width: 100%;
        border-collapse: collapse;
        color: #fff;
    }

    .rank-table th,
    .rank-table td {
        padding: 6px 10px;
        border-bottom: 1px dashed #999;
    }

    .rate {
        color: #f66;
        font-weight: bold;
    }

    .brand-block {
        margin-bottom: 20px;
    }

    .brand-title {
        font-size: 14px;
        margin-bottom: 6px;
        color: #fff;
    }

    .brand-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .brand-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 60px;
        text-align: center;
        color: #fff;
        font-size: 12px;
    }
    /*排行榜*/

    .stats-container {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 10px 0;
    }

    .stat-item {
        display: flex;
        align-items: center;
        flex-direction: column;
        /*width: 33.3%;*/
    }
    p.big-number {
        font-weight: 600;
        font-size: 18px;
        color: #FF0000;
        margin-bottom: 10px;
    }

    p.label {
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* ===== 品牌列表核心样式 ===== */
    .container {
        width:100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 3px;
    }

    .item {
        width: 25%;
        box-sizing: border-box;
        padding: 12px 0;
        text-align: center;
        cursor: pointer;
        /*background: #9C7254;*/
    }

    img.logo {
        width: 45px;
        height: 45px;
        margin: 0 auto 5px;
        background-color: #6699ff;
        border-radius: 50%;
        line-height: 40px;
        color: white;
        font-size: 12px;
        overflow: hidden;
        border: 1px #efe5e5 solid;
    }

    .text {
        font-size: 12px;
        color: #333;
        line-height: 21px;
        padding: 0 5px;
    }

    /*精选专题热榜*/
    .special{
        width: 100%;
        height: 1274px;
        margin: -1px 0 0 0;
        background: url("../image/background32.png") no-repeat ;
    }
    .special-content{
        width: 100%;
        max-width: 1200px;
        height: 100%;
        margin: auto;
        padding-top: 15px;
    }
    .special-header{
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        justify-content: space-between;
    }
    .special-header a{
        text-decoration: none;
        outline: none;
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 16px;
        color: #a2a3a7;
    }

    .special-title{
        display: flex;
        display: -ms-flexbox;
        align-items: center;
    }
    .special-title-icon{
        width:26px;
        height:26px;
        margin-right:5px;
        background: url("../image/icon43.png") no-repeat 100% 100%;
    }
    .special-title h2{
        font-weight: bold;
        font-size: 26px;
        color: #094BAE;
        line-height: 53px;
    }


/*资讯卡片*/
    .clearfix {
        *zoom: 1;
    }
    .clearfix:after {
        content: "";
        display: table;
        clear: both;
    }

    .card-container {
        max-width: 1228px;
        margin: 0 auto;
    }

    .card-item {
        width: calc(50% - 9px);
        float: left;
        box-sizing: border-box;
        padding: 15px;
        height: 166px;
        background: #FFFFFF;
        border-radius: 8px;
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;

    }

    .card-item:nth-child(even) {
        margin-left: 16px;
    }



    /*资讯底部*/
    .hot-list{
        width: 100%;
        height: 463px;
        display: flex;
        display: -ms-flexbox;;
    }
    .hot-rank{
        width: 895px;
        height: 463px;
        padding: 0 12px;
        background: url("../image/background33.png") no-repeat;
    }

    .hot-title{
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        margin: 13px 0 9px 0;
    }
    .hot-line{
        width: 3px;
        height: 12px;
        background-color: #094BAE;;
        border-radius: 2px;
        margin-right: 6px;
    }
    .hot-title-text{
        font-weight: 400;
        font-size: 20px;
        color: #000000;
        width: 101px;
        line-height: 2px;
    }
    /* 导航栏 */
    .rank-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        /*gap: 40px;*/
        margin: auto;
    }
    .rank-nav-item{
        margin-right: 52px;
        font-size: 16px;
        color: #666;
        cursor: pointer;
        transition: all 0.3s;
    }

    .rank-nav-item.active {
        color: #000;
    }
    .rank-nav-item p:hover{
        color: black;
    }
    .rank-nav-underline {
        width: 29px;
        height: 2px;
        border-radius: 1px;
        display: block;
        margin: 4px auto 0 auto;
        visibility: hidden;
        background: #0C4CB2;
    }

    .rank-nav-item.active .rank-nav-underline {
        visibility: visible;
    }


    .rank-card{
        width: 290px;
        height: 463px;
        margin-left: 15px;
        background: #fff;
    }
    .rank-title{
        width: 100%;
        height: 52px;
        background: url("../image/rank-background.png") no-repeat ;
        padding: 6px;
        display: flex;
        display: -ms-flexbox;
        align-items: center;

    }
    .rank-logo{
        width: 36px;
        height: 36px;
        background: url("../image/icon44.png") no-repeat  100% 100%;
        position: relative;
    }
    .rank-logo .logo-span{
        font-weight: bold;
        font-size: 14px;
        color: #FF6000;
        line-height: 53px;
        position: absolute;
        top: -10px;
        left: 14px;
    }
    .rank-title img{
        width: 36px;
        height: 36px;
    }
    .rank-title span{
        font-weight: 400;
        font-size: 18px;
        color: #333333;
        line-height: 53px;
    }
    .rank-list{
        width: 99%;
        height: 411px;
        overflow-y: auto;
        list-style:none;
        counter-reset:num;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding: 5px 0 0 5px;

    }
    .rank-item{
        position:relative;
        counter-increment:num;
        padding:12px 0 12px 45px;
        /*border-bottom:1px solid #f0f0f0;*/
        width: 272px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: #f9fafd;
        margin: 0 auto 5px auto;
        border-radius: 4px;
    }
    .rank-item:hover{
        background-color: #eeeeef;
    }
    .rank-item:last-child{
        /*background-color: #f9fafd;*/
        border-bottom:none;
    }
    /* 圆点序号 */
    .rank-item::before{
        content:counter(num);
        position:absolute;
        left:0;top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        width:28px;height:28px;
        line-height:28px;
        text-align:center;
        background:#c7c8ca;
        color:#fff;
        border-radius:4px;
        font-size:14px;
        font-weight:bold;
    }
    /* 覆盖前三个颜色 */
    .rank-item.top1::before{background: #d92525;}
    .rank-item.top2::before{background:#f58220;}
    .rank-item.top3::before{background:#f5c320;}
    /* 竖线 */
    .rank-item::after{
        content:"";
        position:absolute;
        left:14px;
        top:50px;
        bottom:-15px;
        width:1px;
        background:#e5e5e5;
    }
    .rank-item:last-child::after{display:none;}

    .brand-name{font-size:16px;font-weight:600; color:#333333}

    .image-grid {
        max-width: 1200px;
        margin: 0 auto;
        background-color: #fff;
        display: none;
    }
    .image-grid.active{
        display: block;
    }
    .image-card {
        float: left;
        width: 33.33%;
        padding: 8px;
        box-sizing: border-box;
    }

    /* 图片盒子 */
    .image-box {
        position: relative;
        overflow: hidden;
        background-color: #eee;
        width: 270px;
        height: 160px;
    }
    
    .image-box::before {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: rgba(0, 0, 0, 0.25); 
	}

    .image-box img {
        width: 270px;
        height: 160px;
        object-fit: cover;
    }
    
    .image-box .bg_color {
    	display: inline-block;
        width: 270px;
        height: 160px;
        object-fit: cover;
    }

    /* 覆盖文字层 */
    .overlay-text {
        position: absolute;
        /*bottom: 0;*/
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 265px;
        height: 50px;
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        padding: 10px 0;
        border-radius: 0 0 4px 4px;
        z-index: 1;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        justify-content: center;
    }

    .image-caption {
        margin: 10px 0 0;
        text-align: center;
        color: #333;
        font-weight: 400;
        font-size: 16px;
    }


/*优选榜单*/
    .optimization{
        width: 100%;
        height: 827px;
        background: url("../image/background34.png") no-repeat;
    }
    .optimization-content{
        width: 1200px;
        height: 100%;
        margin: auto;
        padding: 15px 0 0 0 ;
    }
    .optimization-title{
        display: flex;
        display: -ms-flexbox;
        align-items: center;
    }
    .optimization-title-icon{
        width: 26px;
        height: 26px;
        margin-right: 2px;
        background: url("../image/icon45.png") no-repeat 100% 100%;
    }
    .optimization-title h2{
        font-weight: bold;
        font-size: 26px;
        color: #094BAE;
        line-height: 21px;
        margin-left: 5px;
    }
    .optimization-main{
        max-width: 1200px;
        margin:18px auto;
    }
    .optimization-card-item{
        width: calc(50% - 9px);
        float: left;
        padding: 0 0 13px 0;
        box-sizing: border-box;
        margin-left: 0;
        display: flex;
        display: -ms-flexbox;
    }

    .optimization-card-item:nth-child(even) {
        margin-left: 16px;
    }
    .product-card{
        width: 160px;
        height: 240px;
        background: #FFFFFF;
        border-radius: 8px;
        margin-right: 10px;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .rotundity{
        width: 130px;
        height: 130px;
        background: #E7EAF8;
        border-radius: 50%;
    }
    .product-img{
        width: 112px;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform:translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .product-list{
        width: 424px;
        height: 240px;
        background: #FFFFFF;
        border-radius: 8px;
        padding: 10px;
        display: flex;
        display: -ms-flexbox;
    }

    .product-list-item{
        width: 128px;
    }
    /* 第 2 个 item 左右加 12px */
    .product-list-item:nth-child(2){
        margin:0 10px;
    }
    .product-list-item-img{
        width: 128px;
        height: 120px;
        background-color: #f8fafd;
    }
    .product-list-item-img img{
        width: 128px;
        height: 120px;
    }
    .product-list-item-img .bg_color{
        width: 128px;
        height: 120px;
        display: inline-block;
    }

    .product-list-item-text{
        width: 128px;
        height: 60px;
        background-color: #f8fafd;
        border-radius: 0 8px 8px 0;
        text-align: center;
        /*display:table-cell;*/
        vertical-align:middle;
    }
    .product-list-item-title{
        font-weight: 400;
        font-size: 18px;
        color: #333333;
        line-height: 67px;
    }
    .title{
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        line-height: 26px;
    }
    p.sub{
        font-weight: 400;
        font-size: 12px;
        color: #c0c0c0;
        line-height: 26px;
    }
    .product-list-item-title{
        width: 100%;
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        color: #333333;
        line-height: 36px;
    }

    .product-list-item-logo{
        width: 128px;
        height: 36px;
        margin-top: 3px;
    }
    .product-list-item-logo img{
        width: 100%;
        height: 100%;
    }
    /*资讯动态*/
    .dynamic{
        width: 100%;
        height:  996px;
        background: url("../image/background35.png") no-repeat;
    }
    .dynamic-content{
       width: 1200px;
        height: 100%;
        margin: auto;
    }
    .dynamic-content-header{
        display: flex;
        display: -ms-flexbox;
        justify-content: space-between;

    }
    .dynamic-content-header a{
        text-decoration: none;
        outline: none;
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 16px;
        color: #a2a3a7;
    }
    .dynamic-title{
        display: flex;
        display: -ms-flexbox;
        /*align-items: center;*/
    }
    .dynamic-title-icon{
        width: 26px;
        height: 26px;
        margin-right: 2px;
        background: url("../image/icon46.png") no-repeat 100% 100%;
    }

    .dynamic-title h2{
        font-weight: bold;
        font-size: 26px;
        color: #094BAE;
        line-height: 21px;
        margin-left: 5px;
    }
    .dynamic-content-top{
        width: 100%;
        height: 300px;
        display: flex;
        display: -ms-flexbox;
        margin: 16px 0;
    }
    .dynamic-top-left{
        width: 892px;
        height: 303px;
        background: url("../image/background36.png") no-repeat;
        margin-right: 14px;
        padding: 20px;
        display: flex;
        display: -ms-flexbox;
    }
    .dynamic-top-right{
        width: 292px;
        height: 303px;
        background: url("../image/background36.png") no-repeat;
        padding:16px 20px;
        box-sizing:border-box;
    }

    /* === 头部 === */
    .news-header{
        margin:0 0 12px;
        font-size:18px;
        font-weight:bold;
        color:#333;
        display:table;
        width:100%;
        position: relative;
    }
    .news-header span{
        display:table-cell;
        text-align:left;
    }
    .news-header .span{
        font-weight: bold;
        font-size: 20px;
        color: #000000;
        line-height: 30px;
    }
    .news-header a{
        display:table-cell;
        text-align:right;
        font-weight: 400;
        font-size: 16px;
        color: #a2a3a7;
        text-decoration:none;
    }
    .news-header a:hover{color: #094BAE;}

    /* === 列表 === */
    .news-list{
        margin:0;
        padding:0;
        list-style:none;
        height: 237px;
    }
    .news-list li{
        font-size:14px;
        line-height:22px;
        /*width: 164px;*/
        color:#333;
        margin-bottom:14px;

        position:relative;
        padding-left:12px;   /* 圆点左侧留出空隙 */
        cursor: pointer;
        display: flex;
        display: -ms-flexbox;
    }
    .news-list li a{
        text-decoration:none;
        /*color:#333;*/
    }
    /* 4×4 圆点 */
    .news-list .dot{
        position:absolute;
        left:0;
        top:50%;
        width:4px;
        height:4px;
        background:rgba(3,3,3,0.7);
        border-radius:50%;
        -ms-transform:translateY(-50%);   /* IE9-11 前缀 */
        transform:translateY(-50%);
    }
    .news-list li:last-child{margin-bottom:0;}
    .news-list .date{
        float:right;
        color:#999;
        margin-left:8px;
    }
    a.li-text{
        /*width: 192px;*/
       display: block;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        font-size:14px;
        /*color: #a2a3a7;*/
        color: #333333;
        opacity: 0.75;
    }
    a.li-text:hover{
        color: #094BAE;
    }

    /* 标题左边竖线 */
    .news-header span{
        position:relative;
        padding-left:12px;          /* 给竖线留空 */
    }
    .news-header span::before{
        content:'';
        position:absolute;
        left:0;
        top:50%;
        width:3px;
        height:12px;
        background: #0A55A6;
        -ms-transform:translateY(-50%);   /* IE9-11 前缀 */
        transform:translateY(-50%);
    }

    /*//轮播*/
    .dynamic-carousel-container {
        position: relative;
        width: 400px;
        height: 263px;
        overflow: hidden;
    }

    .dynamic-carousel-slide {
        /*display: none;*/
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; /* 初始全部隐藏 */
        transition: opacity 0.6s ease; /* 添加过渡动画 */
        z-index: 0;
    }

    .dynamic-carousel-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .dynamic-carousel-caption {
        position: absolute;
        bottom: 0;
        width: 98%;
        padding: 8px 12px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        left: 50%;
        -ms-transform:translateX(-50%);   /* IE9-11 前缀 */
        transform:translateX(-50%);   /* IE9-11 前缀 */
        text-align: center;
    }

    .dynamic-arrow {
        position: absolute;
        top: 50%;
        width: 28px;
        height: 48px;
        line-height: 48px;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
        font-size: 18px;
        text-align: center;
        cursor: pointer;
        user-select: none;
        z-index: 10;
    }

    .dynamic-arrow.left { left: 0; transform: translateY(-50%); }
    .dynamic-arrow.right { right: 0; transform: translateY(-50%); }

    .dynamic-carousel-slide.active {
        display: block;
        opacity: 1;
        z-index: 2;
        transition: opacity 0.6s ease; /* 添加过渡动画 */

    }


    a{
        cursor: pointer;
    }


    .dynamic-top-left-text {
        width: 438px;
        height: 264px;
        margin-left: 21px;
    }

    .dynamic-top-left-text > a {
        font-size: 20px;
        color: #000000;
        line-height: 22px;
        width: 100%;
        display: block;
        font-weight: 600;
        padding: 10px 12px;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dynamic-top-left-text .text-list {
        width: 100%;
        height: 210px;
        padding: 8px 10px;
        list-style: none;
        margin: 0;

    }

    .dynamic-top-left-text .text-list::-webkit-scrollbar {
        display: none;
    }

    .dynamic-top-left-text .text-list li {
        margin-bottom: 6px;
        line-height: 22px;
    }

    .dynamic-top-left-text .text-list li a {
        display: block;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 4px 6px;
        border-radius: 4px;
        font-weight: 400;
        font-size: 16px;
        color: #000000;
        line-height: 24px;
        opacity: 0.8;
    }

    .dynamic-top-left-text .text-list a:hover {
        color: #094BAE;
    }

    .dynamic-content-center{
        width: 1200px;
        height: 493px;
        background: #FFFFFF;
        border-radius: 8px;
    }
    /* 导航栏 */
    .dynamic-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        /*gap: 40px;*/
        margin: auto;
        width: 100%;
        height: 50px;
        align-items: center;
        padding-left: 30px;
    }
    .dynamic-nav-item{
        margin-right: 35px;
        cursor: pointer;
        transition: all 0.3s;
        font-weight: 400;
        font-size: 18px;
        color: #333333;
        line-height: 20px;
        opacity: 0.75;
    }
    .dynamic-nav-item:last-child {
    	margin-right: 4px;
    }
    .dynamic-nav-item.active {
        font-weight: 400;
        font-size: 18px;
        color: black;
        line-height: 20px;
    }
    .dynamic-nav-item p:hover{
        color: black;
        font-weight: 400;
        font-size: 18px;
    }
    .dynamic-nav-underline {
        width: 29px;
        height: 2px;
        border-radius: 1px;
        display: block;
        margin: 4px auto 0 auto;
        visibility: hidden;
        background: #0C4CB2;
    }

    .dynamic-nav-item.active .dynamic-nav-underline {
        visibility: visible;
    }

    .dynamic-content-footer{
        width: 100%;
        display: flex;
        display: -ms-flexbox;
        justify-content: space-between;
        margin-top: 16px;
    }
    .dynamic-content-footer img{
        width: 390px;
        height: 96px;
    }
    .dynamic-center{
        width: 100%;
        height: 430px;
        padding: 12px 0 12px 12px;
        display: none;

    }
    .dynamic-center.active{
        display: block;
    }
    .dynamic-center-item{
        height: 96px;
        display: flex;
        display: -ms-flex;
        width: calc(50% - 10px);
        float: left;
        margin-bottom: 10px;
    }
    .dynamic-center-item img{
        width: 160px;
        height: 90px;
        margin-right: 10px;
    }

    .dynamic-center-item:nth-child(even) {
        margin-left: 15px;
    }
    .dynamic-center-item-conttent{
        width: 411px;
        height: 90px;
    }
    .dynamic-center-item-title{
        width: 411px;
        height: 31px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dynamic-center-item-title span{
        font-weight: 500;
        font-size: 18px;
        color: #333333;
        line-height: 26px;
    }
    .dynamic-center-item-footer{
        width: 411px;
        height: 58px;
    }
    .dynamic-center-item-footer p{
        font-weight: 400;
        font-size: 15px;
        color: #333333;
        line-height: 30px;
        opacity: 0.75;
        overflow: hidden;
        display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
    }

    .region{
        width: 100%;
        height: 1359px;
        background: url("../image/background38.png") no-repeat;
    }
    .region-content{
        width: 1200px;
        height: 100%;
        margin: auto;
    }

    .region-header{
        display: flex;
        display: -ms-flexbox;
        align-items: center;
    }
    .region-header-icon{
        width: 26px;
        height: 26px;
        margin-right: 2px;
        background: url("../image/icon47.png") no-repeat;
    }
    .region-header h2{
        font-weight: bold;
        font-size: 26px;
        color: #094BAE;
        line-height: 21px;
        margin-left: 5px;
    }
    .region-top{
        width: 100%;
        height: 357px;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        margin: 20px 0 0 0 ;
    }
    .region-top-left{
        width: 240px;
        height: 357px;
        position: relative;
    }

    .region-top-left img{
        width: 100%;
        height: 100%;
        border-radius: 5px 0 5px 0;
    }

    .region-top-left .button{
        position: absolute;
        bottom: 37px;
        left: 59px;
        width: 121px;
        height: 31px;
        background: #094BAE;
        border-radius: 15px;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 24px;
        cursor: pointer;
        border: none;
    }
    .region-top-content{
        width: 962px;
        height: 357px;
        background: #FFFFFF;
        /*background: #094BAE;*/

    }
    .region-nav{
        width: 100%;
        height: 100px;
        display: flex;
        display: -ms-flexbox;
    }
    .region-nav-item{
        width: 135px;
        height: 100px;
        background: #cedbef;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-right: 3px;
    }
    .region-nav-item:nth-child(7){
        margin-right: 0;
    }
    .region-nav-item img{
        width: 60px;
        height: 60px;
    }
    .region-nav-item-content{
        text-align: center;
    }
    .region-nav-item-content p{
        line-height: 20px;
        font-weight: 400;
        font-size: 16px;
        color: #000000;
    }
    .region-nav-item.active{
        background: #fff;

    }
    .region-nav-content{
        width: 100%;
        display: none;
    }
    .region-nav-content.active{
        display: block;
    }
    .region-button-container{
        text-align: center;
        /*margin-top: 16px;*/
        padding-top: 16px;
        padding-left: 17px;
    }
    .region-button-container .btn{
        width: 109px;
        height: 33px;
        border-radius: 16px;
        border: 1px solid #094BAE;
        background: none;
        font-weight: 400;
        font-size: 16px;
        color: #094BAE;
        line-height: 24px;
        /*margin-right: 24px;*/
		margin: 7px 27px 7px 0px;
        float: left;
    }
    .region-button-container .btn a{
        color: #094BAE;
    }
    .region-button-container .btn a:hover{
        color: #094BAE;
    }
    .region-button-container .btn:nth-child(7n){
        margin-right: 0;
    }
    .region-center {
        width: 1200px;
        /*height: 372px;*/
        background: #FFFFFF;
        border-radius: 8px;
        margin: 17px auto;
        display: none;
        padding-bottom: 10px;
    }
    .region-center.active {
        display: block;
    }

    .image-container {
        width: 1200px; /* 每行6图正好 */
        margin: 10px auto 0 auto;
        overflow: hidden;
        font-size: 0; /* 去除 inline-block 间隙 */
        padding: 18px 0px 0 31px;
    }

    .image-item {
        float: left;
        width: 181px;
        height: 116px;
        margin-right: 10px;
        margin-bottom: 15px;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

        /* 关键：让图片居中 */
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .image-item:nth-child(6n) {
        margin-right: 0;
    }

    .image-item img {
        max-width: 100%;
        max-height: 100%;
        display: inline-block;
        vertical-align: middle;
        border-radius: 4px;
    }



    .region-center-button{
        width: 100%;
        padding: 0px 0px 0 31px;

    }
    .region-center-button-item{
        width: 100%;
        overflow: hidden;
    }
    .region-center-button-item .btn{
        background: none;
        border: none;
        font-weight: 400;
        line-height: 24px;
        margin-right: 12px;
        width: 180px;
        height: 29px;
        background: rgba(2,35,84,0.05);

        border-radius: 15px;

        font-size: 14px;
        color: #094BAE;
        float: left;
        margin-bottom: 8px;
    }

    .region-center-button-item .btn a{
        color: #094BAE;
    }
    .region-center-button-item .btn:nth-child(7){
        /*margin-right: 0;*/
    }


    .region-ranking-wrapper {
        position: relative;
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
    }
    .region-ranking-wrapper:hover .region-arrow {
        opacity: 1;
        pointer-events: auto;
    }
    .region-slider-container {
        width: 1200px; /* 一屏容纳三个 380px 的排行榜模块 */
        overflow: hidden;
    }

    .region-slider {
        width: 3600px;
        position: relative;
        left: 0;
        transition: left 0.4s ease;
        white-space: nowrap;
        font-size: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        transition: left 0.4s ease;
        position: relative;
        left: 0;
    }

    .region-ranking {
        display: inline-block;
        width: 380px;
        height: 561px;
        margin-right: 30px;
        border-radius: 6px;
        padding: 20px 4px 12px 4px;
        font-size: 18px;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        flex-shrink: 0;
        -ms-flex: none;
        background: url("../image/background41.png") no-repeat;
    }

    /* 最后一个不要右 margin */
    .region-ranking:nth-child(3n) {
        margin-right: 0;
    }
    .region-ranking-title {
        margin-bottom: 12px;
        font-size: 18px;
        font-weight: bold;
        color: #333;
        width: 100%;
        position: relative;
        padding-left: 10px; /* 给左侧竖条留空间 */
        box-sizing: border-box;
        margin-left: 9px;
    }

    .region-ranking-content{
        width: 98%;
        margin: auto;
        background: #fff;
        height: 491px;
        border-radius: 7px;
    }

    .region-ranking-title span {
        display: inline-block;
        line-height: 1.2;
        color: #333;
    }

    .region-ranking-title span::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 3px;
        height: 16px;
        background: #0A55A6;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%); /* IE10 */
    }


    /* 表头单元格样式 */
    .region-header-cell {
        padding: 12px 0px;
        /*color: #666;*/
        font-size: 14px;
        font-weight: normal;
    }
    .region-header-rank {
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        text-align: left;
        padding-left: 15px;
    }
    .region-header-brand {
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }
    .region-header-votes,
    .region-header-rate {
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        text-align: center;
    }
    .row-cell-votes {
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        text-align: center;
    }

    .region-ranking-header{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .region-list{
        height: 446px;

    }
    .region-ranking-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 1px 0px;
        height: 44px;
    }
    .region-ranking-row:last-child {
        border-bottom: none;
    }
    .region-ranking-row:nth-child(even) {
        background-color: #f5f7fa;
    }

    .region-ranking-row:nth-child(odd) {
        background-color: #ffffff;
    }
    /* 左右箭头 */
    .region-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 27px;
        height: 54px;
        background-color: rgba(51,51,51,0.4);
        color: white;
        font-size: 24px;
        border: none;
        cursor: pointer;
        z-index: 2;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;

    }

    .region-arrow.left {
        left: 0;
    }

    .region-arrow.right {
        right: 0;
    }

    .region-dots {
        text-align: center;
        margin-top: 6px;
    }

    .region-dot {
        display: inline-block;
        margin: 0 5px;
        border-radius: 50%;
        cursor: pointer;
        width: 8px;
        height: 8px;
        background: rgba(9,75,174,0.5);
    }

    .region-dot.active {
        width: 36px;
        height: 8px;
        background: #094BAE;
        border-radius: 4px;
    }




    .enterprise{
    	padding-top: 45px;
        width: 100%;
        /*height: 1036px;*/
        background: url("../image/background40.png") no-repeat;
    }
    .enterprise-content{
        width: 1200px;
        height: 800px;
        margin: auto;
    }

    .enterprise-title{
        display: flex;
        display: -ms-flexbox;
        align-items: center;
    }
    .enterprise-title-icon{
        width: 26px;
        height: 26px;
        margin-right: 2px;
        background: url("../image/icon48.png") no-repeat;
    }

    .enterprise-title h2{
        font-weight: bold;
        font-size: 26px;
        color: #094BAE;
        line-height: 21px;
        margin-left: 5px;
    }
    .enterprise-text{
        width: 1200px;
        height: 666px;
        background: #FFFFFF;
        border-radius: 8px;
        margin-top: 20px;
    }

    .enterprise-text .top{
        width: 100%;
        height: 240px;
        padding: 16px 17px 10px 25px;
    }
    .enterprise-card{
        width: 220px;
        height: 240px;
        float: left;
        margin-right: 12px;
    }
    .enterprise-card:nth-child(5){
        margin-right: 0;
    }
    .enterprise-card img{
        width: 220px;
        height: 148px;
    }
    .enterprise-card p{
        width: 100%;
        height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .enterprise-card p.title{
        font-weight: 400;
        font-size: 16px;
        color: #333333;
        line-height: 20px;
        margin: 10px 0 ;
    }
    .enterprise-card p.sub{
        font-weight: 400;
        font-size: 13px;
        color: #333333;
        line-height: 20px;
        opacity: 0.75;
    }


    .statement{
        width: 100%;
        height: 157px;
        background: #5D6569;
        opacity: 0.4;
    }
    .statement-content{
        width: 1200px;
        margin: auto;
        padding: 13px 0 0 0;
    }
    .statement-link-list{
        width: 1200px;
    }
    .statement-text{
        margin-top: 16px;
    }
    .statement-text-item{
        width: auto;
        height: 12px;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
        opacity: 0.75;
        float: left;
        line-height: 25px;
        margin: 0 16px 16px 0;

    }
    .statement-link-list h2{
        font-weight: 400;
        font-size: 20px;
        color: #FFFFFF;
        line-height: 53px;
    }
    .statement-link-list.hr{
        width: 1200px;
        height: 1px;
        border: 1px solid #FFFFFF;
        opacity: 0.5;
        margin: 15px 0 20px 0;
        display: block;
    }

    .footer{
        width: 100%;
        padding: 0 0px 0 18px;
    }
    .enterprise-item {
        width: calc(49% - 10px);
        float: left;
        padding: 0 0 13px 0;
        box-sizing: border-box;
        margin-left: 0;
        /*border: 1px solid red;*/
    }

    .enterprise-item:nth-child(even) {
        margin-left: 20px;
    }

    .enterprise-item-title {
        /*margin-bottom: 12px;*/
        font-size: 18px;
        font-weight: bold;
        color: #333;
        width: 100%;
        position: relative;
        padding-left: 10px; /* 给左侧竖条留空间 */
        box-sizing: border-box;
        margin-left: 9px;
    }

    .enterprise-item-title span {
        display: inline-block;
        line-height: 1.2;
    }

    .enterprise-item-title span::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 3px;
        height: 16px;
        background: #0A55A6;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%); /* IE10 */
    }

    .enterprise-item-content{

    }
    /* 行布局，用于放置左右两列 */
    .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 10px 9px;
    }

    /* 左侧列样式 */
    .left-col {
        width: 240px;
        margin-bottom: 20px;
    }

    .left-col img {
        width: 240px;
        height: 162px;
        display: block;
        margin-bottom: 10px;
    }

    .left-col h3 {
        font-weight: 400;
        font-size: 18px;
        color: #000000;
        line-height: 36px;

    }

    .left-col p {
        font-weight: 400;
        font-size: 15px;
        color: #000000;
        line-height: 24px;
        opacity: 0.6;
        margin-bottom: 20px;
        width: 240px;
        overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
    }

    .left-col ul {
        list-style: disc;
        margin-left: 20px;
        font-weight: 400;
        font-size: 14px;
        color: #000000;
        line-height: 24px;
    }
    .left-col ul a{
        color: #000000;
    }
        /* 右侧列样式 */
    .right-col {
        width: 276px;
    }

    .right-item {
        margin-bottom: 12px;
        display: flex;
    }

    .right-item-text{
        width: 173px;
        height: 70px;
    }
    .right-item img {
        width: 100px;
        height: 70px;
        display: block;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .right-item h3 {
        font-weight: 400;
        font-size: 16px;
        color: #000000;
        line-height: 24px;
        width: 173px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .right-item p {
        font-weight: 400;
        font-size: 14px;
        color: #000000;
        line-height: 24px;
        opacity: 0.6;
        overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
    }
    .right-item ul a{
        color: #000000;
    }