.sbanner {background-image: url('../images/circuit/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 #006AFF66;}
.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;}

/* 租用服务 */
.lease-service-bottom { padding-top: 64px; color: #373737; }
.lease-service-bottom .card-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 27px; }
.lease-service-bottom .card-box .card-item { background-color: #fff; border-radius: 6px; box-shadow: 0 2px 8px #E4EAF3; overflow: hidden; }
.lease-service-bottom .card-box .card-item-title { display: flex; justify-content: space-between; align-items: center; }
.lease-service-bottom .card-box .card-item-title h3 { font-size: 22px; }
.lease-service-bottom .card-box .card-item-title .tag { font-size: 14px; color: #FF3939; padding: 4px 19px; background-color: #FFEBEB; border-radius: 4px; }
.lease-service-bottom .card-box .card-item-content { padding: 20px; }
.lease-service-bottom .card-box .card-item-content p { font-size: 16px; color: #355685; line-height: 1.6; padding-top: 19px; }
.lease-service-bottom .card-box .card-item-content ul { list-style: none; padding: 5px 0 0 0; margin: 0; }
.lease-service-bottom .card-box .card-item-content ul li { display: flex; justify-content: space-between; border-bottom: 1px solid #D8E1EE; padding-bottom: 10px; margin-top: 24px; }
.lease-service-bottom .card-box .card-item-content ul li .label { color: #949FAD; font-size: 16px; }
.lease-service-bottom .card-box .card-item-content ul li .text { font-size: 16px; }
.lease-service-bottom .card-box .card-item-content .btn-box { text-align: right; padding: 32px 0 12px 0; }
.lease-service-bottom .card-box .card-item-content .btn-box a { width: 64px; overflow: hidden; display: inline-flex; font-size: 16px; align-items: center; white-space: nowrap; transition: width 0.3s ease; }
.lease-service-bottom .card-box .card-item-content .btn-box a:hover { width: 84px; }
.lease-service-bottom .card-box .card-item-content .btn-box a .btn-content { display: flex; align-items: center; gap: 4px; color: #006AFF; }
.lease-service-bottom .card-box .card-item-content .btn-box a .btn-icon { width: 16px; height: 16px; background: url('../images/enter.png') no-repeat center; background-size: contain; }

/* 传输性能优势 */
.transmission-performance { position: relative; height: 1046px; background: url("../images/circuit/transmission-performance-bg.jpg") no-repeat; }
.transmission-performance-header .h2_title,
.transmission-performance-header .desc { color: #fff !important; }
.transmission-performance .location-box { display: flex; flex-direction: column; justify-content: space-between; height: 160px; width: 402px; position: absolute; top: 801px; left: 714px; padding: 32px; box-sizing: border-box; color: #fff; font-size: 16px; }
.transmission-performance .card-box { display: flex; flex-direction: column; position: absolute; top: 232px; left: 65%; height: 540px; width: 412px; }
.transmission-performance .card-box .card-item { display: flex; padding: 28px 24px; color: #fff; flex: 1; }
.transmission-performance .card-box .card-item img { width: 50px; height: 50px; margin-right: 16px; }
.transmission-performance .card-box .card-item .title { font-size: 24px; color: #fff; margin-bottom: 16px; line-height: 1; }
.transmission-performance .card-box .card-item .desc { font-size: 14px; color: #97A6DA; text-align: left; }

/* 服务优势 */
.advantage { padding-bottom: 0 !important; }
.advantage-bottom { color: #373737; padding-top: 48px; }
.advantage-bottom .advantage-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.advantage-bottom .grid-item { padding: 25px 36px 33px; box-sizing: border-box; border: 1px solid transparent; border-radius: 6px; text-align: center; box-shadow: 0 4px 12px 4px rgba(208, 225, 248, 0.4); }
.advantage-bottom .grid-item:hover { border: 1px solid #006AFF; }
.advantage-bottom .grid-item img { margin-bottom: 14px; }
.advantage-bottom .grid-item h3 { font-size: 22px; margin-bottom: 26px; }
.advantage-bottom .grid-item > div { height: 78px; font-size: 16px; line-height: 1.6; margin-bottom: 26px; color: #355685; text-align: left; }
.advantage-bottom .grid-item a { color: #006AFF; font-size: 16px; text-decoration: none; transition: all 0.3s; opacity: 0; }
.advantage-bottom .grid-item a .text { vertical-align: middle; }
.advantage-bottom .grid-item a .icon { display: inline-block; width: 22px; height: 22px; background-image: url('../images/enter-white.svg'); background-color: #006AFF; background-position: center center; background-repeat: no-repeat; border-radius: 50%; vertical-align: middle; }
.advantage-bottom .grid-item:hover a { opacity: 1; }

/* 典型应用场景 */
.scene-bottom { padding-top: 54px; color: #373737; }
.scene-bottom .inner { display: flex; gap: 10px; }
.scene-bottom .left-box { width: 350px; }
.scene-bottom .right-box {flex: 1;}
.scene-bottom .grid-container {display: grid;grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 10px;}
.scene-bottom .card-item { height: 283px; padding: 40px 30px 30px 30px; transition: all 0.3s; box-sizing: border-box; box-shadow: 0 4px 12px 2px rgba(233, 239, 248, 1);}
.scene-bottom .card-item[data-bg="scene-item-bg1"] {background-image: url('../images/circuit/scene-item-bg1.png');}
.scene-bottom .card-item[data-bg="scene-item-bg1"]:hover {background-image: url('../images/circuit/scene-item-bg1-active.png');}
.scene-bottom .card-item[data-bg="scene-item-bg2"] {background-image: url('../images/circuit/scene-item-bg2.png');}
.scene-bottom .card-item[data-bg="scene-item-bg2"]:hover {background-image: url('../images/circuit/scene-item-bg2-active.png');}
.scene-bottom .card-item[data-bg="scene-item-bg3"] {background-image: url('../images/circuit/scene-item-bg3.png');}
.scene-bottom .card-item[data-bg="scene-item-bg3"]:hover {background-image: url('../images/circuit/scene-item-bg3-active.png');}
.scene-bottom .card-item[data-bg="scene-item-bg4"] {background-image: url('../images/circuit/scene-item-bg4.png');}
.scene-bottom .card-item[data-bg="scene-item-bg4"]:hover {background-image: url('../images/circuit/scene-item-bg4-active.png');}
.scene-bottom .card-item .card-content { padding-right: 83px; }
.scene-bottom .card-title {font-size: 22px; margin-bottom: 21px;}
.scene-bottom .card-desc {font-size: 16px;color: #355685; line-height: 1.6; margin-bottom: 50px;}
/* 咨询按钮样式 */
.scene-bottom .card-btn { color: #006AFF;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;opacity: 0;transition: opacity 0.3s ease;}
.scene-bottom .card-btn .text {font-size: 16px;}
.scene-bottom .card-btn .icon {width: 16px;height: 16px;background: url('../images/enter.png') no-repeat center;background-size: contain;}
.scene-bottom .card-item:hover .card-btn {opacity: 1;}

/* 成功案例 */
.example { background: url("../images/circuit/example-bg.png") no-repeat; }
.example-bottom { padding-top: 27px; }

/* Tabs */
.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;gap: 40px;align-items: center; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left {flex: 1;max-width: 500px; }
.example-bottom .tabs-container .tab-content .tab-panel .case-right {flex: 1;text-align: right; }
.example-bottom .tabs-container .tab-content .tab-panel .case-right img {max-width: 100%;height: auto;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-features {margin-bottom: 32px; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-features .feature-item {display: flex;align-items: center; margin-bottom: 17px; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-features .feature-item img {width: 22px;height: 22px; margin-right: 12px; }
.example-bottom .tabs-container .tab-content .tab-panel .case-left .case-features .feature-item span {font-size: 14px;color: #355685; }
.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;}