.header {
    background: #fff
}

.header .topbar {
    font-size: 12px;
    padding: 5px 0;
    line-height: 20px;
    background-color: #f6f6f6;
}

.header .topbar a {
    color: #333
}

.header .topbar .lang-dropdown {
    position: relative;
    display: inline-block;
}

.header .topbar .lang-dropdown .lang-toggle {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 3px;
    cursor: pointer;
    color: #333;
    text-decoration: none;
}

.header .topbar .lang-dropdown .lang-toggle:hover {
    background: #f5f5f5;
    color: #136ad5;
}

.header .topbar .lang-dropdown .lang-toggle .fa-globe {
    margin-right: 4px;
    font-size: 13px;
}

.header .topbar .lang-dropdown .lang-toggle .fa-caret-down {
    margin-left: 4px;
    font-size: 10px;
    transition: transform 0.2s;
}

.header .topbar .lang-dropdown.active .lang-toggle .fa-caret-down {
    transform: rotate(180deg);
}

.header .topbar .lang-dropdown.active .lang-menu {
    display: block;
}

.header .topbar .lang-dropdown .lang-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    min-width: 110px;
    z-index: 99999;
}

.header .topbar .lang-dropdown .lang-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header .topbar .lang-dropdown .lang-menu li a {
    display: block;
    padding: 6px 14px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s;
    color: #333;
}

.header .topbar .lang-dropdown .lang-menu li a:hover {
    background: #f0f6ff;
    color: #136ad5;
}

.header .topbar .lang-dropdown .lang-menu li a.active {
    background: #e8f0fe;
    color: #136ad5;
    font-weight: bold;
}

.flex {
    display: flex;
}

.bg-blue {
    background-color: #00a0e9;
    color: #fff;
}

.navlist ul li a {
    color: #fff
}

.page-home .main-banner .rside-wrapper {
    top: 400px;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.flex {
    display: flex;
}

.page-home .main-banner .rside-wrapper .rside-inner {
    position: relative;
}

@media (min-width: 1200px) {
    .container {
        width: 1330px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1270px;
    }
}

@media (max-width: 480px) {
    .catlist-index {
        display: none;
    }

    .page-home .main-banner .swiper-mianbanner {
        margin-bottom: 20px;
        height: 260px;
        display: block;
        width: 100%;
    }

    .page-home .main-banner .rside ul li {
        width: 100% !important;
    }

    .page-home .main-banner .swiper-mainbanner .swiper-slide a {

        height: 240px !important;

    }


    .parent {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 300px;
        /* 父容器需有固定高度 */
    }

    .parent img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        /* 保持比例 */
    }

    .index-banner {
        width: 100% !important;
        height: 100% !important;
        overflow: hidden;
    }
}
    .index-banner {
        margin: 0 auto;
        height: 600px !important;
        width: 1200px;
    }

    .page-home .main-banner .rside {
        /*top: 10px; */
        bottom: -200px;
        left: 0px;
        position: absolute;
        z-index: 1;
    }

    .page-home .main-banner .rside ul li {
        margin-bottom: 10px;
        box-shadow: 0 4px 12px #0000001a;
        box-sizing: border-box;
        align-items: center;
        background-color: #fff;
        box-sizing: border-box;
        display: flex;
        font-family: Arial;
        justify-content: space-between;
        padding: 10px 0;
        position: relative;
        width: 450px;
        margin-left: 10px;
    }

    .page-home .main-banner .rside ul li.rside-rfq a {
        background-image: url(../images/home/cc288f5.jpeg);
    }

    .rside-rfq {
        background-image: url(../images/home/index-rfq.png);
    }

    .rside-bom {
        background-image: url(../images/home/index-bom.png);
    }

    .page-home .main-banner .rside ul li a {
        display: block;
        border-radius: 6px;
        background-position: right 16px center;
        background-repeat: no-repeat;
        padding: 16px;
        height: 95px;
        text-decoration: none;
        color: #333;
    }

    .page-home .main-banner .rside ul li a .title {
        font-weight: bold;
        display: block;
    }

    .page-home .main-banner .rside ul li a .more {
        color: #ffffff;
        margin-top: 22px;
        display: block;
        background-color: #433;
        background-color: #00A0E9;
        height: 24px;
        margin: 20px 0;
        padding: 0 10px;
        width: 112px;
    }

    .header .control .toolbar .tool-item.item-langs {
        margin-left: 10px;
    }

    .header .control .toolbar .nav-lang>.sub-label .lang-icon {
        position: absolute;
        top: 12px;
        left: 10px;
        font-size: 14px;
        color: #666;
    }

    .header .control .toolbar .nav-lang>.sub-label {
        padding-left: 32px;
    }

    .header .control .toolbar .tool-item {
        float: left;
        position: relative;
        height: 40px;
        line-height: 40px;
    }

    .header .control .toolbar .sub-navs {
        padding: 0;
    }

    .header .control .toolbar .nav-lang>.sub-label {
        padding: 0 10px 0 40px;
    }

    .header .control .toolbar .sub-navs>.sub-label {
        display: block;
        position: relative;
        text-decoration: none;
        border: 1px solid rgba(0, 0, 0, 0);
        padding: 0 15px;
    }

    .img-preview {
        margin-bottom: 10px;
        float: left;
        margin-right: 10px;
    }

    .img-preview .upstatus {
        text-align: center;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .img-preview .upstatus .status-text {
        color: #777;
    }

    .img-preview .upstatus .status-success {
        color: #2ca02c;
    }

    .img-preview .upstatus .status-error {
        color: #D80000;
    }

    .img-preview .imgWrap {
        border: 1px solid #ddd;
        position: relative;
        text-align: center;
        padding: 5px;
        overflow: hidden;
        height: 92px;
        line-height: 80px;
        text-align: center;
    }

    .img-preview .imgWrap img {
        max-height: 100%;
        max-width: 100%;
    }

    .img-preview .imgWrap .link-img-del {
        position: absolute;
        top: 0;
        right: 0;
        height: 20px;
        width: 20px;
        line-height: 20px;
        text-align: center;
        background: #D80000;
        color: #fff;
        text-decoration: none;
    }

    .img-preview .imgWrap .link-img-del:hover {
        color: #fff;
    }

    div.gallery-box {
        width: 300px;
        height: 300px;
        outline: 1px solid #e4e4e4;
    }

    div.gallery-box a.phone-display {
        display: block;
        position: relative;
        height: 100%;
        z-index: 1;
    }

    div.gallery-box div.bottom-nav {
        margin-top: 10px;
    }

    div.gallery-box div.bottom-nav div.tab-btn {
        position: relative;
        width: 30px;
        height: 60px;
        cursor: pointer;
        opacity: .4;
    }

    div.gallery-box div.tab-btn:hover {
        opacity: 1 !important;
    }

    div.gallery-box div.tab-btn.btn-left {
        float: left;
    }

    div.gallery-box div.tab-btn.btn-right {
        float: right;
    }

    div.gallery-box i.shift-icon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 26px;
        height: 26px;
    }

    div.gallery-box i.shift-icon>span {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 10px;
        height: 10px;
        border-bottom: 1.5px solid #999;
    }

    div.gallery-box div.btn-left i.shift-icon>span {
        border-left: 1.5px solid #999;
        transform: translate(-30%, -50%) rotate(45deg);
    }

    div.gallery-box div.btn-right i.shift-icon>span {
        border-right: 1.5px solid #999;
        transform: translate(-70%, -50%) rotate(-45deg);
    }

    div.gallery-box div.bottom-nav div.bottom-center-nav {
        position: relative;
        height: 60px;
        margin: 0 40px;
        overflow: hidden;
    }

    div.gallery-box div.bottom-center-nav ul.small-img-ul {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        margin: 0 -5px;
    }

    div.gallery-box ul.small-img-ul li.img {
        float: left;
        margin: 0 5px;
        width: 60px;
        height: 100%;
        border: 2px solid transparent;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: pointer;
    }


    div.gallery-box ul.small-img-ul li.img.active {
        border-color: #0070ba;
    }

    div.gallery-img {
        border: 1px solid #e4e4e4;
        text-align: center;
        height: 300px;
        line-height: 298px;
    }

    div.gallery-img img {
        height: 128px;
        width: 128px;
    }

    .page-prod-detail .prod-base .product-info {
        width: 840px;
    }

    .page-prod-detail .prod-base .product-overview {
        width: 100%;
    }

    .page-prod-detail .prod-base .product-overview .overview-inner dl dt {
        width: 30%;
    }

    .page-prod-detail .prod-base .product-overview .overview-inner dl dd {
        width: 70%;
    }

    .page-prod-detail .panel-prod-detail .nav-tabs li.active a {
        background: #06357d;
    }

    /* 基础样式 */
    .tool-item .sub-navs {
        position: relative;
        cursor: pointer;
    }

    .sub-list.subnavs {
        display: none;
        /* 默认隐藏 */
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 160px;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        padding: 8px 0;
        margin-top: 5px;
        /* 与触发器的间距 */
        list-style: none;
        z-index: 1000;
    }

    /* 激活状态 */
    .sub-list.subnavs.active {
        display: block;
    }

    /* 链接样式 */
    .sub-list a {
        display: block;
        padding: 8px 20px;
        color: #333;
        text-decoration: none;
        transition: background 0.2s;
    }

    .sub-list a:hover {
        background: #f0f6ff;
        color: #136ad5;
    }

    .sub-list a.active {
        background: #e8f0fe;
        color: #136ad5;
        font-weight: bold;
    }

    /* 下拉箭头 */
    .fa-caret-down {
        margin-left: 6px;
        transition: transform 0.2s;
    }

    /* 箭头旋转动画 */
    .sub-navs.active .fa-caret-down {
        transform: rotate(180deg);
    }

    .header .control .toolbar .nav-lang>.sub-label .lang-item {
        position: absolute;
        top: 12px;
        left: 10px;
    }

    .header .control .toolbar .nav-lang .lang-en-us {
        background-position: 0 0;
    }

    .header .control .toolbar .nav-lang .lang-item {
        width: 22px;
        height: 16px;
        background: url(../images/flag.png) no-repeat 0 0;
    }

    .header .control .toolbar .nav-lang>.sub-label .fa {
        color: #999;
        margin-left: 5px;
    }

    .fa {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .fa-caret-down:before {
        content: "\f0d7";
    }

    .header .control .toolbar .nav-lang>.subnavs li a {
        display: block;
        padding: 0 10px 0 40px;
        text-decoration: none;
        position: relative;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }

    .no-wrap {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .header .control .toolbar .nav-lang>.subnavs li a .lang-item {
        position: absolute;
        top: 8px;
        left: 10px;
    }

    .header .control .toolbar .nav-lang .lang-en-us {
        background-position: 0 0;
    }

    .header .control .toolbar .nav-lang .lang-item {
        width: 22px;
        height: 16px;
        background: url(../images/flag.png) no-repeat 0 0;
    }

    .header .control .toolbar .nav-lang>.sub-label {
        padding: 0 10px 0 40px;
    }

    .header .control .toolbar .nav-lang .lang-zh-cn {
        background-position: -22px 0;
    }

    .header .control .toolbar .nav-lang .lang-zh-cn {
        background-position: -22px 0;
    }

    .header .control .toolbar .nav-lang .lang-ko-kr {
        background-position: -44px 0;
    }

    .header .control .toolbar .nav-lang .lang-ru-ru {
        background-position: -66px 0;
    }

    .header .control .toolbar .nav-lang .lang-jp-jp {
        background-position: -176px 0;
    }

    .header .control .toolbar .nav-lang .lang-en-us {
        background-position: 0 0;
    }

    .cart-step {
        width: 100%;
        overflow: hidden;
    }

    .cart-step img {
        width: 100%;
    }

    .cart-tips {
        width: 100%;
        height: auto;
        line-height: 28px;
        margin-top: 20px;
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid #DEDEDE;
        border-radius: 3px;
    }

    .catlist-inner>dl>dd {
        background: #f5f5f5;
        position: absolute;
        width: 950px;
        height: 450px;
        top: 0;
        left: 308px;
        border: 1px solid #e4e4e4;
        border-left: 0;
        border-top: 0;
        overflow-y: auto;
        z-index: 998;
    }

    .catlist-inner>dl>dd .cat-inner {
        padding: 15px;
    }

    .catlist-inner>dl>dd .row .col {
        padding: 4px 8px;
        width: 50%;
    }

    .no-wrap {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .header .topbar a:hover {
        color: #00A0E9
    }

    .header .topbar .top-links>li {
        float: left;
        padding: 0 6px;
        position: relative
    }

    .header .topbar .top-links>li>span {
        padding-right: 12px
    }

    .header .topbar .top-links>li:last-child>span {
        padding-right: 0
    }

    .header .topbar .top-links>.sub-navs {
        padding: 0
    }

    .header .topbar .top-links>.sub-navs>.sub-label {
        display: block;
        position: relative;
        text-decoration: none;
        padding: 0 15px
    }

    .header .topbar .top-links>.sub-navs>.subnavs {
        display: none;
        position: absolute;
        top: 30px;
        right: 0;
        width: 160px;
        background: #fff;
        z-index: 1200;
        box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .1)
    }

    .header .topbar .top-links>.sub-navs:hover>.sub-label {
        position: relative;
        z-index: 1201;
        background: #fff;
        color: #333
    }

    .header .topbar .top-links>.sub-navs:hover>.sub-label .fa {
        color: #333
    }

    .header .topbar .top-links>.sub-navs:hover>.subnavs {
        display: block
    }

    .header .topbar .top-links>.sub-navs:hover>.subnavs li a {
        color: #333
    }

    .header .topbar .top-links>.sub-navs:hover>.subnavs li a:hover {
        color: #333
    }

    .header .topbar .top-links .nav-lang>.sub-label {
        padding: 0 10px 0 40px
    }

    .header .topbar .top-links .nav-lang>.sub-label .lang-item {
        position: absolute;
        top: 8px;
        left: 10px
    }

    .header .topbar .top-links .nav-lang>.sub-label .fa {
        color: #fff;
        margin-left: 5px
    }

    .header .topbar .top-links .nav-lang>.subnavs li a {
        display: block;
        padding: 0 10px 0 40px;
        text-decoration: none;
        position: relative
    }

    .header .topbar .top-links .nav-lang>.subnavs li a:hover {
        background: #f5f5f5;
        color: #333
    }

    .header .topbar .top-links .nav-lang>.subnavs li a .lang-item {
        position: absolute;
        top: 8px;
        left: 10px
    }

    .header .topbar .top-links .nav-lang .lang-item {
        width: 22px;
        height: 16px;
        background: url("../images/flag.png") no-repeat 0 0
    }

    .header .topbar .top-links .nav-lang .lang-en-us {
        background-position: 0 0
    }

    .header .topbar .top-links .nav-lang .lang-ru-ru {
        background-position: -22px 0
    }

    .header .topbar .top-links .nav-lang .lang-ja-jp {
        background-position: -44px 0
    }

    .header .topbar .top-links .nav-lang .lang-de-de {
        background-position: -66px 0
    }

    .header .topbar .top-links .nav-lang .lang-es-es {
        background-position: -88px 0
    }

    .header .topbar .top-links .nav-lang .lang-sv-se {
        background-position: -110px 0
    }

    .header .control-wrap {
        /*padding:10px 0;border-bottom:3px solid #00A0E9;*/
        position: relative
    }

    .header .control {
        /*min-height:80px*/
        position: relative
    }

    .header .control .brandbar {
        margin-bottom: 10px;
        float: left;
        width: 220px;
        position: relative;
        z-index: 1
    }

    .header .control .brandbar .brand a {
        display: inline-block;
        height: 100px;
        line-height: 100px
    }

    .header .control .brandbar .brand a img {
        /*height:100px;*/
    }

    .header .control .toolbar {
        float: right;
        padding-top: 30px;
        margin-left: 40px;
    }

    .header .control .toolbar .toolbar-inner {
        float: right
    }

    .header .control .toolbar .tool {
        float: left;
        position: relative;
        margin-left: 10px
    }

    .header .control .toolbar .tool:first-child {
        margin-left: 0
    }

    .header .control .toolbar .tool>a {
        display: block;
        color: #333;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    padding: 0 15px;
    position: relative;
    display: flex;
    z-index: 1000;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    }

    .header .control .toolbar .tool>a>.title {
        height: 20px;
        line-height: 20px;
        text-align: center;
        display: block
    }

    .header .control .toolbar .tool>a>i {
        width: 18px;
        height: 18px;
        line-height: 18px;
        background: #f16051;
        font-size: 12px;
        color: #fff;
        text-align: center;
        -webkit-border-radius: 7px 7px 7px 0;
        -moz-border-radius: 7px 7px 7px 0;
        border-radius: 7px 7px 7px 0;
        font-weight: normal;
        font-style: normal;
        position: absolute;
        top: -9px;
        right: 5px;
        display: none
    }

    .header .control .toolbar .tool>a>.icon>em {
        height: 36px;
        width: 36px;
        display: block;
        margin: 0 auto
    }

    .header .control .toolbar .tool.tool-cart>a>.icon>em {
        background-image: url("../images/icon_1.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    .header .control .toolbar .tool.tool-bom>a>.icon>em {
        background-image: url("../images/icon_2.png?v=1.0.0");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    .header .control .toolbar .tool.tool-cart .cart-preview {
        width: 380px;
        border: 1px solid #e4e4e4;
        top: 60px;
        font-size: 12px
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .inner {
        padding: 15px
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list {
        max-height: 400px;
        overflow: auto
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item {
        border-bottom: 1px solid #e4e4e4;
        padding: 10px
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item:last-child {
        border-bottom: none
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .col {
        float: left
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .image {
        width: 20%
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .image a {
        display: block;
        height: 60px;
        width: 60px;
        line-height: 60px;
        text-align: center;
        overflow: hidden
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .image a img {
        width: 100%;
        max-height: 100%;
        vertical-align: middle
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .info {
        width: 55%
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .price {
        width: 25%
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .part a {
        font-weight: 700;
        color: #333
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .brand {
        color: #777
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .price {
        text-align: right
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .subtotal {
        font-weight: 700;
        color: #f16051
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .list .item .qty {
        color: #777
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .action {
        padding-top: 15px;
        border-top: 1px solid #e4e4e4
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .action .btn-checkout {
        border-color: #f16051;
        background-color: #f16051;
        color: #fff
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .total {
        line-height: 32px
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .total em {
        margin-left: 10px;
        font-size: 18px;
        font-weight: 700;
        color: #f16051
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .cart-empty {
        text-align: center;
        padding: 30px 0
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .cart-empty p {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 30px
    }

    .header .control .toolbar .tool.tool-cart .cart-preview .cart-empty a {
        color: #333
    }

    .header .control .toolbar .tool.tool-cart.open>a {
        border-bottom: 1px solid #fff
    }

    .header .control .searchbar {
        float: right;
        width: 672px;
        padding-top: 32px;
        position: relative;
        z-index: 1
    }

    .header .control .searchbar .form-control-search {
        width: 100%;
        position: relative
    }

    .header .control .searchbar .form-control-search .txt-keyword {
        height: 36px;
        font-size: 14px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .header .control .searchbar .form-control-search .btn-search {
        border: 0;
        padding: 0 14px;
        height: 36px;
        font-size: 14px;
        font-weight: 400;
        background-color: #00A0E9;
        color: #fff;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .header .control .searchbar .form-control-search .btn-search i {
        font-size: 18px
    }

    /* 搜索类型选择器 */
    .header .control .searchbar .form-control-search .search-group {
        display: flex;
        align-items: stretch;
        border-radius: 10px;
        border: 1px solid #ddd;
        position: relative;
        z-index: 10;
    }

    .header .control .searchbar .form-control-search .search-group .txt-keyword {
        border-radius: 0;
        border: 0;
        border-left: 1px solid #ddd;
        flex: 1;
    }

    .header .control .searchbar .form-control-search .search-group .btn-search {
        border-radius: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .header .control .searchbar .form-control-search .search-type-select {
        position: relative;
        min-width: 110px;
        background: #f8f9fa;
        border-right: 1px solid #ddd;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        cursor: pointer;
        user-select: none;
        z-index: 9999;
        overflow: visible;
    }

    .header .control .searchbar .form-control-search .search-type-select .type-label {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        padding: 0 20px 0 15px;
        font-size: 14px;
        font-weight: 500;
        color: #333;
        white-space: nowrap;
    }

    .header .control .searchbar .form-control-search .search-type-select .type-label i {
        margin-left: 4px;
        font-size: 12px;
        color: #666;
        transition: transform 0.2s;
    }

    .header .control .searchbar .form-control-search .search-type-select.active .type-label i {
        transform: rotate(180deg);
    }

    .header .control .searchbar .form-control-search .search-type-select .type-options {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #ddd;
        border-top: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 999;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    .header .control .searchbar .form-control-search .search-type-select.active .type-options {
        display: block;
    }

    .header .control .searchbar .form-control-search .search-type-select .type-options li {
        padding: 10px 15px;
        font-size: 14px;
        color: #333;
        cursor: pointer;
        transition: background 0.15s;
    }

    .header .control .searchbar .form-control-search .search-type-select .type-options li:hover {
        background: #00A0E9;
        color: #fff;
    }

    .header .control .searchbar .form-control-search .search-type-select .type-options li.active {
        background: #f0f7ff;
        color: #00A0E9;
    }

    /* 导航栏左右分栏 */
    .header .control .navigation {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header .control .navigation .nav-left {
        display: flex;
        align-items: center;
        flex: 1;
    }

    .header .control .navigation .nav-right {
        flex-shrink: 0;
    }

    .header .control .navigation .nav-right .quick-links {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .header .control .navigation .nav-right .quick-links li {
        margin-left: 5px;
    }

    .header .control .navigation .nav-right .quick-links li:first-child {
        margin-left: 0;
    }

    .header .control .navigation .nav-right .quick-links .quick-link {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 0 12px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        border-radius: 3px;
        transition: all 0.2s;
        font-weight: 700;
        cursor: pointer;
        height: 40px;
        padding: 0 12px;
    }

    .header .control .navigation .nav-right .quick-links .quick-link:hover {
        color: #eaed2b;

    }

    .header .control .navigation .nav-right .quick-links .quick-link i {
        font-size: 14px;
    }

    /* 联系我们 hover 下拉菜单 */
    .header .topbar .contact-dropdown {
        position: relative;
        display: inline-block;
    }

    .header .topbar .contact-dropdown .contact-toggle {
        display: inline-flex;
        align-items: center;
        padding: 2px 8px;
        border-radius: 3px;
        cursor: pointer;
        color: #333;
        text-decoration: none;
    }

    .header .topbar .contact-dropdown .contact-toggle:hover {
        background: #f5f5f5;
        color: #136ad5;
    }

    .header .topbar .contact-dropdown .contact-toggle .fa-caret-down {
        margin-left: 4px;
        font-size: 10px;
        transition: transform 0.2s;
    }

    .header .topbar .contact-dropdown:hover .contact-toggle .fa-caret-down {
        transform: rotate(180deg);
    }

    .header .topbar .contact-dropdown .contact-menu {
        display: none;
        position: absolute;
        right: 0;
        top: 100%;
        margin-top: 4px;
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
        min-width: 220px;
        z-index: 99999;
        padding: 8px 0;
    }

    .header .topbar .contact-dropdown:hover .contact-menu {
        display: block;
    }

    .header .topbar .contact-dropdown .contact-menu .contact-item {
        padding: 8px 16px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .header .topbar .contact-dropdown .contact-menu .contact-item:hover {
        background: #f6f6f6;
    }

    .header .topbar .contact-dropdown .contact-menu .contact-item i {
        color: #00A0E9;
        font-size: 14px;
        width: 16px;
        text-align: center;
    }

    .header .topbar .contact-dropdown .contact-menu .contact-item a {
        color: #333;
        text-decoration: none;
        font-size: 13px;
    }

    .header .topbar .contact-dropdown .contact-menu .contact-item a:hover {
        color: #00A0E9;
    }

    .header .control .navigation {
        position: relative;
        /* height: 100px; */
        /* padding: 0 620px 0 220px; */
        width: 1240px;
        margin: 0 auto;
    }

    .header .control .navigation .catalog {
        float: left;
        /* margin: auto 30px; */
        margin-right: 15px;
        padding-left: 30px;
        padding-right: 30px;
        /* padding-top: 20px; */
        background-color: #e0e0e0;
    }

    .header .control .navigation .catalog .catalog-wrap {
        position: relative
    }

    .header .control .navigation .catalog .catalog-wrap .title a {
        height: 60px;
        padding: 15px 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        display: block;
        position: relative;
        text-decoration: none
    }

    .header .control .navigation .catalog .catalog-wrap .catlist {
        left: -30px;
        width: 260px;
        position: absolute;
        z-index: 10;
        background: #fff;
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .1);
        display: none;
    }

    .catlist-index {
        left: -30px;
        width: 260px;
        position: absolute;
        z-index: 10;
        background: #fff;

    }

    .header .control .navigation .catalog .catalog-wrap .catlist ul {
        border-top: 3px solid #00A0E9
    }

    .header .control .navigation .catalog .catalog-wrap .catlist ul li,
    .catlist-index ul li {
        border-bottom: 1px solid #e4e4e4
    }

    .header .control .navigation .catalog .catalog-wrap .catlist ul li a,
    .catlist-index ul li a {
        display: block;
        padding: 6px 15px;
        font-size: 14px;
        line-height: 32px;
        text-decoration: none
    }

    .header .control .navigation .catalog .catalog-wrap .catlist .more a,
    .catlist-index .more a {
        display: block;
        padding: 6px 15px;
        font-size: 12px;
        font-weight: 700;
        line-height: 32px;
        text-decoration: none
    }

    .header .control .navigation .catalog:hover .catalog-wrap .title a {
        color: #7A8A94
    }

    .header .control .navigation .catalog:hover .catlist,
    .catalog:hover .catlist-index {
        display: block
    }

    .header .control .navigation .navlist {
        float: left;
        /*padding-top:20px*/
    }

    .header .control .navigation .navlist ul {
        position: relative
    }

    .header .control .navigation .navlist ul li {
        float: left;
        margin: 0 15px
    }

    .header .control .navigation .navlist ul li a {
        height: 60px;
        padding: 15px 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        display: block;
        position: relative;
        text-decoration: none
    }

    .header .control .navigation .navlist ul li a:hover {
        color: #d1f0ff
    }

    .header .control-fixed.fixed {
        height: 70px;
        background: #fff;
        top: 0;
        left: 0;
        width: 100%;
        position: fixed;
        z-index: 999;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
        box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
        padding: 0
    }

    .header .control-fixed.fixed .brandbar .brand a {
        height: 70px;
        line-height: 70px;
        padding: 0
    }

    .header .control-fixed.fixed .brandbar .brand a img {
        height: 70px
    }

    .header .control-fixed.fixed .navigation .catalog {
        padding-top: 5px
    }

    .header .control-fixed.fixed .navigation .navlist {
        padding-top: 5px
    }

    .header .control-fixed.fixed .searchbar {
        padding-top: 17px
    }

    .header .control-fixed.fixed .toolbar {
        padding-top: 5px
    }

    .footer {
        color: #fff
    }

    .footer a {
        color: #c9c9c9
    }

    .footer a:hover {
        color: #00A0E9
    }

    .footer .footer-upper {
        padding: 90px 0 50px;
        position: relative;
        background: url("../images/home/cta-bg.jpg") no-repeat center;
        background-size: cover;
        z-index: 2
    }

    .footer .footer-upper:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #161616;
        opacity: .9;
        z-index: -1
    }

    .footer .footer-upper .footer-widget {
        color: #c9c9c9
    }

    .footer .footer-upper .footer-widget .title {
        font-size: 20px;
        text-transform: capitalize;
        font-weight: bold;
        color: #fef9f9;
        margin: 0;
        margin-bottom: 35px;
        position: relative
    }

    .footer .footer-upper .footer-widget .title:after {
        /*background: #00A0E9;*/
        bottom: -15px;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        margin-top: 0;
        position: absolute;
        width: 40px
    }

    .footer .footer-upper .footer-widget p {
        margin-bottom: 10px
    }

    .footer .footer-upper .footer-widget.about-widget ul.contact {
        margin-top: 20px
    }

    .footer .footer-upper .footer-widget.about-widget ul.contact li {
        margin-bottom: 18px;
        position: relative;
        padding-left: 30px
    }

    .footer .footer-upper .footer-widget.about-widget ul.contact li i {
        top: 0;
        left: 0;
        width: 16px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        position: absolute;
        color: #fff;
        font-size: 16px
    }

    .footer .footer-upper .footer-widget.about-widget ul.social li {
        float: left;
        margin-right: 4px
    }

    .footer .footer-upper .footer-widget.about-widget ul.social li a {
        display: block;
        width: 30px;
        height: 30px;
        color: #fff;
        border: 1px solid #fff;
        line-height: 30px;
        text-align: center;
        font-size: 14px;
        border-radius: 50%;
        margin-right: 3px;
        transition: all .3s ease;
        text-decoration: none
    }

    .footer .footer-upper .footer-widget.about-widget ul.social li a i {
        width: 28px;
        height: 28px;
        text-align: center;
        line-height: 28px;
        display: block
    }

    .footer .footer-upper .footer-widget.about-widget ul.social li a:hover {
        color: #fff;
        background: #00A0E9;
        border-color: #00A0E9;
        text-decoration: none
    }

    .footer .footer-upper .footer-widget.quick-links ul li {
        margin-bottom: 8px
    }

    .footer .footer-upper .footer-widget.quick-links ul li:last-child {
        border-bottom: none
    }

    .footer .footer-upper .footer-widget.quick-links ul li a {
        display: block;
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 7px;
        padding-left: 15px;
        position: relative;
        text-decoration: none
    }

    .footer .footer-upper .footer-widget.quick-links ul li a:before {
        color: #fff;
        content: "";
        font-family: "FontAwesome";
        font-size: 12px;
        left: 0;
        line-height: 16px;
        position: absolute;
        top: 2px
    }

    /* 并排容器 */
    .footer .footer-upper .footer-col-group {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 20px;
    }

    .footer .footer-upper .footer-col-group .footer-widget.quick-links,
    .footer .footer-upper .footer-col-group .footer-widget.footer-news {
        flex: 1;
        min-width: 0;
    }

    /* 行业资讯 */
    .footer .footer-upper .footer-widget.footer-news {
        margin-top: 0;
    }

    .footer .footer-upper .footer-widget.footer-news .news-list {
        list-style: none;
        margin: 0;
      }

    .footer .footer-upper .footer-widget.footer-news .news-list li {
        margin-bottom: 8px;
    }

    .footer .footer-upper .footer-widget.footer-news .news-list li:last-child {
        margin-bottom: 0;
    }

    .footer .footer-upper .footer-widget.footer-news .news-list li a {
        color: #b9b9b9;
        font-size: 13px;
        text-decoration: none;
        display: block;
        line-height: 1.5;
        padding-left: 12px;
        position: relative;
        transition: color 0.2s;
    }

    .footer .footer-upper .footer-widget.footer-news .news-list li a:before {
        content: "›";
         position: absolute;
        left: 0;
        top: 0;
    }

    .footer .footer-upper .footer-widget.footer-news .news-list li a:hover {
        color: #00A0E9;
    }

    .footer .footer-upper .footer-widget.footer-news .about-contact-links {
        list-style: none;
        margin: 12px 0 0 0;
        padding: 0;
    }

    .footer .footer-upper .footer-widget.footer-news .about-contact-links li {
        margin-bottom: 6px;
    }

    .footer .footer-upper .footer-widget.footer-news .about-contact-links li a {
        color: #b9b9b9;
        font-size: 13px;
        text-decoration: none;
        line-height: 1.5;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        transition: color 0.2s;
    }

    .footer .footer-upper .footer-widget.footer-news .about-contact-links li a i {
        font-size: 12px;
    }

    .footer .footer-upper .footer-widget.footer-news .about-contact-links li a:hover {
        color: #00A0E9;
    }

    .footer .footer-upper .footer-widget.latest-products ul li {
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .footer .footer-upper .footer-widget.latest-products ul li:last-child {
        border-bottom: none
    }

    .footer .footer-upper .footer-widget.latest-products ul li .wrapper {
        text-decoration: none;
        position: relative;
        display: block;
        width: 100%
    }

    .footer .footer-upper .footer-widget.latest-products ul li .wrapper .image {
        left: 0;
        top: 0;
        width: 70px;
        height: 70px;
        line-height: 70px;
        overflow: hidden;
        position: absolute
    }

    .footer .footer-upper .footer-widget.latest-products ul li .wrapper .info {
        padding-left: 90px
    }

    .footer .footer-upper .footer-widget.latest-products ul li .wrapper .info .part {
        font-style: italic;
        font-size: 14px
    }

    .footer .footer-upper .footer-widget.latest-products ul li .wrapper .info .brand {
        font-size: 12px;
        height: 40px;
        line-height: 20px;
        overflow: hidden
    }

    .footer .footer-upper .footer-widget.contact-widget .contact-form input,
    .footer .footer-upper .footer-widget.contact-widget .contact-form textarea {
        width: 100%;
        background: #2c353c;
        font-size: 12px;
        border: none;
        outline: none;
        padding: 0 20px;
        background: rgb(255 255 255 / 7%);
        color: #fff;
        margin: 0 0 8px;
        height: 35px
    }

    .footer .footer-upper .footer-widget.contact-widget .contact-form textarea {
        height: 70px;
        padding-top: 10px
    }

    .footer .footer-upper .footer-widget.contact-widget .contact-form button {
        width: 100%;
        background: #00A0E9;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        border: none;
        outline: none;
        padding: 0;
        font-weight: bold;
        transition: all .3s ease;
        height: 45px;
        line-height: 45px
    }

    .footer .copyright {
        background: #FFF;
        color: #494949;
        padding: 15px 0;
        float: left;
        width: 100%;
    }

    .content>.page {
        min-height: 560px
    }

    .content .page .navcrumb {
        margin: 0;
        padding: 0
    }

    .content .page .navcrumb .breadcrumb {
        background: #fff;
        border-radius: 0;
        padding: 15px 0;
        margin: 0;
        font-size: 12px
    }

    .layer-quote-add .form-quote-add {
        padding: 15px 15px 0 15px
    }

    .page-home {
        background: #fff
    }

    .page-home .main-banner {
        position: relative
    }

    .page-home .main-banner .swiper-mainbanner {
        height: 720px;
        overflow: hidden
    }

    .page-home .main-banner .swiper-mainbanner .swiper-pagination {
        bottom: 200px;
    }

    .page-home .main-banner .swiper-mainbanner .swiper-pagination-bullet-active {
        background: #fff
    }

    .page-home .main-banner .swiper-mainbanner .swiper-slide {
        background: center no-repeat;
        background-size: auto 100%;
        margin: 0 !important;
    }

    .page-home .main-banner .swiper-mainbanner .swiper-slide a {
        display: flex;
        height: 440px;
        margin: 10px auto;
    }

    .page-home .home-search {
        padding: 12px 0;
        position: relative;
        background: #efefef
    }

    .page-home .home-search .form-search {
        position: relative;
        display: flex;
        align-items: center;
        max-width: 960px;
        margin: 0 auto
    }

    .page-home .home-search .form-search .search-field {
        flex: 1;
        display: flex;
        align-items: center
    }

    .page-home .home-search .form-search .search-field .txt-keyword {
        flex: 1;
        height: 48px;
        margin-right: 10px;
        border: 1px solid #9d9d9d;
        font-size: 14px;
        border-radius: 4px
    }

    .page-home .home-search .form-search .search-field .btn {
        height: 48px;
        color: #fff;
        background: #00A0E9;
        border: 0;
        outline: 0;
        border-radius: 4px
    }

    .page-home .home-search .form-search .search-field .btn i {
        font-size: 18px
    }

    .page-home .home-search .form-search .search-upload {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #9d9d9d
    }

    .page-home .home-search .form-search .search-upload .btn {
        height: 48px;
        color: #fff;
        background: #00A0E9;
        border: 0;
        outline: 0;
        border-radius: 4px;
        font-size: 16px;
        line-height: 36px
    }

    .page-home .home-search .form-search .search-upload .btn i {
        font-size: 18px
    }

    .page-home .btn-home {
        display: inline-block;
        text-decoration: none;
        -moz-user-select: none;
        background: rgba(0, 0, 0, 0) linear-gradient(90deg, #00A0E9 0%, #084aae 100%) 0% 0% no-repeat padding-box;
        border: none;
        border-radius: 8px;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 0;
        padding: 18px 45px;
        text-align: center;
        text-transform: unset;
        touch-action: manipulation;
        transition: all .3s ease 0s;
        vertical-align: middle;
        white-space: nowrap;
        position: relative;
        box-shadow: 3px 4px 15px #b9d4fc
    }

    .page-home .btn-home:hover {
        text-decoration: none
    }

    .page-home .banner-bottom {
        padding: 15px 0;
        background: #eaeaea;
        border-top: 1px solid #ccc;
    }

    .page-home .banner-bottom .list .item {
        float: left;
        width: 25%
    }

    .page-home .banner-bottom .list .item:last-child .inner {
        border-right: 0
    }

    .page-home .banner-bottom .list .item .inner {
        padding: 0 32px;
        border-right: 1px solid #ccc
    }

    .page-home .banner-bottom .list .item .inner .image {
        float: left;
        padding: 12px;
        position: relative
    }

    .page-home .banner-bottom .list .item .inner .image:before {
        height: 64px;
        width: 64px;
        position: absolute;
        background: #fff;
        border-radius: 9999px;
        top: 0;
        left: 0;
        z-index: 1;
        content: ""
    }

    .page-home .banner-bottom .list .item .inner .image:after {
        height: 64px;
        width: 64px;
        background: #d2d2d2;
        border-radius: 9999px;
        position: absolute;
        top: 4px;
        left: 0;
        z-index: 0;
        content: ""
    }

    .page-home .banner-bottom .list .item .inner .image i {
        height: 40px;
        width: 40px;
        display: block;
        margin: 0 auto;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        z-index: 1
    }

    .page-home .banner-bottom .list .item .inner .text {
        display: block;
        padding-left: 80px;
        line-height: 64px;
        font-size: 16px;
        font-weight: 700
    }

    .page-home .features-sec {
        padding-top: 60px
    }

    .page-home .features-sec .col .single-feature-sec {
        padding: 50px 20px;
        position: relative;
        border-radius: 10px;
        border: 1px dotted rgba(73, 167, 211, .2);
        background: url("../images/home/pattern_bg.png") repeat left top;
        -webkit-box-shadow: 0px 8px 16px 0px rgba(73, 167, 211, .1);
        box-shadow: 0px 8px 16px 0px rgba(73, 167, 211, .1);
        -webkit-transition: .3s;
        transition: .3s
    }

    .page-home .features-sec .col .single-feature-sec:hover {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    .page-home .features-sec .col .single-feature-sec .service-icon {
        margin-bottom: 20px
    }

    .page-home .features-sec .col .single-feature-sec .service-icon i {
        width: 60px;
        height: 60px;
        margin: 0 auto;
        display: block;
        background: #084eba;
        transition: .3s;
        border-radius: 50%
    }

    .page-home .features-sec .col .single-feature-sec .service-icon i:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60%
    }

    .page-home .features-sec .col .single-feature-sec.sec-1 .service-icon i:before {
        background-image: url("../images/home/t1.png?v=1.0.0")
    }

    .page-home .features-sec .col .single-feature-sec.sec-2 .service-icon i:before {
        background-image: url("../images/home/t2.png?v=1.0.0")
    }

    .page-home .features-sec .col .single-feature-sec.sec-3 .service-icon i:before {
        background-image: url("../images/home/t3.png?v=1.0.0")
    }

    .page-home .features-sec .col .single-feature-sec .service-content {
        text-align: center;
        word-break: break-word
    }

    .page-home .features-sec .col .single-feature-sec .service-content h2 {
        font-size: 24px;
        margin-bottom: 5px;
        height: 88px;
    }

    .page-home .features-sec .col .single-feature-sec .service-content p {
        margin-bottom: 0;
        font-size: 16px;
        color: #4f4f4f;
        line-height: 24px;
        height: 72px;
        overflow: hidden
    }

    .page-home .about-sec {
        padding-top: 40px
    }

    .page-home .about-sec .row {
        position: relative
    }

    .page-home .about-sec .about-content .top-title {
        color: #00A0E9;
        font-size: 16px;
        margin-bottom: 5px;
        display: block
    }

    .page-home .about-sec .about-content h2 {
        font-size: 36px;
        margin-bottom: 20px
    }

    .page-home .about-sec .about-content p {
        margin-bottom: 10px
    }

    /* 当屏幕宽度 ≤ 767px（手机端）时隐藏该元素 */
    @media (max-width: 767px) {
        .page-content-side.col-md-3 {
            display: none;
        }
    }

    .page-home .about-sec .about-content .row ul li {
        position: relative;
        font-weight: 500;
        font-size: 16px;
        padding: 10px 0 10px 30px
    }

    .page-home .about-sec .about-content .row ul li i {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -10px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        background-color: #00A0E9;
        border-radius: 50%;
        font-size: 12px
    }

    .page-home .about-sec .about-content .btn-home {
        margin-top: 47px
    }

    .page-home .about-sec .about-img {
        top: 0;
        right: 0;
        width: 60%;
        height: 100%;
        display: block;
        content: "";
        position: absolute;
        background: url("../images/home/about-img-2.png") no-repeat top right
    }

    .page-home .section-commitment {
        padding: 60px 0
    }

    .page-home .section-commitment .section-heading {
        position: relative;
        margin-bottom: 20px
    }

    .page-home .section-commitment .section-heading h2 {
        font-size: 46px;
        text-align: center
    }

    .page-home .section-commitment .section-heading::after {
        content: "";
        display: block;
        width: 40px;
        border-top: 2px solid #444;
        margin: 0 auto;
        margin-top: 30px
    }

    .page-home .section-commitment .feature-box {
        padding: 20px 0;
        position: relative
    }

    .page-home .section-commitment .feature-box .fbox-icon {
        top: 20px;
        left: 0;
        position: absolute;
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center
    }

    .page-home .section-commitment .feature-box .fbox-content {
        padding-left: 48px
    }

    .page-home .section-commitment .feature-box .fbox-content h3 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
        padding-right: 40px
    }

    .page-home .section-commitment .feature-box .fbox-content p {
        color: #999;
        font-size: 16px;
        padding-right: 40px;
        word-break: break-word
    }

    .page-home .home-service {
        padding: 40px 0 90px 0;
        position: relative;
        background: url("../images/home/cta-bg.jpg") no-repeat center;
        background-size: cover;
        z-index: 2
    }

    .page-home .home-service:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #003561;
        opacity: .9;
        z-index: -1
    }

    .page-home .home-service .part-txt {
        max-width: 750px;
        margin: 0 auto;
        text-align: center;
        color: #fff
    }

    .page-home .home-service .part-txt h3 {
        color: #f64b3c;
        margin: 0 0 8px;
        font-size: 28px;
        font-weight: 500
    }

    .page-home .home-service .part-txt h2 {
        font-size: 45px;
        line-height: 100%;
        font-weight: 600;
        text-transform: capitalize;
        color: #fff;
        margin-bottom: 20px
    }

    .page-home .home-service .part-txt p {
        font-size: 18px;
        line-height: 30px;
        text-transform: capitalize;
        color: #edf4ff;
        margin-bottom: 20px
    }

    .page-home .home-service .part-txt .btn-home {
        background: #00A0E9;
        box-shadow: none
    }

    .page-home .section-brands {
        padding: 60px 0
    }

    .page-home .section-brands .swiper-brands .swiper-slide a {
        display: block;
        padding: 10px;
        text-align: center;
        overflow: hidden;
        line-height: 50px;
        height: 70px
    }

    .page-home .section-brands .swiper-brands .swiper-slide a img {
        max-width: 100%;
        max-height: 100%
    }

    .page-cate-list .prod-cate-nav>.panel>.panel-body {
        max-height: 620px;
        overflow-y: auto
    }

    .page-cate-list .prod-cate-nav.scrollfixed {
        z-index: 1 !important
    }

    .page-cate-list .prod-cate-nav.scrollfixed>.panel {
        box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
    }

    .page-cate-list .prod-cate-nav ul li {
        padding: 5px 0
    }

    .page-cate-list .prod-cate-nav ul li a {
        font-size: 14px
    }

    .page-cate-list .prod-cate-nav ul li span {
        color: #fff
    }

    .page-cate-list .prod-cate-list .item {
        margin-bottom: 15px
    }

    .page-cate-list .prod-cate-list .item h3 {
        border-bottom: 1px solid #ddd;
        font-size: 18px;
        color: #333;
        font-weight: 400;
        margin: 0;
        padding: 15px 10px
    }

    .page-cate-list .prod-cate-list .item h3 a {
        font-weight: 700
    }

    .page-cate-list .prod-cate-list .item h3 .text-muted {
        color: #999;
        font-size: 16px
    }

    .page-cate-list .prod-cate-list .item .list {
        padding: 15px
    }

    .page-cate-list .prod-cate-list .item .list ul li {
        padding: 10px
    }

    .page-cate-list .prod-cate-list .item .list ul li a {
        font-size: 14px;
        font-weight: 400
    }

    /* ========== Catalog 双栏布局 ========== */
    .catalog-wrapper {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        margin-top: 15px;
    }

    .catalog-left-sidebar {
        width: 230px;
        flex-shrink: 0;
        position: sticky;
        top: 85px;
        background: #00a0e90f;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        padding: 12px;
        /* 侧栏整体不滚动，内部 firstLevelList 独立滚动 */
        overflow: hidden;
        max-height: calc(100vh - 110px);
        display: flex;
        flex-direction: column;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    }

    .catalog-search-box {
        margin-bottom: 10px;
    }

    .catalog-search-input-wrap {
        position: relative;
    }

    .catalog-search-icon {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #999;
        font-size: 14px;
        z-index: 2;
    }

    .catalog-search-input {
        padding-left: 30px;
        padding-right: 30px;
        border: 1px solid #ddd;
        border-radius: 4px;
        height: 34px;
        font-size: 13px;
        transition: border-color .2s, box-shadow .2s;
    }

    .catalog-search-input:focus {
        border-color: #00A0E9;
        box-shadow: 0 0 0 2px rgba(0, 160, 233, .15);
        outline: none;
    }

    .catalog-search-clear {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        color: #bbb;
        font-size: 14px;
        cursor: pointer;
        display: none;
        z-index: 2;
    }

    .catalog-search-input:not(:placeholder-shown) + .catalog-search-clear,
    .catalog-search-input:focus + .catalog-search-clear {
        display: inline-block;
    }

    .catalog-first-level-title {
        font-size: 13px;
        font-weight: 600;
        color: #555;
        padding: 6px 0 8px;
        border-top: 1px solid #eee;
        margin-top: 4px;
    }

    .catalog-first-level-list {
        display: flex;
        flex-direction: column;
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        padding-right: 4px;
    }

    /* 侧栏内列表滚动条美化 */
    .catalog-first-level-list::-webkit-scrollbar {
        width: 6px;
    }
    .catalog-first-level-list::-webkit-scrollbar-track {
        background: transparent;
    }
    .catalog-first-level-list::-webkit-scrollbar-thumb {
        background: #c0c0c0;
        border-radius: 3px;
    }
    .catalog-first-level-list::-webkit-scrollbar-thumb:hover {
        background: #9e9e9e;
    }

    .catalog-first-level-list .first-level-item {
        display: block;
        padding: 7px 10px;
        font-size: 13px;
        color: #333;
        text-decoration: none;
        border-radius: 3px;
        border-left: 3px solid transparent;
        transition: background-color .15s, color .15s, border-color .15s;
        line-height: 1.4;
        word-break: break-all;
    }

    .catalog-first-level-list .first-level-item:hover {
        background-color: #f5f9fc;
        color: #00A0E9;
    }

    .catalog-first-level-list .first-level-item.active {
        background-color: #eef6fb;
        color: #00A0E9;
        font-weight: 600;
        border-left-color: #00A0E9;
    }

    /* 右侧内容 */
    .catalog-right-content {
        flex: 1;
        min-width: 0;
    }

    .page-cate-list .prod-cate-list.catalog-right-content .item {
        margin-bottom: 18px;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
    }

    .page-cate-list .prod-cate-list.catalog-right-content .item .title {
        margin: 0;
    }

    .page-cate-list .prod-cate-list.catalog-right-content .item .list ul.row {
        margin-left: 0;
        margin-right: 0;
    }

    .page-cate-list .prod-cate-list.catalog-right-content .child-item {
        padding: 8px 10px !important;
        border-bottom: 1px dashed #f0f0f0;
    }

    .page-cate-list .prod-cate-list.catalog-right-content .child-item:last-child {
        border-bottom: none;
    }

    .page-cate-list .prod-cate-list.catalog-right-content .third-row {
        list-style: none;
        padding: 6px 0 0 14px;
        margin: 4px 0 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 4px 12px;
    }

    .page-cate-list .prod-cate-list.catalog-right-content .third-row li.third-item {
        padding: 2px 0;
        font-size: 12px;
    }

    .page-cate-list .prod-cate-list.catalog-right-content .third-row li.third-item a {
        color: #666;
        font-size: 12px;
    }

    .page-cate-list .prod-cate-list.catalog-right-content .third-row li.third-item a:hover {
        color: #00A0E9;
    }

    /* 隐藏没有匹配项的 section —— 由 JS 控制 */
    .page-cate-list .prod-cate-list.catalog-right-content .item:empty {
        display: none;
    }

    /* 移动端适配 */
    @media screen and (max-width: 768px) {
        .catalog-wrapper {
            flex-direction: column;
        }
        .catalog-left-sidebar {
            width: 100%;
            position: static;
            max-height: 240px !important;
        }
    }

    .page-brand-list .brand-letter {
        width: 100% !important;
        font-size: 16px;
        height: 35px
    }

    .page-brand-list .brand-letter-inner {
        padding: 0 15px;
        background-color: #bbb
    }

    .page-brand-list .brand-letter ul {
        text-align: center
    }

    .page-brand-list .brand-letter ul li {
        display: inline-block;
        color: gray
    }

    .page-brand-list .brand-letter ul li a {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        display: block;
        padding: 8px 10px;
        text-decoration: none
    }

    .page-brand-list .brand-letter ul li a:hover {
        background: #777
    }

    .page-brand-list .letter-fixed.fixed {
        top: 70px;
        left: 0;
        width: 100%;
        position: fixed;
        z-index: 98;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .1);
        -moz-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .1);
        box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .1);
        background-color: #bbb
    }

    .page-brand-list .letter-fixed.fixed .brand-letter-inner {
        background: #bbb
    }

    .page-brand-list .brand-list {
        padding-top: 20px
    }

    .page-brand-list .brand-list dl {
        padding: 15px 0
    }

    .page-brand-list .brand-list dl dt {
        border-bottom: 1px solid #ddd;
        font-size: 22px;
        color: #333;
        font-weight: 800;
        padding: 10px
    }

    .page-brand-list .brand-list dl dt em {
        font-weight: normal;
        font-size: 18px
    }

    .page-brand-list .brand-list dl dd {
        padding: 10px 0
    }

    .page-brand-list .brand-list dl dd ul li {
        padding: 0;
        margin: 0
    }

    .page-brand-list .brand-list dl dd ul li .inner {
        padding: 10px
    }

    .page-brand-list .brand-list dl dd ul li a {
        font-size: 14px;
        font-weight: 400
    }

    .page-brand-details h1 {
        font-size: 28px;
        font-weight: 800;
        padding: 15px 0;
        margin-bottom: 20px
    }

    .page-brand-details .panel-brand-details .panel-body .brand-img {
        float: left;
        width: 200px;
        height: 100px;
        margin: 0 15px 15px 0;
        overflow: hidden
    }

    .page-brand-details .panel-brand-details .panel-body .brand-img img {
        max-width: 100%
    }

    .page-brand-details .panel-related-cats dl dt {
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        color: #333;
        font-weight: 700;
        padding: 10px
    }

    .page-brand-details .panel-related-cats dl dt a {
        text-decoration: none
    }

    .page-brand-details .panel-related-cats dl dt a em {
        font-weight: normal;
        font-style: normal;
        font-size: 14px
    }

    .page-brand-details .panel-related-cats dl dd {
        padding: 10px 0
    }

    .page-brand-details .panel-related-cats dl dd ul li {
        padding: 0;
        margin: 0;
        padding: 4px 10px
    }

    .page-brand-details .panel-related-cats dl dd ul li a {
        font-size: 12px
    }

    .page-brand-details .panel-related-cats dl dd ul li a em {
        font-weight: normal;
        font-style: normal;
        color: #888
    }

    .page-brand-details .panel-lastest-product .panel-heading {
        padding: 0;
        margin: 0
    }

    .page-brand-details .panel-lastest-product .panel-heading .panel-title {
        padding: 0;
        margin: 0;
        float: inherit
    }

    .page-brand-details .panel-lastest-product .panel-heading .panel-title h3 {
        color: #fff;
        background-color: #00A0E9;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        padding: 20px 0
    }

    .page-brand-details .panel-lastest-product .panel-body {
        background-color: #f2f2f2;
        padding: 10px
    }

    .page-brand-details .panel-lastest-product .panel-body ul li {
        margin-bottom: 10px
    }

    .page-brand-details .panel-lastest-product .panel-body ul li:last-child {
        margin-bottom: 0
    }

    .page-brand-details .prod-info .inner {
        padding: 10px;
        background-color: #fff
    }

    .page-brand-details .prod-info .infos .image a {
        display: block;
        text-align: center;
        position: relative;
        overflow: hidden;
        padding-top: 40%
    }

    .page-brand-details .prod-info .infos .image a img {
        max-height: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        cursor: pointer
    }

    .page-brand-details .prod-info .infos .part {
        font-size: 16px;
        font-weight: 700
    }

    .page-brand-details .prod-info .infos .brand {
        font-size: 14px;
        font-weight: 700
    }

    .page-brand-details .prod-info .opts .stock {
        float: left;
        width: 50%;
        background: #000;
        color: #fff;
        font-size: 14px;
        text-align: center;
        height: 42px;
        line-height: 42px;
        border-right: 1px solid #fff
    }

    .page-brand-details .prod-info .opts .button {
        float: left;
        width: 50%
    }

    .page-brand-details .prod-info .opts .button a {
        display: block;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        background-color: #00A0E9;
        text-align: center;
        text-decoration: none
    }

    .page-prod-list .filter-list {
        border: 1px solid #dedede;
        padding: 10px 15px;
        margin-bottom: 15px;
        background: #fff;
        font-size: 12px
    }

    .page-prod-list .filter-list .filter-item {
        border-bottom: 1px dashed #ddd;
        padding: 10px 0;
        position: relative
    }

    .page-prod-list .filter-list .filter-item:last-child {
        border-bottom: none
    }

    .page-prod-list .filter-list .more {
        position: absolute;
        right: 0;
        top: 13px;
        width: 70px;
        margin: 0;
        text-align: right
    }

    .page-prod-list .filter-list .more a {
        display: inline-block;
        line-height: 22px;
        padding: 0 5px 0 10px;
        background: #eee;
        color: #777;
        border-radius: 2px;
        text-decoration: none
    }

    .page-prod-list .filter-list .more a:hover {
        background: #ddd
    }

    .page-prod-list .filter-list .more a i {
        color: #aaa
    }

    .page-prod-list .filter-list .filter-item dl {
        margin-right: 80px
    }

    .page-prod-list .filter-list .filter-item dl dt {
        float: left;
        width: 120px;
        text-align: right;
        line-height: 20px;
        padding: 4px 0
    }

    .page-prod-list .filter-list .filter-item dl dt {
        font-weight: 700
    }

    .page-prod-list .filter-list .filter-item dl dd {
        margin-left: 135px;
        max-height: 84px
    }

    .page-prod-list .filter-list .filter-item dl dd.open {
        max-height: none;
        height: auto
    }

    .page-prod-list .filter-list .filter-item dl dd.open ul {
        max-height: none;
        height: auto
    }

    .page-prod-list .filter-list .filter-item dl dd ul {
        margin: 0;
        max-height: 84px;
        overflow: hidden
    }

    .page-prod-list .filter-list .filter-item dl dd ul li {
        padding: 4px 10px
    }

    .page-prod-list .filter-list .filter-item dl dd ul li a {
        line-height: 20px
    }

    .page-prod-list .filter-list .filter-item dl dd ul li em {
        font-style: normal;
        font-weight: normal
    }

    .page-prod-list .filter-list .filter-attrs .style-vertical {
        padding: 10px 0;
        overflow-y: auto
    }

    .page-prod-list .filter-list .filter-attrs .style-vertical>.inner {
        width: 100000px
    }

    .page-prod-list .filter-list .filter-attrs .style-vertical .filter-attr {
        float: left;
        display: inline;
        width: 140px;
        margin-right: 15px
    }

    .page-prod-list .filter-list .filter-attrs .style-vertical .filter-attr dt {
        line-height: 22px;
        margin-bottom: 5px
    }

    .page-prod-list .filter-list .filter-attrs .style-vertical .filter-attr dd {
        border: 1px solid #dedede;
        padding: 10px;
        height: 200px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .page-prod-list .filter-list .filter-attrs .style-vertical .filter-attr dd ul li a {
        display: block;
        padding: 4px 0
    }

    .page-prod-list .filter-list .filter-attrs .style-vertical .filter-attr dd ul li a i {
        font-style: normal
    }

    /* === 现货 / RoHS 快速过滤器 === */
    .page-prod-list .quick-filters {
        background: #f9f9f9;
        border: 1px solid #e8e8e8;
        border-radius: 3px;
        padding: 8px 12px;
        margin-bottom: 12px;
        display: flex;
        gap: 16px;
        align-items: center;
        justify-content: space-between;
        font-size: 12px;
        color: #555;
    }
    .page-prod-list .quick-filters .quick-filter-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        align-items: center;
    }
    .page-prod-list .quick-filters .quick-filter-actions {
        display: flex;
        gap: 6px;
        flex-shrink: 0;
        margin-left: auto;
    }
    .page-prod-list .quick-filters .quick-filter-actions .btn {
        padding: 3px 12px;
        font-size: 12px;
        line-height: 1.5;
        outline: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .page-prod-list .quick-filters .quick-filter-actions .btn:focus,
    .page-prod-list .quick-filters .quick-filter-actions .btn:active {
        outline: none !important;
        box-shadow: none !important;
    }
    .page-prod-list .quick-filters .quick-filter-actions .btn-primary {
        background: #00A0E9;
        border-color: #00A0E9;
        color: #fff;
    }
    .page-prod-list .quick-filters .quick-filter-actions .btn-primary:hover {
        background: #008dcc;
        border-color: #008dcc;
    }
    .page-prod-list .quick-filters .quick-filter-actions .btn-default {
        background: #fff;
        border-color: #ddd;
        color: #666;
    }
    .page-prod-list .quick-filters .quick-filter-actions .btn-default:hover {
        border-color: #00A0E9;
        color: #00A0E9;
    }
    .page-prod-list .quick-filters .quick-filter-item {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        cursor: pointer;
        user-select: none;
    }
    .page-prod-list .quick-filters .quick-filter-check {
        margin: 0;
        cursor: pointer;
        outline: none;
        box-shadow: none;
    }
    .page-prod-list .quick-filters .quick-filter-check:focus,
    .page-prod-list .quick-filters .quick-filter-check:active {
        outline: none;
        box-shadow: none;
    }
    .page-prod-list .quick-filters .quick-filter-rohs {
        height: 14px;
        vertical-align: middle;
        margin-left: 2px;
    }
    .page-prod-list .prod-list .data-view .view-table .rohs-gif {
        height: 16px;
        vertical-align: middle;
        cursor: pointer;
    }

    .page-prod-list .filter-result {
        background-color: #f2f2f2;
        padding: 10px;
        margin-bottom: 15px;
        position: relative;
        line-height: 26px;
        font-size: 12px
    }

    .page-prod-list .filter-selected {
        padding-right: 140px
    }

    .page-prod-list .filter-selected dt {
        color: #6b6b6b;
        float: left;
        line-height: 26px;
        padding: 5px
    }

    .page-prod-list .filter-selected dd {
        overflow: hidden
    }

    .page-prod-list .filter-selected dd ul li {
        float: left;
        padding: 5px
    }

    .page-prod-list .filter-selected dd ul li a {
        display: block;
        background: #00A0E9;
        color: #fff;
        line-height: 26px;
        padding: 0 10px;
        text-decoration: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

    .page-prod-list .nofilter {
        padding: 5px
    }

    .page-prod-list .result-count {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 120px;
        text-align: right;
        line-height: 26px
    }

    .page-prod-list .prod-list .paging {
        padding: 15px 0
    }

    .page-prod-list .prod-list .paging .page-info {
        line-height: 28px
    }

    .page-prod-list .prod-list .paging a {
        font-size: 12px;
        border: 1px solid #ccc;
        color: #333;
        border-radius: 2px;
        height: 28px;
        display: inline-block;
        padding: 0 15px;
        line-height: 26px
    }

    .page-prod-list .prod-list .data-view .view-table .table {
        margin-bottom: 15px;
        border: 1px solid #e5e5e5;
        border-right: 0;
        border-left: 0;
        width: 100%
    }

    .page-prod-list .prod-list .data-view .view-table .table>thead>tr>td,
    .page-prod-list .prod-list .data-view .view-table .table>thead>tr>th,
    .page-prod-list .prod-list .data-view .view-table .table>tbody>tr>td,
    .page-prod-list .prod-list .data-view .view-table .table>tbody>tr>th,
    .page-prod-list .prod-list .data-view .view-table .table>tfoot>tr>td,
    .page-prod-list .prod-list .data-view .view-table .table>tfoot>tr>th {
        padding: 10px;
        vertical-align: middle;

        border-color: #e5e5e5;
        line-height: 26px
    }

    .page-prod-list .prod-list .data-view .view-table .table>thead>tr>td,
    .page-prod-list .prod-list .data-view .view-table .table>thead>tr>th {
        padding: 15px 10px;
        background-color: #f2f2f2;
        font-weight: 400;
        font-size: 14px;
    width: 160px;
        border-bottom-width: 1px;
        border-color: #e5e5e5
    }

    .page-prod-list .prod-list .data-view .view-table .table>tbody>tr>td,
    .page-prod-list .prod-list .data-view .view-table .table>tbody>tr>th {
        padding: 6px 8px !important;
        position: relative
    }

    .page-prod-list .prod-list .data-view .view-table .table>tbody>tr {
        background-color: #fff;
        -webkit-transition: background-color .2s;
        -moz-transition: background-color .2s;
        -ms-transition: background-color .2s;
        -o-transition: background-color .2s;
        transition: background-color .2s
    }

    .page-prod-list .prod-list .data-view .view-table .prod-img {
        display: block;
        height: 60px;
        line-height: 60px;
        width: 60px;
        text-align: center;
        overflow: hidden;
        vertical-align: middle
    }
    .page-prod-list .prod-list .data-view .view-table .prod-img-wrap {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 60px;
    }
    .page-prod-list .prod-list .data-view .view-table .prod-img-wrap .prod-badge {
        position: absolute;
        top: -4px;
        right: -4px;
        font-size: 10px;
        line-height: 1;
        padding: 2px 5px;
        border-radius: 2px;
        color: #fff;
        font-weight: 700;
        letter-spacing: .5px;
        box-shadow: 0 1px 2px rgba(0,0,0,.15);
        z-index: 2;
    }
    .page-prod-list .prod-list .data-view .view-table .prod-img-wrap .badge-hot {
        background: #e91e63;
    }
    .page-prod-list .prod-list .data-view .view-table .prod-img-wrap .badge-new {
        background: #4caf50;
    }
    .page-prod-list .prod-list .data-view .view-table .prod-img-wrap .badge-rec {
        background: #00A0E9;
    }

    .page-prod-list .prod-list .data-view .view-table .prod-img img {
        width: 100%;
        vertical-align: middle
    }

    .page-prod-list .prod-list .data-view .view-table .part a {
        font-weight: 700;
        text-decoration: underline
    }

    /* === 紧凑型产品信息单元格：型号 + 品牌 + 描述 + 图标 === */
    .page-prod-list .prod-list .data-view .view-table .td-product-info {
        vertical-align: top !important;
        padding: 8px 10px !important;
        max-width: 320px;
    }
    .page-prod-list .prod-list .data-view .view-table .td-product-info .part-row {
        line-height: 1.3;
        margin-bottom: 2px;
    }
    .page-prod-list .prod-list .data-view .view-table .td-product-info .part a {
        font-weight: 700;
        font-size: 14px;
        color: #00A0E9;
        text-decoration: none;
    }
    .page-prod-list .prod-list .data-view .view-table .td-product-info .part a:hover {
        text-decoration: underline;
    }
    .page-prod-list .prod-list .data-view .view-table .td-product-info .brand-row,
    .page-prod-list .prod-list .data-view .view-table .td-product-info .desc-row {
        font-size: 12px;
        line-height: 1.4;
        margin-bottom: 2px;
        color: #555;
    }
    .page-prod-list .prod-list .data-view .view-table .td-product-info .desc-row {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 4px;
    }
    .page-prod-list .prod-list .data-view .view-table .td-product-info .info-label {
        color: #999;
        font-weight: 500;
        margin-right: 2px;
    }
    .page-prod-list .prod-list .data-view .view-table .td-product-info .brand-row a {
        color: #00A0E9;
        text-decoration: none;
    }
    .page-prod-list .prod-list .data-view .view-table .td-product-info .brand-row a:hover {
        text-decoration: underline;
    }

    /* 图标按钮行 */
    .page-prod-list .prod-list .data-view .view-table .td-product-info .icons-row {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
    }
    .page-prod-list .prod-list .data-view .view-table .icon-btn {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        font-size: 11px;
        line-height: 1;
        padding: 3px 8px;
        border-radius: 3px;
        border: 1px solid #d0d0d0;
        color: #555;
        background: #fff;
        text-decoration: none;
        transition: all .15s;
        cursor: pointer;
    }
    .page-prod-list .prod-list .data-view .view-table .icon-btn:hover {
        border-color: #00A0E9;
        color: #00A0E9;
        background: #f2faff;
        text-decoration: none;
    }
    .page-prod-list .prod-list .data-view .view-table .icon-btn.icon-pdf:hover {
        border-color: #e98000;
        color: #e98000;
        background: #fff8f0;
    }
    .page-prod-list .prod-list .data-view .view-table .icon-btn.icon-rfq:hover {
        border-color: #00A0E9;
        color: #00A0E9;
        background: #f2faff;
    }
    .page-prod-list .prod-list .data-view .view-table .icon-btn.icon-rohs {
        border-color: #4caf50;
        color: #4caf50;
        background: #f1f8e9;
    }
    .page-prod-list .prod-list .data-view .view-table .icon-btn.icon-rohs:hover {
        border-color: #388e3c;
        color: #388e3c;
        background: #e8f5e9;
    }

    /* === 价格列 — 阶梯价表格 === */
    .page-prod-list .prod-list .data-view .view-table .td-price {
        vertical-align: middle !important;
        padding: 6px !important;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table {
        display: inline-block;
        text-align: left;
        border-radius: 3px;
        overflow: hidden;
        background: #fff;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table table {
        border-collapse: collapse;
        border: none;
        margin: 0;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table tbody tr {
        border: none;
        background: #fff !important;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table tbody tr:nth-child(even) {
        background: #fafafa !important;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table td {
        padding: 2px 8px;
        font-size: 14px;
        line-height: 1.4;
        border: none;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table .tier-qty {
        color: #888;
        font-weight: 500;
        white-space: nowrap;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table .tier-price {
        color: #e98000;
        font-weight: 700;
        white-space: nowrap;
        text-align: right;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table .tier-currency {
        color: #999;
        font-weight: 500;
        margin-right: 1px;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table.single {
        border: none;
        background: transparent;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table.single .tier-single {
        font-size: 15px;
        font-weight: 700;
        color: #e98000;
    }
    .page-prod-list .prod-list .data-view .view-table .price-tier-table.single .tier-single .tier-currency {
        font-size: 12px;
    }

    /* === 库存列 === */
    .page-prod-list .prod-list .data-view .view-table .td-stock {
        vertical-align: top !important;
        padding: 8px 6px !important;
    }
    .page-prod-list .prod-list .data-view .view-table .stock {
        color: #f60;
        margin-bottom: 3px
    }
    .page-prod-list .prod-list .data-view .view-table .stock-meta {
        margin-top: 6px;
        padding-top: 5px;
        border-top: 1px dashed #eee;
    }
    .page-prod-list .prod-list .data-view .view-table .stock-meta .meta-row {
        font-size: 11px;
        line-height: 1.5;
        color: #666;
    }
    .page-prod-list .prod-list .data-view .view-table .stock-meta .meta-label {
        color: #999;
        margin-right: 3px;
    }
    .page-prod-list .prod-list .data-view .view-table .stock-meta .meta-val {
        font-weight: 600;
        color: #333;
    }
    .page-prod-list .prod-list .data-view .view-table .onwarddate.instock-tag {
        color: #fff;
        background: #4caf50;
        display: inline-block;
        padding: 1px 8px;
        border-radius: 2px;
        font-size: 11px;
        margin-top: 2px;
        line-height: 1.4;
    }

    .page-prod-list .prod-list .data-view .view-table .minqty {
        color: #999
    }

    .page-prod-list .prod-list .data-view .view-table .link-cart-add {
        margin-top: 10px;
        display: block;
        width: 120px;
        padding: 0;
        height: 30px;
        line-height: 28px;
        color: #fff;
        background: #e98000;
        border-color: #e98000;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        margin-bottom: 10px;
        margin: 10px auto;
    }

    .page-prod-list .prod-list .data-view .view-table .link-cart-add:hover {
        background: #DE9A17;
        border-color: #DE9A17  
    }

    .page-prod-list .prod-list .data-view .view-table .link-quote-add {
        display: block;
        width: 120px;
        padding: 0;
        height: 30px;
        line-height: 28px;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        background: #00A0E9;
        border-color: #00A0E9;
        color: #fff;
        margin: 0 auto;
    }

    .page-prod-list .prod-list .data-view .view-table .link-quote-add:hover {
        background: #00A0E9
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item {
        background-color: #fff
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item:nth-child(even) {
        background-color: #eee
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item {
        padding: 15px;
        position: relative
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-img {
        float: left;
        width: 25%;
        padding-right: 20px
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-img a {
        display: block
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-img a img {
        width: 100%
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-info {
        float: left;
        width: 75%;
        padding-right: 40px
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-info .prod-part {
        margin-bottom: 10px
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-info .prod-part a {
        font-size: 14px;
        font-weight: 700;
        text-decoration: underline
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-info .prod-brand {
        margin-bottom: 5px
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-info .prod-desc {
        margin-bottom: 5px
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-info .prod-stock {
        margin-bottom: 10px;
        font-weight: 700
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-info .prod-prices dl dt {
        float: left;
        width: 50%
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-info .prod-prices dl dd {
        float: left;
        width: 50%
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-tools {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 40px
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-tools .tool-item {
        margin-bottom: 15px
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-tools .tool-item .btn {
        border: 0;
        padding: 0;
        margin: 0 0 10px 0;
        color: #fff;
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-tools .tool-item .btn-addtocart {
        background: #d20019
    }

    .page-prod-list .prod-list .data-view .view-list .prod-item .prod-tools .tool-item .btn-quote {
        background: #999
    }

    .page-prod-list .prod-list .data-view .view-table .btn-view {
        display: block;
        border: 2px solid #000;
        line-height: 28px;
        background: none;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .page-prod-list .prod-list .data-view .view-table .btn-view:hover {
        background-color: #000;
        color: #fff
    }

    .page-prod-list .prod-list .data-view .view-table .btn-link {
        display: inline-block;
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .page-prod-list .prod-list .data-view .view-table .btn-link.btn-quote {
        background: #e6920f;
        color: #fff;
        margin-top: 5px
    }

    .page-prod-list .prod-list .data-view .view-table .btn-pdf {
        background: #00A0E9;
        color: #fff
    }

    .page-prod-list .prod-list .data-view .view-table .rohs {
        display: none
    }

    .page-prod-search .nodata {
        padding: 50px 0;
        text-align: center
    }

    .page-prod-search .nodata>p {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        padding-left: 60px;
        font-size: 18px;
        background: url("../images/error.png") no-repeat left center;
        color: #333;
        margin-bottom: 50px
    }

    .page-prod-search .nodata>p>em {
        color: #f60
    }

    .page-prod-search .nodata>.suggest {
        font-size: 14px;
        color: #555;
        text-align: center
    }

    .page-prod-search .nodata>.suggest dl {
        display: inline-block;
        padding-left: 60px;
        text-align: left
    }

    .page-prod-search .nodata>.suggest dl dt {
        line-height: 30px;
        font-weight: 700
    }

    .page-prod-search .nodata>.suggest dl dd {
        position: relative;
        line-height: 30px
    }

    .page-prod-search .nodata>.suggest .link-inquiry {
        margin-top: 15px;
        padding: 0 30px;
        font-size: 16px;
        height: 38px;
        line-height: 36px;
        color: #fff;
        background: #e26b0a;
        border-color: #e26b0a;
        text-align: center
    }

    .page-prod-search .load-text {
        font-size: 14px;
        text-align: center;
        padding: 20px 0
    }

    .page-prod-search .load-text .text {
        height: 32px;
        line-height: 32px;
        display: inline-block;
        padding-left: 28px;
        background: url("../images/loading_min.gif") no-repeat left center
    }

    .page-prod-search .partner-item .panel {
        margin-bottom: 20px;
        border: 0
    }

    .page-prod-search .partner-item .panel>.panel-heading {
        border-bottom: 1px solid #c00;
        padding: 15px;
        background: #fff
    }

    .page-prod-search .partner-item .panel>.panel-heading>.panel-title>h3 {
        font-size: 16px;
        color: #c00;
        font-weight: 700
    }

    .page-prod-search .partner-item .panel>.panel-heading>.panel-title>h3>i {
        font-size: 14px;
        color: #777;
        font-weight: 400
    }

    .page-prod-search .partner-item .panel>.panel-heading>.panel-title .image {
        float: left;
        height: 30px;
        line-height: 30px;
        margin-right: 15px
    }

    .page-prod-search .partner-item .panel>.panel-heading>.panel-title .image img {
        max-height: 100%
    }

    .page-prod-search .partner-item .panel>.panel-heading>.panel-title .desc {
        float: left;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #888
    }

    .page-prod-search .partner-item .panel>.panel-body {
        padding: 0;
        border: 1px solid #e4e4e4;
        border-top: 0
    }

    .page-prod-search .prod-list .data-view .view-table .table {
        margin: 0
    }

    .page-prod-search .prod-list .data-view .viewall {
        padding: 15px;
        font-size: 14px;
        color: #777
    }

    .page-prod-search .prod-list .data-view .viewall>* {
        display: inline-block;
        padding: 2px 4px;
        margin-right: 5px
    }

    .page-prod-search .prod-list .data-view .viewall .link-viewall {
        border-bottom: 1px solid #c00;
        text-decoration: none
    }

    .page-prod-search .prod-list .data-view .view-table .table>tbody>tr:hover {
        background: #f6f6f6
    }

    .page-prod-detail .container {
        padding: 0 15px
    }

    .page-prod-detail .container .row {
        margin: 0 -10px
    }

    .page-prod-detail .container .row .col {
        padding: 0 10px
    }

    .page-prod-detail .main-info .product-gallery {
        float: left;
        width: 300px;
        margin-bottom: 55px
    }

    .page-prod-detail .main-info .baseinfo {
        overflow: hidden;
        padding-left: 30px;
        margin-bottom: 15px
    }

    .page-prod-detail .sharebox {
        height: 28px;
        text-align: center;
        margin-bottom: 15px
    }

    .page-prod-detail h1 {
        font-size: 28px;
        padding: 0;
        margin: 0 0 30px 0;
        font-weight: 800
    }

    .page-prod-detail .table-style {
        padding: 0 10px
    }

    .page-prod-detail .table-style>dl {
        background: #f6f6f6;
        border-bottom: 1px solid #e4e4e4
    }

    .page-prod-detail .table-style>dl:last-child {
        border-bottom: 0
    }

    .page-prod-detail .table-style>.row>.col {
        padding: 8px 15px
    }

    .page-prod-detail .table-style>dl>dt {
        text-align: right;
        border-right: 1px solid #e4e4e4;
        margin-right: -1px;
        margin-left: 1px
    }

    .page-prod-detail .table-style>dl>dd {
        background: #fff;
        border-left: 1px solid #e4e4e4
    }

    .page-prod-detail .nodata {
        font-size: 16px;
        color: #999;
        text-align: center;
        padding: 40px 0;
        margin-bottom: 15px
    }

    .page-prod-detail .panel-quote {
        padding: 10px;
        background: #f4f4f4;
        font-size: 18px;
        border: 0
    }

    .page-prod-detail .panel-quote .inquiry {
        border: 2px solid #f96304
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-head {
        background-color: #f96304;
        font-size: 16px;
        color: #fff;
        line-height: 42px;
        height: 42px;
        padding: 0 20px
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-head p {
        margin: 0;
        font-weight: 700
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-tip {
        padding: 0 15px;
        margin: 10px 0;
        font-size: 10px;
        word-break: break-all
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info {
        padding: 0 15px;
        position: relative
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info li {
        position: relative;
        border-bottom: 1px solid #ccc
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info li .fa {
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        position: absolute;
        font-size: 14px;
        color: #333;
        top: 0;
        left: 0
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info li .form-control {
        border: 0;
        border-radius: 0;
        padding: 4px 10px 4px 36px;
        height: 36px;
        line-height: 28px
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info li textarea.form-control {
        height: 72px
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info li .input-group .input-group-addon {
        border: 0;
        padding: 0;
        border-radius: 0;
        background: #fff
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info li .input-group .input-group-addon .captcha-img {
        display: block;
        width: 120px
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info .submit-button {
        border-bottom: 0;
        margin: 0 -10px
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info .submit-button .item {
        float: left;
        width: 50%;
        padding: 15px 10px
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info .submit-button .item .button {
        border: 0;
        border-radius: 0;
        background: #f96304;
        color: #fff;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        height: 36px;
        text-align: center;
        font-size: 16px
    }

    .page-prod-detail .panel-quote .inquiry .inquiry-info .submit-button .item .button:hover {
        background: #d75400
    }

    .page-prod-detail .panel-quote .info {
        margin-top: 15px;
        border-top: 4px solid #f96304;
        border-bottom: 4px solid #f96304;
        padding: 15px 0
    }

    .page-prod-detail .panel-quote .info dl {
        padding: 5px 0
    }

    .page-prod-detail .tab-pane-payment table td,
    .page-prod-detail .tab-pane-shipping table td {
        padding: 20px
    }

    .page-prod-detail .tab-pane-contact .form-contact .btn-submit {
        border: 0;
        border-radius: 0;
        background: #f96304;
        color: #fff;
        display: inline-block;
        padding: 0 40px;
        margin: 0;
        height: 36px;
        text-align: center;
        font-size: 16px
    }

    .page-prod-detail .tab-pane-contact .form-contact .btn-submit:hover {
        background: #d75400
    }

    .page-prod-detail .panel-prod-detail {
        border: 0;
        padding: 0;
        padding-top: 20px
    }

    .page-prod-detail .panel-prod-detail .panel-body {
        border: 0;
        padding: 0
    }

    .page-prod-detail .panel-prod-detail .nav-tabs {
        border-bottom: 2px solid #282828
    }

    .page-prod-detail .panel-prod-detail .nav-tabs li {
        margin: 0;
        float: left;
        width: 20%
    }

    .page-prod-detail .panel-prod-detail .nav-tabs li.active a {
        border: 0;
        color: #fff;
        background: #b5b5b5
    }

    .page-prod-detail .panel-prod-detail .nav-tabs li a {
        font-size: 16px;
        color: #333;
        padding: 0 10px;
        text-align: center;
        border-radius: 0;
        display: block;
        margin: 0;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border: 0
    }

    .page-prod-detail .panel-prod-detail .tab-content {
        border: 1px solid #e4e4e4;
        border-top: 0;
        padding: 15px
    }

    .page-prod-detail .panel-prod-detail .tab-pane-attrs dl {
        padding: 8px 0;
        border-bottom: 1px dashed #e4e4e4
    }

    .page-prod-detail .panel-prod-detail .tab-pane-attrs dl:last-child {
        border-bottom: 0
    }

    .page-prod-detail .panel-prod-detail .tab-pane-attrs dl dt {
        color: #777
    }

    .page-prod-detail .form-rfq-send {
        margin-top: 15px
    }

    .page-prod-detail .form-rfq-send .inner {
        padding: 15px;
        background: #ddd
    }

    .page-prod-detail .form-rfq-send .inner h3 {
        font-size: 18px;
        margin-bottom: 5px
    }

    .page-prod-detail .form-rfq-send .inner .tips {
        font-size: 14px;
        margin-bottom: 10px
    }

    .page-prod-detail .form-rfq-send .inner .form-fields {
        position: relative
    }

    .page-prod-detail .form-rfq-send .inner .form-fields dl {
        float: left;
        width: 25%;
        padding-right: 2px;
        padding-bottom: 2px
    }

    .page-prod-detail .form-rfq-send .inner .form-fields dl dt {
        font-weight: 700;
        background: #e7e5e6;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        padding: 0 10px
    }

    .page-prod-detail .form-rfq-send .inner .form-fields dl dd {
        background: #fff;
        position: relative
    }

    .page-prod-detail .form-rfq-send .inner .form-fields dl dd .form-control {
        border: 0;
        border-radius: 0;
        background: #fff;
        height: 40px
    }

    .page-prod-detail .form-rfq-send .inner .form-fields .message {
        width: 75%
    }

    .page-prod-detail .form-rfq-send .inner .form-fields .button {
        height: 74px;
        width: 25%;
        position: absolute;
        right: 0;
        bottom: 0;
        padding-right: 2px
    }

    .page-prod-detail .form-rfq-send .inner .form-fields .button .btn-submit {
        height: 74px;
        width: 100%;
        background: #00A0E9;
        color: #fff;
        font-size: 18px;
        text-align: center;
        border: 0;
        border-radius: 0;
        outline: 0
    }

    .page-prod-detail .baseinfo dl {
        padding: 8px 0;
        border-bottom: 1px dashed #e4e4e4
    }

    .page-prod-detail .baseinfo dl:last-child {
        border-bottom: 0
    }

    .page-prod-detail .baseinfo dl dt {
        float: left;
        width: 40%
    }

    .page-prod-detail .baseinfo dl dd {
        float: left;
        width: 60%;
        padding-left: 15px
    }

    .page-prod-detail .baseinfo dl dd.pdflist .item {
        margin-bottom: 10px
    }

    .page-prod-detail .baseinfo dl dd.pdflist .item:last-child {
        margin-bottom: 0
    }

    .page-prod-detail .baseinfo dl dd.pdflist .item a {
        float: left;
        padding-left: 30px;
        position: relative
    }

    .page-prod-detail .baseinfo dl dd.pdflist .item a .image {
        height: 24px;
        width: 24px;
        line-height: 24px;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12px
    }

    .page-prod-detail .baseinfo dl dd.pdflist .item a .title {
        float: left
    }

    .page-prod-detail .baseinfo dl dd .rohs {
        float: left;
        padding-left: 30px;
        position: relative
    }

    .page-prod-detail .baseinfo dl dd .rohs .image {
        height: 24px;
        width: 24px;
        line-height: 24px;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12px
    }

    .page-prod-detail .baseinfo dl dd .rohs .title {
        float: left
    }

    .page-prod-detail .wrap-prod-detail .main-info .col-image {
        width: 40%
    }

    .page-prod-detail .wrap-prod-detail .main-info .col-info {
        width: 60%
    }

    .page-prod-detail .panel-procurement {
        min-height: 250px;
        border: 10px solid #f1f1f1
    }

    .page-prod-detail .panel-procurement .mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .page-prod-detail .panel-procurement .mask .mask-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .3
    }

    .page-prod-detail .panel-procurement .mask .mask-msg {
        height: 16px;
        width: 16px;
        background: url("../images/loading_min.gif") no-repeat center;
        position: absolute;
        top: 15px;
        right: 15px
    }

    .page-prod-detail .panel-procurement .panel-body {
        position: relative
    }

    .page-prod-detail .panel-procurement .price-total .total {
        font-size: 14px;
        font-weight: 800;
        color: #f60;
        font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, "Times New Roman", "Lucida Grande", sans-serif
    }

    .page-prod-detail .panel-procurement .form-info {
        padding: 15px 0
    }

    .page-prod-detail .panel-procurement .form-info .input-qty .txt-qty {
        height: 40px;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .page-prod-detail .panel-procurement .form-info .input-qty .btn {
        height: 40px;
        line-height: 38px;
        padding: 0;
        width: 40px;
        border-color: #d7d7d7
    }

    .page-prod-detail .panel-procurement .form-info .input-buy .btn-buy {
        height: 40px;
        width: 100%;
        color: #fff;
        background-color: #00A0E9;
        font-size: 14px;
        font-weight: 700;
        border: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .page-prod-detail .panel-procurement .deal-info {
        border-top: 1px solid #e4e4e4;
        padding-top: 10px
    }

    .page-prod-detail .panel-procurement .deal-info .deal-item {
        margin-bottom: 5px
    }

    .page-prod-detail .panel-procurement .deal-info .deal-item dl {
        padding: 5px 0
    }

    .page-prod-detail .panel-procurement .deal-info .price-break>dl {
        padding: 2px 0
    }

    .page-prod-detail .panel-procurement .deal-info .price-break>dl>dt {
        margin-bottom: 5px
    }

    .page-prod-detail .panel-procurement .deal-info .price-break>dl>dd {
        font-family: Arial, Helvetica, sans-serif
    }

    .page-prod-detail .panel-procurement .deal-info .price-break>dl>dd>dl {
        margin: 0
    }

    .page-prod-detail .panel-procurement .deal-info .price-break>dl>dd>dl:nth-child(odd) {
        background: #f5f5f5
    }

    .page-prod-detail .panel-procurement .deal-info .price-break>dl>dd>dl:hover {
        cursor: pointer;
        color: #f60
    }

    .page-prod-detail .panel-procurement .deal-info .price-break>dl>dd>dl>dt {
        padding: 5px 10px
    }

    .page-prod-detail .panel-procurement .deal-info .price-break>dl>dd>dl>dd {
        padding: 5px 10px
    }

    .page-prod-detail .panel-procurement .price-tools {
        margin-top: 10px
    }

    .page-prod-detail .panel-procurement .price-tools .link-quote-add {
        text-decoration: underline
    }

    .page-prod-detail .panel-procurement .stock-info {
        font-size: 14px;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 10px
    }

    .page-prod-detail .panel-procurement .stock-info .instock {
        float: left;
        width: 50%;
        text-align: left
    }

    .page-prod-detail .panel-procurement .stock-info .ship {
        float: right;
        width: 50%;
        color: #777;
        text-align: right
    }

    .page-prod-detail .panel-procurement .price-total {
        padding-top: 10px
    }

    .page-prod-detail .panel-procurement .price-tools .tips {
        font-size: 12px;
        color: #777;
        margin-bottom: 10px
    }

    .page-prod-detail .panel-procurement .price-tools .alert {
        margin: 0;
        padding: 10px
    }

    .page-prod-detail .panel-relate-prod {
        border: 0
    }

    .page-prod-detail .panel-relate-prod .panel-heading {
        padding: 0;
        background: none;
        margin-bottom: 10px;
        border-bottom: 0
    }

    .page-prod-detail .panel-relate-prod .panel-heading h3 {
        font-weight: 700
    }

    .page-prod-detail .panel-relate-prod .panel-body {
        padding: 0
    }

    .page-prod-detail .panel-relate-prod ul li {
        float: left;
        width: 20%
    }

    .page-prod-detail .panel-relate-prod .prod-info .inner {
        padding: 10px;
        background-color: #fff;
        text-align: center
    }

    .page-prod-detail .panel-relate-prod .prod-info .infos .image a {
        display: block;
        text-align: center;
        position: relative;
        overflow: hidden;
        padding-top: 50%
    }

    .page-prod-detail .panel-relate-prod .prod-info .infos .image a img {
        max-height: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        cursor: pointer
    }

    .page-prod-detail .panel-relate-prod .prod-info .infos .part {
        font-size: 14px;
        font-weight: 700
    }

    .page-prod-detail .panel-relate-prod .prod-info .infos .brand {
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 10px
    }

    .page-prod-detail .panel-relate-prod .prod-info .infos .desc {
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 10px;
        color: #777
    }

    .page-prod-detail .why-choose-us {
        padding: 20px
    }

    .page-prod-detail .why-choose-us h2 {
        font-size: 22px;
        font-weight: 700
    }

    .page-prod-detail .why-choose-us ul {
        padding: 20px 0;
        padding-left: 90px;
        background-image: url("../images/why_bg3.png");
        background-repeat: no-repeat;
        background-position: left 20px
    }

    .page-prod-detail .why-choose-us ul li {
        overflow: hidden;
        font-size: 18px
    }

    .page-prod-detail .why-choose-us p {
        font-size: 16px;
        line-height: 28px;
        margin: 20px 0
    }

    .wrap-cart .header {
        border-bottom: 0
    }

    .page-cart .cart-list>.cart-error {
        padding: 100px 0
    }

    .page-cart .cart-list>.cart-error>p {
        width: 320px;
        margin: 0 auto;
        height: 50px;
        line-height: 50px;
        padding-left: 60px;
        font-size: 16px;
        background: url("../images/error.png") no-repeat left center;
        margin-bottom: 20px
    }

    .page-cart .panel-cart-empty .cart-empty {
        padding-left: 220px;
        color: #b0b0b0;
        height: 200px;
        width: 600px;
        margin: 0 auto;
        margin-top: 65px;
        margin-bottom: 130px;
        background: url("../images/cart-empty.png") no-repeat left center
    }

    .page-cart .panel-cart-empty .cart-empty h2 {
        margin: 0;
        padding: 40px 0 20px 0;
        font-size: 28px
    }

    .page-cart .panel-cart-empty .cart-empty p {
        font-size: 20px;
        margin-bottom: 15px
    }

    .page-cart .panel-cart-empty .cart-empty .links a {
        font-size: 14px;
        background: #dc2827;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        padding: 8px 25px;
        border: 1px solid #dc2827;
        margin-right: 10px
    }

    .page-cart .panel-cart-empty .cart-empty .links .link-reversal {
        background: #fff;
        color: #dc2827
    }

    .page-cart .panel-cart {
        border: 0
    }

    .page-cart .panel-cart .panel-heading {
        border-bottom: 2px solid #555;
        padding: 10px 0;
        background: none
    }

    .page-cart .panel-cart .panel-heading .panel-title h3 {
        margin: 0;
        padding: 0;
        font-weight: 700
    }

    .page-cart .panel-cart .panel-body {
        padding: 0
    }

    .page-cart .panel-cart .cart-summary {
        padding: 0;
        background: #eee;
        line-height: 50px
    }

    .page-cart .panel-cart .cart-summary .summary-tools {
        padding: 0 15px
    }

    .page-cart .panel-cart .cart-summary .summary-total {
        float: left;
        font-size: 14px;
        padding-left: 15px
    }

    .page-cart .panel-cart .cart-summary .price-total {
        float: left;
        color: #f02830;
        font-size: 24px;
        font-family: "Microsoft YaHei"
    }

    .page-cart .panel-cart .cart-summary .btn-submit {
        float: left;
        margin-left: 15px;
        background-color: #f02830;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border: 0;
        height: 50px;
        line-height: 50px;
        padding: 0 40px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .page-cart .table-cart {
        font-size: 12px;
        margin: 0
    }

    .page-cart .table-cart>thead>tr>th {
        border-bottom-width: 1px
    }

    .page-cart .table-cart>tbody>tr>td,
    .page-cart .table-cart>tbody>tr>th,
    .page-cart .table-cart>tfoot>tr>td,
    .page-cart .table-cart>tfoot>tr>th {
        padding: 10px;
        vertical-align: middle;
        font-weight: 400;
        border: none
    }

    .page-cart .table-cart>thead>tr>td,
    .page-cart .table-cart>thead>tr>th {
        padding: 15px 10px;
        background-color: #eee;
        font-weight: 700;
        border: none
    }

    .page-cart .table-cart>tbody>tr {
        background: #fff
    }

    .page-cart .table-cart.table-striped>tbody>tr:nth-of-type(even) {
        background: #f5f5f5
    }

    .page-cart .table-cart .photo {
        float: left
    }

    .page-cart .table-cart .photo a {
        display: block;
        border: 1px solid #dfdfdf;
        width: 60px;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        background: #fff
    }

    .page-cart .table-cart .photo a img {
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle
    }

    .page-cart .table-cart .info {
        padding-left: 70px
    }

    .page-cart .table-cart .info .prodname {
        font-weight: 700;
        margin-bottom: 5px
    }

    .page-cart .table-cart .info .brandname {
        color: #777
    }

    .page-cart .table-cart .quantity {
        margin: 4px 0
    }

    .page-cart .table-cart .quantity .qty-prefix {
        float: left;
        line-height: 32px;
        margin-right: 5px
    }

    .page-cart .table-cart .quantity .qty-field {
        width: 100%
    }

    .page-cart .table-cart .quantity .qty-field .btn {
        height: 32px;
        line-height: 30px;
        padding: 0;
        width: 24px;
        border-color: #d7d7d7
    }

    .page-cart .table-cart .quantity .qty-field .form-control {
        height: 32px;
        line-height: 30px;
        padding: 0 4px;
        font-size: 12px
    }

    .page-cart .table-cart .moreprice {
        position: relative;
        display: inline-block
    }

    .page-cart .table-cart .moreprice dt span {
        border: 1px solid #ddd;
        display: inline-block;
        padding: 0 5px 0 8px;
        line-height: 22px;
        background: #fff
    }

    .page-cart .table-cart .moreprice dd {
        display: none;
        position: absolute;
        top: 23px;
        right: 0;
        border: 1px solid #ddd;
        background: #fff;
        z-index: 2;
        padding: 5px 0;
        width: 160px;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
    }

    .page-cart .table-cart .moreprice dd ul {
        text-align: right
    }

    .page-cart .table-cart .moreprice dd ul li {
        line-height: 22px;
        padding: 0 10px
    }

    .page-cart .table-cart .moreprice dd ul li .qty {
        margin-right: 10px
    }

    .page-cart .table-cart .moreprice:hover dt span {
        border-bottom: 1px solid #fff;
        position: relative;
        z-index: 3
    }

    .page-cart .table-cart .moreprice:hover dd {
        display: block
    }

    .page-cart .table-cart .subtotal {
        color: #f60;
        font-weight: 700;
        font-style: normal
    }

    .page-cart .table-cart .btn-fav {
        color: #888
    }

    .page-order-checkout .form-checkout {
        padding-top: 1px
    }

    .page-order-checkout .form-checkout .panel {
        margin-bottom: 0;
        margin-top: -1px
    }

    .page-order-checkout .form-checkout .panel .panel-body {
        padding: 20px
    }

    .page-order-checkout .form-checkout .panel-address .address-list .list {
        margin-bottom: 15px;
        font-size: 14px
    }

    .page-order-checkout .form-checkout .panel-address .address-list .item {
        border: 1px solid #fff;
        border-bottom: 1px dashed #eee;
        background: #fff;
        position: relative;
        overflow: hidden
    }

    .page-order-checkout .form-checkout .panel-address .address-list .active {
        border: 1px solid #0979e9;
        background: #f5faff
    }

    .page-order-checkout .form-checkout .panel-address .address-list .item label {
        display: block;
        padding: 15px 20px;
        cursor: pointer
    }

    .page-order-checkout .form-checkout .panel-address .address-list .item label .label-inner {
        display: block;
        padding-left: 24px;
        background: url("../images/checkbox_1.png") no-repeat left center;
        line-height: 22px;
        height: 22px
    }

    .page-order-checkout .form-checkout .panel-address .address-list .active label .label-inner {
        background-image: url("../images/checkbox_2.png")
    }

    .page-order-checkout .form-checkout .panel-address .address-list .item label input {
        position: absolute;
        top: -20px;
        left: -20px
    }

    .page-order-checkout .form-checkout .panel-address .address-list .item label .tools {
        display: none
    }

    .page-order-checkout .form-checkout .panel-address .address-list .item label .tools a {
        color: #777
    }

    .page-order-checkout .form-checkout .panel-address .address-list .item label .tools a:hover {
        color: #000
    }

    .page-order-checkout .form-checkout .panel-address .address-list .item label:hover .tools {
        display: inline-block
    }

    .page-order-checkout .form-checkout .panel-express .panel-body {
        padding: 10px
    }

    .page-order-checkout .form-checkout .panel-express .express-list ul {
        margin: 0
    }

    .page-order-checkout .form-checkout .panel-express .express-list ul li {
        padding: 0
    }

    .page-order-checkout .form-checkout .panel-express .express-list ul li .inner {
        padding: 10px
    }

    .page-order-checkout .form-checkout .panel-express .express-list ul li label {
        display: block;
        border: 1px solid #eee;
        background: #fff;
        padding: 10px;
        position: relative;
        overflow: hidden;
        text-align: center;
        height: 90px;
        line-height: 40px;
        cursor: pointer
    }

    .page-order-checkout .form-checkout .panel-express .express-list ul li label img {
        display: inline-block;
        height: 40px;
        max-width: 100%;
        vertical-align: middle;
        margin-bottom: 5px
    }

    .page-order-checkout .form-checkout .panel-express .express-list ul li label span {
        display: block;
        text-align: center;
        height: 22px;
        line-height: 22px
    }

    .page-order-checkout .form-checkout .panel-express .express-list ul li label input {
        position: absolute;
        top: -20px;
        left: -20px
    }

    .page-order-checkout .form-checkout .panel-express .express-list ul li.active label {
        border: 1px solid #0979e9
    }

    .page-order-checkout .form-checkout .panel-payment {
        font-size: 14px
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li {
        position: relative;
        overflow: hidden;
        border-bottom: 1px dashed #eee
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li:last-child {
        border-bottom: none
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li .inner {
        border: 1px solid #fff;
        background: #fff
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li.active .inner {
        border: 1px solid #0979e9;
        background: #f5faff
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li label {
        padding: 15px 20px;
        display: block;
        cursor: pointer
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li label .label-inner {
        display: block;
        padding-left: 24px;
        background: url("../images/checkbox_1.png") no-repeat left center;
        line-height: 22px;
        height: 22px
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li.active label .label-inner {
        background-image: url("../images/checkbox_2.png")
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li label input {
        position: absolute;
        top: -20px;
        left: -20px
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li label .payment-name {
        float: left;
        width: 120px;
        margin-right: 10px
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li label .payment-desc {
        display: block;
        overflow: hidden;
        color: #999
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li .payment-info {
        padding: 0 20px 15px 174px
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li .payment-info .img {
        overflow: hidden
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li .payment-info .img img {
        max-width: 100%
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li .payment-info .info {
        margin-top: 10px
    }

    .page-order-checkout .form-checkout .panel-payment .payment-list ul li .payment-info .info pre {
        padding: 0;
        margin: 0
    }

    .page-order-checkout .form-checkout .order-submit .price {
        margin: 15px 0;
        padding: 15px;
        background: #f7f7f7
    }

    .page-order-checkout .form-checkout .order-submit .price dl {
        font-size: 14px
    }

    .page-order-checkout .form-checkout .order-submit .price dl dt {
        float: left;
        width: 80%;
        text-align: right;
        line-height: 32px
    }

    .page-order-checkout .form-checkout .order-submit .price dl dd {
        float: left;
        width: 20%;
        text-align: right;
        line-height: 32px
    }

    .page-order-checkout .form-checkout .order-submit .price dl dd em {
        color: #f60;
        font-family: "Microsoft YaHei";
        font-weight: 700;
        font-size: 14px
    }

    .page-order-checkout .form-checkout .order-submit .price .needpay dt {
        font-weight: 700
    }

    .page-order-checkout .form-checkout .order-submit .price .needpay dd em {
        font-size: 18px;
        color: #e31b23;
        line-height: 30px
    }

    .page-order-checkout .form-checkout .order-submit .checkout-btns .link-back {
        height: 40px;
        line-height: 40px
    }

    .page-order-checkout .form-checkout .order-submit .checkout-btns .btn-submit {
        background-color: #f02830;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border: 0;
        height: 40px;
        line-height: 40px;
        padding: 0 40px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .page-order-details .price {
        font-family: Verdana, Arial;
        font-style: normal;
        font-weight: 400
    }

    .page-order-details .order-prompt {
        padding: 20px;
        background: #f1f8ee;
        border-top: 2px solid #7abd54;
        border-bottom: 1px solid #d7ebcb;
        color: #777
    }

    .page-order-details .order-prompt .inner {
        padding: 10px 0 10px 80px;
        background: url("/static/default/images/icon/icon_success_64.png") no-repeat left center
    }

    .page-order-details .order-prompt h3 {
        color: #7baa61;
        font-size: 18px;
        margin: 0
    }

    .page-order-details .order-prompt p {
        font-family: Tahoma, "Microsoft YaHei", Simsun
    }

    .page-order-details .order-prompt p em {
        font-size: 14px;
        font-weight: 700;
        font-style: normal
    }

    .page-order-details .panel-order-status .row {
        padding: 15px 0
    }

    .page-order-details .panel-order-status .row>.col {
        padding-bottom: 20px
    }

    .page-order-details .panel-order-status .order-sn {
        margin-bottom: 30px;
        text-align: center
    }

    .page-order-details .panel-order-status .order-status {
        font-size: 24px;
        font-weight: 700;
        color: #e4393c;
        margin-bottom: 30px;
        text-align: center
    }

    .page-order-details .panel-order-status .order-acts {
        text-align: center
    }

    .page-order-details .panel-order-status .order-process ol li {
        float: left;
        width: 50%;
        height: 130px;
        position: relative;
        color: #999;
        background: url("/static/default/images/order_process_bg.png") repeat-x left center
    }

    .page-order-details .panel-order-status .order-process ol li s {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 57px;
        left: 45%;
        background-color: #ccc;
        border-radius: 50%
    }

    .page-order-details .panel-order-status .order-process ol li dl {
        text-align: center;
        font-size: 14px
    }

    .page-order-details .panel-order-status .order-process ol li dl dt {
        padding-top: 10px;
        margin-bottom: 46px;
        line-height: 30px
    }

    .page-order-details .panel-order-status .order-process ol li dl dd {
        line-height: 22px;
        height: 44px;
        font-size: 12px
    }

    .page-order-details .panel-order-status .order-process ol li.active {
        color: #71b247
    }

    .page-order-details .panel-order-status .order-process ol li.active s {
        background-color: #71b247
    }

    .page-order-details .panel-order-info .row>.col {
        border-right: 0;
        margin-bottom: 15px;
        padding: 10px 15px
    }

    .page-order-details .panel-order-info .row>.col:last-child {
        border-right: 0
    }

    .page-order-details .panel-order-info h4 {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 15px 0
    }

    .page-order-details .panel-order-info dl {
        padding: 2px 0
    }

    .page-order-details .panel-order-info dl dt {
        float: left;
        width: 100px;
        line-height: 1.6
    }

    .page-order-details .panel-order-info dl dd {
        padding-left: 110px;
        line-height: 1.6
    }

    .page-order-details .order-total {
        margin: 15px 0;
        padding: 15px;
        background: #f7f7f7
    }

    .page-order-details .order-total dl {
        font-size: 14px
    }

    .page-order-details .order-total dl dt {
        float: left;
        width: 80%;
        line-height: 32px;
        text-align: right
    }

    .page-order-details .order-total dl dd {
        float: left;
        width: 20%;
        line-height: 32px;
        text-align: right
    }

    .page-order-details .order-total dl dd em {
        color: #f60;
        font-family: "Microsoft YaHei";
        font-weight: 700;
        font-size: 14px
    }

    .page-order-details .order-total .needpay dt {
        font-weight: 700
    }

    .page-order-details .order-total .needpay dd em {
        font-size: 18px;
        color: #e31b23;
        line-height: 30px
    }

    .page-order-pay .panel-order-info {
        border: 0
    }

    .page-order-pay .panel-order-info .panel-body {
        padding: 0
    }

    .page-order-pay .panel-order-info .panel-body .baseinfo {
        color: #777;
        border-top: 2px solid #7abd54;
        background-color: #f1f8ee;
        position: relative;
        padding: 30px 0 30px 165px
    }

    .page-order-pay .panel-order-info .panel-body .baseinfo .icon-success {
        position: absolute;
        top: 35px;
        left: 56px;
        display: inline-block;
        width: 72px;
        height: 72px;
        background: url(../images/icon/icon30.png) no-repeat center
    }

    .page-order-pay .panel-order-info .panel-body .baseinfo h3 {
        font-size: 18px;
        color: #7baa61;
        font-weight: 400;
        margin-bottom: 10px
    }

    .page-order-pay .panel-order-info .panel-body .baseinfo .prompt {
        margin-top: 15px
    }

    .page-order-pay .panel-order-info .panel-body .baseinfo .prompt em {
        font-family: Tahoma;
        font-size: 14px;
        font-weight: 700;
        font-style: normal
    }

    .page-order-pay .panel-order-info .panel-body .moreinfo {
        border-top: 1px solid #d7ebcb
    }

    .page-order-pay .panel-order-info .panel-body .moreinfo a {
        display: block;
        width: 120px;
        margin: -1px auto 0;
        text-align: center;
        height: 32px;
        line-height: 30px;
        background-color: #f1f8ee;
        border: 1px solid #d7ebcb;
        border-top-color: #f1f8ee;
        font-size: 12px;
        color: #649a45
    }

    .page-order-pay .order-pay {
        margin-top: 15px
    }

    .page-order-pay .order-pay .btn-submit {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border: 0;
        height: 40px;
        line-height: 40px;
        padding: 0 40px
    }

    @media(min-width: 768px) {
        .page-order-details .panel-order-status .order-process ol li {
            width: 20%
        }

        .page-order-details .panel-order-info .row>.col {
            min-height: 260px;
            border-right: 1px solid #e7eaec;
            margin-bottom: 0
        }
    }

    .page-inquiry .nav-tabs {
        border: 0;
        border-bottom: 2px solid #00A0E9;
        display: none;
    }

    .page-inquiry .nav-tabs>li {
        margin: 0 5px 0 0
    }

    .page-inquiry .nav-tabs>li>a {
        margin: 0;
        font-size: 14px;
        padding: 10px 30px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        background: #f4f4f4
    }

    .page-inquiry .nav-tabs>li.active>a,
    .page-inquiry .nav-tabs>li.active>a:focus,
    .page-inquiry .nav-tabs>li.active>a:hover {
        border: 0;
        background: #00A0E9;
        color: #fff
    }

    .page-inquiry .nav-tabs>li>a:hover {
        border: 0
    }

    .page-inquiry .inquiry-list>.inquiry-error {
        padding: 100px 0
    }

    .page-inquiry .inquiry-list>.inquiry-error>p {
        width: 320px;
        margin: 0 auto;
        height: 50px;
        line-height: 50px;
        padding-left: 60px;
        font-size: 16px;
        background: url("../images/error.png") no-repeat left center;
        margin-bottom: 20px
    }

    .page-inquiry .table-inquiry thead tr th {
        min-width: 110px
    }

    .page-inquiry .table-inquiry tr td s {
        display: none
    }

    .page-content .page-content-side {
        /*float:left;width:250px*/
    }

    .page-content .page-content-side dl {
        /*border:1px solid #e4e4e4;*/
        margin-bottom: 15px
    }

    .page-content .page-content-side dl dt {
        padding: 10px;
        font-weight: 700;
        background: #f2f2f2
    }

    .page-content .page-content-side dl dd {
        padding: 10px
    }

    .page-content .page-content-side dl dd ul li {
        padding: 6px 8px
    }

    .page-content .page-content-side dl dd ul li.active {
        background: #f5f5f5
    }

    .page-content .page-content-side dl dd ul li.active a {
        color: #00A0E9
    }

    .page-content .wrap-content .nav-page .list-group-item {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .page-content .wrap-content .nav-page .list-group-item.active,
    .page-content .wrap-content .nav-page .list-group-item.active:focus,
    .page-content .wrap-content .nav-page .list-group-item.active:hover {
        background-color: #1558b3;
        border-color: #1558b3;
        color: #fff
    }

    .page-content .wrap-content h1 {
        font-size: 20px;
        padding: 0 0 15px 0;
        margin: 0 0 15px 0;
        border-bottom: 2px solid #e4e4e4;
        font-weight: 400
    }

    .page-content .content-list {
        margin-bottom: 15px
    }

    .page-content .content-list .content-item {
        padding: 15px 0;
        border-bottom: 1px solid #e4e4e4
    }

    .page-content .content-list .content-item .thumb a {
        display: block;
        height: 120px;
        line-height: 120px;
        overflow: hidden;
        text-align: center
    }

    .page-content .content-list .content-item .thumb a img {
        max-width: 100%;
        height: 100%;
        vertical-align: middle
    }

    .page-content .content-list .content-item h3 {
        margin-bottom: 10px
    }

    .page-content .content-list .content-item h3 a {
        font-size: 18px;
        font-weight: 400
    }

    .page-content .content-list .content-item .pubtime {
        font-size: 14px;
        color: #888;
        margin-bottom: 10px
    }

    .page-content .content-list .content-item .desc {
        font-size: 12px;
        color: #555;
        height: 4em;
        line-height: 2em;
        overflow: hidden
    }

    .page-content-show .wrap-content-show h1 {
        font-size: 24px
    }

    .page-content-show .wrap-content-show .page-nav {
        height: 36px
    }

    .page-content-show .wrap-content-show .pubtime {
        font-size: 14px;
        color: #888;
        margin-bottom: 15px;
        line-height: 36px
    }

    .page-content-show .wrap-content-show .content {
        padding: 15px 0;
        min-height: 520px
    }

    .page-content-show .wrap-content-show .content p {
        margin: 0 0 10px;
        line-height: 1.6
    }

    .page-content-show .wrap-content-show .content-nav {
        padding-top: 15px;
        margin-bottom: 15px;
        border-top: 2px solid #e4e4e4
    }

    @media(max-width: 1200px) {
        .header .control .navigation {
            display: none
        }
    }

    @media(max-width: 480px) {
        .header .topbar .pull-left {
            display: none
        }

        .header .control-wrap {
            padding: 10px 0
        }

        .header .control .brandbar {
            width: auto
        }

        .header .control .brandbar .brand a {
            height: 40px;
            line-height: 40px
        }

        .header .control .brandbar .brand a img {
            height: 40px
        }

        .header .control .searchbar {
            width: 100%;
            padding: 0;
            margin-top: 10px
        }

        .header .control .navigation {
            display: none
        }

        .header .control .navigation.collapse.in {
            border-top: 2px solid #00A0E9;
            display: block;
            padding: 0;
            position: absolute;
            top: 60px;
            left: 0;
            width: 100%;
            background: #fff;
            z-index: 999
        }

        .header .control .navigation.collapse.in .catalog {
            width: 100%
        }

        .header .control .navigation.collapse.in .catalog .catalog-wrap .title a {
            padding: 15px
        }

        .header .control .navigation.collapse.in .catalog .catalog-wrap .catlist,
        catlist-index {
            width: 100%
        }

        .header .control .navigation.collapse.in .navlist {
            width: 100%
        }

        .header .control .navigation.collapse.in .navlist ul li {
            margin: 0;
            padding: 0 15px;
            width: 100%
        }

        .header .control .navbar-toggle {
            top: 0;
            right: 0;
            position: absolute;
            margin-top: 0;
            margin-bottom: 0;
            font-size: 16px
        }
    }

    @media (max-width: 480px) {
        .page-home .main-banner .swiper-mainbanner {
            height: 320px
        }

        .page-home .home-search .form-search {
            display: block
        }

        .page-home .home-search .form-search .search-field {
            margin-bottom: 10px
        }

        .page-home .home-search .form-search .search-upload {
            display: block;
            padding-left: 0;
            margin-left: 0;
            border-left: 0
        }

        .page-home .home-search .form-search .search-upload .btn {
            display: block;
            width: 100%
        }

        .page-home .features-sec .row .col {
            margin-bottom: 15px
        }

        .page-home .about-sec .about-img {
            display: none
        }

        .page-home .home-service .part-txt h3 {
            font-size: 22px
        }

        .page-home .home-service .part-txt h2 {
            font-size: 32px
        }

        .footer .footer-upper .row>div {
            margin-bottom: 30px
        }

        .page-prod-list .prod-list .data-view .view-table {
            display: none !important
        }

        .page-prod-list .prod-list .data-view .view-list {
            display: block !important
        }

        .page-prod-list .filter-list .filter-item dl {
            margin-right: 0
        }

        .page-prod-list .filter-list .filter-item dl dt {
            float: inherit;
            width: 100%;
            text-align: left;
            padding-right: 80px
        }

        .page-prod-list .filter-list .filter-item dl dd {
            margin-left: 0
        }

        .page-prod-list .filter-list .filter-item dl dd ul li {
            padding: 4px 0
        }

        .page-prod-detail .panel-procurement {
            position: relative;
            width: 100%;
            right: 0
        }

        .page-prod-list .layui-layer-page {
            width: 90% !important
        }

        .page-prod-detail .layui-layer-page {
            width: 90% !important
        }

        .page-cart .panel-cart .cart-summary .btn-submit {
            width: 100%;
            margin: 0
        }

        .page-cate-list .col-md-3 {
            display: none
        }

        .page-brand-list .brand-list {
            margin-top: 80px
        }

        .layui-layer {
            width: 100% !important
        }

        .page-prod-list .prod-list .data-view .view-list .prod-item .prod-tools .tool-item .btn {
            background: #00A0E9
        }

        .page-prod-detail .panel-relate-prod ul li {
            width: 50%
        }

        .page-prod-detail .panel-prod-detail .nav-tabs li {
            width: 25%
        }

        .page-prod-detail .panel-prod-detail .nav-tabs li a {
            font-size: 12px;
            overflow: hidden
        }

        .page-prod-detail .panel-prod-detail .tab-pane-attrs dl dt {
            width: 50%
        }

        .page-prod-detail .panel-prod-detail .tab-pane-attrs dl dd {
            width: 50%
        }

        .page-prod-detail .tab-pane-shipping .table colgroup col:first-child {
            width: 120px !important
        }

        .page-prod-detail .tab-pane-payment .table colgroup col:first-child {
            width: 120px !important
        }

        .page-prod-detail .form-rfq-send .inner .form-fields dl {
            width: 100%
        }

        .page-prod-detail .form-rfq-send .inner .form-fields .message {
            width: 100%
        }

        .page-prod-detail .form-rfq-send .inner .form-fields .captcha-field {
            width: 60%
        }

        .page-prod-detail .form-rfq-send .inner .form-fields .button {
            width: 40%
        }

        .page-prod-detail .form-rfq-send .inner .form-fields .button .btn-submit {
            font-size: 14px
        }

        .page-prod-detail .wrap-prod-detail .main-info .col-image {
            width: 100%
        }

        .page-prod-detail .wrap-prod-detail .main-info .col-info {
            width: 100%
        }

        .page-prod-detail .main-info .product-gallery {
            float: none
        }

        .page-prod-detail .main-info .baseinfo {
            padding-left: 0;
            width: 100%;
            padding-right: 0;
            margin: 0;
            margin-top: 140px
        }

        .header .control-fixed {
            height: auto
        }

        .header .control-fixed .toolbar {
            display: none
        }

        .header .control-fixed .navigation {
            height: auto
        }

        .header .control-fixed .navigation.collapse.in {
            top: 0px
        }

        .header .control-fixed.fixed {
            height: auto;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .header .control-fixed.fixed .navigation.collapse.in {
            top: 100px
        }

        .header .control-fixed.fixed .brandbar .brand a {
            height: 40px;
            line-height: 40px;
            padding: 0
        }

        .header .control-fixed.fixed .brandbar .brand a img {
            height: 40px
        }

        .header .control-fixed.fixed .searchbar {
            padding-top: 0
        }

        .page-home .floor.floor-cat-procuts .prod-list li {
            width: 50%
        }

        .page-home .floor.floor-brands .brand-list-rec li {
            width: 50%
        }

        .page-home .banner-bottom .list .item {
            width: 100%
        }

        .page-home .banner-bottom .list .item .inner {
            border-right: 0;
            margin-bottom: 15px
        }

        .page-home .section-brands {
            display: none
        }
    }

/* Specifications attribute table */
.tab-pane-attrs .table-attrs {
    margin-bottom: 0;
}
.tab-pane-attrs .table-attrs th,
.tab-pane-attrs .table-attrs td {
    padding: 10px 14px;
    font-size: 13px;
    vertical-align: middle;
}
.tab-pane-attrs .table-attrs thead th {
    background: #f7f9fc;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #e0e0e0;
}
.tab-pane-attrs .table-attrs tbody tr:nth-child(even) {
    background: #fafbfc;
}
.tab-pane-attrs .table-attrs tbody td:first-child {
    color: #555;
    font-weight: 500;
}
.tab-pane-attrs .table-attrs tbody td:last-child {
    color: #333;
}

/* Ordering Guidelines tab pane */
.tab-pane-ordering .ordering-content {
    padding: 8px 4px;
}
.tab-pane-ordering .guideline-section {
    margin-bottom: 16px;
}
.tab-pane-ordering .guideline-section:last-child {
    margin-bottom: 0;
}
.tab-pane-ordering .guideline-section p {
    margin: 0;
    line-height: 1.8;
    color: #555;
    font-size: 14px;
    white-space: pre-line;
}

/* Side info blocks (right column) */
.side-info-block {
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.side-info-block h3 {
    margin: 0 0 12px 0;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    padding-bottom: 8px;
    border-bottom: 2px solid #f0f0f0;
}
.side-info-block .side-info-content {
    overflow: hidden;
}
.side-info-block .side-info-content.side-logo-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    align-items: center;
    justify-content: space-between;
}
.side-info-block .side-info-content .side-logo-img {
    flex: 1 1 0;
    min-width: 0;
    max-width: 70px;
    height: 32px;
    object-fit: contain;
    background: #fff;
    border-radius: 3px;
    padding: 2px;
    box-sizing: border-box;
    display: block;
}
.side-info-block .side-info-content.side-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.side-info-block .side-info-content.side-list .side-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px dashed #eee;
}
.side-info-block .side-info-content.side-list .side-item:last-child {
    border-bottom: none;
}
.side-info-block .side-info-content.side-list .side-item .side-text {
    flex: 1;
    font-size: 12px;
    color: #666;
    line-height: 1.5;
}
.side-info-block .side-note {
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #888;
    line-height: 1.5;
}
.side-info-block .side-info-content .row {
    margin: 0 -5px;
}
.side-info-block .side-info-content .row > [class*='col-'] {
    padding: 0 5px;
}
.side-info-block .side-info-content .card {
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
}
.side-info-block .side-info-content .card img {
    width: 100%;
    height: 60px;
    object-fit: cover;
}
.side-info-block .side-info-content .card .card-body {
    padding: 6px 4px;
}
.side-info-block .side-info-content .card .card-body h5 {
    margin: 0;
    font-size: 11px;
    color: #555;
}