.sbanner {background-image: url('../images/barefibre/banner.jpg');}
.sbanner h1{font-size: 26px;margin-bottom: 16px;}
.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;}

/* 关于裸光纤 */
.about { height: 813px; background: url("../images/barefibre/about-bg.png") no-repeat; }
.about-bottom { margin-top: 46px; }
.about-bottom .grid-container { display: inline-block; }
.about-bottom .info-box { background: url("../images/barefibre/about-icon.png") top left no-repeat; padding: 19px 0 0 25px; }
.about-bottom .info-box + .info-box { margin-top: 41px; }
.about-bottom .info-box .info-title { padding-bottom: 16px;font-size: 26px;}
.about-bottom .info-box .info-desc-box { display: flex; flex-direction: column; gap: 13px; }
.about-bottom .info-box .info-desc-box .info-desc-box-item:not(.no-icon) img { width: 28px; vertical-align: middle; }
.about-bottom .info-box .info-desc-box .info-desc-box-item:not(.no-icon) span { font-size: 14px; color: #355685; padding-left: 8px; line-height: 2; }
.about-bottom .info-box .info-desc-box .info-desc-box-item.no-icon {  padding-left: 36px;}
.about-bottom .info-box .info-desc-box .info-desc-box-item.no-icon span { font-size: 14px; color: #FF4A14; }
.about-bottom .info-box .info-desc-box .info-desc-box-item.no-icon a { color: #fff; font-size: 16px; padding-left: 36px; background-color: #006AFF; padding: 10px 40px; border-radius: 4px; transition: .3s;}
.about-bottom .info-box .info-desc-box .info-desc-box-item.no-icon a:hover { background-color: #4692FC; }

/* 裸纤与传统电路的区别 */
.diffrence-bottom { margin-top: 78px; }
.diffrence-bottom .inner { height: 388px;  background: url("../images/barefibre/difference-inner-bg.png") no-repeat; }
.diffrence-bottom .grid-container { display: flex; justify-content: space-between; gap: 432px; padding: 30px 24px; box-sizing: border-box; }
.diffrence-bottom .grid-container .info-box { display: flex; flex-direction: column; color: #006AFF; font-size: 14px; }
.diffrence-bottom .grid-container .info-box.gray { color: #949FAD; }
.diffrence-bottom .grid-container .info-box .title-box { display: flex; padding-bottom: 30px; }
.diffrence-bottom .grid-container .info-box .title-box > div { display: flex; flex-direction: column; justify-content: space-between; padding-left: 18px }
.diffrence-bottom .grid-container .info-box .title-box > div h2 { font-size: 22px; }
.diffrence-bottom .grid-container .info-box .desc-box { padding-left: 71px;  }
.diffrence-bottom .grid-container .info-box .desc-box p + p{ padding-top: 24px;  }
.diffrence-bottom .grid-container .info-box .desc-box .desc-box__icon{ padding-right: 8px; }

/* 适用场景 */
.scene-bottom { margin-top: 46px; }
.scene-bottom ul {
    height:600px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    align-content:space-between;
}
.scene-bottom li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:382px;
    height:288px;
    border-radius:8px;
    overflow:hidden;
    transition:all .6s;
}

.scene-bottom li:nth-child(1) {background-image: url("../images/barefibre/scene-item-bg-small1.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li:nth-child(2) {background-image: url("../images/barefibre/scene-item-bg-small2.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li:nth-child(3) {background-image: url("../images/barefibre/scene-item-bg-small3.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li:nth-child(4) {background-image: url("../images/barefibre/scene-item-bg-small4.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li:nth-child(5) {background-image: url("../images/barefibre/scene-item-bg-small5.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li:nth-child(6) {background-image: url("../images/barefibre/scene-item-bg-small6.png"); background-repeat:no-repeat; background-size:cover; }

.scene-bottom li .detail { height: 0px; transition: all .6s; }
.scene-bottom li .detail p { font-size: 22px; }

.scene-bottom li dt {
    width:66px;
    height:66px;
    margin:100px 0 14px 159px;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    transition:all .6s;
}
.scene-bottom li img {
    max-width:66px;
    max-height:66px;
    transition:all .6s;
}
.scene-bottom li b {
    display:block;
    font-weight:900;
    font-size:16px;
    line-height:26px;
    text-align:center;
    color:#FFF;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all .6s;
}
.scene-bottom li p {
    width:394px;
    max-height:104px;
    overflow:hidden;
    margin:0 42px 5px;
    font-size:14px;
    line-height:26px;
    color:#FFF;
    opacity:0;
    transition:all .3s;
}
.scene-bottom li a {
    display: inline-block;
    margin: 16px 42px 0;
    font-size:14px;
    line-height:26px;
    color:#FFF;
    opacity:0;
    transition:all .3s;
}
.scene-bottom li a span,
.scene-bottom li a img {
    vertical-align: middle;
}
.scene-bottom li a:hover {
    transform:translateX(8px);
}

/* 动画绑定类 */
.scene-bottom li.scene-item-active:nth-child(1) {background-image: url("../images/barefibre/scene-item-bg-large1.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li.scene-item-active:nth-child(2) {background-image: url("../images/barefibre/scene-item-bg-large2.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li.scene-item-active:nth-child(3) {background-image: url("../images/barefibre/scene-item-bg-large3.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li.scene-item-active:nth-child(4) {background-image: url("../images/barefibre/scene-item-bg-large4.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li.scene-item-active:nth-child(5) {background-image: url("../images/barefibre/scene-item-bg-large5.png"); background-repeat:no-repeat; background-size:cover; }
.scene-bottom li.scene-item-active:nth-child(6) {background-image: url("../images/barefibre/scene-item-bg-large6.png"); background-repeat:no-repeat; background-size:cover; }

.scene-bottom li.scene-item-active { width: 554px; }
.scene-bottom li.scene-item-active dt {width:48px; height:48px; margin:0px 0 16px 42px;}
.scene-bottom li.scene-item-active img {max-width:48px;max-height:48px;}
.scene-bottom li.scene-item-active b {font-weight:700;font-size:22px;line-height:31px;text-align:left;margin:0 42px 16px;}
.scene-bottom li.scene-item-active p {opacity:1;}
.scene-bottom li.scene-item-active a {opacity:1;}
.scene-bottom li.scene-item-collapse { width: 298px; }
.scene-bottom li.scene-item-collapse dt {margin:100px 116px 14px;}

/* 服务流程 */
.service-flow-bottom { margin-top: 46px; }
.service-flow-bottom .inner { position: relative; }
.service-flow-bottom .service-flow-grid { display: grid; grid-template-columns: 517px 166px 517px; }
.service-flow-bottom .service-flow-item { height: 157px; border-radius: 6px; box-sizing: border-box; }
.service-flow-bottom .service-flow-item.bg1 { background: url('../images/barefibre/service-flow-item1.png') no-repeat center; background-size: cover; }
.service-flow-bottom .service-flow-item.bg2 { background: url('../images/barefibre/service-flow-item2.png') no-repeat center; background-size: cover; }
.service-flow-bottom .service-flow-item.bg3 { background: url('../images/barefibre/service-flow-item3.png') no-repeat center; background-size: cover; }
.service-flow-bottom .service-flow-item.bg4 { background: url('../images/barefibre/service-flow-item4.png') no-repeat center; background-size: cover; }
.service-flow-bottom .service-flow-item.bg5 { background: url('../images/barefibre/service-flow-item5.png') no-repeat center; background-size: cover; }
.service-flow-bottom .service-flow-item.bg6 { background: url('../images/barefibre/service-flow-item6.png') no-repeat center; background-size: cover; }

.service-flow-bottom .service-flow-item h3 { font-size: 22px; font-weight: bold; }
.service-flow-bottom .service-flow-item p { font-size: 14px; color: #355685; padding-top: 14px; }
.service-flow-bottom .service-flow-item.left { padding: 24px 24px 24px 40px; }
.service-flow-bottom .service-flow-item.right { padding: 24px 40px 24px 24px; }
.service-flow-bottom .service-flow-item.left h3 { text-align: right; }
.service-flow-bottom .service-flow-item.right h3 { text-align: left; }
.service-flow-bottom .serial-number { display: flex; justify-content: center; align-items: center; background-image: linear-gradient(90deg, transparent 49%, #006AFF 50%,#006AFF 50%, transparent 51%); }
.service-flow-bottom .serial-number div { width: 72px; height: 72px; background-color: #006AFF; color: #fff; font-size: 40px; line-height: 72px; border-radius: 50%; font-family: 'DIN-BlackItalic'; text-align: center; }
.serial-number-modal { height: 100%; width: 157px; background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); position: absolute; left: 50%; transform: translateX(-50%);}