.banner-button{
    width: 176px;
    height: 50px;
    background: #2181F8;
    border: 0;
    color: #fff;
    font-family: PingFang SC;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 30px;
}
.banner-title{
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 500;
}
.banner-subtitle{
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 500;
}
.banner-description{
    font-size: 18px;
    color: #666;
}
.banner-text{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 29.2%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: inherit;
}
.jumbotron {
    padding: 0;
    position: relative;
    height: 590px;
    overflow: hidden;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    position: relative;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 全局容器样式 */
.container {
    width: 100%;
    max-width: 1280px;
    min-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

/* 步骤说明样式 */
.steps-box{
    width: 100%;
    margin-top: -130px;
    z-index: 5;
    position: relative;
    background: rgba(255,255,255,0.2);
}
.steps-container {
    width: 100%;
    max-width: 1280px;
    min-width: 1280px;
    height: 60px;
    margin: 0 auto;
    padding: 40px 15px;
    box-sizing: border-box;
    position: relative;
}
.step-item {
    width: 256px;
    position: absolute;
    text-align: left;
}
.step-item:nth-child(1) { left: 0; }
.step-item:nth-child(2) { left: 260px; }
.step-item:nth-child(3) { left: 500px; }
.step-item:nth-child(4) { left: 740px; }
.step-item:nth-child(5) { left: 980px; }

.step-title {
    font-size: 18px;
    font-weight: bold;
    color: inherit;
    width: 256px;
    margin-bottom: 10px;
}
.step-desc {
    font-size: 14px;
    color: #666;
    max-width: 200px;
    position: relative;
    top: -45px;
    left: 70px;
}
.step-top-box{
    width: 44px;
    height: 26px;
    /*background: linear-gradient( 180deg, #9AB7F8 0%, #2181F8 100%);*/
    border-radius: 2px 2px 2px 2px;
}
.step-bom-box{
    width: 30px;
    height: 26px;
    background: linear-gradient( 180deg, #CFE4FF 0%, #729CFA 100%);
    border-radius: 2px 2px 2px 2px;
    opacity: 0.4;
    margin-top: -10px;
    margin-left: 30px;
    z-index: 10;
    color: #fff;
}
.step-title-tl{
    position: relative;
    border-bottom: 1px solid #9DA5BA;
    padding-bottom: 5px;
    top: -45px;
    left: 70px;
}

/* 平台优势样式 */
.platform-advantages {
    width: 100%;
    padding: 40px 0;
    background: #fff;
    overflow: hidden;
    min-width: 1280px;
    padding-top: 30px;
    padding-bottom: 0px;
    /*margin-top: -50px;*/
}
.platform-advantages .container {
    width: 100%;
    max-width: 1280px;
    min-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}
.platform-title {
    text-align: center;
    margin-bottom: 30px;
}
.platform-title h2 {
    font-size: 28px;
    color: inherit;
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: 500;
}
.platform-title p {
    font-size: 14px;
    color: #666;
}
.advantages-list {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
    font-size: 0; /* 解决inline-block元素之间的空隙 */
    display: flex;
    justify-content: space-between;
    gap: 20px; /* 添加统一的间距 */
    box-sizing: border-box;
}

.advantage-item {
    width: 25%;
    text-align: center;
    height: 350px;
    /*padding: 20px;*/
    padding-top: 50px;
    /*background-size: 50% 55%;*/
    background-size: 90% 55%;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    border-radius: 0px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
}
/*.advantage-item h3 {*/
/*    font-size: 20px;*/
/*    color: inherit;*/
/*    margin-bottom: 10px;*/
/*    position: relative;*/
/*}*/
/*.advantage-item p {*/
/*    font-size: 14px;*/
/*    color: #666;*/
/*    line-height: 1.6;*/
/*    position: relative;*/
/*}*/
.advantage-item img {
    width: 150px;
    height: 150px;
    margin-top: -50px;
}
/* 热门回收样式 */
.hot-recycle {
    width: 100%;
    background: #fff;
    padding-top: 50px;
}
.hot-recycle-container{
    margin: 0 auto;
    width: 1280px;
    max-width: 1280px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}
.hot-recycle-img {
    display: none; /* 隐藏这个绝对定位的图片，因为它会影响居中布局 */
}
.hot-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E8E8E8;
    margin-top: 20px;
}
.hot-tabs .tab-item {
    padding: 15px 30px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    position: relative;
}
.hot-tabs .tab-item:hover {
    color: #5074C2;
}
.hot-tabs .tab-item.active {
    color: #5074C2;
    font-weight: 500;
}
.hot-tabs .tab-item.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #5074C2;
}
.hot-recycle-content {
    background-color: #f6f8fc;
    padding: 40px 0;
    padding-bottom: 40px;
    /* 移除固定高度，让高度自适应内容 */
}
.hot-title {
    margin-bottom: 15px;
    text-align: center;
}
.hot-title span {
    font-size: 18px;
    color: inherit;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
}
.hot-title span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 16px;
    background: #326CEE;
}
.hot-desc {
    color: #666;
    font-size: 14px;
    margin-bottom: 25px;
    text-align: center;
}
.hot-buttons {
    margin-bottom: 30px;
    text-align: center;
}
.hot-buttons button {
    padding: 8px 25px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    margin-right: 15px;
    transition: all 0.3s ease;
}
.hot-buttons .view-more {
    background: #fff;
    border: 1px solid #5074C2;
    color: #5074C2;
}
.hot-buttons .recycle-now {
    background: #2181F8;
    color: #fff;
    border: none;
}
/* 热门回收卡片一行5个 */
.card-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}
.hot-card-item {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

/* 回收流程卡片一行5个 */
.cards-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 一行5个 */
    gap: 24px;
    padding: 20px 10px; /* 左右各10px，和热门回收一致 */
}
.step-card-item {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}
.hot-card-item .card-info:hover {
    color: #5074C2;
}
.hot-card-item:hover {
    box-shadow: 0 8px 16px rgba(131,160,208,0.4);
}
.hot-card-item:hover .card-info h4,
.hot-card-item:hover {
    color: #5074C2;
}
.hot-card-item img {
    width: 130px;
    height: 120px;
    margin-right: 12px;
    object-fit: contain;
}
.card-info-h3 {
    font-size: 15px;
    color: #16181a;
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
    font-weight: 500;
    margin-bottom: 15px;
    text-overflow: ellipsis;
}
.card-info-btn{
    border: 1px solid #67ACC8;
    background: #F2F7FA;
    color: #67ACC8;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    padding-right: 73px;
    padding-left: 70px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.card-info, .card-info-h3 {
    text-align: left;
}
.card-info-p {
    color: #F3B171;
    font-size: 12px;
    background: #FEF4EC;
    border-radius: 5px 5px 5px 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 105px;
    text-align: center;
    margin-right: 10px;
    border: 1px solid #F2CDAC;
}

/* 移除热门回收的1280px媒体查询，保持固定布局 */


/* 行业资讯样式 */
.industry-news {
    width: 100%;
    padding: 50px 0;
    background: #F7FAFC;
}
.industry-news .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}
.news-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 40px;
}
.news-item {
    background: #fff;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.news-img {
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.news-item:hover .news-img img {
    transform: scale(1.1);
}
.news-info {
    padding: 20px;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
}
.news-info h3 {
    font-size: 16px;
    color: inherit;
    line-height: 1.5;
    margin-bottom: 10px;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-time {
    font-size: 14px;
    color: #666;
}

/* 移除行业资讯的1280px媒体查询，保持固定布局 */

/* 合作伙伴样式 */
.partners {
    width: 100%;
    padding: 50px 0;
    background: #fff;
}
.partners .container{
    padding-left: 0px;
    padding-right: 0px;
}
.partners-list {
    margin: 0 auto;
    max-width: 1268px;
}
.partners-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
    justify-items: center;
}
.partners-row img {
    width: 110px;
    height: 80px;
    object-fit: contain;
    transition: all 0.3s ease;
    background: #fff;
    margin: 0 auto;
    /*border: 1px solid #E8E8E8;*/
    /*border-radius: 2px;*/
}
/*.partners-row img:hover {*/
/*    transform: scale(1.15);*/
/*    box-shadow: 0 4px 16px rgba(0,0,0,0.10);*/
/*    z-index: 2;*/
/*}*/

/* 移除合作伙伴的1280px媒体查询，保持固定布局 */
@media screen and (max-width: 768px) {
    .partners-row {
        grid-template-columns: repeat(3, 1fr);
    }
    .partners-row img {
        width: 120px;
        height: 80px;
    }
}

/* 一站式服务样式 */
.one-stop-service {
    width: 100%;
    padding: 0;
    background: #272a2c;
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.service-content {
    display: flex;
    justify-content: space-between;
}
.service-left {
    width: 45%;
}
.service-left img {
    width: 100%;
    height: auto;
}
.service-right {
    width: 100%;
    padding: 30px 0;
}
.service-right h2 {
    font-size: 25px;
    margin-bottom: 20px;
    text-align: left;
}
.service-right p {
    font-size: 16px;
    margin-bottom: 40px;
    opacity: 0.8;
    text-align: left;
}
.service-data {
    display: flex;
    gap: 60px 70px;
    margin: 0 auto;
    /*width: 360px;*/
    padding-top: 20px;
}
.data-item {
    text-align: left;
}
.data-num {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}
.data-num span {
    font-size: 24px;
    margin-left: 5px;
}
.data-text {
    font-size: 14px;
    opacity: 0.8;
    width: 120px;
}
/* 步骤卡片样式 */
.step-cards {
    padding: 40px 0 0 0;
    /*margin-top: -115px;*/
    position: relative;
    z-index: 5;
    /*padding-top: 75px;*/
}

.cards-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background: #fff;*/
    padding-top: 20px;
    padding-bottom: 20px;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
}
.step-card-item {
    flex: 1;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    min-height: 70px;
    border-right: 1px solid #f0f0f0;
    background: #fff;
    padding: 20px;
    margin-right: 16px;
    border-right: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/*.step-card-item:hover {*/
/*    transform: translateY(-5px);*/
/*    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);*/
/*}*/

.step-card-item .card-icon {
    position: absolute;
    top: 40px;
    width: 50px;
    height: 50px;
}
.step-img{
    width: 60px;
    position: relative;
    top: 30px;
    left: 210px;
}

.step-card-item .card-content {
    padding-left: 30px;
    text-align: left;
}
.step-card-item-hr {
    width: 65px;margin-left: -35px;color: #9DA5BA;margin-top: -5px;
}
.step-card-item h3 {
    font-size: 18px;
    color: inherit;
    margin-bottom: 10px;
    white-space: nowrap;
    font-weight: 500;
    margin-left: -35px;
}

.step-card-item p {
    font-size: 14px;
    color: #6d7280;
    line-height: 1.5;
    white-space: nowrap;
}

/* 我们的一站式服务样式 */
.one-stop-service-section {
    width: 100%;
    padding: 50px 0;
    background: #F7FAFC;
    padding-bottom: 40px;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
}
.service-item {
    padding: 0px 25px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    width: 303px;
    height: 150px;
    background: #FFFFFF;
    box-shadow: 1px 4px 6px 0px rgba(131,160,208,0.3);
    display: flex;
    align-items: center;
    text-align: left;
    padding-top: 0px;
}

.service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.service-icon {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    margin-right: 20px;
}

.service-icon img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.service-content {
    text-align: center;
    /*padding: 15px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}

.service-content h3 {
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
}
.service-content p {
    margin: 0;
    word-wrap: break-word;
    word-break: normal;
    white-space: normal;
    line-height: 1.5;
    max-width: 100%;
    text-align: left;
}

.service-item:hover .service-content h3 {
    color: #5074C2;
}


.advantage-item-p {
    color: #6d7280;
    margin-top: 10px;
    font-size: 14px;
    padding-right: 20px;
    padding-left: 20px;
}
.advantage-item-h4 {
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    color: inherit;
    font-weight: 500;
}
.advantage-item:hover .advantage-item-h4 {
    color: #5074C2;
}
/*.advantage-item:hover .advantage-item-p {*/
/*    color: #5074C2;*/
/*}*/
.advantage-item:hover img {
    transform: translateY(-5px);
    /*box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/
}
/* 优势项目基础样式 */
.advantage-item:hover {
    transition: all 0.3s ease;
}
/* 优势项目基础样式 */
.advantage-item {
    position: relative;
    cursor: pointer;
    background-color: #F7FAFC;
    border-radius: 5px;
    margin-bottom: 40px;
    width: calc(25% - 15px); /* 修改为百分比宽度并减去间距 */
    padding: 30px 0;
    box-sizing: border-box;
    padding-top: 50px;
}
.partners-row-img-box{
    /*border: 1px solid #000;*/
    margin-bottom: 20px;
    /*margin-right: 9px;*/
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    width: 190px;
}
.partners-row-img-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}


/*行业咨询*/
.activity-section {
    width: 100%;
    background: #f6f8fc;
    padding: 60px 0 40px 0;
}
.activity-row {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    gap: 20px;
    /* 新增：保证与合作伙伴区域对齐 */
    width: 100%;
    box-sizing: border-box;
}
.activity-left {
    flex: 1;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.04);
    min-width: 420px;
    padding: 20px;
    padding-left: 0px;
    padding-right: 0px;
    /*margin-left: -8px;*/
}
.activity-title {
    font-size: 29px;
    font-weight: bold;
    margin-bottom: 30px;
    color: inherit;
    padding-left: 20px;
}
.activity-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 94%;
    padding-left: 10px;
}
.activity-list li a:hover {
    color: #5074C2;
}
.activity-list li {
    font-size: 14px;
    color: #222;
    padding: 10px 0;
    border-bottom: 1px dashed #e5e7eb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 20px;
}
.activity-list li:last-child {
    /*border-bottom: none;*/
}
.activity-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: flex-start;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.04);
    padding: 20px 0;
    min-width: 0;
}
.activity-right-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #111;
}
.activity-right-img {
    width: 90%;
    max-width: 420px;
    border-radius: 12px;
    object-fit: cover;
}
@media (max-width: 200px) {
    .activity-row { flex-direction: column; gap: 20px; }
    .activity-left, .activity-right { padding: 20px 10px; }
    .activity-title, .activity-right-title { font-size: 24px; }
}

.activity-list li:last-child {
    border-bottom: none;
}

/* 公告与行业资讯双卡片布局 */
.notice-news-section {
    width: 100%;
    background: #f6f8fc;
    padding: 40px 0 40px 0;
}
.notice-news-row {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    gap: 40px;
    justify-content: center;
    /* 新增：保证与合作伙伴区域对齐 */
    width: 100%;
    box-sizing: border-box;
}
.notice-card, .news-card {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06);
    min-width: 420px;
    max-width: 600px;
    padding: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.activity-left-group{
    width: 50%;
}
.activity-right-group{
    width: 50%;
}
.notice-title-h3{
    font-size: 28px;
    font-weight: 500;
}
.notice-title, .news-title {
    font-size: 29px;
    font-weight: 500;
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    width: 80%;
    box-sizing: border-box;
    letter-spacing: 2px;
}
.notice-list, .news-list {
    width: 92%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.notice-list li, .news-list li {
    font-size: 17px;
    color: #222;
    padding: 18px 0 18px 0;
    border-bottom: 1px dashed #e5e7eb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notice-list li:last-child, .news-list li:last-child {
    border-bottom: none;
}
.notice-list li a, .news-list li a {
    color: #222;
    text-decoration: none;
    transition: color 0.2s;
}
.notice-list li a:hover, .news-list li a:hover {
    color: #e64545;
}
@media (max-width: 1100px) {
    .notice-news-row {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
    .notice-card, .news-card {
        min-width: 0;
        width: 98%;
        max-width: 98%;
    }
}

/* 内联样式转换为CSS类 */
.user-dropdown {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000;
}

.step-card-desc-1 {
    margin-left: -105px;
}

.step-card-desc-2 {
    margin-left: -80px;
}

.step-card-desc-3 {
    margin-left: -40px;
}

.step-card-desc-4 {
    margin-left: -90px;
}

.step-img-50 {
    width: 50px;
}

.hot-card-item-rounded {
    background-color: #fff;
    border-radius: 5px;
}

.card-img-container {
    width: 100%;
    height: 130px;
    text-align: center;
}

.card-img {
    width: 80%;
    height: 150px;
    text-align: center;
}

.card-info-padded {
    padding-left: 15px;
}

/* 确保所有容器都保持1280px宽度 */
.container {
    width: 100%;
    max-width: 1280px;
    min-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

/* 热门回收容器确保1280px */
.hot-recycle-container {
    margin: 0 auto;
    width: 1280px;
    max-width: 1280px;
    box-sizing: border-box;
}

/* 活动区域确保1280px */
.activity-row {
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 10px;
    padding-left: 10px;
}

/* 合作伙伴确保1280px */
.partners-list {
    max-width: 1280px;
    margin: 0 auto;
}

/* 平台优势确保1280px */
.advantages-list {
    max-width: 1280px;
    margin: 0 auto;
}

/* 回收流程卡片一行4个，与热门回收对齐 */
.cards-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 一行4个，和回收流程卡片数量一致 */
    gap: 24px;
    padding: 0; /* 移除左右padding */
    width: 100%; /* 保证不超出container */
    box-sizing: border-box;
}
.step-card-item {
    margin: 0; /* 移除margin-right，使用gap控制间距 */
}