/* ====== 方案展厅 Banner start ====== */
.solutionhall-banner {
    margin: 0 auto;
    width: 1200px;
    color: #394d73;
    box-sizing: border-box;
    background: url('../img/solutionhall/banner.jpg') no-repeat 0 0;
    background-size: 1200px auto;
    position: relative;
    border-radius: 6px;
}

/* ---------- 上半部分 ---------- */
.solutionhall-banner .solutionhall-top {
    position: relative;
    width: 1200px;
    height: 325px;
    overflow: hidden;
}

.solutionhall-banner .solutionhall-img-left {
    width: 696px;
    height: 340px;
    display: block;
}

/* 标题 */
.solutionhall-banner .solutionhall-title-row {
    position: absolute;
    top: 69px;
    left: 30px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.solutionhall-banner .solutionhall-title-row .title-main {
    font-size: 24px;
    font-weight: 700;
    color: #394d73;
    line-height: 29px;
}

.solutionhall-banner .solutionhall-title-row .title-hot {
    font-size: 24px;
    font-weight: 700;
    color: #ff7800;
    line-height: 29px;
    transform: translateY(1px);
}

.solutionhall-banner .solutionhall-title-row .title-hot em {
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    display: inline-block;
}

.solutionhall-banner .solutionhall-sub-row {
    position: absolute;
    top: 118px;
    left: 30px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.solutionhall-banner .solutionhall-sub-row span {
    font-size: 20px;
    font-weight: 700;
    color: #394d73;
    line-height: 24px;
}

.solutionhall-banner .solutionhall-sub-row i {
    display: inline-block;
    width: 2px;
    height: 16px;
    background: #a9c4eb;
}

/* ---------- 下半部分 CTA ---------- */
.solutionhall-banner .solutionhall-bottom {
    display: flex;
    align-items: center;
    height: 160px;
    padding: 40px 30px;
    box-sizing: border-box;
    position: absolute;
    width: 1200px;
    top: 165px;
}

.solutionhall-banner .cta {
    width: 260px;
    height: 70px;
    border-radius: 10px;
    padding: 0 5px 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    box-sizing: border-box;
    transition: transform .2s;
    background: #fff;
    border: 1px solid #e1e5ee;
    color: #394d73;
    cursor: pointer;
    margin-right: 30px;
}

.solutionhall-banner .cta:hover {
    transform: translateY(-2px);
}

/*cta1 Start*/
.solutionhall-banner .cta1 .cta-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../img/solutionhall/small/ChatCenteredDots_Blue.svg') no-repeat 0 0;
}

.solutionhall-banner .cta1::after {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url('../img/solutionhall/big/ChatCenteredDots_Blue.svg') no-repeat 0 0;
    background-size: 60px 60px;
}

.solutionhall-banner .cta1:hover .cta-title::before,
.solutionhall-banner .cta1.on .cta-title::before {
    background: url('../img/solutionhall/small/ChatCenteredDots_White.svg') no-repeat 0 0;
}

.solutionhall-banner .cta1:hover::after,
.solutionhall-banner .cta1.on::after {
    background: url('../img/solutionhall/big/ChatCenteredDots_White.svg') no-repeat 0 0;
    background-size: 60px 60px;
}

/*cta1 End*/

/*cta2 Start*/
.solutionhall-banner .cta2 .cta-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../img/solutionhall/small/NotePencil_Blue.svg') no-repeat 0 0;
}

.solutionhall-banner .cta2::after {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url('../img/solutionhall/big/NotePencil_Blue.svg') no-repeat 0 0;
    background-size: 60px 60px;
}

.solutionhall-banner .cta2:hover .cta-title::before,
.solutionhall-banner .cta2.on .cta-title::before {
    background: url('../img/solutionhall/small/NotePencil_White.svg') no-repeat 0 0;
}

.solutionhall-banner .cta2:hover::after,
.solutionhall-banner .cta2.on::after {
    background: url('../img/solutionhall/big/NotePencil_White.svg') no-repeat 0 0;
    background-size: 60px 60px;
}

/*cta2 End*/

/*cat public Start*/
.solutionhall-banner .cta.on {
    background-image: linear-gradient(90deg, #0071dc 0%, #004f9a 100%);
    box-shadow: 4px 4px 10px 0 rgba(3, 63, 172, 0.2);
    color: #fff;
}

.solutionhall-banner .cta.on .cta-title {
    color: #fff;
}

.solutionhall-banner .cta.on .cta-sub::after {
    background: url('../img/solutionhall/arrow_white.svg') no-repeat 0 0;
}

/*cat public End*/

.solutionhall-banner .cta-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.solutionhall-banner .cta-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    color: #0071DC;
}

.solutionhall-banner .cta-sub {
    margin-top: 9px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
}

.solutionhall-banner .cta-sub::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/solutionhall/arrow_black.svg') no-repeat 0 0;
}

/* ====== 方案展厅 Banner end ====== */

/* ====== Tab Bar start ====== */
.core-tabbar {
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 8px;
    background: #f7f8fa;
    padding: 4px;
    margin: 20px auto 0;
    width: 1200px;
    height: 44px;
    box-sizing: border-box;
    z-index: 99;
}

.core-tabbar.isStuck .core-tab {
    box-shadow: 0px 2px 4px 0px #48546a0f !important;
}

.core-tabbar .core-tab {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    align-self: stretch;
    column-gap: 8px;
    width: 298px;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    justify-content: center;
    padding: 8px 0;
}

.core-tabbar .core-tab.t1::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../img/solutionhall/tab/t1.svg') no-repeat 0 0;
}

.core-tabbar .core-tab.t1.on::before {
    background: url('../img/solutionhall/tab/t1_on.svg') no-repeat 0 0;
}

.core-tabbar .core-tab.t2::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../img/solutionhall/tab/t2.svg') no-repeat 0 0;
}
.core-tabbar .core-tab.t2.on::before {
    background: url('../img/solutionhall/tab/t2_on.svg') no-repeat 0 0;
}

.core-tabbar .core-tab.t3::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../img/solutionhall/tab/t3.svg') no-repeat 0 0;
}
.core-tabbar .core-tab.t3.on::before {
    background: url('../img/solutionhall/tab/t3_on.svg') no-repeat 0 0;
}

.core-tabbar .core-tab.t4::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../img/solutionhall/tab/t4.svg') no-repeat 0 0;
}
.core-tabbar .core-tab.t4.on::before {
    background: url('../img/solutionhall/tab/t4_on.svg') no-repeat 0 0;
}

.core-tabbar .core-tab span {
    flex-shrink: 0;
    line-height: 19px;
    color: #394d73;
    font-size: 16px;
}

/* active state */
.core-tabbar .core-tab.on {
    border: 1px solid #e1e5ee;
    border-radius: 6px;
    box-shadow: 0px 2px 4px 0px #48546a0f;
    background: #ffffff;
}

.core-tabbar .core-tab.on span {
    color: #0071dc;
    font-weight: 500;
}

.core-tabbar .core-tab.on .core-tab-indicator {
    position: absolute;
    bottom: -2px;
    left: 71px;
    border-radius: 2px;
    background: #0071dc;
    width: 160px;
    height: 2px;
}

/* separators between tabs */
.core-tabbar .core-tab-line {
    position: relative;
    flex-shrink: 0;
    width: 0;
    height: 20px;
}

.core-tabbar .core-tab-line::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%) rotate(90deg);
    background: #cccccc;
    width: 20px;
    height: 1px;
}

/* ====== Tab Bar end ====== */

/* ====== 客户真实案例 start ====== */
.customerCase {
    padding: 40px 20px 30px 20px;
    border-radius: 6px;
    background: #F5F9FE;
    margin-top: 50px;
}

.customerCase-title {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
}

.customerCase .desc {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #394D73;
    margin-top: 10px;
    font-size: 14px;
}
/* ====== 客户真实案例 end ====== */

/* ====== 专家团介绍 start ====== */
.expert-intro {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 1200px;
    margin: 30px auto 0;
    box-sizing: border-box;
}

.expert-intro h2 {
    width: 100%;
    margin: 0 0 20px;
    line-height: 31px;
    color: #333333;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
}

.expert-intro-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #e1e5ee;
    border-radius: 6px;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    min-height: 131px;
}

.expert-intro-card-head {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    column-gap: 8px;
}

.expert-intro-icon {
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.expert-intro-title {
    line-height: 22px;    
    color: #333333;
    font-size: 18px;
    font-weight: 700;
}

.expert-intro-desc {
    margin: 12px 0 0;
    width: 354px;
    line-height: 21px;    
    color: #394d73;
    font-size: 14px;
}
/* ====== 专家团介绍 end ====== */

/* ====== 专家档案 start ====== */
.gansuanProfiles .expert-profiles {
    width: 1200px;
    margin: 40px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.gansuanProfiles .expert-chief-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
}

.gansuanProfiles .expert-chief-card {
    flex: 0 0 570px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 6px;
    background: #f5f9fe;
    padding: 20px 30px;
    box-sizing: border-box;
    min-height: 376px;
}

.gansuanProfiles .expert-chief-head {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding-right: 80px;
    box-sizing: border-box;
}

.gansuanProfiles .expert-chief-avatar {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    margin-right: 20px;
}

.gansuanProfiles .expert-chief-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding-top: 23px;
}

.gansuanProfiles .expert-chief-name {
    line-height: 22px;
    color: #333333;
    font-size: 18px;
    font-weight: 700;
}

.gansuanProfiles .expert-chief-role {
    margin: 10px 0 0;
    line-height: 17px;
    color: #0071dc;
    font-size: 14px;
    font-weight: 700;
}

.gansuanProfiles .expert-chief-divider,
.gansuanProfiles .expert-chief-divider-r {
    margin-top: 10px;
    border: 1px solid #e1e5ee;
    width: 510px;
}

.gansuanProfiles .expert-chief-divider-r {
    width: 550px;
}

.gansuanProfiles .expert-chief-divider-r + .expert-chief-list li:nth-child(1)::before,
.gansuanProfiles .expert-chief-divider-r + .expert-chief-list li:nth-child(2)::before,
.gansuanProfiles .expert-chief-divider-r + .expert-chief-list li:nth-child(3)::before {
    top: 20px;
}

.gansuanProfiles .expert-chief-list {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    align-self: stretch;
}

.gansuanProfiles .expert-chief-list li {
    position: relative;
    padding-left: 14px;
    line-height: 21px;
    color: #394d73;
    font-size: 14px;
    margin-top: 10px;
}

.gansuanProfiles .expert-chief-list li:first-child {
    margin-top: 0;
}

.gansuanProfiles .expert-chief-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 50%;
    background: #0071dc;
    width: 4px;
    height: 4px;
}

/* 专家代表 */
.gansuanProfiles .expert-rep-body {
    background: #f7f8fa;
    height: 566px;
}
.gansuanProfiles .expert-rep-section {
    width: 1200px;
    margin: 50px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;
    padding: 30px 0;
    box-sizing: border-box;
}

.gansuanProfiles .expert-rep-title {
    line-height: 24px;
    color: #333333;
    font-size: 20px;
    font-weight: 700;
}

.gansuanProfiles .expert-rep-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    margin-top: 30px;
    box-sizing: border-box;
    position: relative;
}

.gansuanProfiles .expert-rep-card {
    width: 287px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 6px;
    background: #ffffff;
    padding: 20px 20px 16px;
    box-sizing: border-box;
    min-height: 452px;
    position: absolute;
    top: 0;
    box-shadow: 4px 4px 30px 0 rgba(72, 84, 106, 0.08);
}

.gansuanProfiles .expert-rep-card:nth-child(2) {
    left: 303px;
}

.gansuanProfiles .expert-rep-card:nth-child(3) {
    left: 608px;
}

.gansuanProfiles .expert-rep-card:nth-child(4) {
    left: 913px;
}

.gansuanProfiles .expert-rep-card:nth-child(2):hover .expert-rep-field,
.gansuanProfiles .expert-rep-card:nth-child(3):hover .expert-rep-field,
.gansuanProfiles .expert-rep-card:nth-child(4):hover .expert-rep-field {
    display: block !important;
}

.gansuanProfiles .expert-rep-card:nth-child(2):hover .expert-rep-more,
.gansuanProfiles .expert-rep-card:nth-child(3):hover .expert-rep-more,
.gansuanProfiles .expert-rep-card:nth-child(4):hover .expert-rep-more {
    display: none !important;
}

.gansuanProfiles .expert-rep-card:nth-child(2):hover .expert-rep-field-value-clamp,
.gansuanProfiles .expert-rep-card:nth-child(3):hover .expert-rep-field-value-clamp,
.gansuanProfiles .expert-rep-card:nth-child(4):hover .expert-rep-field-value-clamp,
.gansuanProfiles .expert-rep-card:nth-child(2):hover .expert-rep-field-value-clamp2,
.gansuanProfiles .expert-rep-card:nth-child(3):hover .expert-rep-field-value-clamp2,
.gansuanProfiles .expert-rep-card:nth-child(4):hover .expert-rep-field-value-clamp2 {
    height: auto !important;
    overflow: visible !important;
    -webkit-line-clamp: none !important;
    display: block !important;
}

.gansuanProfiles .expert-rep-head {
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.gansuanProfiles .expert-rep-avatar {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.gansuanProfiles .expert-rep-name {
    color: #333333;
    font-size: 18px;
    font-weight: 749;
    margin-left: 20px;
}

.gansuanProfiles .expert-rep-fields {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 20px;
    row-gap: 14px;
}

.gansuanProfiles .expert-rep-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    row-gap: 2px;
}

.gansuanProfiles .expert-rep-field-label {
    align-self: stretch;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
}

.gansuanProfiles .expert-rep-field-value {
    line-height: 20px;
    color: #394d73;
    font-size: 13px;
    word-break: break-word;
}

.gansuanProfiles .expert-rep-field-value-clamp {
    display: -webkit-box;
    height: 79px;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.gansuanProfiles .expert-rep-field-value-clamp2 {
    display: -webkit-box;
    height: 41px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gansuanProfiles .expert-rep-more {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    column-gap: 4px;
    cursor: pointer;
    position: absolute;
    bottom: 13px;
    left: 110px;
}

.gansuanProfiles .expert-rep-more span {
    line-height: 14px;
    color: #777f98;
    font-size: 12px;
}

.gansuanProfiles .expert-rep-more img {
    width: 14px;
    height: 14px;
    overflow: hidden;
}
/* ====== 专家档案 end ====== */

/* ====== 严选方案商体系 start ====== */
.strictSelection {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 50px;
}

.strictSelection .title {
    margin-bottom: 30px;
    text-align: center;
    line-height: 31px;
    color: #333333;
    font-size: 26px;
    font-weight: 700;
}

.strictSelection-content {
    background: url('../img/solutionhall/bg.jpg') no-repeat 0 0;
    background-size: 1200px;
    overflow: hidden;
}

.strictSelection-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    border-radius: 6px;
    padding: 60px 30px 30px;
    box-sizing: border-box;
    gap: 20px;
}

.strictSelection-col-l {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    box-sizing: border-box;
}

.strictSelection-col-r {
    width: 560px;
    box-sizing: border-box;
    flex-shrink: 0;
}

.strictSelection-col-r .strictSelection-card {
    margin-top: 0;
}

.strictSelection-title {
    margin: 60px 0 0 30px;
    line-height: 24px;
    color: #333333;
    font-size: 20px;
    font-weight: 700;
}

.strictSelection-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 6px;
    background: #f5f9fe;
    padding: 30px;
    box-sizing: border-box;
}

.strictSelection-card-title {
    margin: 0;
    line-height: 22px;
    color: #0071dc;
    font-size: 18px;
    font-weight: 700;
}

.strictSelection-card-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 20px;
    row-gap: 14px;
}

.strictSelection-card-item {
    flex-shrink: 0;
    align-self: stretch;
    margin: 0;
    line-height: 20px;
    color: #394d73;
    font-size: 13px;
}

.strictSelection-card-label {
    line-height: 20px;
    color: #394d73;
    font-size: 13px;
    font-weight: 700;
}
/* ====== 严选方案商体系end ====== */

/* ====== 交易保障体系 start ====== */
.tradeGuarantee {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 50px;
}

.tradeGuarantee-title {
    margin: 0;
    text-align: center;
    line-height: 31px;
    color: #333333;
    font-size: 26px;
    font-weight: 700;
}

.tradeGuarantee-cards {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 30px;
    box-sizing: border-box;
}

.tradeGuarantee-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 570px;
    border-radius: 6px;
    background: #f7f8fa;
    padding: 30px;
    box-sizing: border-box;
}

.tradeGuarantee-card-head {
    display: flex;
    align-items: center;
    column-gap: 10px;
    align-self: stretch;
}

.tradeGuarantee-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #e5f1fc;
    padding: 3px;
    flex-shrink: 0;
}

.tradeGuarantee-card-icon img {
    width: 18px;
    height: 18px;
    overflow: hidden;
}

.tradeGuarantee-card-name {
    margin: 0;
    line-height: 19px;
    color: #333333;
    font-size: 16px;
    font-weight: 700;
}

.tradeGuarantee-card-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 16px;
    row-gap: 12px;
}

.tradeGuarantee-item {
    display: flex;
    align-items: center;
    align-self: stretch;
    column-gap: 10px;
}

.tradeGuarantee-dot {
    flex-shrink: 0;
    border-radius: 50%;
    background: #0071dc;
    width: 4px;
    height: 4px;
}

.tradeGuarantee-item p {
    flex-shrink: 0;
    margin: 0;
    line-height: 17px;
    color: #394d73;
    font-size: 14px;
}
/* ====== 交易保障体系 end ====== */