.sbanner {background-image: url('../images/overseasbandwidth/banner.jpg');}
.sbanner h1{font-size: 26px;}
.sbanner dd { padding-top: 13px; }
.sbanner .btn-box { display: flex; }
.sbanner a { box-shadow: 0px 4px 10px 0px #006AFF;}
.sbanner .plain-btn { background-color: transparent !important; color: #006AFF !important; border: 1px solid #006AFF; box-sizing: border-box; box-shadow: none; margin-left: 18px; }
div[id^="anchor"] {width: 100%;padding: 64px 0 84px 0;box-sizing: border-box;}
div[id^="anchor"] .h2_title {font-size: 28px;color: #355685;text-align: center;margin-bottom: 8px;}
div[id^="anchor"] .desc {font-size: 14px;color: #949FAD;text-align: center;line-height: 26px;}

/* 核心服务 */
.core-service { position: relative; height: 1552px; background: url("../images/overseasbandwidth/core-service-bg.png") no-repeat center center;}
.core-service .inner .desc a { color: #006AFF; }
.core-service-bottom { position: absolute; bottom: 87px; width: 100%; }
.core-service-bottom .inner { display:flex; flex-direction: column; gap: 34px; width: 1329px; }
.core-service-bottom .inner .tag-box { width: 436px; }
.core-service-bottom .inner .tag-box .tag-container { height: 40px; position: relative; left: 2px; overflow: hidden; border-radius: 6px 0px 0 0;}
.core-service-bottom .inner .tag-box .tag { padding: 0 78px 0 25px; background-color: #006AFF; border-radius: 6px 6px 0 0; transform: skew(30deg); position: absolute; left: -12px; }
.core-service-bottom .inner .tag-box .tag span { color: #fff; font-size: 18px; line-height: 40px; font-weight: bold; transform: skew(-30deg); display: inline-block; }
.core-service-bottom .inner .inner-card.range { display: flex; flex-direction: column; justify-content: space-around; width: 100%; padding: 16px; box-sizing: border-box; border: 2px solid #fff; border-radius: 6px; background: linear-gradient(170deg ,#F4F6F8 0%, #FEFEFE 70%); box-shadow: 0px 6px 12px 2px #E4EAF3; }
.core-service-bottom .inner .inner-card.range li { display: flex; border-radius: 4px; padding: 14px 10px; box-sizing: border-box;  }
.core-service-bottom .inner .inner-card.range img { width: 19px; height: 19px; padding-right: 6px; }
.core-service-bottom .inner .inner-card.range span { font-size: 14px; color: rgba(53, 86, 133, 1); }
.core-service-bottom .inner .inner-card.range .title { font-size: 18px; line-height: 1.2; color: rgba(55, 55, 55, 1); font-weight: bold; padding-right: 16px; }
.core-service-bottom .inner .inner-card.range .detail { display: none; font-size: 14px; color: #355685; line-height: 1.85; padding-top: 8px; }
.core-service-bottom .inner .inner-card.range li.active { height: 139px; box-shadow: 8px 4px 10px 2px #DEE5F0 inset; background-image: linear-gradient(170deg ,#E4EAF3 0%, #F7F9FC 70%); }
.core-service-bottom .inner .inner-card.range li.active .detail { display: block; }
.core-service-bottom .inner .inner-card.info .info-features { display: flex; gap: 32px; }
.core-service-bottom .inner .inner-card.info .feature-card { flex: 1; border-radius: 6px; box-shadow: 0 6px 12px 2px #E4EAF3; background-color: #fff; overflow: hidden; }
.core-service-bottom .inner .inner-card.info .feature-card .card-header { position: relative; height: 215px; }
.core-service-bottom .inner .inner-card.info .feature-card .card-header .header-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.core-service-bottom .inner .inner-card.info .feature-card .card-header .header-content { position: relative; z-index: 2; padding: 46px 24px 24px; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.core-service-bottom .inner .inner-card.info .feature-card .card-header h3 { font-size: 20px; color: #373737; font-weight: bold; padding-bottom: 14px; }
.core-service-bottom .inner .inner-card.info .feature-card .card-header p { font-size: 14px; color: #355685; line-height: 1.85; margin-bottom: 16px; padding-right: 64px; }
.core-service-bottom .inner .inner-card.info .feature-card .card-header .tag { display: inline-block; padding: 9px 25px; border-radius: 4px; font-size: 12px; color: #fff; }
.core-service-bottom .inner .inner-card.info .feature-card .card-header .tag.red { background-color: #FFE5DD; color: #FF4A14; }
.core-service-bottom .inner .inner-card.info .feature-card .card-header .tag.green { background-color: #D2FEDE; color: #2EB921; }
.core-service-bottom .inner .inner-card.info .feature-card .card-features { padding: 46px 38px; }
.core-service-bottom .inner .inner-card.info .feature-card .feature-item { display: flex; align-items: flex-start; margin-bottom: 28px; }
.core-service-bottom .inner .inner-card.info .feature-card .feature-item:last-child { margin-bottom: 0; }
.core-service-bottom .inner .inner-card.info .feature-card .feature-item .feature-icon { margin-right: 16px; flex-shrink: 0; }
.core-service-bottom .inner .inner-card.info .feature-card .feature-item h4 { font-size: 22px; color: #373737; line-height: 1.5; font-weight: bold; }
.core-service-bottom .inner .inner-card.info .feature-card .feature-item p { font-size: 16px; color: #355685; line-height: 2; }

/* 核心优势 */
.core-advantage-bottom { padding-top: 37px; }
.core-advantage-bottom .inner { width: 1200px; display: flex; justify-content: center; }
.core-advantage-bottom .advantage-grid {
    display: grid; 
    grid-template-columns: repeat(3, 426px); 
    gap: 27px;
    margin: 0 auto;
}

.advantage-card {
    background: #fff;
    border-radius: 0 0 6px 6px;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 2px 8px 0 #E4EAF3;
    overflow: hidden;
}

.advantage-card .card-container {
    padding: 0 24px 24px;
    box-sizing: border-box;
}

.advantage-card .card-top-border {
    height: 4px;
    width: 100%;
    background-color: #fff;
    transition: background-color 0.3s ease;
    border-radius: 6px 6px 0 0;
}

.advantage-card:hover .card-top-border {
    background-color: #006AFF;
    border-radius: 2px;
}

.advantage-card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-top: 32px;
}

.advantage-card .card-header h3 {
    font-size: 22px;
    color: #373737;
    font-weight: bold;
    margin: 0;
}

.advantage-card .card-header .card-icon {
    width: 81px;
    height: 81px;
    flex-shrink: 0;
    transition: 0.3s ease;
}

.advantage-card:hover .card-header .card-icon {
    transform-origin: top center;
    opacity: 0;
    height: 30px;
}

.advantage-card .card-desc {
    font-size: 14px;
    color: #355685;
    line-height: 1.6;
    margin: 0 0 30px 0;
}

.advantage-card .card-features {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.advantage-card .card-features li {
    font-size: 14px;
    color: #949FAD;
    line-height: 1.8;
    position: relative;
    padding-left: 16px;
}

.advantage-card .card-features li:before {
    content: '●';
    font-size: 12px;
    color: #006AFF;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.advantage-card .card-buttons {
    display: flex;
    justify-content: space-between;
    gap: 26px;
    opacity: 0;
    transition: all 0.3s ease;
    height: 0;
}
.advantage-card .card-buttons a {
    padding: 12px 0;
    height: 46px;
    box-sizing: border-box;
}

.advantage-card:hover .card-buttons {
    opacity: 1;
    height: 46px;
}

.advantage-card .btn-primary {
    flex: 1;
    background: #006AFF;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #006AFF;
}

.advantage-card .btn-primary:hover {
    background: #4692FC;
    border-color: #4692FC;
}

.advantage-card .btn-secondary {
    flex: 1;
    background: transparent;
    color: #006AFF;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #006AFF;
}


/* 成功案例 */
.example { background: url("../images/overseasbandwidth/example-bg.png") no-repeat; }
.example-bottom { padding-top: 27px; }
.example-bottom .tabs-container { width: 1146px; margin: 0 auto; }
.example-bottom .tabs-container .tabs { width: 1043px; margin: 0 auto 64px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid rgba(202, 210, 221, 1); }
.example-bottom .tabs-container .tabs .tab { width: 143px; font-size: 22px; font-weight: bold; color: rgba(198, 200, 207, 1); text-align: center; padding: 16px 0; cursor: pointer; position: relative; transition: all 0.3s ease; }
.example-bottom .tabs-container .tabs .tab.active { color: rgba(0, 106, 255, 1);}
.example-bottom .tabs-container .tabs .tab.active::after { content: ''; position: absolute; bottom: 0px; left: 0; right: 0; height: 2px; background-color: rgba(0, 106, 255, 1); }
.example-bottom .tabs-container .tab-content { min-height: 200px; }
.example-bottom .tabs-container .tab-content .tab-panel { display: none; padding: 20px 0; font-size: 16px; color: #355685; line-height: 1.6; border-radius: 6px; padding: 43px 51px; box-sizing: border-box; box-shadow: 0 4px 12px 2px rgba(233, 239, 248, 1); background-color: #fff; }
.example-bottom .tabs-container .tab-content .tab-panel.active { display: block; }
.example-bottom .tabs-container .tab-content .tab-panel .case-content {display: flex; justify-content: space-between; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left { width: 450px; }
.example-bottom .tabs-container .tab-content .tab-panel .case-right { text-align: right; }
.example-bottom .tabs-container .tab-content .tab-panel .case-right img { border-radius: 6px; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-title {font-size: 24px;color: #373737;margin-bottom: 18px;font-weight: bold; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-solution {margin-bottom: 28px; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-solution h4 {font-size: 24px;color: #FF4A14; margin-bottom: 8px; font-weight: bold; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-solution p {font-size: 16px;color: #355685; line-height: 1.6; margin: 0; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-link a { width: 116px; overflow: hidden; display: inline-flex; align-items: center; white-space: nowrap; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-link a .btn-content { display: flex; align-items: center; gap: 4px; color: #006AFF; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-link a .btn-icon { width: 16px; height: 16px; background: url('../images/enter.png') no-repeat center; background-size: contain; opacity: 0; transition: opacity .3s; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-link a:hover .btn-icon { opacity: 1; }

/* 页面底部文字 */
.bottomtext {height: 180px;background: #132345 url('../images/bottom-bg1.png') no-repeat;text-align: center;}
.bottomtext .inner {height: 180px;}
.bottomtext h1 { font-size: 28px; color: rgba(55, 55, 55, 1); font-weight: 400; }
.bottomtext p { font-size: 16px; color: rgba(53, 86, 133, 1); font-weight: 400; }
.bottomtext a.more_detail {font-size:14px; color:#fff; border-radius:4px; padding:4px 20px 4px 30px; box-shadow: none;}