/* ====== 方案展厅 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;
    border-radius: 6px;
}

/* ---------- 上半部分 ---------- */
.solutionhall-banner .solutionhall-top {
    position: relative;
    width: 1200px;
    height: 339px;
    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;
    line-height: normal;
}

.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;
}

/* 亮点卡片 */
.solutionhall-banner .solutionhall-highlights {
    position: absolute;
    left: 30px;
    bottom: 20px;
    width: 990px;
    display: flex;
    justify-content: space-between;
}

.solutionhall-banner .hl-card {
    width: 240px;
    height: 111px;
    border-radius: 8px;
    background: #fff;
    padding: 16px;
    box-sizing: border-box;
}

.solutionhall-banner .hl-card .hl-num {
    font-size: 0;
    font-weight: 700;
    margin-bottom: 12px;
}

.solutionhall-banner .hl-card .hl-num span {
    font-size: 26px;
    font-weight: 700;
}

.solutionhall-banner .hl-blue .hl-num span {
    color: #004f9a;
}

.solutionhall-banner .hl-orange .hl-num span {
    color: #ff7800;
}

.solutionhall-banner .hl-green .hl-num span {
    color: #0aa45c;
}

.solutionhall-banner .hl-deepblue .hl-num span {
    color: #0071dc;
}

.solutionhall-banner .hl-card .hl-num em {
    font-style: normal;
    font-size: 18px;
    color: #333;
    margin-left: 4px;
}

.solutionhall-banner .hl-card .hl-desc {
    font-size: 13px;
    color: #394d73;
    line-height: 17px;
}

/* ---------- 下半部分 CTA ---------- */
.solutionhall-banner .solutionhall-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 160px;
    padding: 40px 30px;
    border-radius: 0 0 6px 6px;
    background-image: linear-gradient(87.2deg, #e3ecf3 0%, #eff7ff 101.48%);
    box-sizing: border-box;
}

.solutionhall-banner .cta {
    width: 360px;
    height: 80px;
    border-radius: 10px;
    padding: 0 14px 0 30px;
    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;
}

.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: 80px;
    height: 80px;
    background: url('../img/solutionhall/big/ChatCenteredDots_Blue.svg') no-repeat 0 0;
}

.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;
}

/*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: 80px;
    height: 80px;
    background: url('../img/solutionhall/big/NotePencil_Blue.svg') no-repeat 0 0;
}

.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;
}

/*cta2 End*/

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

.solutionhall-banner .cta3::after {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background: url('../img/solutionhall/big/TextAlignLeft_Blue.svg') no-repeat 0 0;
}

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

.solutionhall-banner .cta3:hover::after,
.solutionhall-banner .cta3.on::after {
    background: url('../img/solutionhall/big/TextAlignLeft_White.svg') no-repeat 0 0;
}

/*cta3 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 ====== */

/* ====== 技术方案专区 start ====== */
.tech-solution {
    margin: 20px auto 0;
    width: 1200px;
    box-sizing: border-box;
}

.tech-solution .tech-solution-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tech-solution .tech-solution-title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #222222;
    line-height: 29px;
}

.tech-solution .tech-solution-more {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 14px;
    color: #767f91;
    line-height: 17px;
    text-decoration: none;
}

.tech-solution .tech-solution-more img {
    width: 14px;
    height: 14px;
}

.tech-solution .tech-solution-list {
    margin-top: 20px;
    display: flex;
    gap: 30px;
}

.tech-solution .tech-card {
    width: 215px;
    border: 1px solid #e1e5ee;
    border-radius: 4px;
    background: #ffffff;
    padding: 9px 15px 13px;
    box-sizing: border-box;
    text-decoration: none;
    transition: box-shadow .2s;
}

.tech-solution .tech-card:hover {
    box-shadow: 4px 4px 10px 0 rgba(3, 63, 172, 0.08);
}

.tech-solution .tech-card-img {
    display: block;
    width: 185px;
    height: 185px;
    border-radius: 4px;
}

.tech-solution .tech-card-title {
    margin: 14px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    line-height: 19px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.tech-solution .tech-card-desc {
    margin-top: 6px;
    border-radius: 4px;
    background: #f7f8fa;
    padding: 5px;
    display: block;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tech-solution .tech-card-desc span {
    font-size: 12px;
    color: #5a6a84;
    line-height: 20px;
}

.tech-solution .tech-card-tags {
    margin-top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tech-solution .tech-card-tags span {
    font-size: 12px;
    color: #394d73;
    line-height: 20px;
    position: relative;
}

.tech-solution .tech-card-tags span::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 9px;
    background: #bebebe;
    margin: 0 3px;
    vertical-align: baseline;
}

.tech-solution .tech-card-tags span:last-child::after {
    display: none;
}

/* ====== 技术方案专区 end ====== */

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

.customerCase-title {
    width: 1200px;
    margin: 0 auto;
    font-size: 24px;
}
/* ====== 客户真实案例 end ====== */

/* ====== 招标专区 start ====== */
.biddingSpecialZone {
    width: 1200px;
    margin: 50px auto 40px;
    box-sizing: border-box;
    padding: 20px;
    background: #F7F8FA;
    border-radius: 6px;
}

.biddingSpecialZone .title {
    color: #222;
    font-size: 24px;
    margin-bottom: 20px;
}

.biddingSpecialZone .bid-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

.biddingSpecialZone .bid-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #f2f4f9;
    border-radius: 6px;
    background: #ffffff;
    padding: 0 0 11px 11px;
    width: 378px;
}

.biddingSpecialZone .bid-card-top {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    padding-left: 0;
}

.biddingSpecialZone .bid-card-label {
    margin: 13px 0 0;
    line-height: 17px;
    letter-spacing: 0;
    color: #5a6a84;
    font-size: 14px;
}

.biddingSpecialZone .bid-card-amount {
    margin: 12px 0 0 6px;
    line-height: 19px;
    letter-spacing: 0;
    color: #ff5300;
    font-size: 16px;
    font-weight: 700;
}

.biddingSpecialZone .bid-card-status {
    display: flex;
    align-items: center;
    margin-left: auto;
    border-radius: 0 6px;
    background: rgba(38, 122, 3, 0.1);
    padding: 7px 11px 6px 13px;
    line-height: 17px;
    letter-spacing: 0;
    color: #267a03;
    font-size: 14px;
}

.biddingSpecialZone .bid-card-status-ff5300 {
    background: #FFEEE5;
    color: #FF5300;
}

.biddingSpecialZone .bid-card-status-ea7d00 {
    background: #fdf2e5;
    color: #ea7d00;
}

.biddingSpecialZone .bid-card-status-333 {
    background: #f2f2f2;
    color: #333;
}

.biddingSpecialZone .bid-card-title {
    display: -webkit-box;
    margin: 10px 0 0;
    width: 354px;
    overflow: hidden;
    letter-spacing: 0;
    color: #333333;
    font-size: 14px;
    line-height: 17px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.biddingSpecialZone .bid-card-bottom {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    justify-content: space-between;
    margin-top: 10px;
    padding-right: 11px;
    padding-left: 0;
}

.biddingSpecialZone .bid-card-tags {
    display: inline-flex;
    align-items: center;
    column-gap: 20px;
}

.biddingSpecialZone .bid-card-tags .tag::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/solutionhall/Tag.svg') no-repeat 0 0;
    vertical-align: bottom;
    margin-right: 6px;
}

.biddingSpecialZone .bid-card-tags .mapPin::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/solutionhall/MapPin.svg') no-repeat 0 0;
    vertical-align: bottom;
    margin-right: 6px;
}

.biddingSpecialZone .bid-card-tag {
    display: inline-block;
    max-width: 110px;
    color: #5a6a84;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.biddingSpecialZone .bid-card-tag svg {
    width: 16px;
    height: 16px;
    overflow: hidden;
}

.biddingSpecialZone .bid-card-deadline {
    line-height: 14px;
    letter-spacing: 0;
    color: #999999;
    font-size: 12px;
}

.biddingSpecialZone .page-pagination a {
    background: #fff;
}
/* ====== 招标专区 end ====== */

/* ====== 技术方案专区 暂无数据 start ====== */
.tech-solution .no-data {
    width: 1200px;
    height: 81px;
    border-radius: 10px;
    background: #f5f9fe;
    text-align: center;
    margin-top: 20px;
    padding-top: 16px;
    box-sizing: border-box;
}

.tech-solution .no-data .p1,
.tech-solution .no-data .p2 {
    color: #777F98;
    font-size: 16px;
    font-weight: 749;
}

.tech-solution .no-data .p2 {
    font-weight: normal;
    margin-top: 4px;
}
/* ====== 技术方案专区 暂无数据 end ====== */