.content .swiper-pagination {
    position: relative;
    bottom: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}
.highlightsMain  .swiper-pagination, .highlightSwiper .swiper-pagination{
    display: block;
}
.content .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    margin: 40px 15px 0;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #dadada;
}
.content .swiper-pagination .swiper-pagination-bullet-active {
    background: #184997;
}
.content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 40px 15px 0;
}
.content .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
}
@media (max-width: 1200px) {
    .content .swiper-pagination {
        margin-top: 0.5rem;
    }
    .content .swiper-pagination .swiper-pagination-bullet {
        margin: 0.4rem 0.15rem 0;
        width: 0.18rem;
        height: 0.18rem;
    }
    .content .swiper-pagination.swiper-pagination-lock {
        margin-top: 0;
    }
    .content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0.4rem 0.15rem 0;
    }
}
/*新闻列表开始*/
.pageInfo {
    padding-bottom: 100px;
}
.linkBox {
    display: flex;
    align-items: center;
    padding-top: 25px;
    color: #999999;
}
.childLink {
    font-size: 16px;
    margin: 0 10px;
}
.homeImg {
    margin-right: 10px;
}
.listInfo {
    display: flex;
    flex-wrap: wrap;
}
.newsList {
    margin-left: 30px;
    background: #f9f9f9;
    width: calc((100% - 60px) / 3);
    margin-top: 50px;
}
.newsList:first-child,
.newsList:nth-child(3n+1) {
    margin-left: 0;
}
.newsListInfo {
    overflow: hidden;
    height: 290px;
    position: relative;
}
.newsListImg {
    height: 100%;
    transform: scale(1);
    transition: all 0.5s;
    background-size: cover!important;
}
.newsStatus {
    background: #737e84;
    color: #fff;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.newsStatus.curr {
    background: #de202a;
}
.newsBtn {
    padding: 30px 25px;
    overflow: hidden;
}
.newsBtnTitle {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.serverTitle {
    height: 60px;
    line-height: 30px;
    color: #333;
    font-size: 18px;
    text-align: justify;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-box;
    -ms-line-clamp: 2;
    -ms-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -o-box;
    -o-line-clamp: 2;
    -o-box-orient: vertical;
}
.serverText {
    font-size: 18px;
    color: #333;
    height: 280px;
    line-height: 30px;
}
.newsPub {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.serverPub {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.newsPubText {
    margin-left: 15px;
    color: #999;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsZpText {
    max-width: 150px;
}
.newsRight {
    width: 50px;
    height: 50px;
    float: right;
    margin-top: 10px;
    display: none;
}
.newsList:hover .newsListImg {
    transform: scale(1.1);
    transition: all 0.5s;
}
.newsList:hover .newsBtnTitle {
    color: #15499a;
}
/*新闻列表结束*/
/*分页*/
.page-items2 {
    margin-top: 70px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-item:first-child {
    border: 0;
    margin: 0;
    margin-right: 15px;
    background: url(../images/pageImg/left.png) center no-repeat;
}
.page-item,
.page-info {
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin: 0 15px;
    color: #999999;
    transition-duration: 0.5s;
}
.pagePart {
    display: flex;
    align-items: center;
}
.pagePart .page-info:first-child,
.pagePart .page-info:nth-child(2),
.pagePart .page-info:nth-child(3) {
    display: inline-block;
}
.page-item a,
.page-item span,
.page-info a,
.page-info span {
    color: #999999;
    transition-duration: 0.5s;
}
.page-item.active,
.page-item.active:hover,
.page-info.active,
.page-info.active:hover {
    border-color: #1f4f9d;
    color: #fff;
    background-color: #1f4f9d;
}
.page-item.active .page-link,
.page-info.active {
    color: #fff;
}
.page-item:last-child {
    border: 0;
    margin: 0;
    margin-left: 15px;
    background: url(../images/pageImg/right.png) center no-repeat;
}
.page-item:first-child:hover {
    background: #1f4f9d url(../images/pageImg/lefts.png) center no-repeat;
}
.page-item:hover,
.page-info:hover {
    background-color: #1f4f9d;
    color: #fff;
    border-color: #1f4f9d;
}
.page-item:last-child:hover {
    background: #1f4f9d url(../images/pageImg/rights.png) center no-repeat;
}
.page-item:hover a,
.page-info:hover a {
    color: #fff;
}
.page-item:last-child:hover a,
.page-item:first-child:hover a,
.page-item:last-child:hover span,
.page-item:first-child:hover span {
    color: #1f4f9d;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    width: 100%;
    height: 100%;
}
/*新闻详情开始*/
.newsDetail {
    background: #f9f9f9;
}
.newsInfo {
    margin-top: 70px;
    background: #fff;
    padding: 60px 80px;
    box-sizing: border-box;
}
.source {
    margin-right: 20px;
}
.new_xq .new_01 .title_box {
    line-height: 48px;
    font-size: 26px;
    text-align: center;
    color: #333;
}
.new_xq .new_01 .cen {
    padding: 20px 0 37px;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
    border-bottom: #e5e5e5 1px solid;
}
.new_xq .new_01 .cen .cen_box {
    display: flex;
    justify-content: center;
    line-height: 21px;
    color: #b5b5b5;
    font-size: 16px;
}
.new_xq .new_01 .cen .cen_box i {
    display: inline-block;
}
.new_xq .new_01 .cen .cen_box i.i1 {
    margin-right: 20px;
}
.new_xq .new_01 .cen .cen_box i.icon {
    padding: 0 28px;
    font-weight: normal;
    background: url(../images/icon/icon_83.png) left center no-repeat;
}
.new_xq .new_01 .cen span {
    display: inline-block;
    width: 39px;
    height: 21px;
    border-right: #c6c6c6 1px solid;
    cursor: pointer;
}
.new_xq .new_01 .cen span.big {
    background: url(../images/icon/icon_84.png) center no-repeat;
}
.new_xq .new_01 .cen span.big:hover,
.new_xq .new_01 .cen span.big.cur {
    background: url(../images/icon/icon_84s.png) center no-repeat;
}
.new_xq .new_01 .cen span.middle {
    background: url(../images/icon/icon_85.png) center no-repeat;
}
.new_xq .new_01 .cen span.middle:hover,
.new_xq .new_01 .cen span.middle.cur {
    background: url(../images/icon/icon_85s.png) center no-repeat;
}
.new_xq .new_01 .cen span.small {
    background: url(../images/icon/icon_86.png) center no-repeat;
}
.new_xq .new_01 .cen span.small:hover,
.new_xq .new_01 .cen span.small.cur {
    background: url(../images/icon/icon_86s.png) center no-repeat;
}
.new_xq .new_01 .cen span.cur {
    color: #1e6874;
}
.new_xq .new_01 .cen .share {
    display: inline-block;
    width: 20px;
    height: 21px;
    cursor: pointer;
    padding-left: 14px;
    background: url(../images/icon/icon_87.png) 14px center no-repeat;
}
.new_xq .new_01 .cen .share span {
    border-right: 0px;
}
.new_xq .new_01 .con_text .dow {
    margin-top: 40px;
    padding-top: 30px;
    border-top: #ececec 1px solid;
}
.new_xq .new_01 .con_text .dow .title_dow {
    display: flex;
    margin-bottom: 10px;
    font-size: 20px;
    color: #005fa3;
}
.new_xq .new_01 .con_text .dow .title_dow i {
    font-weight: bold;
}
.new_xq .new_01 .con_text .dow .title_dow em {
    font-weight: bold;
    color: #ff3030;
}
.new_xq .new_01 .con_text .dow p {
    font-size: 16px;
    cursor: pointer;
    word-wrap: break-word;
}
.new_xq .new_01 .con_text .dow p a {
    color: #000;
}
.new_xq .new_01 .text {
    font-size: 16px;
    line-height: 1.95em;
    color: #666;
    text-align: justify;
    min-height: 400px;
}
.new_xq .new_01 .text p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.95em;
    color: #666;
    text-align: justify;
}
.new_xq .new_01 .text span {
    font-size: 16px;
    line-height: 1.95em;
    color: #666;
    text-align: justify;
    font-family: "微软雅黑" !important;
}
.new_xq .new_01 .text img,
.new_xq .new_01 .text video {
    display: block;
    margin: 10px auto;
    width: auto !important;
    max-width: 80% !important;
    height: auto !important;
}
.new_xq .new_01 .text span,
.new_xq .new_01 .text i,
.new_xq .new_01 .text em,
.new_xq .new_01 .text a,
.new_xq .new_01 .text b {
    display: inline;
}
.new_xq .new_01 .text table {
    border-top: #000 1px solid;
    border-right: #000 1px solid;
    width: 100%;
}
.new_xq .new_01 .text table td {
    border-bottom: #000 1px solid;
    border-left: #000 1px solid;
    padding: 8px 0!important;
}
.new_xq .new_01 .text table td p {
    text-align: center;
    margin-bottom: 0;
}
.new_xq .new_01 .go_article {
    position: relative;
    padding-top: 40px;
    line-height: 24px;
    font-size: 18px;
    border-top: #e5e5e5 1px solid;
    margin-top: 55px;
}
.new_xq .new_01 .go_article .fl p {
    color: #666;
    float: left;
}
.new_xq .new_01 .go_article .fl span {
    float: left;
    margin-left: 10px;
    color: #333;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new_xq .new_01 .go_article .fl:hover p {
    color: #15499a;
}
.new_xq .new_01 .go_article .fl:hover span {
    color: #15499a;
}
.new_xq .new_01 .go_article .pos {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
    padding-left: 36px;
    color: #333;
    background: url(../images/icon/icon_75.png) left no-repeat;
}
.new_xq .new_01 .go_article .pos:hover {
    color: #15499a;
}
.new_xq .new_01 .go_article .fr span {
    float: left;
    margin-right: 10px;
    color: #333;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new_xq .new_01 .go_article .fr p {
    color: #666;
    float: right;
}
.new_xq .new_01 .go_article .fr:hover p {
    color: #15499a;
}
.new_xq .new_01 .go_article .fr:hover span {
    color: #15499a;
}
.related {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
}
.relatedInfo .newsBtn {
    background: #fff;
}
.relatedText {
    font-size: 30px;
    font-weight: bold;
}
.relatedMore {
    background: url("../images/pageImg/more.png") right no-repeat;
    padding-right: 15px;
    color: #999999;
    font-size: 18px;
}
.relatedMore:hover {
    color: #15499a;
    background: url("../images/pageImg/mores.png") right no-repeat;
}
/*新闻详情结束*/
/*视频点播开始*/
.newsForm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 45px;
}
.formLeft {
    display: flex;
    align-items: center;
}
.formRes {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-left: 35px;
}
.formRes span {
    color: #0b4da2;
    font-weight: bold;
    margin: 0 5px;
}
.formInput {
    width: 300px;
    height: 50px;
    border: 1px solid #ccc;
    padding: 0 25px;
    box-sizing: border-box;
    display: flex;
    background: #fff;
}
.formInput input {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 18px;
}
.formSearch {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.formRight {
    display: flex;
    align-items: center;
}
.clearBtn {
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    color: #999999;
    font-size: 18px;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    background: #fff;
}
.clearBtn:hover {
    color: #0b4da2;
    border: 1px solid #0b4da2;
}
.formSort {
    padding: 0 30px;
    height: 50px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: #fff;
    box-sizing: border-box;
}
.formSortBox {
    position: relative;
    margin-left: 30px;
}
.formSortPos {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    background: #fff;
    box-sizing: border-box;
    border-top: none;
    z-index: 3;
    display: none;
}
.formSortPosList {
    height: 50px;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-top: none;
    padding: 0 30px;
    color: #999;
    font-size: 14px;
    cursor: pointer;
}
.sortArrow {
    width: 16px;
    height: 8px;
    background: url("../images/icon/icon-2.png") center no-repeat;
    background-size: cover;
    margin-left: 20px;
}
.newsType {
    border: 1px solid #ccc;
    padding: 0 30px 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    background: #fff;
}
.newsTypeList {
    padding: 0 25px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    transition: all 0.5s;
    cursor: pointer;
}
.newsTypeList.curr,
.newsTypeList:hover {
    color: #fff;
    background: #0b4da2;
}
.videoBox {
    display: flex;
    flex-wrap: wrap;
}
.videoList {
    width: calc((100% - 50px) / 3);
    margin-top: 50px;
    background: #fff;
    margin-left: 25px;
    cursor: pointer;
    position: relative;
}
.videoList:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 3px;
    background: #1f4f9d;
    width: 0;
    transition: all 0.5s;
}
.videoList:hover:after {
    width: 100%;
}
.videoList:nth-child(3n+1) {
    margin-left: 0;
}
.videoList:hover i {
    transform: scale(1.05);
}
.videoList:hover .videoTitle {
    color: #1f4f9d;
}
.videoBg {
    height: 290px;
    position: relative;
    overflow: hidden;
}
.videoBg i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    background-size: cover!important;
}
.videoPlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}
.videoBtn {
    padding: 25px;
}
.videoBtnInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.videoBtnLeft {
    display: flex;
    align-items: center;
}
.videoBtnDateText {
    margin-left: 15px;
    color: #999;
    font-size: 18px;
}
.videoBtnDown {
    display: flex;
    align-items: center;

    display: none;
}
.videoBtnDownIcon {
    width: 21px;
    height: 21px;
    background: url("../images/icon/icon-4.png") center no-repeat;
    background-size: cover;
}
.videoBtnDownText {
    margin-left: 15px;
    font-size: 18px;
    color: #999;
}
.videoTitle {
    height: 60px;
    line-height: 30px;
    color: #333;
    font-size: 18px;
    text-align: justify;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-box;
    -ms-line-clamp: 2;
    -ms-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -o-box;
    -o-line-clamp: 2;
    -o-box-orient: vertical;
}
.videoList:hover .videoBtnDownIcon {
    background: url("../images/icon/icon-4s.png") center no-repeat;
    background-size: cover;
}
.videoList:hover .videoBtnDownText {
    color: #1f4f9d;
}
/*视频点播结束*/
/*展会活动开始*/
.exhibition {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
}
.newsMenu {
    width: 32%;
    margin-right: 35px;
}
.newsMenuList {
    border: 1px solid #ccc;
    margin-top: 30px;
    background: #fff;
}
.newsMenuList:first-child {
    margin-top: 0;
}
.newsMenuTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 35px;
    height: 75px;
    cursor: pointer;
}
.zlzxMenu .menuTypeTitle {
    color: #333;
}
.menuTypeTitle.active {
    color: #0b4da2;
}
.menuBtn {
    border-top: 1px solid #ccc;
}
.menuType {
    display: flex;
    align-items: center;
}
.menuTypeIcon {
    width: 24px;
}
.newsMenuTopRight {
    width: 16px;
    transition: all 0.5s;
    transform: rotate(-90deg);
}
.newsMenuTop.curr .newsMenuTopRight {
    transform: rotate(0);
}
.exhibition .newsForm {
    margin-top: 0;
}
.menuTypeTitle {
    margin-left: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #0b4da2;
}
.menuBtnList {
    line-height: 45px;
    padding-left: 74px;
    position: relative;
    padding-right: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.cri {
    border: 1px solid #ccc;
    width: 12px;
    height: 12px;
    border-radius: 2px;
}
.menuBtnListText {
    margin-left: 10px;
}
.menuBtnList.curr .cri {
    border: 1px solid #0b4da2;
    background: #0b4da2;
}
.menuBtnList.curr .menuBtnListText {
    color: #0b4da2;
}
.exhibiRight {
    flex: 1;
}
.exhibiRight .videoList {
    width: calc((100% - 25px) / 2);
}
.exhibiRight .videoList:nth-child(3n+1) {
    margin-left: 25px;
}
.exhibiRight .videoList:nth-child(2n+1) {
    margin-left: 0;
}
.exhibiRight .videoBtnDownIcon {
    width: 17px;
    height: 20px;
    background: url("../images/icon/icon-9.png") center no-repeat;
    background-size: cover;
}
.exhibiRight .videoBtnDownIcon {
    width: 17px;
    height: 20px;
    background: url("../images/icon/icon-9.png") center no-repeat;
    background-size: cover;
}
.exhibiRight .videoList:hover .videoBtnDownIcon {
    background: url("../images/icon/icon-9s.png") center no-repeat;
    background-size: cover;
}
.videoList:hover .videoBtnDownText {
    color: #1f4f9d;
}
.pop_video {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 102;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 1341px;
    background: #000;
}
.pop_video video {
    width: 100%;
}
.pop_video i {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_25.png) center no-repeat;
    cursor: pointer;
}
.pop_video_bac {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
/*展会活动结束*/
/*服务支持开始*/
.solutionSwiper {
    margin-top: 60px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
}
.solutionSwiperInfo{
    position: relative;
}
.solutionSwiperInfo .swiper-pagination{
    width: 100%;
    /*margin-top: 60px;*/
}
.solutionSwiper .swiper-button-prev, .solutionSwiper .swiper-button-next{
    width: 48px;
    height: 48px;
    margin-top: 0;
    transform: translateY(-50%);
}
.solutionSwiper .swiper-button-next.swiper-button-disabled, .solutionSwiper .swiper-button-prev.swiper-button-disabled{
    opacity: 0.5;
    pointer-events:auto;
    cursor:auto;
}
.solutionSwiper .swiper-button-prev{
    background: url(../images/pageImg/serveLefts.png) center no-repeat;
    background-size: cover;
}
.solutionSwiper .swiper-button-next{
    background: url(../images/pageImg/serveRights.png) center no-repeat;
    background-size: cover;
}
.serviceContBg {
    background: #f9f9f9;
}
.solutionTitle {
    font-size: 36px;
    padding-top: 90px;
    font-weight: bold;
}
.solutionList {
    position: relative;
    overflow: hidden;
    height: 450px!important;
}
.solutionList.curr .hoverSolut {
    opacity: 1;
}
.solutionList.curr .solitTypeList {
    margin-top: 30px;
}
.solutImg {
    width: 100%;
    height: 100%;
    position: relative;
}
.solutionList.curr .solutionInfo:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../images/icon/icon-25.png") center no-repeat;
    background-size: cover;
}
.solutImg i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
}
.hoverSolut {
    opacity: 0;
}
.solutionInfo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}
.solutIcon {
    width: 50px;
    margin-top: 70px;
    height: 60px;
}
.solutMoreImg {
    width: 6px;
}
.solitNum {
    color: #fff;
    font-size: 16px;
}
.solitTitle {
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
}
.solitType {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.solitTypeListTitle {
    color: #fff;
    font-size: 18px;
    margin-left: 10px;
}
.solutionBtn {
    position: absolute;
    top: calc(100% - 180px);
    transition: all 0.5s;
    z-index: 1;
}
.solutionList.curr .solutionBtn {
    top: 215px;
}
.solitTypeList {
    margin-top: 60px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.solutMore {
    display: flex;
    align-items: center;
    color: #fff;
    margin-top: 30px;
}
.solutMoreText {
    font-size: 16px;
    margin-right: 10px;
}
.solitTypeListCri {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}
.solutionSwiper .swiper-scrollbar {
    left: 0;
    width: 100% !important;
    background: #dcdcdc;
    bottom: 23px !important;
    height: 1px !important;
    min-width: 1200px;
}
.solutionSwiper .swiper-scrollbar-drag {
    top: 50%;
    margin-top: -23px;
    height: 47px;
    background: url(../images/index/icon-8.png) center no-repeat;
    background-size: 44px;
    cursor: pointer;
}
.system {
    margin-top: 100px;
    padding: 100px 0;
    background: url("../images/pageImg/serviceBg.png") center no-repeat;
}
.systemLeftInfo {
    display: flex;
    flex-wrap: wrap;
}
.systemTitle {
    font-size: 36px;
    font-weight: bold;
}
.systemLeftImg {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
.systemLeftText {
    margin-top: 20px;
}
.systemCon {
    width: 31.25%;
    position: relative;
}
.systemConPos {
    display: flex;
    align-items: center;
    justify-content: center;
}
.systemConList {
    position: absolute;
    top: 0;
    left: 0;
}
.systemBox {
    display: flex;
    align-items: center;
}
.systemLeftTitle {
    display: flex;
    align-items: center;
    color: #0b4da2;
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
}
.systemLeftTitle span {
    font-size: 18px;
}
.systemLeft {
    width: 35%;
    position: relative;
    display: flex;
}
.systemLeftMain {
    width: calc(100% - 25%);
}
.earthLeft {
    width: 17.2%;
    margin-top: 17%;
}
.systemLeftList {
    margin-top: 40px;
    position: relative;
    padding: 0 9%;
}
.systemLeftList:nth-child(3n) {
    padding-right: 0;
}
.systemLeftList:nth-child(3n+1) {
    padding-left: 0;
}
.systemLeftList:nth-child(3n):after {
    display: none;
}
.systemLeftList:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 18px;
    background: #0b4da2;
}
.systemRight {
    width: 34.56%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.systemRight .systemLeftInfo {
    justify-content: center;
}
.systemRight .systemLeftList:nth-child(2n):after {
    display: none;
}
.r1 {
    animation: qh 8s linear 0s infinite;
}
.r2 {
    animation: qw 8s linear 0s infinite;
}
.r3 {
    animation: qh 8s linear 0s infinite;
}
@keyframes qh {
    0% {
        transform: rotateZ(-360deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}
@keyframes qw {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(-360deg);
    }
}
.network {
    background: url("../images/pageImg/networkBg.png") center no-repeat;
    color: #fff;
    padding-bottom: 120px;
}
.networkTitle {
    padding-top: 90px;
    font-size: 36px;
}
.networkInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.networkListTop {
    display: flex;
}
.networkListTopNum {
    font-size: 48px;
}
.netMapBox {
    width: 62.5%;
    position: relative;
}
.networkLeft {
    width: 34.4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.networkLeftList {
    width: 40%;
    position: relative;
    margin-top: 50px;
}
.networkLeftList:first-child,
.networkLeftList:nth-child(2) {
    margin-top: 0;
}
.networkLeftList:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background: #fff;
    right: -23%;
}
.networkLeftList:nth-child(2n):after {
    display: none;
}
.networkListTopCom {
    font-size: 18px;
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.networkListTopCom em {
    margin-left: 5px;
}
.networkListBtn {
    margin-top: 20px;
}
.netPos {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00faf9;
}
.netpos1 {
    left: 5.9%;
    top: 50.2%;
}
.netpos2 {
    left: 6.7%;
    top: 34.8%;
}
.netpos3 {
    left: 8.5%;
    top: 65.5%;
}
.netpos4 {
    left: 8.2%;
    top: 25%;
}
.netpos5 {
    left: 12.5%;
    top: 57%;
}
.netpos6 {
    left: 12.6%;
    top: 25%;
}
.netpos7 {
    left: 14.3%;
    top: 57.9%;
}
.netpos8 {
    left: 17.2%;
    top: 28.7%;
}
.netpos9 {
    left: 14.2%;
    top: 18.6%;
}
.netpos10 {
    left: 14.7%;
    top: 69.6%;
}
.netpos11 {
    left: 14.7%;
    top: 51.5%;
}
.netpos12 {
    left: 17.05%;
    top: 40.7%;
}
.netpos13 {
    left: 19.1%;
    top: 37.6%;
}
.netpos14 {
    left: 24.3%;
    top: 37.6%;
}
.netpos15 {
    left: 27.1%;
    top: 42.4%;
}
.netpos16 {
    left: 33.2%;
    top: 47.2%;
}
.netpos17 {
    left: 33.2%;
    top: 54.4%;
}
.netpos18 {
    left: 39.4%;
    top: 49.9%;
}
.netpos19 {
    left: 88.5%;
    top: 57.8%;
}
.netpos20 {
    left: 89.6%;
    top: 54.4%;
}
.netpos21 {
    left: 87.9%;
    top: 77.7%;
}
.netpos22 {
    left: 87.9%;
    top: 84.8%;
}
.netpos23 {
    left: 95.4%;
    top: 64.1%;
}
.mapR {
    position: absolute;
}
.mapR-1 {
    left: 10%;
    top: 49%;
}
.mapR-2 {
    left: 30%;
    top: 45%;
}
.mapR-3 {
    left: 89%;
    top: 68%;
}
.mapR img:first-child {
    animation-delay: 1s;
}
.mapR img:nth-child(2) {
    animation-delay: 2.5s;
}
.mapR img:nth-child(3) {
    animation-delay: 4s;
}
.mapR img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 200px;
    animation: cir_out 5s linear infinite;
    animation-fill-mode: both;
}
.netPointed {
    position: absolute;
    left: 35%;
    top: 31.6%;
}
@keyframes cir_out {
    0% {
        transform: translate(-50%, -50%) scale(0.05);
        opacity: 1;
    }
    80% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0;
    }
}
.contactInfo {
    margin-top: 80px;
    padding-bottom: 100px;
}
.contactInfoImg {
    width: 24px;
}
.contactInfoTitle {
    font-size: 36px;
    font-weight: bold;
}
.contactInfoBox {
    margin-top: 60px;
    display: flex;
    align-items: center;
}
.contactInfoList {
    width: calc((100% - 45px) / 2);
    margin-left: 45px;
    height: 150px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 0 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.contactInfoList:first-child {
    margin-left: 0;
}
.contactFsContent{
    flex: 1;
}
.contactInfoText {
    margin-left: 20px;
    font-size: 20px;
    display: flex;
}
.contactInfoListBox{
    display: flex;
}
.threeSupportTop {
    display: flex;
    justify-content: center;
}
.supTop {
    width: 1px;
    margin: 0 auto;
}
.supBtn {
    width: 11px;
    margin: 0 auto;
    margin-top: 10px;
}
.threeSupportText {
    margin-top: 10px;
}
.threeSupportLeft {
    margin-top: 90px;
    width: 22.75%;
}
.threeSupportLeft img {
    width: 100%;
}
.threeSupportCont {
    width: 25%;
    display: flex;
    flex-direction: column;
}
.threeSupportRight {
    margin-top: 90px;
    width: 22.75%;
}
.threeSupportRight img {
    width: 100%;
}
.abilityNum {
    font-size: 20px;
    color: #0b4da2;
    font-weight: bold;
}
.abilityIc {
    font-size: 16px;
    color: #0b4da2;
    margin-left: 4px;
}
.supText {
    font-size: 20px;
    color: #0b4da2;
    text-align: center;
    line-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.abilityTop {
    display: flex;
}
.abilityBox {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 31px;
}
.threeSupportBtn {
    display: flex;
}
.threeSupportList {
    width: 30%;
}
.threeSupportList:nth-child(2) {
    width: 40%;
}
.abilityList {
    width: calc(100% / 3);
    position: relative;
}
.abilityText {
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    width: 68%;
    height: 42px;
}
.abilityBtn {
    position: relative;
    margin-top: 20px;
}
.abilityBtn img {
    width: 68%;
    height: 35px;
    margin: 0 auto;
}
.abilityBtnText {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    background: #0b4da2;
    font-size: 16px;
}
.review {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
}
/*服务支持结束*/
/*服务支持-服务体系-客户支持服务开始*/
.cusSupport {
    background: url("../images/icon/icon-26.png") center no-repeat;
    background-size: cover;
}
.cusSupportTitle {
    font-size: 36px;
    font-weight: bold;
    padding-top: 90px;
    text-align: center;
}
.cusSupportText {
    text-align: center;
    margin-top: 40px;
    font-size: 20px;
}
.cusInfoListIcon {
    width: 51px;
}
.cusInfoList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 90px;
}
.cusInfoListImg {
    width: calc((100% - 110px) / 2);
}
.cusInfoListMain {
    width: calc((100% - 110px) / 2);
}
.cusInfoListImg {
    height: 425px;
    overflow: hidden;
}
.cusInfoListImg i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.cusInfoListImg:hover i {
    transform: scale(1.05);
}
.cusInfoTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.cusInfoListTitle {
    font-size: 24px;
    color: #0b4da2;
    margin-top: 30px;
    font-weight: bold;
}
.cusNum {
    font-size: 160px;
    color: transparent;
    -webkit-text-fill-color: #fff;
    font-weight: 700;
    opacity: 0.4;
    -webkit-text-stroke: 1px #e8eeff;
    position: absolute;
    right: 0;
    bottom: -45px;
}
.cusInfoListText {
    font-size: 18px;
    color: #333;
    line-height: 38px;
    margin-top: 40px;
}
.cusInfoListMain .more{
    margin-top: 20px;
    display: flex;
}
.cusInfoListMain .more em{
    padding-right: 26px;
    font-size: 14px;
    color: #0b4da2;
    background: url(../images/zjpage/icon/icon_27s.png) right 4px no-repeat;
    background-size: 6px auto;
}
/*服务支持-服务体系-客户支持服务结束*/
/*以光为引智引未来开始*/
.optNet {
    padding-top: 100px;
    display: flex;
    align-items: center;
    position: relative;
}
.optNetLeft {
    width: calc(100% - 51.25%);
}
.optNetRight {
    width: 45%;
    margin-left: 6.25%;
    height: 465px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
}
.optNetTitleEn {
    font-size: 40px;
    color: #6ee3f9;
    opacity: 0.21;
    text-transform: uppercase;
    font-weight: bold;
}
.optNetTitleCn {
    font-size: 36px;
    font-weight: bold;
    margin-top: -22px;
}
.optNetRight:hover i {
    transform: scale(1.05);
}
.optNetRight i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.optNetRight .pos {
    width: 70px;
    position: absolute;
    cursor: pointer;
}
.optNetText p {
    margin-top: 30px;
    line-height: 28px;
    font-size: 18px;
}
.agenda {
    margin-top: 100px;
}
.agendaInfo {
    display: flex;
    margin-top: 50px;
}
.agendaInfo.pcImg img{
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}
.headImg {
    width: 216px;
    height: 216px;
    margin: 0 auto;
    background: url(../images/pageImg/headBg.png) center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.headImg:after {
    position: absolute;
    content: '';
    background: url("../images/pageImg/headB.png") center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.headImgPos {
    width: 80%;
    height: 90%;
    border-radius: 45%;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.agendaIcon {
    width: 25px;
}
.optNetInfo {
    background: url("../images/pageImg/agendaBg.png") center no-repeat;
    background-size: cover;
    padding-bottom: 100px;
}
.agendaBtn {
    background: url(../images/pageImg/headeBg.png) center no-repeat;
    background-size: 100% 100%;
    height: 480px;
    margin-top: -30%;
    padding: 30% 40px 50px;
    box-sizing: border-box;
    border-radius: 10px;
}
.agendaList {
    width: calc((100% - 10%) / 3);
    margin-left: 5%;
}
.agendaList:first-child {
    margin-left: 0;
}
.agendaDate {
    margin-top: 50px;
    display: flex;
    align-items: center;
}
.agendaDateText {
    font-size: 20px;
    margin-left: 10px;
}
.agendaTitle {
    margin-top: 30px;
    font-size: 24px;
    height: 70px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background-image: -webkit-linear-gradient(left, #1760ea, #09a0fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.name {
    margin-top: 40px;
    font-size: 24px;
    font-weight: bold;
}
.position {
    margin-top: 15px;
    font-size: 20px;
}
.relatedNews {
    margin-top: 100px;
}
.relatedList {
    background: #fff;
    border-radius: 10px;
    padding: 25px 25px 50px;
    box-sizing: border-box;
    position: relative;
}
.relatedList:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 0;
    background: #1e4e9d;
    transition: all 0.5s;
}
.relatedList:hover:after {
    width: 100%;
}
.relatedNewsSwiper {
    margin-top: 60px;
    position: relative;
    /*padding-bottom: 107px;*/
    overflow: hidden;
}
.relatedListImg {
    height: 288px;
    border-radius: 10px;
    overflow: hidden;
}
.relatedList:hover .relatedListImg i {
    transform: scale(1.05);
}
.relatedListImg i {
    height: 100%;
    width: 100%;
    transition: all 0.5s;
}
.relatedListDate {
    margin-top: 30px;
    font-size: 14px;
    color: #999999;
}
.relatedListText {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
    height: 56px;
    color: #333;
}
.relatedNewsSwiper .swiper-scrollbar {
    left: 50% !important;
    transform: translateX(-50%);
    width: 83.33% !important;
    background: #dcdcdc;
    bottom: 23px !important;
    height: 1px !important;
    min-width: 1200px;
}
.relatedNewsSwiper .swiper-scrollbar-drag {
    top: 50%;
    margin-top: -23px;
    height: 47px;
    background: url(../images/index/icon-8.png) center no-repeat;
    background-size: 44px;
    cursor: pointer;
}
/*以光为引智引未来结束*/
/*光网新时代开始*/
.eraInfo {
    background: url("../images/pageImg/eraBg.png") center no-repeat;
    background-size: cover;
    padding: 100px 0;
}
.eraTitle {
    position: relative;
    margin-left: -50px;
    display: flex;
    align-items: center;
}
.eraTitle img {
    width: 370px;
}
.eraTitle span {
    position: absolute;
    left: 50px;
    font-size: 36px;
    font-weight: bold;
}
.eraList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 170px;
}
.eraListDetail {
    width: 50%;
    height: 370px;
    background: #fff;
    border-radius: 10px;
    padding: 40px 50px 60px 50px;
    box-sizing: border-box;
}
.eraListImg {
    width: calc(50% - 50px);
    height: 370px;
    position: relative;
    background: url(../images/pageImg/eraListBg.png) center no-repeat;
    background-size: cover;
    padding: 0 40px 0 20px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    border-radius: 10px;
    box-sizing: border-box;
}
.eraListImgInfo {
    position: absolute;
    bottom: 0;
    left: 20px;
}
.eraListImgBox {
    margin-bottom: 50px;
    width: 22%;
}
.eraListImgName {
    font-size: 26px;
    color: #0052ba;
    padding-bottom: 20px;
    position: relative;
    font-weight: bold;
}
.eraListImgName:after {
    content: '';
    position: absolute;
    height: 2px;
    background: #0052ba;
    width: 40px;
    bottom: 0;
    left: 0;
}
.eraListImgCom {
    margin-top: 25px;
    color: #0052ba;
    line-height: 23px;
}
.eraListImgMajor {
    margin-top: 30px;
    color: #0052ba;
}
.eraListDetail {
    position: relative;
    overflow: hidden;
}
.eraListDetail:after {
    content: '';
    position: absolute;
    right: -30px;
    bottom: -40%;
    width: 300px;
    height: 258px;
    background: url(../images/pageImg/eraListBgIcon.png);
}
.eraListDetail:hover:after {
    background: url(../images/pageImg/eraListBgIcons.png);
}
.eraListDetailTitle i {
    width: 70px;
    height: 40px;
    background: rgba(77, 219, 252, 0.1);
}
.eraListDetailTitle span {
    font-size: 24px;
    font-weight: bold;
    margin-top: -20px;
    margin-left: 20px;
    color: #333;
}
.eraListDetailText {
    margin-left: 20px;
    margin-top: 30px;
    font-size: 18px;
    line-height: 30px;
}
.eraListDetailMore {
    margin-left: 20px;
    margin-top: 35px;
    display: flex;
    align-items: center;
    color: #999999;
}
.eraListDetailMoreIcon {
    width: 5px;
    height: 13px;
    background: url("../images/pageImg/eraListRight.png") center no-repeat;
    background-size: cover;
    margin-left: 10px;
}
.eraListDetail:hover .eraListDetailTitle span {
    color: #0052ba;
}
.eraListDetail:hover .eraListDetailMore {
    color: #0052ba;
}
.eraListDetail:hover .eraListDetailMoreIcon {
    background: url("../images/pageImg/eraListRights.png") center no-repeat;
}
.major_banner {
    height: 550px;
}
.major_banner .pic {
    height: 100%;
}
.major_banner .pic i {
    width: 100%;
    height: 100%;
}
/*光网新时代结束*/
/*联系我们开始*/
.posBox.concat b {
    text-align: center;
    font-size: 70px;
}
.concatInfo {
    background: #fbfbfb;
}
.concatIcon {
    padding:0 4px;
    width: 26px;
}
.concatIcon.ts{
    padding:0;
    width: 32px;
}
.concatLinkIcon {
    width: 21px;
    height: 21px;
    margin-left: 15px;
    background: url("../images/icon/icon-28s.png") center no-repeat;
    background-size: cover;
    cursor: pointer;
}
.concatLink:hover .concatLinkIcon {
    background: url("../images/icon/icon-28.png") center no-repeat;
    background-size: cover;
}
.concatBox {
    margin-top: 100px;
}
.concatBoxList {
    margin-top: 60px;
    padding-bottom: 70px;
    border-bottom: 1px solid #ededed;
}
.concatBoxList:first-child {
    margin-top: 0;
}
.concatBoxList:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.concatTitle {
    font-size: 36px;
    font-weight: bold;
    display: flex;
}
.concatTitleList {
    width: calc((100% - 40px) / 2);
    margin-left: 40px;
}
.concatTitleList:first-child {
    margin-left: 0;
}
.conProList {
    width: calc((100% - 40px) / 2);
    background: #fff;
    margin-top: 60px;
    margin-left: 40px;
    padding: 40px 40px;
    box-sizing: border-box;
}
.conProList:first-child {
    margin-left: 0;
}
.concatPubCont {
    display: flex;
    align-items: center;
}
.concatPubInfo {
    display: flex;
    flex-wrap: wrap;
}
.concatPubTitle {
    padding-bottom: 30px;
    position: relative;
    font-size: 24px;
    font-weight: bold;
    color: #0b4da2;
}
.concatPubTitle:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 1px;
    background: #ededed;
    width: 100%;
}
.concatPubCont {
    margin-top: 30px;
}
.notMargin .concatPubCont:first-child {
    margin-top: 0;
}
.concatText {
    margin-left: 25px;
    font-size: 16px;
    color: #333333;
    flex: 1;
}
.concatPubListTitle {
    font-size: 20px;
    margin-top: 30px;
    font-weight: 700;
}
.allmap {
    width: 100%;
    height: 100%;
}
.concatMap {
    margin-top: 90px;
}
.concatMapTitle {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 60px;
}
.contactMain {
    position: relative;
    height: 600px;
    display: flex;
    align-items: center;
}
.addressMain {
    position: absolute;
    width: 600px;
    left: calc((100% - 83.33%) / 2);
    background: url("../images/pageImg/mapTextBg.png") center no-repeat;
    background-size: cover;
    padding: 40px;
    box-sizing: border-box;
}
.addressMain h2 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 30px;
    position: relative;
}
.addressMain h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}
.mapBox {
    display: flex;
    margin-top: 30px;
}
.mapAddress {
    width: 26px;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}
.mapAddress img {
    width: auto;
}
.mapText {
    margin-left: 20px;
    font-size: 18px;
    color: #fff;
    display: flex;
}
.mapTextContent{
    flex: 1;
}
.postal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.postal .concatPubCont {
    margin-right: 30px;
}
.postal .concatPubCont:nth-child(2n) {
    margin-right: 0;
}
.concatLink {
    display: flex;
    align-items: center;
    width: calc(100% - 51px);
}
/*联系我们结束*/
/*资料中心开始*/
.dataType {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    border-top: 1px solid #ccc;
}
.dataType:first-child {
    margin-top: 0;
    border-top: 0;
}
.fileInfo {
    border: 1px solid #ccc;
    margin-top: 30px;
    padding-bottom: 70px;
    background: #fff;
}
.fileTop {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 3%;
    border-bottom: 1px solid #ccc;
}
.fileTop .fileType {
    font-weight: bold;
}
.fileType {
    width: 12%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fileType:first-child {
    width: 52%;
    text-align: left;
    justify-content: left;
}
.wordIcon {
    width: 44px;
}
.browseIcon {
    width: 15px;
}
.previewIcon {
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon-42.png") center no-repeat;
    background-size: cover;
}
.downloadIcon {
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon-43.png") center no-repeat;
    background-size: 100% auto;
}
.fileBtnList {
    display: flex;
    align-items: center;
    padding: 0 3%;
    margin-top: 30px;
}
.wordText {
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 59px);
    color: #666666;
}
.browsNum {
    margin-left: 5px;
    color: #666666;
}
.fileBtn .fileType {
    color: #666666;
}
.fileBtnList:hover .wordText {
    color: #204f9d;
}
.fileBtnList:hover .previewIcon {
    background: url("../images/icon/icon-42s.png") center no-repeat;
    background-size: cover;
}
.fileBtnList:hover .downloadIcon {
    background: url("../images/icon/icon-43s.png") center no-repeat;
    background-size: 100% auto;
}
.solveInfo {
    padding-left: 74px;
    padding-right: 20px;
    max-height: 400px;
    overflow: auto;
}
.solveList .solveList {
    margin-left: 25px;
}
.solvetBox,
.solveLastInfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 45px;
    width: 100%;
    cursor: pointer;
}
.solveIcon {
    width: 15px;
    height: 15px;
    background: url("../images/icon/icon-50s.png") center no-repeat;
    background-size: 100% 100%;
}
.solvetBox.curr .solveIcon {
    background: url("../images/icon/icon-50.png") center no-repeat;
    background-size: 100% 100%;
}
.solveText,
.solveLastText {
    margin-left: 10px;
}
.solveText.curr {
    color: #0b4da2;
}
.solveLastInfo.curr .cri {
    border: 1px solid #0b4da2;
    background: #0b4da2;
}
.solveLastInfo.curr .solveLastText {
    color: #0b4da2;
}
/*资料中心结束*/
/*关于烽火聚合页开始*/
.aboutBea {
    display: flex;
    position: relative;
}
.beaTitle {
    position: absolute;
    color: #fff;
    z-index: 1;
    width: 100%;
    top: 100px;
    font-size: 42px;
    font-weight: bold;
}
.aboutBeaList {
    width: 33%;
    height: 720px;
    position: relative;
    transition: all 0.8s;
}
.aboutBeaList.curr {
    width: 67%;
}
.aboutBeaIcon {
    width: 51px;
}
.aboutBeaBg {
    height: 100%;
}
.aboutBeaBg i {
    width: 100%;
    height: 100%;
}
.aboutBeaBox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0 10%;
    box-sizing: border-box;
}
.aboutBeaTitle {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}
.aboutBeaText {
    color: #fff;
    margin-top: 35px;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    display: none;
}
.aboutBeaList .aboutDescri {
    display: block;
    color: #fff;
    margin-top: 35px;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
}
.aboutBeaList.curr .aboutDescri {
    display: none;
}
.aboutBeaList.curr .aboutBeaText {
    display: block;
}
.overview {
    margin-top: 100px;
}
.overviewTitle {
    font-size: 36px;
    font-weight: bold;
}
.overviewMain {
    display: flex;
    align-items: center;
    margin-top: 70px;
}
.overviewImg {
    width: 42%;
    height: 313px;
    position: relative;
    overflow: hidden;
}
.overviewImg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: url(../images/pageImg/overviewImg.png) center no-repeat;
    background-size: 100% 100%;
    /*animation: ys 50s linear infinite;*/
}
.overviewImg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: url(../images/pageImg/overviewImg.png) center no-repeat;
    background-size: 100% 100%;
    /*animation: ys_box 50s linear infinite;*/
}
@keyframes ys {
    0% {
        transform: translate(0px);
    }
    49.99% {
        transform: translate(100%);
        opacity: 1;
    }
    50% {
        transform: translate(100%);
        opacity: 0;
    }
    50.01% {
        transform: translate(-100%);
        opacity: 0;
    }
    50.02% {
        transform: translate(-100%);
        opacity: 1;
    }
    100% {
        transform: translate(0px);
    }
}
@keyframes ys_box {
    0% {
        transform: translate(-100%);
        opacity: 1;
    }
    49.99% {
        transform: translate(0);
        opacity: 1;
    }
    99.9% {
        transform: translate(100%);
        opacity: 1;
    }
    99.91% {
        transform: translate(100%);
        opacity: 0;
    }
    99.92% {
        transform: translate(100%);
        opacity: 1;
    }
    100% {
        transform: translate(-100%);
        opacity: 1;
    }
}
.overviewImg i {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
    transform: scale(1.01);
}
.overviewCont {
    margin-left: 100px;
    width: calc(58% - 100px);
}
.overviewCont p {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    margin-top: 20px;
}
.overviewCont p:first-child {
    margin-top: 0;
}
.manageImg {
    width: 89%;
    position: relative;
    overflow: hidden;
}
.manageImg img {
    transition: all 0.5s;
}
.manageCont {
    background: #f2f3f5;
    padding-top: 30px;
    padding-bottom: 25px;
    margin-top: -80px;
}
.management {
    margin-top: 100px;
}
.managementTitle {
    font-size: 36px;
    font-weight: bold;
}
.manageBox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.manageList {
    margin-left: 40px;
    width: calc((100% - 160px) / 5);
    margin-top: 60px;
}
.manageList:nth-child(5n+1) {
    margin-left: 0;
}
.manageList:hover .manageImg img {
    transform: scale(1.05);
}
.manageName {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.manageContBox {
    padding-left: 20px;
    padding-right: 15px;
    box-sizing: border-box;
    position: relative;
    margin-top: 80px;
}
.manageContBox:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 4px;
    background: #d6e0f2;
}
.managePos {
    font-size: 18px;
    line-height: 32px;
    margin-top: 10px;
    height: 64px;
    color: #333;
}
.chronicleListSwiper {
    width: calc(100% - 25%);
    overflow: hidden;
}
.chronicleList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chronRight {
    height: calc(100% + 80px);
    width: 20%;
    background: #1f4e9c;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 5%;
}
.chronicleSwiper {
    height: 470px;
    overflow: hidden;
    position: relative;
}
.chronicleSwiper .swiper-slide {
    text-align: center;
    color: #a1c4ff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(470px / 9);
}
.chronicleSwiper .swiper-slide-active {
    font-size: 24px;
    color: #fff;
}
.chronicle .swiper-button-next:after,
.chronicle .swiper-button-prev:after {
    display: none;
}
.chronicle .swiper-button-prev {
    top: 30px;
    right: calc(16.25% - 34px);
    left: initial;
    margin-top: 0;
    background: url("../images/icon/icon-53.png") center no-repeat;
    background-size: cover;
    width: 34px;
    height: 17px;
}
.chronicle .swiper-button-next {
    bottom: 30px;
    top: unset;
    right: calc(16.25% - 34px);
    left: initial;
    margin-top: 0;
    background: url("../images/icon/icon-54.png") center no-repeat;
    background-size: cover;
    width: 34px;
    height: 17px;
}
.chronicleMain {
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 140px;
    position: relative;
}
.chronicleMain i {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.chronicleTitle {
    font-size: 36px;
    font-weight: bold;
}
.chronicle {
    margin-top: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6.25%;
    box-sizing: border-box;
    height: 630px;
    position: relative;
}
.chronYear {
    font-size: 72px;
    color: #1f4e9c;
    font-weight: bold;
    padding-bottom: 80px;
    position: relative;
}
.chronYear:before {
    content: '';
    position: absolute;
    width: 65px;
    height: 2px;
    background: #0662b5;
    left: 0;
    bottom: 0;
}
.chronMonth {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.monthList {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-top: 8px;
    margin-left: 25px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background: #e0e4eb;
}
.monthList.canNotClick {
    pointer-events: none;
    color: #e1e7f2;
    background: transparent;
}
.monthList.curr {
    background: #1f4e9c;
}
.monthList:nth-child(3n+1) {
    margin-left: 0;
}
.chronLeft {
    width: 200px;
}
.chronCon {
    width: 67%;
    height: 430px;
    overflow: auto;
    padding-right: 15px;
}
.chronConList {
    display: none;
}
.chronConList.curr {
    display: block;
}
.chronCon::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.chronCon::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 6px;
    background-color: #1f4e9c;
}
.chronCon::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
    background: #f0f0f0;
}
.chronCon p {
    margin-top: 30px;
    font-size: 18px;
    line-height: 36px;
    color: #666666;
}
.chronCon p:first-child {
    margin-top: 0;
}
/*关于烽火聚合页结束*/
/*p6-5关于烽火-投资者关系开始*/
.investor {
    background: #f9f9f9;
    padding-bottom: 100px;
}
.investorTop {
    padding-top: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.investorTitle {
    font-size: 30px;
    font-weight: bold;
}
.investorMore {
    padding-right: 28px;
    font-size: 20px;
    color: #999999;
    background: url(../images/zjpage/icon/icon_27.png) right center no-repeat;
}
.investorMore:hover {
    color: #0b4da2;
    background: url(../images/zjpage/icon/icon_27s.png) right center no-repeat;
}
.investorBtn {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.investorList {
    width: calc((100% - 40px) / 3);
    background: #fff;
    margin-left: 20px;
    margin-top: 20px;
    padding: 30px 45px;
    box-sizing: border-box;
}
.investorList:nth-child(3n+1) {
    margin-left: 0;
}
.investorListTitle {
    color: #333;
    font-size: 18px;
    line-height: 35px;
    height: 70px;
}
.investorListBtn {
    margin-top: 25px;
    display: flex;
    align-items: center;
}
.investorListDown {
    font-size: 16px;
    color: #999;
}
.investorListIcon {
    width: 24px;
    height: 17px;
    background: url("../images/icon/icon-55.png") center no-repeat;
    background-size: cover;
    margin-left: 15px;
}
.investorList:hover {
    background: #0b4da2 url("../images/icon/icon-56.png") right bottom no-repeat;
}
.investorList:hover .investorListTitle,
.investorList:hover .investorListDown {
    color: #fff;
}
.investorList:hover .investorListIcon {
    background: url("../images/icon/icon-55s.png") center no-repeat;
    background-size: cover;
}
.disclosureBox {
    display: flex;
    flex-wrap: wrap;
}
.disclosureList {
    background: #f9f9f9;
    margin-left: 45px;
    width: calc((100% - 45px) / 2);
    margin-top: 50px;
    padding: 35px 45px;
    box-sizing: border-box;
}
.disclosureList:nth-child(2n+1) {
    margin-left: 0;
}
.disclosureTitle {
    font-size: 18px;
    color: #333;
    line-height: 35px;
    height: 70px;
}
.disclosureDate {
    margin-top: 25px;
    display: flex;
    align-items: center;
}
.disclosureIcon {
    width: 16px;
    height: 15px;
    background: url("../images/icon/icon-57.png") center no-repeat;
    background-size: cover;
}
.disclosureDateText {
    font-size: 16px;
    color: #999;
    margin-left: 10px;
}
.disclosureList:hover {
    background: #0b4da2;
}
.disclosureList:hover .disclosureTitle,
.disclosureList:hover .disclosureDateText {
    color: #fff;
}
.disclosureList:hover .disclosureIcon {
    background: url("../images/icon/icon-57s.png") center no-repeat;
}
.interaction {
    background: url("../images/pageImg/interact.png") center no-repeat;
    background-size: cover;
    height: 370px;
    display: flex;
    align-items: center;
}
.interactionTitle {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.interactionCode {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 24px;
}
.interactionTrend {
    display: flex;
    align-items: center;
}
.trendImg {
    width: 16px;
    margin-left: 10px;
}
.trendImg img {
    width: 100%;
}
.interactionTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.interactionBtn {
    display: flex;
    margin-top: 60px;
}
.interactionCodeText {
    margin-left: 25px;
    position: relative;
    padding-left: 25px;
}
.interactionCodeText:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    background: #fff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.6;
}
.interactionList {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.interactionList:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 25px;
    background: #fff;
    opacity: 0.6;
}
.interactionList:last-child:after {
    display: none;
}
.trendNum {
    font-size: 26px;
    color: #fff;
}
.trendText {
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
}
/*p6-5关于烽火-投资者关系结束*/
/*p1-1-经营管理层开始*/
.management {
    position: relative;
}
.managementTitle {
    margin-top: 100px;
}
.managementSwiper {
    overflow: hidden;
    position: relative;
    width: 70%;
    margin: 0 auto;
    margin-top: 90px;
    background: #fafafa url("../images/pageImg/managementLogo.png") left bottom no-repeat;
    padding-bottom: 100px;
}
.managementSwiper .swiper-slide {
    display: flex;
}
.managementLeft {
    padding-left: 60px;
    width: calc(65% - 60px);
}
.managementName {
    margin-top: 70px;
    font-size: 36px;
    font-weight: bold;
}
.managementPos {
    margin-top: 20px;
    font-size: 24px;
    padding-bottom: 40px;
    position: relative;
}
.managementPos:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 2px;
    background: #1f4e9c;
    left: 0;
}
.managementIntro {
    margin-top: 60px;
    font-size: 18px;
    line-height: 38px;
}
.managementRight {
    width: 30%;
    margin-left: 60px;
}
.managementRight i {
    width: 100%;
    height: 100%;
}
.moreSenior {
    margin: 0 auto;
    margin-top: 80px;
    width: 240px;
    line-height: 70px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    border: 1px solid #666666;
    transition: all 0.5s;
}
.moreSenior:hover {
    background: #1e4e9d;
    border: 1px solid #1e4e9d;
    color: #fff;
}
.management .swiper-button-next:after,
.management .swiper-button-prev:after {
    display: none;
}
.management .swiper-button-prev {
    width: 131px;
    height: 32px;
    background: url("../images/pageImg/managementLeft.png") center no-repeat;
    background-size: cover;
    left: 0;
}
.management .swiper-button-prev:hover {
    width: 131px;
    height: 32px;
    background: url("../images/pageImg/managementLefts.png") center no-repeat;
    background-size: cover;
}
.management .swiper-button-next {
    width: 131px;
    height: 32px;
    background: url("../images/pageImg/managementRight.png") center no-repeat;
    background-size: cover;
    right: 0;
}
.management .swiper-button-next:hover {
    background: url("../images/pageImg/managementRights.png") center no-repeat;
    background-size: cover;
}
/*p1-1-经营管理层结束*/
/*p2-1 解决方案-海洋网络开始*/
.oceanInfo {
    background: url("../images/pageImg/oceanBg.png") center no-repeat;
    background-size: cover;
}
.oceanNav {
    display: flex;
    align-items: center;
    color: #fff;
    padding-top: 25px;
}
.oceanHome {
    width: 20px;
    margin: 0 10px 0 0;
    height: 20px;
}
.oceanNav a {
    color: #fff;
}
.oceanNav a:hover {
    color: #0b4da2;
}
.cableInfo {
    background: url("../images/pageImg/cableBg.png") center no-repeat;
    min-height: 480px;
    padding: 50px 10%;
    box-sizing: border-box;
    margin-top: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-size: cover;
}
.cableTitle {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 60px;
    position: relative;
}
.cableTitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #ccc;
    left: 0;
}
.cableTitle:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 180px;
    background: #0d4997;
    left: 50%;
    transform: translateX(-50%);
}
.cableText {
    margin-top: 60px;
    font-size: 16px;
    line-height: 36px;
    color: #333;
}
.cableText p img {
    margin: 20px auto;
}
.cableText img {
    margin: 0 auto;
    width: auto !important;
    max-width: 80% !important;
    height: auto !important;
}
.oceanProductCon {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.opticalCableTop {
    height: 280px;
    margin-top: 50px;
    cursor: pointer;
    position: relative;
}
.opticalCableTop i {
    width: 100%;
    height: 100%;
}
.opticalCableTopPos {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0 10%;
    box-sizing: border-box;
}
.oceanProduct {
    padding: 70px 0;
}
.oceanProductTitle {
    font-size: 30px;
    font-weight: bold;
}
.opticalContInfo {
    display: none;
    padding-bottom: 70px;
}
.opticalCableTitle {
    font-size: 30px;
    color: #fff;
    width: calc(100% - 70px);
    padding-bottom: 40px;
    position: relative;
    margin-top: -30px;
}
.opticalCableTitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
}
.opticalCableTitle:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 280px;
    background: #fff;
}
.opticalCableIcon {
    width: 70px;
    height: 70px;
    background: url("../images/icon/icon-61.png") center no-repeat;
    background-size: cover;
    margin-top: 40px;
    transform: rotate(180deg);
}
.oceanProductCon.cur .opticalCableIcon {
    transform: rotate(0);
}
.opticalCableBtn {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 70px 50px 0;
}
.opticalProLeft {
    width: calc((100% - 100px) / 3);
    background: #f9f9f9;
    padding: 32px 0;
    height: 370px;
    box-sizing: border-box;
    margin-top: 50px;
    margin-left: 50px;
}
.opticalProLeft:nth-child(3n+1) {
    margin-left: 0;
}
.opticalProLeft:first-child,
.opticalProLeft:nth-child(2),
.opticalProLeft:nth-child(3) {
    margin-top: 0;
}
.opticalProLeft:hover .opticalProImg img {
    transform: scale(1.05);
}
.mOpticalMore {
    margin: 0 auto;
    margin-top: 50px;
    width: 186px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0a4591;
    cursor: pointer;
}
.mOpticalMore p {
    padding-right: 23px;
    font-size: 17px;
    color: #fff;
    background: url(../images/zjpage/icon/icon_11s.png) right center no-repeat;
}
.opticalProImg {
    height: 220px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.opticalProImg img {
    width: auto;
    max-width: 70%;
    margin: 0 auto;
    transition: all 0.5s;
}
.opticalProRight {
    margin-left: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(68% - 30px);
}
.opticalProText {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 40px;
    font-size: 18px;
    color: #333;
}
.opticalProLeft:hover .opticalProText {
    color: #1f4f9d;
}
.opticalProList {
    width: calc((100% - 30px) / 2);
    margin-left: 30px;
    margin-top: 35px;
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #333;
    background: #f9f9f9;
}
.opticalProList:first-child,
.opticalProList:nth-child(2) {
    margin-top: 0;
}
.opticalProList:nth-child(2n+1) {
    margin-left: 0;
}
.opticalProList:hover {
    color: #1f4f9d;
}
.oceanSolution {
    margin-top: 100px;
}
.oceanSolutionList {
    display: flex;
}
.oceanSolutionList:nth-child(2n) .oceanSolutionTitle {
    text-align: right;
}
.oceanSolutionList:nth-child(2n) .oceanSolutionNum {
    right: 0;
}
.oceanSolutionList:nth-child(2n) .showMore {
    float: right;
}
.oceanSolutionList:hover .oceanSolutionImg i {
    transform: scale(1.1);
}
.oceanSolutionInfo {
    margin-top: 60px;
}
.oceanSolutionImg {
    width: 50%;
    height: 488px;
    overflow: hidden;
}
.oceanSolutionImg i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.oceanSolutionCont {
    width: 50%;
    padding: 40px 70px 60px 70px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.oceanSolutionNum {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 100px;
    font-weight: bold;
    color: #f1f1f1;
    z-index: -1;
}
.oceanSolutionTitle {
    font-weight: bold;
    font-size: 24px;
    position: relative;
    padding-top: 80px;
    color: #333;
}
.oceanSolutionText {
    margin-top: 40px;
    color: #666;
    font-size: 16px;
    line-height: 36px;
}
.showMore {
    width: 60px;
    height: 60px;
    border: 1px solid #0746af;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;
    margin-top: 30px;
}
.showMore:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0746af;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -4px;
    margin-top: -4px;
    transform: rotate(45deg);
    transform-origin: 4px 34px;
    animation: seemore linear 2s infinite;
    animation-play-state: paused;
}
.showMore:hover:after {
    animation: seemore linear 2s infinite;
}
.showMore span {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.showMore span:before {
    content: '';
    background: url(../images/index/icon-2s.png) center no-repeat;
    position: absolute;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    background-size: 28px 22px;
    left: -100%;
}
.showMore span:after {
    content: '';
    background: url(../images/index/icon-1s.png) center no-repeat;
    position: absolute;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    background-size: 11px 22px;
    left: 0;
}
.showMore:hover span:before {
    left: 0;
}
.showMore:hover span:after {
    left: 100%;
}
.backbone_05 {
    padding: 70px 0 60px;
}
.backbone_05 .swiper {
    margin: -10px 0 0 -10px;
    width: calc(100% + 20px);
}
.backbone_05 .swiper-slide {
    padding: 10px;
    width: calc(100% - 20px);
}
.backbone_05 .swiper-slide .text {
    position: relative;
    float: left;
    margin: 0 1.25% 0 0;
    width: 32.5%;
    background: #f9f9f9;
    cursor: pointer;
}
.backbone_05 .swiper-slide .text:nth-child(3) {
    margin-right: 0;
}
.backbone_05 .swiper-slide .text .bor {
    padding: 25px 5.7%;
}
.backbone_05 .swiper-slide .text .bor div {
    cursor: pointer;
}
.backbone_05 .swiper-slide .text i {
    float: left;
    margin-right: 20px;
    width: 44px;
    height: 50px;
}
.backbone_05 .swiper-slide .text i.i1 {
    background: url(../images/icon/icon-40.png) center no-repeat;
}
.backbone_05 .swiper-slide .text i.i2 {
    background: url(../images/icon/icon-44.png) center no-repeat;
}
.backbone_05 .swiper-slide .text i.i3 {
    background: url(../images/icon/icon-45.png) center no-repeat;
}
.backbone_05 .swiper-slide .text i.i4 {
    background: url(../images/icon/icon-46.png) center no-repeat;
}
.backbone_05 .swiper-slide .text .a1 {
    float: left;
    width: calc(100% - 64px - 20px - 24px - 26px);
    font-size: 16px;
    line-height: 50px;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.backbone_05 .swiper-slide .text .a2 {
    float: left;
    margin-right: 20px;
    width: 24px;
    height: 50px;
    background: url(../images/zjpage/icon/icon_8.png) center no-repeat;
}
.backbone_05 .swiper-slide .text .a2:hover {
    background: url(../images/zjpage/icon/icon_8s.png) center no-repeat;
}
.backbone_05 .swiper-slide .text .a3 {
    float: left;
    width: 26px;
    height: 50px;
    background: url(../images/zjpage/icon/icon_9.png) center no-repeat;
}
.backbone_05 .swiper-slide .text .a3:hover {
    background: url(../images/zjpage/icon/icon_9s.png) center no-repeat;
}
.backbone_05 .swiper-slide .text:hover {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
}
.backbone_05 .swiper-slide .text:hover .a1 {
    color: #0b4da2;
}
.title_left {
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: bold;
    color: #333;
}
/*p2-1 解决方案-海洋网络结束*/
/*海洋网络详情开始*/
.cableInfoDetail {
    background: #fff;
}
.cableInfoDetailImg {
    width: 880px;
    margin: 90px auto;
}
.cableDetailBack {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 70px;
    background: #f7f7f7;
    margin: 0 auto;
    margin-top: 100px;
}
.detailBack {
    color: #999;
    font-size: 16px;
}
.detailPage {
    padding-bottom: 100px;
}
.detailBackImg {
    margin-left: 15px;
    background: url("../images/pageImg/back.png") center no-repeat;
    background-size: contain;
    width: 15px;
    height: 16px;
}
.cableDetailBack:hover {
    background: #1e4e9d;
}
.cableDetailBack:hover .detailBackImg {
    background: url("../images/mobile/cpage/back.png") center no-repeat;
    background-size: contain;
}
.cableDetailBack:hover .detailBack {
    color: #fff;
}
/*海洋网络详情结束*/
/*光网络开始*/
.networkPage {
    height: 590px;
}
.networkPage .posBox .pos b {
    font-size: 40px;
    font-weight: normal;
    text-align: center;
}
.trendTitle {
    padding-top: 70px;
    font-size: 30px;
    font-weight: bold;
}
.trendBox {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.trendInfo .trendBox {
    padding-bottom: 70px;
}
.trendList {
    padding: 0 40px;
    box-sizing: border-box;
    position: relative;
    margin-top: 60px;
}
.trendList:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ececec;
}
.trendBox .swiper-slide:last-child .trendList:after {
    display: none;
}
.trendListIcon {
    width: 20px;
}
.trendMain {
    padding-bottom: 55px;
    position: relative;
}
.trendMain:after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ececec;
}
.trendMain:before {
    position: absolute;
    content: '';
    bottom: 0;
    width: 0;
    height: 2px;
    background: #1f4f9d;
    transition: all 0.5s;
}
.trendList:hover .trendMain:before {
    width: 100%;
}
.trendListImg {
    height: 250px;
    overflow: hidden;
}
.trendListImg i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.trendList:hover .trendListImg i {
    transform: scale(1.1);
}
.trendListText {
    margin-top: 50px;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    height: 60px;
}
.trendListBtn {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.trendListDate {
    margin-left: 15px;
    font-size: 18px;
    color: #999999;
}
.trendSolution {
    background: #fbfbfc;
    padding-bottom: 90px;
    margin-top: 90px;
}
.trendType {
    margin-top: 60px;
    display: flex;
}
.trendTypeLeft {
    width: 48.75%;
    height: 450px;
    overflow: hidden;
}
.trendTypeRight {
    width: calc(100% - 48.75% - 3.75%);
    margin-left: 3.75%;
}
.trendSolutList {
    height: 100%;
    display: none;
}
.trendSolutList.curr {
    display: block;
}
.trendTypeLeft .trendSolutList .pic {
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.trendInfomation .trendSolutList .bor {
    visibility: hidden;
}
.trendInfomation .trendSolutList.curr .bor {
    visibility: visible;
    animation-name: fadeInUp50;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes fadeInUp50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        -ms-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.trendTypeLeft i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.trendTypeLeft:hover i {
    transform: scale(1.1);
}
.trendTab {
    display: flex;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    flex-wrap: wrap;
}
.trendTabList {
    width: 25%;
    text-align: center;
    min-height: 68px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: relative;
}
.trendTabList::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ededed;
}
.trendTabList.curr {
    background: #185ca6;
    color: #fff;
}
.trendTabList:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 1px;
    background: #ccc;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.trendTabList:nth-child(4n)::after {
    display: none;
}
.trendTabList:last-child::after,
.trendTabList.curr:after {
    display: none;
}
.trendInfomation {
    margin-top: 40px;
}
.trendProTitle {
    font-size: 28px;
    color: #0851a0;
    font-weight: bold;
}
.trendProText {
    font-size: 16px;
    line-height: 34px;
    margin-top: 40px;
}
.trendProBox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.trendProList {
    margin-top: 10px;
    width: calc(100% / 2);
    color: #666666;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 10px;
}
.trendProList:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%;
}
.trendProList:hover {
    color: #185ca6;
}
.trendProList:hover:before {
    background: #185ca6;
}
.trendProList:hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 1px;
    background: #185ca6;
    left: 0;
}
.electricity_02 {
    padding: 70px 0;
}
.electricity_02 .swiper a {
    float: left;
    position: relative;
    margin: 0 3.126% 3.126% 0;
    width: 48.437%;
}
.electricity_02 .swiper a::before {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/zjpage/icon/icon_2.png) left bottom no-repeat;
    background-size: 100% auto;
    content: " ";
}
.electricity_02 .swiper a:nth-child(2n) {
    margin-right: 0;
}
.electricity_02 .swiper a .pic {
    width: 100%;
    height: 285px;
    overflow: hidden;
}
.electricity_02 .swiper a .pic i {
    transition: all 0.5s;
    transform: scale(1);
    width: 100%;
    height: 100%;
}
.electricity_02 .swiper a p {
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 2;
    width: 100%;
}
.electricity_02 .swiper a p em {
    margin: 0 5%;
    font-size: 22px;
    color: #fff;
}
.electricity_02 .swiper a:hover .pic i {
    transition: all 0.5s;
    transform: scale(1.05);
}
.electricity_02 .swiper .swiper-pagination {
    margin-top: 10px;
}
/*光网络结束*/
/*宽带接入开始*/
.networkPage .posBox .pos p {
    font-size: 22px;
    text-align: center;
    max-width: 75%;
    line-height: 44px;
    margin: 0 auto;
    margin-top: 40px;
}
.access {
    background: #f9f9f9;
    padding: 90px 0;
}
.accessList {
    background: #fff;
    padding: 6%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 430px;
}
.accessListLeft {
    width: calc(100% - 44%);
}
.accessListRight {
    width: 38%;
    margin-left: 6%;
    min-width: 250px;
    overflow: hidden;
}
.accessListRight img {
    transition: all 0.5s;
}
.accessListTitle {
    font-size: 30px;
    font-weight: bold;
}
.accessListText {
    margin-top: 30px;
    color: #333;
    padding-left: 20px;
    position: relative;
}
.accessListText:after {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #999;
}
.accessSwiper {
    overflow: hidden;
}
.accessSwiper .swiper-slide:hover .accessListRight img {
    transform: scale(1.1);
}
/*宽带接入结束*/
/*p2-2华北东数西算解决方案开始*/
.northInfo {
    display: flex;
    flex-wrap: wrap;
    margin: 70px 0;
}
.northList {
    width: 50%;
    height: 490px;
    position: relative;
    overflow: hidden;
}
.northList i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.northList:hover i {
    transform: scale(1.05);
}
.northImg {
    width: 40px;
    margin: 0 auto;
}
.northPos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.northMoreRight {
    width: 5px;
    margin-left: 10px;
}
.northTitle {
    margin-top: 25px;
    font-size: 24px;
    color: #fff;
}
.northMore {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    justify-content: center;
    margin-top: 60px;
    opacity: 0;
    transition: all 0.5s;
}
.northList:hover .northMore {
    opacity: 1;
    margin-top: 40px;
}
/*p2-2华北东数西算解决方案结束*/
/*p5-1-2服务支持-服务体系-网络部署服务开始*/
.deploy .cusInfoTop {
    padding-bottom: 50px;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.deploy .cusInfoTop:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #0b4da2;
    width: 220px;
}
.deploy .cusInfoListTitle {
    margin-top: 0;
    font-size: 30px;
}
.deploy .cusNum {
    bottom: 0;
}
.deployPage .cusSupport {
    background: inherit;
}
.deployPage {
    background: #fcfcfc;
}
/*p5-1-7服务支持-服务体系-数据中心服务开始*/
.dataCenterTitle {
    margin-top: 70px;
    font-size: 30px;
    color: #0d4895;
    font-weight: bold;
}
.dataCenterText {
    margin-top: 30px;
    font-size: 22px;
    line-height: 46px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dataCenterText h3 {
    width: 100%;
// margin-bottom: 70px;
    font-weight: normal;
    font-size: 22px;
    line-height: 46px;
}
.dataCenterText p {
    width: 52%;
}
.dataCenterText p:last-child {
    width: 40%;
}
.dataCenterImg {
    margin-top: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dataCenterImgLeft {
    width: 52%;
}
.dataCenterImgRight {
    width: 40%;
}
/*p5-1-7服务支持-服务体系-数据中心服务结束*/
/*数字能源开始*/
.energyInfo {
    display: flex;
}
.energyLeft {
    width: 65%;
}
.energyLeftTop {
    height: 400px;
    position: relative;
    overflow: hidden;
}
.energyLeftTop i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.energyLeftTop:hover i {
    transform: scale(1.05);
}
.energyPos {
    position: absolute;
    padding: 40px;
    box-sizing: border-box;
    top: 0;
    left: 0;
}
.energyPosTitle {
    color: #fff;
    font-size: 22px;
}
.showLeftBtn {
    height: 400px;
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}
.energyLeftBtnList {
    width: calc((100% - 30px) / 2);
    position: relative;
    overflow: hidden;
}
.energyLeftBtnList i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.energyLeftBtnList:hover i {
    transform: scale(1.05);
}
.energyRight {
    position: relative;
    width: calc(35% - 30px);
    overflow: hidden;
    margin-left: 30px;
}
.energyRight i {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.energyRight:hover i {
    transform: scale(1.05);
}
/*数字能源结束*/
/*p2-2解决方案聚合页2开始*/
.backbone_03 {
    padding: 70px 0 60px;
    background: #fff url(../images/zjpage/backbone_03_bac.png) left bottom no-repeat;
    background-size: 100% auto;
}
.backbone_03 .Mswiper {
    display: none;
}
.backbone_03 .swiper {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
}
.backbone_03 .swiper .swiper-slide {
    display: flex;
    flex-wrap: wrap;
}
.backbone_03 .swiper a {
    position: relative;
    width: 50%;
    min-height: 400px;
}
.backbone_03 .swiper a:nth-child(2),
.backbone_03 .swiper a:nth-child(3) {
    background: #f9f9f9;
}
.backbone_03 .swiper a .bor {
    padding: 0 9% 30px;
}
.backbone_03 .swiper a .t {
    margin-bottom: 20px;
}
.backbone_03 .swiper a .t em {
    font-size: 90px;
    color: #f1f1f1;
    font-family: Arial;
    font-weight: 900;
}
.backbone_03 .swiper a .t p {
    margin-top: -52px;
    font-size: 26px;
    color: #1f4f9d;
    font-weight: bold;
}
.backbone_03 .swiper a .text p {
    margin-bottom: 14px;
    padding-left: 23px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    background: url(../images/zjpage/icon/icon_7.png) left 13px no-repeat;
}
.backbone_03 .swiper-pagination {
    margin-top: 40px;
}
.relatedProducts {
    width: 100%;
    background: url("../images/pageImg/relatedBg.png") center no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.productMap {
    width: 88.75%;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
}
.productMap .pos {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px dashed #7293f5;
    border-radius: 50%;
    cursor: pointer;
}
.productMap .pos i {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #7293f5;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mapContInfo {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 40px;
    display: none;
    z-index: 1;
}
.mapCont {
    position: relative;
    width: 330px;
    background: #07468e;
    padding: 10px 30px 30px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.mapCont:after {
    content: '';
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 32px;
    background: url("../images/pageImg/arrow.png") center no-repeat;
    background-size: cover;
}
.mapContList {
    color: #fff;
    font-size: 18px;
    position: relative;
    padding-left: 16px;
    margin-right: 30px;
    margin-top: 20px;
}
.mapContList:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    left: 0;
    top: 9px;
}
.productMap .pos:hover .mapContInfo {
    display: block;
}
.productMap .pos {
    border: 1px dashed #07468e;
}
.productMap .pos:hover i {
    background: #07468e;
}
.productMap .pos1 {
    top: 70%;
    left: 15.3%;
}
.productMap .pos2 {
    top: 70%;
    left: 27.5%;
}
.productMap .pos3 {
    top: 70%;
    left: 40.8%;
}
.productMap .pos4 {
    top: 2%;
    left: 58%;
}
.productMap .pos5 {
    top: 7%;
    left: 64.8%;
}
.productMap .pos6 {
    top: 15%;
    left: 75.5%;
}
/*p2-2解决方案聚合页2结束*/
/*光纤分配网开始*/
.electricity_01 {
    position: relative;
}
.electricity_01 i {
    width: 100%;
    height: 100%;
}
.electricity_01 .pos {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.electricity_01 .next {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 430px;
    color: #fff;
}
.electricity_01 .next .t {
    margin: 10px 0 40px;
    font-size: 36px;
    text-align: center;
}
.electricity_01 .next .text {
    font-size: 18px;
    line-height: 36px;
    max-height: 324px;
    overflow-y: auto;
}
.electricity_01 .next .text::-webkit-scrollbar {
    width: 4px;
    height: 2px;
}
.electricity_01 .next .text::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    margin: 0 1px;
    border-radius: 4px;
    background-color: #1e4e9d;
}
.electricity_01 .next .text::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.5);
}
.linkBox {
    display: flex;
    align-items: center;
    color: #999999;
}
.linkBox .homeImg {
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
    background: url(../images/icon/home.png);
}
.tzListMore {
    margin-top: 70px!important;
}
.linkBox a {
    color: #999999;
    font-size: 16px;
    margin: 0 10px;
}
.linkBox span {
    margin: 0 10px;
}
.linkBox a:hover {
    color: #0b4da2;
}
.linkBox.whiteColor {
    color: #fff;
}
.linkBox.whiteColor .homeImg {
    background: url(../images/icon/home_s.png);
}
.linkBox.whiteColor a {
    color: #fff;
}
.linkBox.whiteColor a:hover {
    color: #0b4da2;
}
.pagr_more {
    margin: 0 auto;
    width: 200px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #0b4da2;
}
.backbone_02 {
    position: relative;
    padding: 70px 0 50px;
    margin-top: 70px;
}
.backbone_02 .bac {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
}
.backbone_02 .bac.bac1 {
    left: 0;
    background: url(../images/zjpage/backbone_02_1.jpg) center no-repeat;
    background-size: cover;
}
.backbone_02 .bac.bac2 {
    right: 0;
    background: url(../images/zjpage/backbone_02_2.jpg) center no-repeat;
    background-size: cover;
}
.backbone_02 .w1600 {
    position: relative;
    z-index: 2;
}
.backbone_02 .w1600 .title_left {
    margin-bottom: 20px;
}
.backbone_02 .swiper {
    margin: 0;
    width: 50%;
}
.backbone_02 .swiper .swiper-slide {
    margin-bottom: 10px;
}
.backbone_02 .swiper a {
    float: left;
    position: relative;
    margin: 25px 8% 25px 0;
    width: 46%;
}
.backbone_02 .swiper a::before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 48px;
    background: #d0d0d0;
    content: " ";
}
.backbone_02 .swiper a:nth-child(2n) {
    margin-right: 0;
}
.backbone_02 .swiper a:nth-child(2n)::before {
    display: none;
}
.backbone_02 .swiper a .icon {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 22px 10% 0 0;
    width: 48px;
    height: 48px;
}
.backbone_02 .swiper a .icon img {
    width: 48px;
}
.backbone_02 .swiper a .text {
    float: left;
    width: 56%;
}
.backbone_02 .swiper a .text b {
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.backbone_02 .swiper a .text p {
    font-size: 16px;
    line-height: 36px;
    color: #333;
}
/*光纤分配网结束*/
.pageVideo {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
}
.pageVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.joinPage {
    position: relative;
    z-index: 3;
    margin: 100vh 0 448px;
    background: #fff;
}
.joinPage img {
    width: 100%;
}
.guide {
    cursor: pointer;
    width: 25px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    animation: TopBot 1s ease-in-out infinite both;
}
.guide img {
    width: 100%;
}
@keyframes TopBot {
    0% {
        transform: translateY(-8px);
    }
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-8px);
    }
}
.mImg {
    display: none!important;
}
.relatedNewsSwiper .swiper-pagination {
    /*display: none;*/
}
.mobileConcatTitle {
    display: none;
}
.noMore {
    margin: 0 auto;
    margin-top: 70px;
}
@media (max-width: 1200px) {
    .page {
        margin: 1rem 0 0;
        overflow-x: hidden;
    }
    .pcImg {
        display: none!important;
    }
    .mImg {
        display: block!important;
    }
    .major_banner {
        height: 7.15rem;
    }
    .eraInfo {
        padding: 0.7rem 0;
    }
    .eraTitle {
        margin-left: 0;
    }
    .eraTitle img {
        width: 2.85rem;
    }
    .eraTitle span {
        font-size: 0.36rem;
        left: 0.3rem;
    }
    .eraList {
        display: block;
        margin-top: 1.7rem;
        position: relative;
        height: 9.4rem;
    }
    .eraList:first-child {
        margin-top: 1.35rem;
    }
    .eraListImg {
        width: 100%;
        height: 3.7rem;
        position: relative;
        background: url(../images/mobile/cpage/eraListBg.png) center no-repeat;
        background-size: cover;
        padding: 0 0.35rem 0 0.25rem;
        border-radius: 0.1rem;
    }
    .eraListDetail {
        width: 100%;
        position: absolute;
        height: 5.35rem;
        top: 4.05rem;
        padding: 0.55rem 0.35rem 0.6rem 0.35rem;
        border-radius: 0.1rem;
    }
    .eraListImgInfo {
        width: 3.74rem;
    }
    .eraListImgInfo img {
        width: 100%;
    }
    .eraListImgName {
        font-size: 0.3rem;
        padding-bottom: 0.2rem;
    }
    .eraListImgBox {
        width: 2rem;
        margin-bottom: 0.5rem;
    }
    .eraListImgCom {
        font-size: 0.24rem;
        line-height: 0.32rem;
        margin-top: 0.3rem;
    }
    .eraListImgMajor {
        margin-top: 0.25rem;
        font-size: 0.24rem;
    }
    .eraListDetailTitle i {
        width: 0.75rem;
        height: 0.45rem;
    }
    .eraListDetailTitle span {
        font-size: 0.28rem;
        margin-top: -0.35rem;
        margin-left: 0.15rem;
    }
    .eraListDetailText {
        margin-top: 0.4rem;
        margin-left: 0;
        font-size: 0.26rem;
        line-height: 0.45rem;
    }
    .eraListDetailMore {
        margin-top: 0.6rem;
        margin-left: 0;
        font-size: 0.26rem;
        color: #0052ba;
    }
    .eraListDetailMoreIcon {
        width: 0.09rem;
        height: 0.18rem;
        background: url("../images/mobile/cpage/eraListRight.png") center no-repeat;
        background-size: cover;
        margin-left: 0.1rem;
    }
    .eraListDetail:hover .eraListDetailMoreIcon {
        background: url("../images/mobile/cpage/eraListRight.png") center no-repeat;
        background-size: cover;
    }
    .eraListDetail:after {
        right: 0;
        bottom: 0;
        width: 2rem;
        height: 1.64rem;
        background: url(../images/mobile/cpage/eraListBgIcon.png);
        background-size: cover;
    }
    .eraListDetail:hover:after {
        background: url(../images/mobile/cpage/eraListBgIcon.png);
        background-size: cover;
    }
    .eraList:nth-child(2n) .eraListDetail:after {
        background: url(../images/mobile/cpage/eraListBgIcons.png);
        background-size: cover;
    }
    .eraList:nth-child(2n) .eraListDetail:hover:after {
        background: url(../images/mobile/cpage/eraListBgIcons.png);
        background-size: cover;
    }
    /*联系我们开始*/
    .concatBox {
        margin-top: 0.7rem;
    }
    .concatTitleList {
        font-size: 0.36rem;
        width: 100%;
        margin-left: 0;
        font-weight: bold;
    }
    .mobileConcatTitle {
        margin-top: 0.7rem;
        display: block;
    }
    .lastTitle {
        display: none;
    }
    .concatPubListTitle {
        margin-top: 0.35rem;
        font-size: 0.3rem;
    }
    .conProList {
        width: 100%;
        margin-top: 0.45rem;
        padding: 0.65rem 0.4rem;
        margin-left: 0;
    }
    .concatPubTitle {
        font-size: 0.32rem;
        padding-bottom: 0.4rem;
    }
    .concatLink {
        width: calc(100% - 0.46rem);
    }
    .concatIcon {
        width: 0.36rem;
    }
    .concatText {
        margin-left: 0.2rem;
        font-size: 0.26rem;
    }
    .concatLinkIcon {
        width: 0.3rem;
        height: 0.3rem;
        margin-left: 0.3rem;
        background: url(../images/mobile/icon/icon-28s.png) center no-repeat;
        background-size: 100% 100%;
    }
    .concatLink:hover .concatLinkIcon {
        background: url(../images/mobile/icon/icon-28s.png) center no-repeat;
        background-size: 100% 100%;
    }
    .concatPubTitle:after {
        height: 1px;
    }
    .concatBoxList {
        padding-bottom: 0.8rem;
        margin-top: 0.7rem;
    }
    .contactMain {
        height: 8.15rem;
    }
    .addressMain {
        width: 92%;
        left: 4%;
        padding: 0.5rem 0.45rem;
        background: url(../images/mobile/cpage/mapTextBg.png) center no-repeat;
        background-size: cover;
        margin-top: 1.5rem;
    }
    .addressMain h2 {
        font-size: 0.32rem;
        padding-bottom: 0.4rem;
    }
    .addressMain h2:after {
        height: 0.01rem;
    }
    .mapText {
        font-size: 0.26rem;
        margin-left: 0.25rem;
    }
    .mapAddress img {
        width: 100%;
    }
    .mapAddress {
        width: 0.3rem;
        margin-top: 0.05rem;
    }
    .mapBox {
        margin-top: 0.45rem;
        align-items: flex-start;
    }
    .concatMapTitle {
        font-size: 0.36rem;
        margin-bottom: 0.6rem;
    }
    .pageInfo {
        padding-bottom: 0;
    }
    .concatMap {
        padding-top: 0.7rem;
        margin-top: 0.8rem;
        background: #f7f7f9;
    }
    .allmap i {
        width: 100%;
        height: 100%;
    }
    /*联系我们结束*/
    /*以光为引 指引未来开始*/
    .major_banner {
        height: 7.15rem;
    }
    .optNet {
        padding-top: 0;
    }
    .optNetRight {
        height: 4.25rem;
        width: 100%;
        margin: 0;
        border-radius: 0.1rem;
        position: absolute;
        left: 0;
        top: 0;
    }
    .optNetLeft {
        margin-top: 4.8rem;
        width: 100%;
    }
    .optNetInfo {
        background: url(../images/mobile/cpage/agendaBg.png) center no-repeat;
        background-size: cover;
        padding-top: 0.9rem;
        padding-bottom: 0.8rem;
    }
    .optNetRight .pos {
        width: 1rem;
    }
    .optNetRight:hover i {
        transform: none;
    }
    .pop_video {
        width: 90%;
    }
    .pop_video i {
        width: 0.3rem;
        height: 0.3rem;
        right: 0.3rem;
        top: 0.3rem;
    }
    .optNetTitleEn {
        font-size: 0.4rem;
    }
    .optNetTitleCn {
        font-size: 0.36rem;
        margin-top: -0.3rem;
    }
    .optNetText p {
        margin-top: 0.35rem;
        line-height: 0.4rem;
        font-size: 0.26rem;
    }
    .agenda {
        margin-top: 0.9rem;
    }
    .agendaInfo {
        flex-wrap: wrap;
    }
    .agendaList {
        width: 100%;
        display: flex;
    }
    .relatedNews {
        margin-top: 0.9rem;
    }
    .relatedNewsSwiper {
        width: 92%;
        margin: 0 auto;
        margin-top: 0.6rem;
        padding-bottom: 0;
        overflow: hidden;
    }
    .relatedList {
        padding: 0.45rem 0.4rem;
    }
    .relatedNewsSwiper .swiper-scrollbar {
        display: none;
    }
    .relatedNewsSwiper .swiper-pagination {
        display: block;
        bottom: 0!important;
    }
    .relatedNewsSwiper .swiper-pagination-bullet-active {
        background: #0d4997;
    }
    .relatedListImg {
        height: 4.6rem;
        border-radius: 0.1rem;
    }
    .relatedListDate {
        margin-top: 0.45rem;
        font-size: 0.26rem;
    }
    .relatedListText {
        margin-top: 0.35rem;
        font-size: 0.3rem;
        line-height: 0.44rem;
        height: 0.88rem;
    }
    .swiper-pagination-bullet {
        width: 0.2rem;
        height: 0.2rem;
    }
    .relatedList:after {
        display: none;
    }
    .relatedList:hover .relatedListImg i {
        transform: none;
    }
    .mpbileAgenda {
        margin-top: 0.6rem;
    }
    /*以光为引 指引未来结束*/
    /*p6-5关于烽火-投资者关系开始*/
    .navInfo {
        display: none;
    }
    .linkBox {
        display: none;
    }
    .investorMore {
        padding-right: 0;
        background: initial;
    }
    .investorMore:hover {
        color: #999;
        background: initial;
    }
    /*p6-5关于烽火-投资者关系结束*/
    .investorTop {
        padding-top: 0.7rem;
    }
    .investorTitle {
        font-size: 0.36rem;
    }
    .mobileMoreBox {
        font-size: 0.28rem;
        display: flex;
        align-items: center;
    }
    .mobileMoreIcon {
        width: 0.1rem;
        margin-left: 0.2rem;
    }
    .mobileMoreIcon img {
        width: 100%;
    }
    .investorBtn {
        flex-wrap: wrap;
        margin-top: 0.1rem;
    }
    .investorList {
        margin-left: 0;
        width: 100%;
        margin-top: 0.5rem;
        padding: 0.45rem 0.4rem;
    }
    .investorListTitle {
        font-size: 0.3rem;
        line-height: 0.45rem;
        height: 0.9rem;
    }
    .investorListBtn {
        margin-top: 0.3rem;
    }
    .investorListDown {
        font-size: 0.24rem;
    }
    .investorListIcon {
        width: 0.25rem;
        height: 0.2rem;
        margin-left: 0.2rem;
        background-size: 100% 100%;
    }
    .investorList:hover {
        background: #fff;
    }
    .investorList:hover .investorListTitle {
        color: #333;
    }
    .investorList:hover .investorListDown {
        color: #999;
    }
    .investorList:hover .investorListIcon {
        background: url(../images/icon/icon-55.png) center no-repeat;
        background-size: 100% 100%;
    }
    .investor {
        padding-bottom: 0.9rem;
    }
    .disclosureBox {
        flex-wrap: wrap;
    }
    .disclosureList {
        margin-top: 0.5rem;
        width: 100%;
        margin-left: 0;
        padding: 0.45rem 0.35rem;
    }
    .disclosureTitle {
        font-size: 0.3rem;
        line-height: 0.45rem;
        height: 0.9rem;
    }
    .disclosureDate {
        margin-top: 0.3rem;
    }
    .disclosureDateText {
        font-size: 0.24rem;
        margin-left: 0.1rem;
    }
    .disclosureIcon {
        width: 0.24rem;
        height: 0.24rem;
        background: url(../images/icon/icon-57.png) center no-repeat;
        background-size: 100% 100%;
    }
    .disclosureList:hover {
        background: #f9f9f9;
    }
    .disclosureList:hover .disclosureTitle {
        color: #333;
    }
    .disclosureList:hover .disclosureIcon {
        background: url(../images/icon/icon-57.png) center no-repeat;
        background-size: 100% 100%;
    }
    .disclosureList:hover .disclosureDateText {
        color: #999;
    }
    .interaction {
        height: 5.5rem;
        background: url(../images/mobile/cpage/interact.png) center no-repeat;
        background-size: cover;
        margin-top: 0.8rem;
    }
    .interactionTitle {
        font-size: 0.3rem;
    }
    .interactionCode {
        font-size: 0.24rem;
    }
    .interactionCodeText {
        padding-left: 0.25rem;
        margin-left: 0.25rem;
    }
    .interactionCodeText:before {
        height: 0.12rem;
        width: 0.01rem;
    }
    .interactionBtn {
        flex-wrap: wrap;
        margin-top: 0;
    }
    .interactionList {
        width: calc(100% / 3);
        margin-top: 0.7rem;
    }
    .trendNum {
        font-size: 0.28rem;
    }
    .trendText {
        font-size: 0.22rem;
        margin-top: 0.35rem;
    }
    .trendImg {
        width: 0.16rem;
    }
    .interactionList:after {
        height: 0.2rem;
        width: 0.01rem;
    }
    .interactionList:nth-child(3n):after {
        display: none;
    }
    /*服务支持开始*/
    .solutionTitle {
        padding-top: 0.7rem;
        font-size: 0.36rem;
    }
    .mSolutSwiper {
        overflow: hidden;
        position: relative;
        margin-top: 0.6rem;
        height: 8rem;
        padding-bottom: 0.7rem;
    }
    .mSolutSwiper .swiper-pagination {
        bottom: 0!important;
        margin-top: 0 !important;
    }
    .mSolutSwiper .swiper-pagination-bullet-active {
        background: #0d4997;
    }
    .mSolutSwiper .swiper-slide {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }
    .mSolutList {
        width: 50%;
        height: 50%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mSolutListIcon {
        width: 0.4rem;
        margin: 0 auto;
    }
    .mSolutListText {
        font-size: 0.26rem;
        text-align: center;
        color: #fff;
        margin-top: 0.25rem;
    }
    .mSolutListNum {
        color: #fff;
        font-size: 0.18rem;
        opacity: 0.49;
        position: absolute;
        bottom: 0.35rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .system {
        margin-top: 0.7rem;
        background: url("../images/mobile/cpage/serviceBg.png") center no-repeat;
        background-size: cover;
        padding: 0.7rem 0;
    }
    .systemTitle {
        font-size: 0.36rem;
    }
    .systemCon {
        display: none;
    }
    .systemBox {
        flex-wrap: wrap;
    }
    .systemLeft {
        width: 100%;
        margin-top: 0.5rem;
    }
    .systemRight {
        width: 100%;
        margin-top: 0.7rem;
        padding: 0.7rem 0;
        border-top: 0.01rem solid #e3e3e3;
        border-bottom: 0.01rem solid #e3e3e3;
    }
    .earthLeft,
    .earthRight {
        display: none;
    }
    .systemLeftMain {
        width: 100%;
    }
    .systemLeftTitle {
        font-size: 0.32rem;
    }
    .systemLeftTitle span {
        font-size: 0.22rem;
    }
    .systemLeftList {
        margin-top: 0.5rem;
        width: calc(100% / 3);
        padding: 0;
    }
    .systemLeftText {
        font-size: 0.26rem;
        margin-top: 0.25rem;
        text-align: center;
    }
    .systemLeftImg {
        width: 0.3rem;
        height: 0.3rem;
    }
    .systemLeftList:after {
        width: 0.01rem;
        height: 0.15rem;
    }
    .systemRightMain {
        width: 100%;
    }
    .systemRight .systemLeftInfo {
        justify-content: flex-start;
    }
    .systemBtn {
        margin-top: 0.7rem;
    }
    .network {
        background: url(../images/mobile/cpage/networkBg.png) center no-repeat;
        background-size: cover;
        padding-bottom: 1rem;
    }
    .networkTitle {
        padding-top: 0.7rem;
        font-size: 0.36rem;
        font-weight: bold;
    }
    .networkLeft {
        width: 100%;
    }
    .networkInfo {
        flex-wrap: wrap;
    }
    .networkLeftList {
        width: 50%;
        margin-top: 0.7rem;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .networkListTopNum {
        font-size: 0.6rem;
    }
    .networkListTopCom {
        font-size: 0.2rem;
        margin-left: 0.1rem;
    }
    .networkListTopCom em {
        margin-left: 0.1rem;
    }
    .networkLeftList:first-child,
    .networkLeftList:nth-child(2) {
        margin-top: 0.5rem;
    }
    .networkListTop {
        justify-content: center;
    }
    .networkLeftList:after {
        right: 0;
        width: 0.01rem;
        height: 0.2rem;
    }
    .netMapBox {
        width: 100%;
    }
    .netPos,
    .netPointed,
    .mapR {
        display: none;
    }
    .netMap {
        margin-top: 0.7rem;
    }
    .contactInfo {
        margin-top: 0.7rem;
        padding-bottom: 0.7rem;
    }
    .contactInfoTitle {
        font-size: 0.36rem;
    }
    .contactInfoBox {
        flex-wrap: wrap;
        margin-top: 0.5rem;
    }
    .contactInfoList {
        width: 100%;
        margin-left: 0;
        margin-top: 0.5rem;
        padding: 0 0.5rem;
        height: 1.65rem;
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    }
    .contactInfoList:first-child {
        margin-top: 0;
    }
    .contactInfoText {
        font-size: 0.26rem;
        margin-left: 0.2rem;
    }
    .contactInfoImg {
        width: 0.3rem;
    }
    .networkListBtn {
        font-size: 0.26rem;
        line-height: 0.39rem;
        margin-top: 0.3rem;
        text-align: center;
    }
    .threeSupportLeft,
    .threeSupportRight,
    .supTop,
    .supBtn {
        display: none;
    }
    .threeSupportCont {
        width: 100%;
    }
    .supText {
        font-size: 0.32rem;
        font-weight: bold;
        line-height: normal;
        justify-content: flex-start;
    }
    .supText span {
        font-size: 0.22rem;
    }
    .supText:last-child {
        font-size: 0.26rem;
        margin-top: 0.2rem;
    }
    .mobileBoxList {
        margin-top: 0.7rem;
    }
    .mobileSupText {
        width: 2.2rem;
        height: 0.65rem;
        line-height: 0.65rem;
        text-align: center;
        color: #fff;
        background: #0b4da2;
        font-size: 0.3rem;
        border-radius: 0.5rem;
        margin: 0 auto;
    }
    .mobileSupIcon {
        width: 69%;
        margin: 0 auto;
        margin-top: 0.1rem;
    }
    .mobileSupListBtn {
        display: flex;
    }
    .mobileSupList {
        width: calc(100% / 3);
        margin-top: 0.4rem;
    }
    .mobileSupInfo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.4rem;
    }
    .mobileSupListText {
        font-size: 0.26rem;
        line-height: 0.38rem;
        height: 0.76rem;
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }
    .mobileSupNum {
        font-size: 0.35rem;
        font-weight: bold;
        color: #0b4da2;
    }
    .mobileSupIc {
        font-size: 0.26rem;
        font-weight: bold;
        color: #0b4da2;
    }
    .review {
        font-size: 0.2rem;
        bottom: -0.3rem;
    }
    /*服务支持结束*/
    /*p1-0-关于烽火聚合开始*/
    .aboutBeaMobile {
        height: 5.4rem;
        position: relative;
    }
    .aboutBeaMobile .swiper-pagination {
        position: absolute;
        bottom: 0.2rem !important;
    }
    .aboutBeaMobile .swiper-pagination .swiper-pagination-bullet-active {
        background: #6fadff;
    }
    .aboutBeaMobile i {
        width: 100%;
        height: 100%;
    }
    .beaMobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .beaMobileIcon {
        width: 0.7rem;
    }
    .beaMobileTitle {
        margin-top: 0.4rem;
        font-size: 0.26rem;
        color: #fff;
    }
    .beaMobileText {
        color: #fff;
        font-size: 0.3rem;
        margin-top: 0.36rem;
    }
    .aboutBeaMobile .swiper-pagination {
        bottom: 0.5rem;
    }
    .aboutBeaMobile .swiper-pagination-bullet {
        background: #696969;
        opacity: 1;
    }
    .aboutBeaMobile .swiper-pagination-bullet-active {
        background: #fff;
    }
    .overview {
        margin-top: 0.7rem;
    }
    .overviewTitle {
        font-size: 0.36rem;
    }
    .overviewMain {
        margin-top: 0.5rem;
        flex-wrap: wrap;
    }
    .overviewImg {
        width: 100%;
        height: 3.23rem;
    }
    .overviewCont {
        margin-left: 0;
        width: 100%;
        margin-top: 0.5rem;
    }
    .overviewImg:after,
    .overviewImg:before {
        display: none;
    }
    .overviewImg i {
        transform: scale(1);
    }
    .overviewCont p {
        font-size: 0.28rem;
        line-height: 0.47rem;
        margin-top: 0.4rem;
    }
    .management {
        margin-top: 0.7rem;
    }
    .managementTitle {
        font-size: 0.36rem;
    }
    .manageBoxMobile {
        position: relative;
        overflow: hidden;
        padding-bottom: 0.75rem;
    }
    .manageBoxMobile .swiper-slide {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .manageBoxMobileList {
        width: calc((100% - 0.5rem) / 2);
        margin-top: 0.5rem;
    }
    .manageBoxMobileImg {
        width: calc(100% - 0.35rem);
    }
    .manageBoxMobileInfo {
        background: #f2f3f5;
        margin-top: -1.2rem;
        padding-top: 1.2rem;
        padding-bottom: 0.3rem;
    }
    .manageBoxMobileName {
        margin-top: 0.3rem;
        font-size: 0.32rem;
        font-weight: bold;
        height: 0.7rem;
        padding-left: 0.3rem;
        box-sizing: border-box;
        position: relative;
        color: #333;
    }
    .manageBoxMobileName:after {
        content: '';
        position: absolute;
        width: 0.04rem;
        height: 100%;
        left: 0;
        background: #1f4e9c;
    }
    .manageBoxMobileNamePos {
        padding: 0 0.3rem;
        font-size: 0.26rem;
        line-height: 0.38rem;
        height: 0.76rem;
        color: #333;
    }
    .manageBoxMobile .swiper-pagination {
        bottom: 0!important;
    }
    .manageBoxMobile .swiper-pagination-bullet {
        background: #c4c4c4;
        opacity: 1;
    }
    .manageBoxMobile .swiper-pagination-bullet-active {
        background: #1f4e9c;
    }
    .chronicleMain {
        margin-top: 0;
        padding: 0.7rem 0;
    }
    .chronicleTitle {
        font-size: 0.36rem;
    }
    .chronicle {
        margin-top: 0.7rem;
        padding: 0 0.35rem;
        height: auto;
        padding-bottom: 0.9rem;
    }
    .chronRight {
        height: 1.3rem;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    .chronicleListSwiper {
        width: 100%;
        margin-top: 1.3rem;
    }
    .chronicleList {
        flex-wrap: wrap;
    }
    .chronLeft {
        width: 100%;
    }
    .chronCon {
        width: 100%;
        height: auto;
        max-height: 6.45rem;
        padding-right: 0;
    }
    .chronYear {
        display: none;
    }
    .chronMonth {
        margin-top: 0;
        padding-bottom: 0.55rem;
        border-bottom: 0.01rem solid #ededed;
    }
    .monthList {
        width: 0.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
        margin-top: 0.5rem;
        font-size: 0.28rem;
        margin-left: calc((100% - 2.5rem) / 6);
    }
    .monthList:nth-child(3n+1) {
        margin-left: 0.5rem;
    }
    .monthList:nth-child(6n+1) {
        margin-left: 0;
    }
    .chronCon {
        margin-top: 0.7rem;
        padding: 0 0.2rem 0 0.3rem;
    }
    .chronCon p {
        margin-top: 0.7rem;
        font-size: 0.28rem;
        line-height: 0.43rem;
    }
    .chronCon p:first-child {
        margin-top: 0;
    }
    .chronicleSwiper {
        height: 100%;
        margin: 0 0.7rem;
        width: 100%;
    }
    .chronicleSwiper .swiper-slide {
        height: 100%;
        width: 25%;
        font-size: 0.26rem;
    }
    .chronicle .swiper-button-prev {
        top: calc((1.3rem - 0.38rem) / 2);
        right: initial;
        left: 0.35rem;
        margin-top: 0;
        background: url(../images/mobile/icon/icon-53.png) center no-repeat;
        background-size: cover;
        width: 0.2rem;
        height: 0.38rem;
    }
    .chronicle .swiper-button-next {
        top: calc((1.3rem - 0.38rem) / 2);
        right: 0.35rem;
        left: initial;
        margin-top: 0;
        background: url(../images/mobile/icon/icon-54.png) center no-repeat;
        background-size: cover;
        width: 0.2rem;
        height: 0.38rem;
    }
    .chronicleMobileSwiper {
        height: 100%;
        margin: 0 0.7rem;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .chronicleMobileSwiper .swiper-slide {
        height: 100%;
        width: 25%;
        font-size: 0.26rem;
        text-align: center;
        color: #a1c4ff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .chronicleMobileSwiper .swiper-slide.swiper-slide-active {
        color: #fff;
    }
    /*p1-0-关于烽火聚合结束*/
    /*经营管理层开始*/
    .managementTitle {
        margin-top: 0.7rem;
    }
    .managementSwiper {
        margin-top: 0.7rem;
        width: 100%;
        background: #fff;
        padding-bottom: 0;
    }
    .managementSwiper .swiper-slide {
        display: block;
    }
    .managementName {
        margin-top: 0;
        text-align: center;
        font-size: 0.44rem;
    }
    .managementLeft {
        width: 100%;
        padding: 0;
    }
    .managementPos {
        padding: 0;
        margin-top: 0.5rem;
        text-align: center;
        font-size: 0.34rem;
    }
    .managementPos:after {
        display: none;
    }
    .managementIntro {
        margin-top: 0.6rem;
        font-size: 0.26rem;
        line-height: 0.46rem;
    }
    .managementRight {
        width: 70%;
        margin: 0 auto;
        margin-top: 0.6rem;
    }
    .moreSenior {
        margin-top: 1.2rem;
        width: 3.2rem;
        line-height: 0.9rem;
        font-size: 0.28rem;
        color: #fff;
        background: #1e4e9d;
        border: none;
    }
    .moreSenior:hover {
        border: none;
    }
    .management .swiper-button-prev {
        width: 0.8rem;
        height: 0.8rem;
        background: url(../images/mobile/cpage/managementLeft.png) center no-repeat;
        background-size: cover;
        left: 0.65rem;
        top: 56%;
    }
    .management .swiper-button-prev:hover {
        background: url(../images/mobile/cpage/managementLeft.png) center no-repeat;
        background-size: cover;
    }
    .management .swiper-button-next {
        width: 0.8rem;
        height: 0.8rem;
        background: url(../images/mobile/cpage/managementRight.png) center no-repeat;
        background-size: cover;
        right: 0.65rem;
        top: 56%;
    }
    .management .swiper-button-next:hover {
        background: url(../images/mobile/cpage/managementRight.png) center no-repeat;
        background-size: cover;
    }
    /*经营管理层结束*/
    /*p5-1服务支持-服务体系-客户支持服务开始*/
    .cusSupportTitle {
        padding-top: 0.7rem;
        font-size: 0.36rem;
    }
    .cusSupport {
        padding-bottom: 1rem;
    }
    .cusSupportText {
        margin-top: 0.5rem;
        font-size: 0.26rem;
        line-height: 0.38rem;
    }
    .cusInfoList {
        flex-wrap: wrap;
        margin-top: 0.7rem;
        position: relative;
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    }
    .cusInfoListImg {
        width: 100%;
        height: 4.25rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .cusInfoListMain {
        width: 100%;
        margin-top: 0.2rem;
        padding: 4.25rem 5% 0.3rem 5%;
    }
    .cusNum {
        font-size: 1rem;
        position: relative;
        bottom: initial;
    }
    .cusInfoTopLeft {
        display: flex;
        align-items: center;
    }
    .cusInfoListIcon {
        width: 0.6rem;
    }
    .cusInfoListTitle {
        margin-top: 0;
        font-size: 0.3rem;
        margin-left: 0.3rem;
    }
    .cusInfoListText {
        margin-top: 0.1rem;
        font-size: 0.26rem;
        color: #333333;
        line-height: 0.4rem;
    }
    .cusInfoListMain .more{
        margin-top: 0.2rem;
    }
    .cusInfoListMain .more em{
        padding-right: 0.3rem;
        font-size: 0.26rem;
        background: url(../images/zjpage/icon/icon_27s.png) right center no-repeat;
        background-size: 0.08rem auto;
    }

    /*p5-1服务支持-服务体系-客户支持服务结束*/
    /*资料中心开始*/
    .newsMenu {
        display: none;
    }
    .formLeft {
        flex-wrap: wrap;
        width: 100%;
        display: block;
    }
    .formRight {
        display: none;
    }
    .formInput {
        width: 100%;
        height: 0.9rem;
        padding: 0 0.3rem;
        box-sizing: border-box;
    }
    .exhibition {
        margin-top: 0.7rem;
        display: inherit;
    }
    .formInput input {
        font-size: 0.26rem;
    }
    .formSearch {
        width: 0.3rem;
    }
    .formRes {
        margin-left: 0;
        margin-top: 0.4rem;
        font-size: 0.26rem;
        color: #999999;
    }
    .formRes span {
        margin: 0 0.1rem;
    }
    .dataInfo {
        background: #fff;
    }
    .mobileLine {
        height: 0.06rem;
        background: #e8e8e8;
        width: 100%;
        margin-top: 0.6rem;
    }
    .mobileType {
        margin-top: 0.7rem;
    }
    .mobileDataTypeRel {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 0.01rem solid #ccc;
        height: 0.9rem;
        padding: 0 0.35rem;
        box-sizing: border-box;
    }
    .ificatLeft {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .mobileDataType {
        position: relative;
    }
    .ificationIcon {
        width: 0.3rem;
    }
    .ificationTitle {
        font-size: 0.26rem;
        color: #666666;
        margin-left: 0.25rem;
    }
    .ificationDown {
        width: 0.2rem;
    }
    .mobileDataTypePos {
        position: absolute;
        background: #f9f9f9;
        width: 100%;
        border: 0.01rem solid #ccc;
        border-top: none;
        box-sizing: border-box;
        padding: 0 0.35rem;
        display: none;
        z-index: 2;
    }
    .mobileDataPosList {
        height: 1rem;
        border-top: 0.01rem solid #ccc;
        display: flex;
        align-items: center;
    }
    .mobileDataPosList:first-child {
        border-top: none;
    }
    .mobileDataPosListIcon {
        width: 0.25rem;
    }
    .mobileDataPosList span {
        font-size: 0.24rem;
        color: #999;
        margin-left: 0.25rem;
    }
    .comSort {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 0.5rem;
    }
    .comSortLeft {
        display: flex;
        position: relative;
        width: calc((100% - 0.5rem) / 2);
    }
    .comSortTitle {
        width: 100%;
        height: 0.9rem;
        border: 0.01rem solid #ccc;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 0.35rem;
        box-sizing: border-box;
    }
    .comSortRight {
        width: calc((100% - 0.5rem) / 2);
        display: flex;
        align-items: center;
        height: 0.9rem;
        border: 0.01rem solid #ccc;
        padding: 0 0.35rem;
        box-sizing: border-box;
        justify-content: center;
    }
    .comSortRight span {
        margin-left: 0.2rem;
        font-size: 0.26rem;
        color: #666;
    }
    .comSortIcon {
        width: 0.2rem;
    }
    .comSortPos {
        position: absolute;
        width: 100%;
        top: 0.9rem;
        background: #f9f9f9;
        padding: 0 0.35rem;
        box-sizing: border-box;
        border: 0.01rem solid #ccc;
        border-top: none;
        display: none;
        z-index: 1;
    }
    .comSortTitle span {
        font-size: 0.26rem;
        color: #666666;
    }
    .comSortList {
        height: 1rem;
        display: flex;
        align-items: center;
        border-top: 0.01rem solid #ccc;
        color: #999;
        font-size: 0.24rem;
    }
    .comSortList:first-child {
        border-top: 0;
    }
    .comSortRighIcon {
        width: 0.3rem;
    }
    .journalList {
        position: relative;
        margin-top: 0.5rem;
        padding-bottom: 0.5rem;
        border-bottom: 0.01rem solid #ececec;
    }
    .journalList:first-child {
        margin-top: 0.7rem;
    }
    .journalTop {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .journalIcon {
        width: 0.06rem;
        height: 0.32rem;
        background: url("../images/mobile/icon/icon-62.png") center no-repeat;
        background-size: cover;
    }
    .journalList.curr .journalIcon {
        background: url("../images/mobile/icon/icon-62s.png") center no-repeat;
        background-size: cover;
    }
    .journalImg {
        width: 0.84rem;
    }
    .journalLeft {
        display: flex;
        align-items: center;
        width: calc(100% - 0.06rem);
    }
    .journalTitle {
        padding: 0 0.4rem;
        font-size: 0.28rem;
        color: #666666;
        width: calc(100% - 0.84rem);
    }
    .journalPos {
        margin-top: 0.5rem;
        justify-content: space-between;
        align-items: center;
        font-size: 0.2rem;
        color: #666;
        display: none;
    }
    .journalList.curr .journalPos {
        display: flex;
    }
    .views {
        display: flex;
        align-items: center;
    }
    .views span {
        width: 0.2rem;
        margin-right: 0.1rem;
    }
    .mobilePreview {
        display: flex;
        align-items: center;
        color: #666;
    }
    .mobilePreview span {
        width: 0.25rem;
        margin-right: 0.1rem;
    }
    .mobileDown {
        display: flex;
        align-items: center;
        color: #666;
    }
    .mobileDown span {
        width: 0.25rem;
        margin-right: 0.1rem;
    }
    .mobileScreen {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 99;
        transition: all 0.5s;
    }
    .mobileScreen.curr {
        left: 0;
    }
    .mobileScreenBox {
        position: absolute;
        width: calc(100% - 0.85rem);
        background: #fff;
        right: 0;
        top: 0;
        height: 100%;
        padding: 0.5rem;
        box-sizing: border-box;
        overflow: auto;
    }
    .mobileScreenTop {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mobileScreenTopLeft {
        display: flex;
        align-items: center;
    }
    .mobileScreenTopImg {
        width: 0.3rem;
    }
    .mobileScreenTopImg img {
        width: 100%;
    }
    .mobileScreenTopTitle {
        font-size: 0.3rem;
        font-weight: bold;
        margin-left: 0.15rem;
    }
    .mobileScreenTopClose {
        width: 0.4rem;
    }
    .mobileScreenTopClose img {
        width: 100%;
    }
    .mobileScreenList {
        padding-top: 0.5rem;
        padding-bottom: 0.7rem;
        border-top: 0.01rem solid #ccc;
    }
    .mobileScreenList:first-child {
        border-top: none;
    }
    .screenData {
        height: 0.6rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .screenDataBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .screenDataTitle {
        font-size: 0.22rem;
        font-weight: bold;
    }
    .screenDataIcon {
        width: 0.18rem;
    }
    .screenDataIcon img {
        width: 100%;
    }
    .screenDataText {
        width: calc((100% - 0.5rem) / 2);
        height: 0.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.01rem solid #ccc;
        margin-top: 0.4rem;
        font-size: 0.24rem;
    }
    .screenDataText.curr {
        border: 0.01rem solid #104897;
        color: #104897;
    }
    .determineInfo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 0.3rem;
    }
    .clearScreen {
        width: calc((100% - 0.5rem) / 2);
        height: 0.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.01rem solid #ccc;
        font-size: 0.24rem;
    }
    .determineScreen {
        width: calc((100% - 0.5rem) / 2);
        height: 0.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #104897;
        color: #fff;
        font-size: 0.24rem;
    }
    /*资料中心结束*/
    /*p2-1 解决方案-海洋网络开始*/
    .backbone_05 {
        padding: 0.7rem 0;
    }
    .backbone_05 .swiper {
        margin: 0 0 0 -4%;
        width: calc(100% + 8%);
    }
    .backbone_05 .swiper-slide {
        padding: 0.1rem 4vw;
        width: calc(100% - 8vw);
    }
    .backbone_05 .swiper-slide .text {
        margin: 0 0 0.5rem 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    }
    .backbone_05 .swiper-slide .text:nth-child(3) {
        margin-bottom: 0;
    }
    .backbone_05 .swiper-slide .text .bor {
        padding: 0.48rem 4%;
    }
    .backbone_05 .swiper-slide .text i {
        margin-right: 0.38rem;
        width: 0.58rem;
        height: 0.6rem;
    }
    .backbone_05 .swiper-slide .text i.i1,
    .backbone_05 .swiper-slide .text i.i2,
    .backbone_05 .swiper-slide .text i.i3,
    .backbone_05 .swiper-slide .text i.i4 {
        background-size: 100% auto;
    }
    .backbone_05 .swiper-slide .text .a1 {
        width: calc(100% - 0.96rem - 0.94rem - 0.47rem - 0.1rem);
        font-size: 0.26rem;
        line-height: 0.6rem;
        color: #333;
    }
    .backbone_05 .swiper-slide .text .a2 {
        margin-right: 0.5rem;
        width: 0.44rem;
        height: 0.6rem;
        background: url(../images/zjpage/icon/icon_8s.png) center no-repeat;
        background-size: 100% auto;
    }
    .backbone_05 .swiper-slide .text .a3 {
        width: 0.47rem;
        height: 0.6rem;
        background: url(../images/zjpage/icon/icon_9s.png) center no-repeat;
        background-size: 100% auto;
    }
    .backbone_05 .swiper-slide .text:hover {
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
    }
    .backbone_05 .swiper-slide .text:hover .a1 {
        color: #0b4da2;
    }
    .backbone_05 .swiper-slide .swiper-pagination {
        bottom: inherit;
    }
    .backbone_05 .swiper-slide .swiper-pagination .swiper-pagination-bullet {
        margin: 0 15px 0;
    }
    .backbone_05 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 0.15rem;
    }
    .backbone_05 .swiper-pagination .swiper-pagination-bullet {
        margin: 0 0.15rem;
        width: 0.18rem;
        height: 0.18rem;
    }
    .backbone_05 .swiper-pagination {
        margin-top: 0.4rem;
    }
    .oceanNav {
        display: none;
    }
    .oceanInfo {
        padding: 0.7rem 0 0;
    }
    .cableTitle {
        font-size: 0.36rem;
        padding-bottom: 0.5rem;
    }
    .cableTitle:after {
        height: 0.01rem;
    }
    .cableTitle:before {
        height: 0.04rem;
    }
    .cableInfo {
        margin-top: 0;
        min-height: 5.5rem;
        padding: 0.8rem 0.4rem;
        background: url(../images/mobile/cpage/cableBg.png) center no-repeat;
        background-size: cover;
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    }
    .cableText {
        margin-top: 0.5rem;
        /* font-size: 0.26rem;
        line-height: 0.52rem;
        height: 2.5rem;
        overflow: auto; */
        font-size: 0.26rem;
        line-height: 0.52rem;
    }
    .cableText p img {
        margin: 0.2rem auto;
    }
    .oceanProduct {
        padding: 0.8rem 0;
    }
    .oceanProductTitle {
        font-size: 0.36rem;
    }
    .opticalCableTop {
        margin-top: 0.6rem;
        height: 2.74rem;
    }
    .opticalCableTopPos {
        padding: 0 5%;
    }
    .opticalCableTitle {
        font-size: 0.34rem;
        padding-bottom: 0.6rem;
        width: calc(100% - 0.95rem);
    }
    .opticalCableTitle:before {
        width: 2.8rem;
        height: 0.03rem;
    }
    .opticalCableTitle:after {
        height: 0.01rem;
    }
    .opticalCableIcon {
        width: 0.95rem;
        height: 0.95rem;
        margin-top: 0.4rem;
        background: url(../images/mobile/icon/icon-74.png) center no-repeat;
        background-size: contain;
    }
    .oceanProductCon {
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    }
    .opticalCableBtn {
        padding: 0.6rem 4% 0 4%;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .opticalProLeft {
        width: 48%;
        height: 4.3rem;
        margin-left: 0;
        padding: 0.6rem 0;
        margin-top: 0.3rem !important;
    }
    .opticalProText {
        margin-top: 0.4rem;
        font-size: 0.26rem;
    }
    .opticalProImg {
        height: 2.5rem;
    }
    .opticalProList {
        margin-top: 0.65rem !important;
        margin-left: 0!important;
        width: 100%;
        height: 1.1rem;
        font-size: 0.26rem;
    }
    .opticalProRight {
        margin-left: 0;
        width: 100%;
    }
    .mOpticalMore {
        margin: 0 auto;
        margin-top: 0.7rem;
        width: 3.2rem;
        height: 0.9rem;
        line-height: 0.9rem;
        color: #fff;
        text-align: center;
        font-size: 0.26rem;
        background: #0b4da2;
    }
    .mOpticalMore p {
        padding-right: 0.4rem;
        font-size: 0.26rem;
        background: url(../images/zjpage/icon/icon_11s.png) right center no-repeat;
    }
    .opticalContInfo {
        padding-bottom: 0.9rem;
    }
    .oceanSolution {
        margin-top: 0.7rem;
    }
    .oceanSolutionInfo {
        margin-top: 0.6rem;
        position: relative;
        padding-bottom: 0.7rem;
    }
    .mOceanSolutionSwiper {
        overflow: hidden;
        position: relative;
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    }
    .oceanSolutionList {
        flex-wrap: wrap;
        position: relative;
    }
    .oceanSolutionImg {
        width: 100%;
        height: 4.25rem;
        position: absolute;
    }
    .oceanSolutionCont {
        width: 100%;
        padding: 0.3rem 0.3rem 0.6rem 0.3rem;
        margin-top: 4.25rem;
        box-shadow: none;
    }
    .oceanSolutionCont .showMore {
        margin-top: 0.4rem;
        width: 0.8rem;
        height: 0.8rem;
        border: 0.01rem solid #0b4da2;
    }
    .oceanSolutionCont .showMore:after {
        margin: -0.11rem 0 0 -0.24rem;
        width: 0.06rem;
        height: 0.06rem;
    }
    .oceanSolutionCont .showMore span:before {
        display: none;
    }
    .oceanSolutionCont .showMore span:after {
        background: url("../images/index/icon-1.png") center no-repeat;
        background-size: 0.12rem auto;
    }
    .oceanSolutionTitle {
        font-size: 0.32rem;
        padding-top: 0.8rem;
    }
    .oceanSolutionNum {
        font-size: 1rem;
    }
    .showMore {
        display: none;
    }
    .oceanSolutionText {
        margin-top: 0.4rem;
        line-height: 0.46rem;
        font-size: 0.26rem;
    }
    .title_left {
        font-size: 0.36rem;
        margin-bottom: 0.6rem;
    }
    .oceanSolutionInfo .swiper-pagination {
        bottom: 0!important;
        width: 100%;
    }
    .oceanSolutionInfo .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 0.2rem;
    }
    .oceanSolutionInfo .swiper-pagination .swiper-pagination-bullet {
        margin: 0 0.2rem;
        width: 0.18rem;
        height: 0.18rem;
    }
    .oceanSolutionInfo .swiper-pagination .swiper-pagination-bullet-active {
        background: #184997;
    }
    /*p2-1 解决方案-海洋网络结束*/
    /*海洋网络详情开始*/
    .cableText {
        height: auto;
    }
    .cableInfoDetailImg {
        margin: 0.9rem 0 0.3rem 0;
    }
    .cableInfoDetailImg {
        width: 100%;
    }
    .cableInfoDetail {
        background: #fff;
    }
    .cableDetailBack {
        margin-top: 1rem;
        background: #1e4e9d;
        height: 0.9rem;
        width: 3.2rem;
        border-radius: 0.1rem;
    }
    .detailBack {
        color: #fff;
        font-size: 0.28rem;
    }
    .detailBackImg {
        margin-left: 0.15rem;
        width: 0.26rem;
        background: url(../images/mobile/cpage/back.png) center no-repeat;
        background-size: contain;
    }
    .detailPage {
        padding-bottom: 1rem;
    }
    /*海洋网络详情结束*/
    /*光网络开始*/
    .electricity_02 {
        padding: 0.7rem 0;
    }
    .electricity_02 .swiper a {
        margin: 0 0 0.5rem 0;
        width: 100%;
    }
    .electricity_02 .swiper a::before {
        background: url(../images/mobile/icon/icon_2.png) left bottom no-repeat;
        background-size: 100% auto;
    }
    .electricity_02 .swiper a .pic {
        height: 2.4rem;
    }
    .electricity_02 .swiper a p {
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 0px;
        height: 100%;
    }
    .electricity_02 .swiper a p em {
        margin: 0;
        font-size: 0.32rem;
    }
    .electricity_02 .swiper .swiper-pagination {
        margin-top: 0.2rem;
    }
    .networkPage {
        height: 5.15rem;
    }
    .networkPage .posBox .pos b {
        font-size: 0.36rem;
    }
    .trendTitle {
        padding-top: 0.7rem;
        font-size: 0.36rem;
    }
    .trendInfo .trendBox {
        padding-bottom: 0.7rem;
    }
    .trendList {
        margin-top: 0;
        padding: 0;
    }
    .trendSwiper {
        overflow: hidden;
        margin-top: 0.5rem;
    }
    .trendListImg {
        height: 4.25rem;
    }
    .trendMain:before {
        display: none;
    }
    .trendList:after,
    .trendMain:after {
        display: none;
    }
    .trendListText {
        margin-top: 0;
        font-size: 0.3rem;
        line-height: 0.4rem;
        height: 0.8rem;
    }
    .trendListBtn {
        margin-top: 0.4rem;
    }
    .trendMain {
        padding: 0.5rem 0.3rem;
        box-sizing: border-box;
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
        margin: 0 0.02rem;
    }
    .trendListIcon {
        width: 0.3rem;
    }
    .trendListDate {
        font-size: 0.26rem;
        margin-left: 0.15rem;
    }
    .trendSolution {
        margin-top: 0.7rem;
        padding-bottom: 0.7rem;
    }
    .trendType {
        margin-top: 0.6rem;
        flex-wrap: wrap;
    }
    .trendTypeLeft {
        width: 100%;
        height: 4.2rem;
    }
    .trendTypeRight {
        margin-top: 0.6rem;
        margin-left: 0;
        width: 100%;
    }
    .trendTabList {
        width: 33.33%;
        font-size: 0.26rem;
        line-height: 1.2rem;
    }
    .trendTabList:nth-child(4n)::after {
        display: block;
    }
    .trendTabList:nth-child(3)::after {
        display: none;
    }
    .trendInfomation {
        margin-top: 0.6rem;
    }
    .trendProTitle {
        font-size: 0.32rem;
    }
    .trendProText {
        margin-top: 0.45rem;
        line-height: 0.49rem;
        font-size: 0.28rem;
    }
    .trendProList {
        width: calc(100% / 2);
        margin-top: 0.3rem;
        font-size: 0.26rem;
        padding: 0 0.3rem;
        padding-bottom: 0.1rem;
    }
    .trendProList:before {
        width: 0.08rem;
        height: 0.08rem;
        top: 0.12rem;
    }
    .trendProList:hover:after {
        display: none;
    }
    /*光网络结束*/
    /*宽带接入开始*/
    .networkPage .posBox .pos p {
        font-size: 0.26rem;
        line-height: 0.46rem;
        max-width: 100%;
        width: 100%;
        margin-top: 0.5rem;
    }
    .access {
        padding: 0.7rem 0;
    }
    .accessList {
        padding: 0;
        position: relative;
        flex-wrap: wrap;
    }
    .accessListRight {
        position: absolute;
        height: 4.2rem;
        width: 100%;
        top: 0;
        left: 0;
        margin-left: 0;
    }
    .accessListLeft {
        width: 100%;
        margin-top: 4.2rem;
        padding: 0.7rem 0.3rem;
        box-sizing: border-box;
    }
    .accessListTitle {
        font-size: 0.36rem;
    }
    .accessListText {
        font-size: 0.26rem;
        margin-top: 0.4rem;
        padding-left: 0.3rem;
    }
    .accessListText:after {
        width: 0.08rem;
        height: 0.08rem;
        top: 0.12rem;
    }
    .accessList {
        min-height: auto;
    }
    .accessListLeft {
        min-height: 6.26rem;
    }
    /*宽带接入结束*/
    /*p2-2华北东数西算解决方案开始*/
    .mNorthInfo {
        margin: 0.7rem 0;
        overflow: hidden;
    }
    .northList {
        height: 4.25rem;
        width: 100%;
    }
    .northImg {
        width: 0.7rem;
    }
    .northTitle {
        font-size: 0.3rem;
        margin-top: 0.3rem;
    }
    .northMore {
        font-size: 0.26rem;
        margin-top: 0.5rem;
        opacity: 1;
    }
    .northMoreRight {
        width: 0.1rem;
        margin-left: 0.2rem;
    }
    .northList:hover .northMore {
        margin-top: 0.5rem;
    }
    /*p2-2华北东数西算解决方案结束*/
    /*p5-1-2服务支持-服务体系-网络部署服务开始*/
    .deploy .cusInfoListTitle {
        font-size: 0.3rem;
        margin-left: 0;
    }
    .deploy .cusInfoTop {
        padding-bottom: 0;
        border-bottom: 0.02rem solid #ededed;
    }
    .deploy .cusInfoTop:after {
        height: 0.04rem;
        width: 1.8rem;
    }
    .deploy .cusInfoListText {
        margin-top: 0.3rem;
    }
    /*p5-1-2服务支持-服务体系-网络部署服务结束*/
    /*p5-1-7服务支持-服务体系-数据中心服务开始*/
    .dataCenterTitle {
        margin-top: 0.5rem;
        font-size: 0.32rem;
    }
    .dataCenterText {
        margin-top: 0.4rem;
        font-size: 0.26rem;
        line-height: 0.42rem;
    }
    .dataCenterText h3 {
        font-size: 0.26rem;
        line-height: 0.42rem;
        margin-bottom: 0;
    }
    .dataCenterText p {
        width: 100%!important;
        margin-top: 0.5rem;
    }
    .dataCenterImg {
        margin-top: 0.5rem;
        flex-wrap: wrap;
    }
    .dataCenterImgLeft {
        width: 100%;
    }
    .dataCenterImgRight {
        width: 100%;
        margin-top: 0.5rem;
    }
    /*p5-1-7服务支持-服务体系-数据中心服务结束*/
    /*数字能源开始*/
    .energySwiper {
        overflow: hidden;
    }
    .energyLeftTop {
        height: 4.25rem;
    }
    .energyPosTitle {
        font-size: 0.3rem;
    }
    .energyPos {
        padding: 0.5rem;
        bottom: 0;
        top: initial;
    }
    /*数字能源结束*/
    /*p2-2解决方案聚合页2开始*/
    .backbone_03 {
        padding: 0.65rem 0 0.7rem;
        background: #fff url(../images/zjpage/backbone_03_bac.png) left bottom no-repeat;
        background-size: 100% auto;
    }
    .backbone_03 .Pswiper {
        display: none;
    }
    .backbone_03 .Mswiper {
        display: block;
    }
    .backbone_03 .swiper {
        margin-left: -4%;
        width: calc(100% + 8%);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    }
    .backbone_03 .swiper .swiper-slide {
        padding: 0.1rem 4vw;
        width: calc(100% - 8vw);
    }
    .backbone_03 .swiper a {
        margin-bottom: 0.5rem;
        width: 100%;
        min-height: auto;
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    }
    .backbone_03 .swiper a:nth-child(2) {
        margin-bottom: 0;
        background: #fff;
    }
    .backbone_03 .swiper a .bor {
        padding: 0 5% 0.1rem;
    }
    .backbone_03 .swiper a .t {
        margin-bottom: 0.4rem;
    }
    .backbone_03 .swiper a .t em {
        font-size: 0.9rem;
    }
    .backbone_03 .swiper a .t p {
        margin-top: -0.66rem;
        font-size: 0.32rem;
    }
    .backbone_03 .swiper a .text p {
        margin-bottom: 0.4rem;
        padding-left: 0.39rem;
        line-height: 0.42rem;
        font-size: 0.26rem;
        background: url(../images/zjpage/icon/icon_7.png) left 0.18rem no-repeat;
        background-size: 0.1rem auto;
    }
    .backbone_03 .swiper-pagination {
        margin-top: 0.56rem;
    }
    .relatedProducts {
        padding: 0.7rem 0;
    }
    .productMap {
        margin-top: 0.5rem;
        width: 100%;
    }
    .productMap .pos {
        display: none;
    }
    /*p2-2解决方案聚合页2结束*/
    /*光纤分配网开始*/
    .electricity_01 .next {
        height: auto;
    }
    .electricity_01 .next .t {
        margin: 0.7rem 0 0.4rem;
        font-size: 0.36rem;
    }
    .electricity_01 .next .text {
        margin: 0 4%;
        padding: 0 0.3rem;
        font-size: 0.26rem;
        line-height: 0.46rem;
        max-height: 2.3rem;
    }
    .linkBox {
        display: none;
    }
    .backbone_02 {
        padding: 5.7rem 0 0.5rem;
        background: #f3f2f5 url(../images/mobile/zjpage/backbone_02_1.jpg) left bottom no-repeat;
        background-size: 100% auto;
        margin-top: 0;
    }
    .backbone_02 .bac {
        width: 100%;
        height: 5rem;
    }
    .backbone_02 .bac.bac1 {
        display: none;
    }
    .backbone_02 .bac.bac2 {
        background: url(../images/zjpage/backbone_02_2.jpg) center no-repeat;
        background-size: cover;
    }
    .backbone_02 .w1600 .title_left {
        margin-bottom: 0.35rem;
    }
    .backbone_02 .swiper {
        width: 100%;
    }
    .backbone_02 .swiper .swiper-slide {
        margin-bottom: 0;
    }
    .backbone_02 .swiper a {
        margin: 0.35rem 0;
        width: 100%;
    }
    .backbone_02 .swiper a::before {
        display: none;
    }
    .backbone_02 .swiper a .icon {
        margin: 0.2rem 0.5rem 0 0;
        width: 0.7rem;
        height: 0.6rem;
    }
    .backbone_02 .swiper a .icon img {
        width: 100%;
    }
    .backbone_02 .swiper a .text {
        width: calc(100% - 1.2rem);
    }
    .backbone_02 .swiper a .text b {
        margin-bottom: 0.27rem;
        font-size: 0.32rem;
    }
    .backbone_02 .swiper a .text p {
        font-size: 0.26rem;
        line-height: 0.36rem;
    }
    .backbone_02 .swiper .swiper-pagination {
        margin: 0.15rem 0;
    }
    /*光纤分配网结束*/
    .page-items2 {
        margin-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .page-item,
    .page-info {
        width: 0.6rem;
        height: 0.6rem;
        line-height: 0.6rem;
        margin: 0 0.15rem;
    }
    .page-item:first-child {
        margin-right: 0.15rem;
        background: url(../images/pageImg/left.png) center no-repeat;
        background-size: 100% 100%;
    }
    .page-item:first-child:hover {
        background: #1f4f9d url(../images/pageImg/lefts.png) center no-repeat;
        background-size: 100% 100%;
    }
    .page-item:last-child {
        margin-left: 0.15rem;
        background: url(../images/pageImg/right.png) center no-repeat;
        background-size: 100% 100%;
    }
    .page-item:last-child:hover {
        background: #1f4f9d url(../images/pageImg/rights.png) center no-repeat;
        background-size: 100% 100%;
    }
    .tzListMore {
        margin-top: 0.7rem !important;
    }
    .noMore {
        margin-top: 0.7rem;
    }
}
.electricity_03 {
    padding: 70px 0 75px;
    background: url(../images/zjpage/electricity_03_bac.jpg) center no-repeat;
    background-size: cover;
}
.electricity_03 .swiper .w1600 {
    display: none;
    height: 134px;
}
.electricity_03 .swiper-slide {
    transition: all 0.5s;
    opacity: 0.7;
    width: 52.6%;
    width: 950px;
}
.electricity_03 .swiper-slide.swiper-slide-active {
    transition: all 0.5s;
    opacity: 1;
}
.electricity_03 .swiper-slide a {
    margin: 0 3.5%;
    position: relative;
    height: 400px;
    background: #fff;
    overflow: hidden;
}
.electricity_03 .swiper-slide a .pic {
    position: absolute;
    right: -11%;
    top: -19%;
    width: 56%;
    max-width: 400px;
    max-height: 400px;
    border-radius: 100%;
    overflow: hidden;
}
.electricity_03 .swiper-slide a .pic i {
    transition: all 0.5s;
    transform: scale(1);
    width: 100%;
    height: 100%;
}
.electricity_03 .swiper-slide a .next {
    margin: 70px 0 0 7%;
    width: 52%;
}
.electricity_03 .swiper-slide a .next b {
    margin-bottom: 30px;
    font-size: 24px;
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.electricity_03 .swiper-slide a .next i {
    margin-bottom: 30px;
    width: 137px;
    height: 1px;
    background: #1b59a8;
}
.electricity_03 .swiper-slide a .next p {
    font-size: 16px;
    line-height: 36px;
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.electricity_03 .swiper-slide a .next .text {
    font-size: 16px;
    line-height: 36px;
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.electricity_03 .swiper-slide a .showMore {
    position: absolute;
    right: 224px;
    bottom: 105px;
}
.electricity_03 .swiper-slide a:hover .pic i {
    transition: all 0.5s;
    transform: scale(1.1);
}
.electricity_03 .swiper-pagination {
    margin-top: 50px;
}
.electricity_03 .swiper-scrollbar {
    left: 0;
    top: 90px;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
}
.electricity_03 .swiper-scrollbar-drag {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    height: 81px;
    background: url(../images/zjpage/icon/icon_1.png) center no-repeat;
    background-size: 80px auto;
}
.electricity_03 .showMore {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #0b4da2;
    background: #0b4da2;
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;
}
.electricity_03 .showMore:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0b4da2;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -4px;
    margin-top: -4px;
    transform: rotate(45deg);
    transform-origin: 4px 34px;
    animation: seemore linear 2s infinite;
    animation-play-state: paused;
}
.electricity_03 .showMore span {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.electricity_03 .showMore span:before {
    content: '';
    background: url("../images/index/icon-2.png") center no-repeat;
    position: absolute;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    background-size: 28px 22px;
    left: -100%;
}
.electricity_03 .showMore span:after {
    content: '';
    background: url("../images/index/icon-1.png") center no-repeat;
    position: absolute;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    background-size: 11px 22px;
    left: 0;
}
.electricity_03 .showMore:hover:after {
    animation: seemore linear 2s infinite;
}
.electricity_03 .showMore:hover span:before {
    left: 0;
}
.electricity_03 .showMore:hover span:after {
    left: 100%;
}
@media (max-width: 1200px) {
    .electricity_03 {
        padding: 0.7rem 0 0.8rem;
        background: url(../images/zjpage/electricity_03_bac.jpg) center no-repeat;
        background-size: cover;
    }
    .electricity_03 .swiper .w1600 {
        display: none;
    }
    .electricity_03 .swiper-slide {
        opacity: 1;
        width: 100%;
    }
    .electricity_03 .swiper-slide a {
        margin: 0 3.5%;
        height: auto;
    }
    .electricity_03 .swiper-slide a .pic {
        right: 0%;
        top: 0%;
        width: 100%;
        max-width: 100%;
        max-height: 4.24rem;
        border-radius: 0;
    }
    .electricity_03 .swiper-slide a .next {
        margin: 4.65rem 0 0 0;
        padding: 0 4% 0.5rem;
        width: 92%;
    }
    .electricity_03 .swiper-slide a .next b {
        margin-bottom: 0.4rem;
        font-size: 0.3rem;
        font-weight: bold;
    }
    .electricity_03 .swiper-slide a .next i {
        display: none;
    }
    .electricity_03 .swiper-slide a .next p {
        font-size: 0.26rem;
        line-height: 0.4rem;
    }
    .electricity_03 .swiper-slide a .next .text {
        font-size: 0.26rem;
        line-height: 0.4rem;
    }
    .electricity_03 .swiper-slide a .showMore {
        display: none;
    }
    .electricity_03 .swiper-pagination {
        margin-top: 0.5rem;
    }
}
/*============ ftth解决方案 ============*/
.productMap2 {
    width: 88.75%;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
}
.productMap2 .mapCont {
    display: block;
}
.productMap2 .pos {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px dashed #7293f5;
    border-radius: 50%;
    cursor: pointer;
}
.productMap2 .pos i {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #7293f5;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.productMap2 .pos:hover .mapContInfo {
    display: block;
}
.productMap2 .pos:hover i {
    background: #07468e;
}
.productMap2 .pos1 {
    top: 67.12%;
    left: 19.23%;
}
.productMap2 .pos2 {
    top: 62.5%;
    left: 31.8%;
}
.productMap2 .pos3 {
    top: 32.2%;
    left: 48.1%;
}
.productMap2 .pos4 {
    top: 32.2%;
    left: 55%;
}
.productMap2 .pos5 {
    top: 32.2%;
    left: 61.6%;
}
.productMap2 .pos6 {
    top: 32.2%;
    left: 68.5%;
}
.productMap2 .pos7 {
    top: 32.2%;
    left: 75.3%;
}
.productMap2 .pos8 {
    top: 32.2%;
    left: 82.1%;
}
.productMap2 .pos9 {
    top: 5.2%;
    left: 55.6%;
}
.productMap2 .trendBox .swiper-pagination {
    margin-bottom: 0.5rem;
}
@media (max-width: 1200px) {
    .productMap2 {
        margin-top: 0.5rem;
        width: 100%;
    }
    .productMap2 .pos {
        display: none;
    }
}
.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}
.backbone_04 {
    padding: 70px 0 60px;
    background: #edf6ff;
}
.backbone_04 .Wswiper .next {
    position: relative;
    /* float: left;
            margin: 0 3.5% 0 0;
            width: 31%; */
    min-height: 320px;
    background: #fff;
    overflow: hidden;
}
.backbone_04 .Wswiper .next:nth-child(3) {
    margin-right: 0;
}
.backbone_04 .Wswiper .next .sum {
    position: absolute;
    right: 0;
    bottom: -70px;
    font-size: 151px;
    color: #4c7cbb;
    font-weight: bold;
    opacity: 0.03;
}
.backbone_04 .Wswiper .next .bor {
    position: relative;
    z-index: 3;
    padding: 40px 6% 0;
}
.backbone_04 .Wswiper .next .t {
    position: absolute;
    left: 6%;
    top: 40px;
    width: 88%;
    line-height: 30px;
}
.backbone_04 .Wswiper .next .t p {
    float: left;
    font-size: 22px;
    color: #0b4da2;
    font-weight: bold;
}
.backbone_04 .Wswiper .next .t i {
    float: right;
    margin-top: 9px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #dddddd;
}
.backbone_04 .Wswiper .next .Nswiper {
    padding-top: 60px;
}
.backbone_04 .Wswiper .next .Nswiper a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-left: 23px;
    font-size: 18px;
    color: #333;
    background: url(../images/zjpage/icon/icon_7s.png) left 9px no-repeat;
}
.backbone_04 .Wswiper .next .Nswiper a:hover {
    color: #0b4da2;
}
.backbone_04 .Wswiper .next .Nswiper .pos {
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    background: #fff;
}
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-pagination {
    margin-top: -1px;
    height: 30px;
    font-size: 22px;
    color: #999;
    letter-spacing: 1px;
    overflow: hidden;
}
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-pagination .swiper-pagination-total {
    margin-top: 7px;
    font-size: 18px;
}
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-pagination .swiper-pagination-current {
    margin-top: 2px;
    color: #0b4da2;
}
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-pagination-lock {
    display: none;
}
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-button-next,
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-button-prev {
    top: 0;
    margin: 0;
    width: 9px;
    height: 31px;
}
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-button-next {
    right: 0;
    background: url(../images/zjpage/icon/icon_27.png) center no-repeat;
    background-size: 100% auto;
}
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-button-next:hover {
    background: url(../images/zjpage/icon/icon_27s.png) center no-repeat;
    background-size: 100% auto;
}
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-button-prev {
    left: 0;
    background: url(../images/zjpage/icon/icon_51.png) center no-repeat;
    background-size: 100% auto;
}
.backbone_04 .Wswiper .next .Nswiper .pos .swiper-button-prev:hover {
    background: url(../images/zjpage/icon/icon_51s.png) center no-repeat;
    background-size: 100% auto;
}
.highlightsMain{
    margin-top: 100px;
}
.highlightSwiper{
    position: relative;
    overflow: hidden;
    margin-top: 75px;
}
.highlightList{
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}
.highlightList:hover .highlightPos{
    background: rgba(0,0,0,0.4);
}
.highlightList:hover .highlightImg{
    transform: scale(1.05);
}
.highlightInfo{
    position: relative;
    overflow: hidden;
}
.highlightInfo em{
    display: none;
}
.highlightImg{
    width: 100%;
    height: 288px;
    transform: scale(1);
    transition: all 0.5s;
}
.highlightPre{
    width: 47px;
    display: none;
}
.highlightList:hover .highlightPre{
    display: block;
}
.highlightPos{
    position: absolute;
    width: 100%;
    height: 100%;

    top: 0;
    left: 0;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.highlightText{
    padding: 0 30px;
    box-sizing: border-box;
    position: absolute;
    bottom: 20px;
    color: #fff;
    line-height: 25px;
    width: 100%;
    font-size: 18px;
}
.highTop{
    margin-top: 100px;
}
.highTop img{
    width: 620px;
}
.opticalNet .highlightList{
    width: 50%;
    margin: 0 2%;
}
.opticalNet .highlightImg{
    height: 450px;
}
.pop_Culimg {
    display: none;
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 1000;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    align-items: center;
}
.pop_Culimg .delete i {
    float: right;
    width: 56px;
    height: 56px;
    background: url(../images/icon/i101.png) center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}
.pop_Culimg .bor {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 88px;
}
.pop_Culimg .bor .borBox {
    display: inline-block;
    position: relative;
}
.pop_Culimg .bor img {
    max-width: 100%;
    max-height: calc(92vh - 50px);
}
.pop_Culimg .bor .pos {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.2);
}
.pop_Culimg .bor .pos p {
    margin: 0 auto;
    width: 96%;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.pop_Culimg .swiper-button-next,
.pop_Culimg .swiper-button-prev {
    width: 50px;
    height: 50px;
}
.pop_Culimg .swiper-button-prev {
    left: 0;
    background: #eee url(../images/icon/i39ss.png) center no-repeat;
}
.pop_Culimg .swiper-button-next {
    right: 0;
    background: #d40212 url(../images/icon/i40ss.png) center no-repeat;
}
.pop_Culimg_bac {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.pop_Culimg .w1600{
    position: relative;
}
.highlightSwiper .swiper-button-next, .highlightSwiper .swiper-button-prev, .pop_Culimg .swiper-button-next, .pop_Culimg .swiper-button-prev {
    transition: all 0.5s;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border: #fff 1px solid;
    border-radius: 100%;
}
.highlightSwiper .swiper-button-prev, .pop_Culimg .swiper-button-prev{
    background: #fff url(../images/zjpage/icon/icon_10.png) center no-repeat;
}
.highlightSwiper .swiper-button-next, .pop_Culimg .swiper-button-next{
    background: #fff url(../images/zjpage/icon/icon_11.png) center no-repeat;
}
.highlightSwiper .swiper-button-prev:hover, .pop_Culimg .swiper-button-prev:hover{
    background: #1f4f9d url(../images/zjpage/icon/icon_10s.png) center no-repeat;
    border: 1px solid #1f4f9d;
}
.highlightSwiper .swiper-button-next:hover, .pop_Culimg .swiper-button-next:hover{
    background: #1f4f9d url(../images/zjpage/icon/icon_11s.png) center no-repeat;
    border: 1px solid #1f4f9d;
}
.highlightSwiper .swiper-button-next{
    right: 6%;
}
.highlightSwiper .swiper-button-prev{
    left: 6%;
}
@media (max-width: 1200px) {
    .backbone_04 {
        padding: 0.7rem 0;
    }
    .backbone_04 .Wswiper .next {
        margin: 0;
        width: 100%;
        min-height: 5.3rem;
    }
    .backbone_04 .Wswiper .next .sum {
        display: none;
    }
    .backbone_04 .Wswiper .next .bor {
        padding: 0.6rem 4% 0;
    }
    .backbone_04 .Wswiper .next .t {
        top: 0.6rem;
        margin-bottom: 0.55rem;
        line-height: 0.42rem;
    }
    .backbone_04 .Wswiper .next .t p {
        font-size: 0.32rem;
    }
    .backbone_04 .Wswiper .next .t i {
        display: none;
    }
    .backbone_04 .Wswiper .next .Nswiper {
        padding-top: 0.9rem;
    }
    .backbone_04 .Wswiper .next .Nswiper a {
        padding-left: 0.4rem;
        font-size: 0.26rem;
        background: url(../images/zjpage/icon/icon_7s.png) left 0.14rem no-repeat;
        background-size: 0.1rem auto;
    }
    .backbone_04 .Wswiper .next .Nswiper .pos {
        width: 1.6rem;
    }
    .backbone_04 .Wswiper .next .Nswiper .pos .swiper-pagination {
        margin-top: 0;
        height: 0.42rem;
        font-size: 0.3rem;
    }
    .backbone_04 .Wswiper .next .Nswiper .pos .swiper-pagination .swiper-pagination-total {
        margin-top: 0.07rem;
        font-size: 0.24rem;
    }
    .backbone_04 .Wswiper .next .Nswiper .pos .swiper-pagination .swiper-pagination-current {
        margin-top: 0.02rem;
    }
    .backbone_04 .Wswiper .next .Nswiper .pos .swiper-button-next,
    .backbone_04 .Wswiper .next .Nswiper .pos .swiper-button-prev {
        width: 6px;
        height: 0.42rem;
    }
    .backbone_04 .Wswiper .swiper-pagination {
        margin-top: 0.6rem;
    }
    .highlightSwiper{
        margin-top: 0.6rem;
    }
    .highlightsMain{
        margin-top: 0.9rem;
    }
    .pop_Culimg .delete i {
        width: 0.56rem;
        height: 0.56rem;
    }
    .pop_Culimg .bor {
        margin: 0 0.7rem;
    }
    .pop_Culimg .bor .pos {
        height: 0.7rem;
        line-height: 0.7rem;
    }
    .pop_Culimg .bor .pos p {
        font-size: 0.26rem;
    }
    .pop_Culimg .swiper-button-next,
    .pop_Culimg .swiper-button-prev {
        width: 0.5rem;
        height: 0.5rem;
        margin-top: 0;
    }
    .pop_Culimg .swiper-button-prev {
        background-size: 0.12rem auto;
    }
    .pop_Culimg .swiper-button-next {
        background-size: 0.12rem auto;
    }
    .highTop img{
        width: 6rem;
    }
    .highlightSwiper .swiper-button-next, .highlightSwiper .swiper-button-prev, .pop_Culimg .swiper-button-next, .pop_Culimg .swiper-button-prev{
        width: 0.6rem;
        height: 0.6rem;
    }
    .opticalNet .highlightList{
        width: 90%;
        margin: 0 5%;
    }
    .highlightImg{
        height: 4.25rem;
    }
    .opticalNet .highlightImg{
        height: 4.25rem;
    }
    .highlightPre{
        width: 0.6rem;
        display: none;
    }
    .highlightText{
        font-size: 0.28rem;
        padding: 0 0.3rem;
        bottom: 0.3rem;
        line-height: 0.35rem;
    }
    .highlightList .highlightPos{
        background: linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0));
        opacity: 1;
    }
}

/* 护网 */
.internetInfo .newsMenu, .internetInfo .newsForm, .internetInfo .newsType, .internetInfo .mobileDataType,
.internetInfo .mobileLine, .internetInfo .comSort, .internetInfo .newsForm, .internetInfo .exhibition .selectBox, .internetInfo .interaction{
    display: none;
}
.internetInfo .fileInfo, .internetInfo .exhibitionZh{
    margin-top: 0;
}

.internetInfo .page-item:first-child .page-link, .internetInfo .page-item:last-child .page-link{
    font-size: 0;
}
.internetInfo .page-items2 .w1400{
    display: flex;
    align-items: center;
    justify-content: center;
}
.internetInfo .page-item, .internetInfo .page-info{
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-size: 100% 100%;
}
.internetInfo .page-item:first-child, .internetInfo .page-item:last-child{
    border: none;
}
.internetInfo .exhibiRight .videoList{
    width: calc((100% - 50px) / 3);
}
.internetInfo .exhibiRight .videoList:nth-child(2n+1) {
    margin-left: 25px;
}
.internetInfo .exhibiRight .videoList:nth-child(3n+1) {
    margin-left: 0;
}
@media (max-width: 1200px) {
    .internetInfo .exhibitionZh {
        margin-top: 0.75rem;
    }
    .internetInfo .exhibiRight .videoList {
        width: 100%;
        margin: 0 0 0.5rem 0 !important;
    }
    .internetInfo .investorTop{
        padding-bottom: 0.7rem;
    }
}