/**
  * @description: 公共
  * @return {*}
  */
/* body{
    filter: grayscale()
} */
.companyTitle {
    display: none;
}

.companyTt {
    display: none;
}
.IndustryBox{
    display: none;
}

/* 分页 */
.clearfix {
    clear: both;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.page{height:60px;line-height:60px;color:#333;font-size:14px;text-align:center;}
.page .total{color:#FF4064;margin:0 5px;}
.page a{padding:5px 10px;border:1px solid #ddd;border-radius:5px;color:#000;}
.page a:hover{background-color:#1175CB;color:#fff;}
.page a.active{background-color:#1175CB;color:#fff;}
.page input{width:40px;height:30px;border:1px solid #ddd;border-radius:3px;margin:0 10px;}
.page a.sure{background-color:#1175CB;color:#fff;padding:5px 15px;margin-left:10px;}



.pager {
    max-width: 800px;
    text-align: center;
    /* margin-bottom: 30px; */
    display: inline-block;
}

.pager a {
    cursor: pointer;
}

.pager a,
.pager span {
    /* 按钮内数字 */
    width: 45px;
    height: 40px;
    margin-left: -1px;
    color: #4E5969;
    display: inline-block;
    line-height: 40px;
    float: left;
    font-size: 15px;
    text-decoration: none;
    margin: 0 2px;
    border-radius: 6px;
    font-size: 16px;
}

.pager a:hover,
.pager span:hover {
    background: #E8F4FF;
    color: #165DFF;
    position: relative;
    z-index: 1;
}

.pager span.current {
    background: #E8F4FF;
    font-weight: 400;
    color: #165DFF;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 45px;
    height: 40px;
    margin: 0 2px;
    border-radius: 6px;
    font-size: 16px;
}

.pager .pg-first,
.pager .pg-last {
    display: none;
}

.pager .pg-prev {
    background-image: url(/101/images/leftSanjiao.png);
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: 11px 12px;
}

.pager .pg-prev:hover {
    background-image: url(/101/images/leftSanjiao.png);
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: 11px 12px;
}

.pager .pg-next:hover {
    background-image: url(/101/images/rightSanjiao.png);
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: 13px 13px;
    cursor: pointer;
}

.pager .pg-next {
    background-image: url(/101/images/rightSanjiao.png);
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: 13px 13px;
}



.pager span.els {
    border-color: transparent;
}

.pagerHtmlWrap {
    width: 800px;
    margin: 30px auto;
}

.pagerHtmlWrap .cc_cells {
    width: 100%;
    height: 35px;
    padding: 5px 0;
    border-bottom: 1px #cccccc solid;
}

.pagerHtmlWrap .cc_cells a {
    color: #454545;
    font-size: 14px;
    line-height: 35px;
    text-decoration: none;
}

.pagerHtmlWrap .cc_cells a span {
    display: inline-block;
    width: 25%;
    text-align: left;
    margin: 0;
}


/**
  * @description: pc样式
  * @return {*}
  */
@media screen and (min-width: 750px) {

    /**
 * @description: 轮播样式 
 * @return {*}
 */
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .walking {
        width: calc(100vw - 8px);
        min-width: 1264px;
        height: 560px;
        position: absolute;
        z-index: -5;
    }

    .walking .swiperTest {
        width: calc(100vw - 8px);
        position: absolute;
        z-index: 4;
        top: 219px;
        left: 0px;
    }

    .walking .outLayout {

        font-size: 36px;
        /* font-family: SourceHanSansCN-Bold, SourceHanSansCN; */
        font-weight: bold;
        color: #FFFFFF;
        text-align: left;

    }

    .walking .swiper-slide img {
        display: block;
        min-width: 1264px;
        width: 100vw;
        height: 560px;
        object-fit: cover;
    }

    .walking .swiper-pagination {
        position: relative;
        min-width: 1200px;
        max-width: 1440px;
        padding: 0 32px;
        margin: auto;
        text-align: initial;
        bottom: 144px;

    }

    .swiper-pagination-bullet {
        width: 52px;
        height: 4px;
        border-radius: 4px;
        background-color: #fff;
        opacity: 1;
        margin-right: 8px !important;
    }

    .swiper-pagination-bullet-active {
        background-color: #003DD2;
        opacity: 1;
    }


    /**
 * @description: 首页
 * @return {*}
 */
    .box {
        position: relative;
        min-width: 1264px;
        min-height: calc(100vh - 180px);
         padding-bottom: 180px; 
    }

    .navDialog {
        display: none !important;
    }

    .outLayout {
        min-width: 1200px;
        max-width: 1440px;
        padding: 0 32px;
        margin: auto;
    }


    .header {
        background: rgba(0, 0, 0, 0.42);
        backdrop-filter: blur(4px);
        margin-bottom: 395px;
    }

    .headAisde {
        height: 64px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .headAisde img {
        height: 43px;
        width: 389px;
    }

    .aside {
        display: flex;
    }

    .headAisde .openAside {
        display: none;
    }

    .aside li a {
        font-size: 16px;
        /* font-family: MicrosoftYaHei; */
        color: #FFFFFF;
        line-height: 21px;
        padding-left: 24px;
    }

    .aside .asideActive,
    .aside li:hover {
        font-weight: bold;
    }


    /**
  * @description: 新闻动态
  * @return {*}
  */

    .titleNew {
        font-size: 24px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #FFFFFF;
        line-height: 31px;
        margin-bottom: 24px;
    }

    .boxNew {
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-row-gap: 24px;
        grid-column-gap: 24px;
        height: 530px;
    }

    .walkingNew {
        width: 100%;
        height: 100%;
        border-radius: 8px;
        overflow: hidden;

    }

    .walkingNew:hover {
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    }

    .walkingNew .swiper-slide {
        align-items: flex-start;
        width: 100% !important;
        background-color: transparent;
    }

    .walkingNew .swiper-slide a {
        width: 100% !important;
        display: grid;
    }

    .walkingNew .swiper-slide img {
        height: 384px;
        width: 100.3%;
        object-fit: cover;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        overflow: hidden;
        object-fit: cover;
    }

    .walkingNew:hover .swiper-slide img {
        transform: scale(1.05);
        transition: ease all 0.3s;

    }

    .walkingNew .walkingNewTest {
        height: 142px;
        width: 100%;
        border: 1px solid #fff;
        position: relative;
        background-color: #fff;
        z-index: 9;
    }

    .walkingNewTime {
        width: 155px;
        height: 34px;
        border: 1px solid #003DD2;
        border-left: none;
        clip-path: polygon(0 0, 155px 0, 66px 155px, 0 155px);
        font-size: 20px;
        color: #0F48D4;
        display: flex;
        align-items: center;
        padding-left: 14px;
        margin-top: 16px;
        margin-bottom: 12px;
        position: relative;
    }

    .walkingNewTime::before {
        content: "";
        display: block;
        position: absolute;
        left: calc(100% - 35px);
        bottom: 0px;
        width: 45%;
        border-top: 1px solid #0052D9;
        transform: rotate(-60deg) translate(-1px, 0px);
        transform-origin: 0px 0px;
    }

    .walkingNewText {
        font-size: 18px;
        /* font-family: MicrosoftYaHei; */
        color: #333333;
        line-height: 32px;
        padding: 0px 24px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .walkingNewText:hover {
        color: #0F48D4;
    }

    .walkingNew .swiper-pagination {
        bottom: 163px;
        left: initial;
        right: 12px;
        width: auto;
    }

    .newList {
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        border-radius: 8px;
        overflow: hidden;
    }

    .newListT {
        display: flex;
        align-items: center;
        padding: 0px 24px;
        padding-top: 26px;
        justify-content: space-between;
        padding-bottom: 18px;
        position: relative;
    }

    .newListB {
        font-size: 18px;
        /* font-family: MicrosoftYaHei; */
        color: #666666;
        line-height: 24px;
        display: flex;
        align-items: center;
    }
    .newListActive {
        color: #333333;
    }

    .newListB span {
        margin-right: 32px;
        cursor: pointer;
    }

    .newListB span::before {
        content: '';
        width: 73px;
        height: 3px;
        background-color: #003DD2;
        position: absolute;
        display: none;
        bottom: 0;
    }


    .newListB span:hover:before,
    .newListB .newListActive::before {
        display: block;
    }

    .newListM {
        font-size: 14px;
        /* font-family: MicrosoftYaHei; */
        color: #999999;
        line-height: 19px;
    }

    .newListL {
        height: calc(100% - 88px);
    }

    .newListM:hover {
        color: #0F48D4;
    }

    .newListItem {
        height: 20%;
        padding: 0px 24px;

    }

    .newListItem:hover {
        background-color: rgba(0, 61, 210, 0.06);
    }

    .newListItem a {
        padding: 16px 0px;
        border-bottom: 1px solid #EBEBEB;
        height: calc(100% - 33px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .newListItem:first-child a {
        border-top: 1px solid #EBEBEB;
        height: calc(100% - 34px);
    }

    .newListTest {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #333333;
        /* line-height: 24px; */
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .newListTime {
        font-size: 16px;
        /* font-family: MicrosoftYaHei; */
        color: #999999;
        line-height: 24px;
    }

    /**
  * @description: 业务
  * @return {*}
  */
    .titleBusin {
        padding-top: 52px;
        padding-bottom: 24px;
        font-size: 24px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #333333;
        line-height: 31px;
    }

    .busin {
        display: flex;
        height: 240px;
    }

    .businType {
        position: relative;
    }

    .businType .businMask {
        transition-duration: 0.6s;
        transition-property: height;
        transition-timing-function: ease;
    }

    .businType:hover .businMask {
        height: 100%;
    }



    .businType img {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        object-fit: cover;
    }

    .businMask {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        height: 0px;
        bottom: 0px;
        overflow: hidden;
    }

    .businBtn {
        margin-left: 48px;
        width: 100px;
        height: 40px;
        border: 1px solid #FFFFFF;
        font-size: 16px;
        /* font-family: MicrosoftYaHei; */
        color: #FFFFFF;
        line-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .businBtn:hover {
        color: #FFFFFF;
    }

    .businMaskC1 {
        background-color: #003DD2;
    }

    .businMaskC2 {
        background: rgba(0, 164, 198, 1);
    }

    .businMaskC3 {
        background: #0066C5;
    }

    .businMaskC4 {
        background: #5428AB;
    }

    .businTest {
        font-size: 16px;
        /* font-family: MicrosoftYaHei; */
        color: #FFFFFF;
        line-height: 32px;
        padding: 0px 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 13px;
    }

    .businType:hover .businMask .businTest {
        animation-name: businAnimations;
        animation-duration: 0.6s;
        animation-fill-mode: both;
    }

    .businType:hover .businText {
        animation-name: businAnimations;
        animation-duration: 0.6s;
        animation-fill-mode: both;
    }

    .businText {
        position: relative;
        z-index: 3;
        padding-top: 50px;
        opacity: 0;
    }

    .busintitle {
        z-index: 3;
        position: relative;
        margin-top: 40px;
        margin-left: 48px;
        font-size: 24px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #FFFFFF;
        line-height: 31px;
    }

    .businTypeOne {
        width: 65%;
    }

    .businTypeTwo {
        width: 35%;
    }

    @keyframes businAnimation {
        0% {
            height: 0px;
        }

        100% {
            height: 100%;
        }
    }

    @keyframes businAnimations {
        0% {

            padding-top: 50px;
            opacity: 0;
        }

        10% {

            padding-top: 50px;
            opacity: 0;
        }


        100% {
            padding-top: 12px;
            opacity: 1;
        }
    }

    /**
  * @description: 项目案例
  * @return {*}
  */
    .titleCase {
        padding-top: 52px;
        font-size: 24px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #333333;
        line-height: 31px;
        margin-bottom: 24px;
    }

    .caseMenuT {
        display: none;
    }

    .caseMain {
        display: flex;
    }

    .caseMenu {
        height: 452px;
        width: 23%;

        background: #F4F6F9;
        margin-right: 19px;
    }

    .caseAnima {
        /* animation-name: caseAnimation;
        animation-duration: 0.6s;
        animation-fill-mode: both; */
        transition-duration: 0.3s;
        transition-property: height;
        transition-timing-function: ease-out	; 
        /* height: 107px!important; */
    }


    .caseMenuItem {
        transition-duration: 0.3s;
        transition-property: height;
        transition-timing-function: ease-out	;
        height: 64px;
        padding-left: 22px;
        display: flex;
        align-items: center;
        font-size: 18px;
        /* font-family: MicrosoftYaHei; */
        color: #333333;
        line-height: 24px;
        cursor: pointer;
    }

    .caseMenuActive {
        height: 87px;
        font-size: 20px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #333333;
        line-height: 26px;
        background-image: url('/101/images/caseBg.png');
        background-size: 100% 100%;
    }

    .caseV1 {
        display: block;
        width: calc(77% - 19px);
    }

    .caseV2,
    .caseV3,
    .caseV4 {
        display: none;
        width: calc(77% - 19px);
    }

    .caseOneItem {
        padding: 24px;
        display: flex;
        margin-bottom: 8px;
    }

    .caseOneItem:last-child {
        margin-bottom: 0px;
    }

    .caseOneItem:hover {
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    }

    .caseOneItem .img {
        width: 292px;
        height: 170px;
        margin-right: 24px;
    }

    .caseOneT {
        padding-top: 16px;
    }

    .caseOneTitle {
        font-size: 18px;
        /* font-family: MicrosoftYaHei; */
        color: #333333;
        line-height: 32px;
        margin-bottom: 8px;
    }

    .caseOneText {
        font-size: 16px;
        /* font-family: MicrosoftYaHei; */
        color: #999;
        line-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-indent: 2em;
    }

    .caseThree {
        padding-left: 23px;
    }

    .caseThreeM {
        padding-bottom: 16px;
        display: flex;
        justify-content: flex-end;
    }

    .caseThreeM a {
        font-size: 14px;
        /* font-family: MicrosoftYaHei; */
        color: #999999;
        line-height: 19px;
    }

    .caseThreeM a:hover {
        color: #0F48D4;
    }

    .caseThreeB {
        grid-template-columns: 1fr 1fr 1fr;
        display: grid;
        grid-row-gap: 24px;
        grid-column-gap: 24px;
    }

    .caseThreeItem img {
        width: 100%;
        height: 137px;

    }

    .caseThreeTest {
        padding: 7px 0px 12px;
        text-align: center;
        font-size: 16px;
        /* font-family: MicrosoftYaHei; */
        color: #333333;
        line-height: 32px;
    }

    .caseFour {
        padding-left: 23px;
    }

    .caseFourE {
        font-size: 40px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #E5E5E5;
        line-height: 52px;
        padding-top: 72px;
        margin-bottom: 16px;
    }

    .caseFourT {
        font-size: 24px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #003DD2;
        line-height: 31px;
        margin-bottom: 24px;
    }

    .caseFourTest {
        font-size: 18px;
        /* font-family: MicrosoftYaHei; */
        color: #333333;
        line-height: 40px;
        text-indent: 2em;
    }

    @keyframes caseAnimation {
        0% {
            height: 64px;
        }

        100% {
            height: 87px;
        }
    }

    .caseThreeMs {
        display: none !important;
    }

    /**
  * @description: 友情链接
  * @return {*}
  */
    .titleWarmth {
        padding-top: 52px;
        font-size: 24px;
        padding-bottom: 24px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #333333;
        line-height: 31px;
    }

    .WarmthBox {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        display: grid;
        grid-row-gap: 14px;
        grid-column-gap: 24px;
    }

    .WarmthIcon {
        display: flex;
        height: 64px;
        background: #FFFFFF;
        border: 1px solid #EBEBEB;
    }

    .WarmthIcon img {
        width: 100%;
        height: 100%;
    }

    /**
  * @description: 底部
  * @return {*}
  */
    .footer {
        padding-top: 53px;
        padding-bottom: 63px;
    }

    .footer span {
        font-size: 16px;
        /* font-family: MicrosoftYaHei; */
        margin-right: 16px;
        color: #999999;
        line-height: 28px;
    }

    /* =========== 企业战略 ============================================================================== */
    .headers {
        background: #fff;
        backdrop-filter: blur(4px);
        /* margin-bottom: 395px; */
    }

    .headers .aside li a {
        font-size: 16px;
        /* font-family: MicrosoftYaHei; */
        color: #333;
        line-height: 21px;
        padding-left: 24px;
    }

    .aside .asideActive,
    .aside li:hover {
        font-weight: bold;
    }

    .topBox {
        width: 100%;
        height: 227px;
        position: relative;


    }

    .topBox img {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
    }

    .topTitle {
        padding-top: 96px;
        font-size: 36px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #333333;
        line-height: 54px;
    }

    .tagBox {
        height: 58px;
        background: #FBFBFB;
        border: 1px solid #EBEBEB;
    }

    .tagList {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .tagList span {
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
        margin-right: 63px;
        font-size: 18px;
        /* font-family: MicrosoftYaHei; */
        color: #666666;
        line-height: 24px;
        cursor: pointer;
    }

    .tagList .tagActive {
        color: #333333;
    }

    .tagList .tagActive::before,
    .tagList span:hover::before {
        content: '';
        width: 100%;
        height: 3px;
        background-color: #003DD2;
        position: absolute;
        display: block;
        bottom: 0;
    }

    .tagBox1,
    .tagBox2,
    .tagBox3,
    .tagBox4,
    .tagBox5 {
        display: none;
    }

    .tagBoxActive {
        display: block;
    }

    /* 公司概况 */
    .companyTitle {
        font-size: 24px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #333333;
        line-height: 31px;
        padding-top: 40px;
        margin-bottom: 8px;
    }

    .companyTt {
        font-size: 16px;
        /* font-family: MicrosoftYaHei; */
        color: #999999;
        line-height: 21px;

    }

    .companyTest {
        text-indent: 2em;
        /* padding-top: 24px; */
        padding-top: 40px;
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 32px;
        margin-bottom: 24px;
    }

    .companyimg {
        display: flex;
        grid-template-columns: calc(54% - 12px) calc(46% - 12px);
        display: grid;
        grid-row-gap: 24px;
        grid-column-gap: 24px;
    }

    .companyimg img {
        width: 100%;
        height: 100%;
    }

    /* 企业战略 */
    .strategyMain {
        padding-top: 45px;
        display: flex;

    }

    .iconLeftF,
    .iconRightF {
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
    }

    .iconLeftF img,
    .iconRightF img {
        width: 22px;
        height: 13px;
    }

    .iconRightF img {
        position: absolute;
        bottom: 66px;
    }

    .strategyListTF {
        font-size: 20px;
        font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
        font-weight: bold;
        color: #333333;
        line-height: 26px;
        margin-bottom: 16px;
    }

    .strategyListTestF {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 32px;
        margin-bottom: 32px;
    }

    /* 资质荣誉 */
    .honorMainF {
        /* padding-top: 24px; */
        padding-top: 52px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        display: grid;
        grid-row-gap: 34px;
        grid-column-gap: 24px;
    }

    .honorItemF img {
        width: 100%;
    }

    .honorItemF div {
        width: 100%;
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 32px;
        padding-top: 16px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    /* 信息公开 */

    .InformationBoxF {
        /* padding-top: 32px; */
        padding-top: 24px;
    }

    .InformationItemF {
        display: block;
        margin-bottom: 16px;
        padding: 32px 24px;
    }

    .InformationItemF:hover {
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    }

    .InformationItemF:hover .InformationTF {
        color: #0F48D4;
    }

    .InformationTF {
        font-size: 18px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 32px;
        margin-bottom: 8px;
    }

    .InformationTestF {
        text-indent: 2em;
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 32px;
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .InformationTimeF {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 24px;
    }

    /* 组织架构 */
    .rogImgF {
        /* padding-top: 24px; */
        padding-top: 40px;
        width: 1200px;
        margin: auto;
        text-align: center;
    }

    /* =========== 业务介绍 ============================================================================== */
    .tagBoxmax {
        background-color: antiquewhite;
        margin: 0 auto;
    }

    .tagBoxitem2 {
        background-color: #fff;
        display: flex;
        cursor: pointer;
        padding-top: 64px;
        padding-bottom: 64px;
    }
 .tagBoxms{
        border-bottom: 1px solid #DBDBDB;
    }
    .tagBoxitem_l {
        margin-right: 80px;
        flex: 1;
    }

    .tagBoxitem_l p {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 32px;
        text-indent: 2em;
    }

    .tagBoxitem_l_title {
        font-size: 24px;
        font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
        font-weight: bold;
        color: #333333;
        line-height: 31px;
        padding-bottom: 8px;
    }

    .tagBoxitem_l_text {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #999999;
        line-height: 21px;
        padding-bottom: 24px;
    }

    .tagBoxitem_r_img {
        width: 432px;
        height: 270px;
    }

    .tagBoxitem_r_img img {
        width: 100%;
        height: 100%;
    }

    .backcolor {
        background-color: #F3F5F9 !important;
    }

    .itemfooter {
        text-align: center;
        background-color: #F3F5F9;
        min-width: calc(100vw - 72px);
        height: 180px;
        position: absolute;
        bottom: 0;
        /* height: 20rem; */
    }
  .itemfooters {
        width: calc(100% - 3rem);
        position: absolute;
        bottom: 0;
        height: 180px;
    }
    /* =========== 新闻动态/员工天地 ============================================================================== */
    .zconWrap {

        margin-top: 40px;
        margin-bottom: 16px;
        background: #fff;

    }

    .zcon {
        padding: 32px 24px;
        cursor: pointer;
    }

    .zcon:hover {
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    }

    .ztitle {
        padding-bottom: 8px;
        font-size: 18px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 32px;
    }

    .zmain {
        width: 100%;
        height: 64px;
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 32px;
        text-indent: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;


    }

    .ztime {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 24px;
    }

    .zPagination {
        text-align: center;
        cursor: pointer;
        padding-top: 41px;
    }

    /* 新闻详情 */
    .zNewDetailsConWrap {
        background: #fff;
        min-width: 1200px;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 32px;


    }

    .zNewDetailsImg {
        width: 800px;
    }

    .headerss {
        box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.08);
        z-index: 99999;
    }

    .znewDetail_nav {
        padding-top: 24px;
        font-size: 16px;
        font-family: MicrosoftYaHei;

        line-height: 32px;
    }

    .znewDetail_nav span {
        cursor: pointer;

    }

    .znewDetail_nav span a {
        color: #999;
    }

    .zNewDetailsMain {
        padding-top: 24px;
    }

    .zNewDetailsTitle {
        font-size: 38px;
        font-family: MicrosoftYaHei-Bold,
            MicrosoftYaHei;
        font-weight: bold;
        color: #333333;
        line-height: 57px;
        padding-bottom: 24px;
    }

    .zNewDetailsTime {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #999999;
        line-height: 24px;
        margin-bottom: 33px;
    }

    .zNewDetailsCon {
        font-size: 18px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 32px;
        text-indent: 2em;
        margin-bottom: 24px;
    }

    /* =========== 项目案例 ============================================================================== */
    .zprojectCon {
        display: flex;
        padding: 24px;
        cursor: pointer;
        margin-bottom: 16px;
    }
    .zprojectCon:last-child{
        margin-bottom: 0px;
    }

    .zprojectCon:hover {
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    }

    .zprojectCon_l {
        margin-right: 24px;
        display: flex;
    }

    .zprojectCon_l img {
        width: 292px;
        height: 170px;
    }


    .zprojectThree .caseThreeItem img {
        height: inherit;
    }

    .zprojectThreeT {
        font-size: 20px;
        /* font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; */
        font-weight: bold;
        color: #333333;
        line-height: 31px;
        padding-top: 40px;
        margin-bottom: 16px;
    }


    .zprojectCon_r_t {

        font-size: 18px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 32px;
        padding-top: 16px;
    }

    .zprojectCon_r_b {

        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 32px;
        text-indent: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* =========== 招聘信息 ============================================================================== */

    .tagBoxitem {
        padding-top: 64px;
        padding-bottom: 64px;
        background-color: #fff;
        display: flex;
    }

    /* =========== 员工天地 ============================================================================== */



    /* =========== 联系我们 ============================================================================== */
    .mapBoxF {
        width: 100%;
        margin-top: 32px;
        position: relative;
        margin-bottom: 26px;
    }

    .mapBoxF img {
        width: 100%;
    }

    .mapIcon {
        position: absolute;
        width: 26px !important;
        height: 37px;
        top: 63.35%;
        left: 42.75%;
        z-index: 3;
    }

    .mapTest {
        width: 244px;
        height: 36px;
        background: #FFFFFF;
        box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.11);
        border-radius: 8px;
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 63.34%;
        left: 45.75%;
    }

    /* .aboutList {} */

    .aboutList div {
        text-align: center;
    }

    .aboutList span {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 28px;
        padding: 0px 8px;
    }

    .bottomFoot {
        padding-bottom: 40px;
    }

    .rogApp {
        display: none;
    }

    .rogPcF {
        text-align: center;
    }

}




/**
  * @description: 移动端样式
  * @return {*}
  */
@media only screen and (max-width: 750px) {

    /**
      * @description: 轮播样式 
      * @return {*}
      */
    .swiper-slide {
        text-align: center;
        font-size: 2.25rem;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .walking {
        width: calc(100vw);
        height: 50rem;
        position: absolute;
        z-index: -5;
    }

    .walking .swiperTest {
        width: calc(100vw);
        position: absolute;
        z-index: 4;
        top: 18rem;
        left: 0px;
    }

    .walking .outLayout {

        font-size: 2.7rem;
        line-height: 4.75rem;
        font-weight: bold;
        color: #FFFFFF;
        text-align: left;

    }

    .walking .swiper-slide img {
        display: block;
        width: 100vw;
        height: 50rem;
        object-fit: cover;
        object-position: -74.75rem;
    }

    .walking .swiper-pagination {
        position: relative;
        width: 100vw;
        padding: 0 2rem;
        margin: auto;
        text-align: initial;
        bottom: 10rem;

    }

    .swiper-pagination-bullet {
        width: 3.25rem;
        height: .25rem;
        border-radius: .25rem;
        background-color: #fff;
        opacity: 1;
        margin-right: .5rem !important;
    }

    .swiper-pagination-bullet-active {
        background-color: #003DD2;
        opacity: 1;
    }


    /**
 * @description: 首页
 * @return {*}
 */
    .box {
        position: relative;
        overflow-x: hidden;
        min-height: calc(100vh - 20rem);
        padding-bottom: 17rem;
    }

    .outLayout {
        padding: 0 1.5rem;
        margin: auto;
    }


    .header {
        background: rgba(0, 0, 0, 0.42);
        backdrop-filter: blur(.25rem);
        margin-bottom: 39rem;
    }

    .headAisde {
        height: 4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .headAisde img {
        height: 2.69rem;
        width: 24.31rem;
    }

    .aside {
        display: none;
    }

    .headAisde .openAside {
        width: 2.875rem;
        height: 2.875rem;
    }

    .aside li a {
        font-size: 16px;
        color: #FFFFFF;
        line-height: 21px;
        padding-left: 24px;
    }

    .aside .asideActive,
    .aside li:hover {
        font-weight: bold;
    }


    /**
  * @description: 新闻动态
  * @return {*}
  */

    .titleNew {
        font-size: 2.5rem;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 3rem;
        margin-bottom: 2rem;
    }



    .walkingNew {
        width: 100%;
        height: 100%;
        border-radius: .5rem;
        overflow: hidden;
        box-shadow: 0px .25rem 1rem 0px rgba(0, 0, 0, 0.08);
        height: 34rem;
        margin-bottom: 1.5rem;
    }

    .walkingNew .swiper-slide {
        align-items: flex-start;
        width: 100% !important;
    }

    .walkingNew .swiper-slide a {
        width: 100% !important;
        display: grid;
    }

    .walkingNew .swiper-slide img {
        height: 22rem;
        width: 100.2%;
        object-fit: cover;
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        overflow: hidden;
        object-fit: cover;
    }



    .walkingNew .walkingNewTest {
        height: 8.88rem;
        width: 100%;
        border: 1px solid #fff;
        position: relative;
        background-color: #fff;
        z-index: 9;
    }

    .walkingNewTime {
        width: 12.3rem;
        height: 2.5rem;
        border: 1px solid #003DD2;
        border-left: none;
        clip-path: polygon(0 0, 12.5rem 0, 4rem 15rem, 0 12rem);
        font-size: 1.5rem;
        color: #0F48D4;
        display: flex;
        align-items: center;
        padding-left: .88rem;
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        position: relative;
    }

    .walkingNewTime::before {
        content: "";
        display: block;
        position: absolute;
        left: calc(100% - 2.19rem);
        bottom: 0px;
        width: 45%;
        border-top: 1px solid #0052D9;
        transform: rotate(-60deg) translate(-1px, 0px);
        transform-origin: 0px 0px;
    }

    .walkingNewText {
        font-size: 1.5rem;
        color: #333333;
        line-height: 2.5rem;
        padding: 0px 1.5rem;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .walkingNewText:hover {
        color: #0F48D4;
    }

    .walkingNew .swiper-pagination {
        bottom: 13.63rem;
        left: initial;
        right: .75rem;
        width: auto;
    }

    .newList {
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        border-radius: .5rem;
        overflow: hidden;

    }

    .newListT {
        display: flex;
        align-items: center;
        padding: 0px 1.5rem;
        padding-top: 1.63rem;
        justify-content: space-between;
        padding-bottom: 1rem;
        position: relative;
    }

    .newListB {
        font-size: 1.75rem;
        color: #666666;
        line-height: 2rem;
        display: flex;
        align-items: center;

    }

    .newListB span {
        margin-right: 2rem;
        cursor: pointer;
    }

    .newListB span::before {
        content: '';
        width: 7.1rem;
        height: .19rem;
        background-color: #003DD2;
        position: absolute;
        display: none;
        bottom: 0;
    }


    .newListB span:hover:before,
    .newListB .newListActive::before {
        display: block;
    }

    .newListM {
        font-size: 1.5rem;
        color: #999999;
        line-height: 1.19rem;
    }

    .newListL {
        height: calc(100% - 5.5rem);
    }



    .newListItem {
        height: 20%;
        padding: 0px 1.5rem;
        border-bottom: 1px solid #fff;

    }


    .newListItem a {
        padding: 1.5rem 0px;
        border-bottom: 1px solid #EBEBEB;
        height: calc(100% - 2.06rem);
        display: flex;
        flex-direction: column;
    }

    .newListItem:first-child a {
        border-top: 1px solid #EBEBEB;
        height: calc(100% - 2.13rem);
    }

    .newListItem:last-child a {
        border-bottom: none;
        height: calc(100% - 2.13rem);
    }

    .newListTest {
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2rem;
        margin-bottom: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .newListTime {
        font-size: 1.5rem;
        color: #999999;
        line-height: 2rem;
    }

    /**
  * @description: 业务
  * @return {*}
  */
    .titleBusin {
        padding-top: 3.25rem;
        padding-bottom: 2rem;
        font-size: 2.5rem;
        font-weight: bold;
        color: #333333;
        line-height: 3rem;
    }



    .businType {
        position: relative;
        height: 19rem;
        width: 100%;
    }

    .businType .businMask {
        transition-duration: 0.6s;
        transition-property: height;
        transition-timing-function: ease;
    }

    .businA .businMask {
        height: 100%;
    }



    .businType img {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        object-fit: cover;
    }

    .businMask {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        height: 0px;
        bottom: 0px;
        overflow: hidden;
    }

    .businBtn {
        margin-left: 3rem;
        width: 8.25rem;
        height: 3.5rem;
        border: 1px solid #FFFFFF;
        font-size: 1.5rem;
        color: #FFFFFF;
        line-height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .businBtn:hover {
        color: #FFFFFF;
    }

    .businMaskC1 {
        background-color: #003DD2;
    }

    .businMaskC2 {
        background: rgba(0, 164, 198, 1);
    }

    .businMaskC3 {
        background: #0066C5;
    }

    .businMaskC4 {
        background: #5428AB;
    }

    .businTest {
        font-size: 1.5rem;
        color: #FFFFFF;
        line-height: 2.5rem;
        padding: 0px 3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 1.5rem;

    }

    .businA .businMask .businTest {
        animation-name: businAnimations;
        animation-duration: 0.6s;
        animation-fill-mode: both;
    }

    .businA .businText {
        animation-name: businAnimations;
        animation-duration: 0.6s;
        animation-fill-mode: both;
    }

    .businText {
        position: relative;
        z-index: 3;
        opacity: 0;
        padding-top: 3.13rem;
    }

    .busintitle {
        z-index: 3;
        position: relative;
        padding-top: 2.5rem;
        margin-left: 3rem;
        font-size: 1.75rem;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 3rem;
    }


    @keyframes businAnimation {
        0% {
            height: 0px;
        }

        100% {
            height: 100%;
        }
    }

    @keyframes businAnimations {
        0% {

            padding-top: 3.13rem;
            opacity: 0;
        }

        10% {

            padding-top: 3.13rem;
            opacity: 0;
        }


        100% {
            padding-top: .75rem;
            opacity: 1;
        }
    }

    /**
  * @description: 项目案例
  * @return {*}
  */
    .titleCase {
        padding-top: 4.75rem;
        font-size: 2.5rem;
        font-weight: bold;
        color: #333333;
        line-height: 3rem;
        margin-bottom: 2rem;
    }

    .caseMain {
        display: flex;
    }

    .caseMenu {
        display: none;
    }



    .caseMenuT {
        display: flex;
        align-items: center;
        justify-content: space-between;

    }

    .caseMenuTs {

        padding-bottom: 1.5rem;
        position: relative;
        width: 100%;
        overflow: auto;
    }

    .caseMenuB {
        font-size: 1.75rem;
        color: #666666;
        line-height: 2.5rem;
        display: flex;
        align-items: center;
        width: 150vw;
    }

    .caseMenuB .caseMenuItem {
        margin-right: 1.5rem;
        cursor: pointer;
        position: relative;
    }

    .caseMenuB .caseMenuActive::before {
        content: '';
        width: 100%;
        height: .19rem;
        background-color: #003DD2;
        position: absolute;
        display: none;
        bottom: -1.2rem;
    }


    .caseMenuB .caseMenuItem:hover:before,
    .caseMenuB .caseMenuActive::before {
        display: block;
    }



    .caseV1 {
        display: block;
        padding-top: 0.5rem;
    }

    .caseV2,
    .caseV3,
    .caseV4 {
        display: none;
    }

    .caseOneItem {
        padding: 1.5rem;
        display: flex;
        margin-bottom: 1rem;
    }

    .caseOneItem:last-child {
        margin-bottom: 0px;
    }



    .caseOneItem .img {
        width: 18.25rem;
        height: 10.63rem;
        margin-right: 1.5rem;
    }



    .caseOneTitle {
        font-size: 1.75rem;
        color: #333333;
        line-height: 2rem;
        margin-bottom: 1rem;
    }

    .caseOneText {
        font-size: 1.5rem;
        color: #999;
        line-height: 2.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-indent: 2em;
    }


    .caseThreeM {
        padding-bottom: 1.5rem;
        display: flex;
        justify-content: flex-end;
    }

    .caseThreeM {
        display: none;
    }



    .caseThreeMs {
       
        /* font-size: 1.5rem; */
        color: #999;

        /* width: 8.25rem; */
        height: 3.5rem;
        border: 1px solid #EBEBEB;
        font-size: 1.5rem;
        line-height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
         margin-top: 1rem;
        /* line-height: 2rem;
        display: none;
        position: relative;
        top: -1rem;*/
        width: 100%;
        text-align: center; 
    }

    .caseThreeMs :hover {
        color: #0F48D4;
    }

    .caseThreeB {
        width: 100%;
        padding-top: 1.5rem;
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-row-gap: 1.5rem;
        grid-column-gap: 1.5rem;
    }

    .caseThreeItem img {
        width: 100%;
        height: 11.56rem;

    }

    .caseThreeTest {
        padding: .44rem 0px .75rem;
        text-align: center;
        font-size: 1.5rem;
        color: #333333;
        line-height: 2rem;
    }


    .caseFourE {
        font-size: 2.5rem;
        font-weight: bold;
        color: #E5E5E5;
        line-height: 3.25rem;
        padding-top: 3.25rem;
        margin-bottom: 2rem;
    }

    .caseMain .caseFourE {
        padding-top: 1.5rem;
    }

    .caseFourT {
        font-size: 2rem;
        font-weight: bold;
        color: #003DD2;
        line-height: 2rem;
        margin-bottom: 1.5rem;
    }

    .caseFourTest {
        font-size: 1.5rem;
        color: #333333;
        line-height: 2.5rem;
        text-indent: 2em;
    }



    /**
  * @description: 友情链接
  * @return {*}
  */
    .titleWarmth {
        padding-top: 3.25rem;
        font-size: 2.5rem;
        padding-bottom: 2rem;
        font-weight: bold;
        color: #333333;
        line-height: 3rem;
    }

    .WarmthBox {
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-row-gap: 1.5rem;
        grid-column-gap: 1.5rem;
    }

    .WarmthIcon {
        display: flex;
        background: #FFFFFF;
        border: 1px solid #EBEBEB;
    }

    .WarmthIcon img {
        width: 100%;
        height: 100%;
    }

    /**
  * @description: 底部
  * @return {*}
  */
    .footer {
        padding-top: 3.31rem;
        padding-bottom: 3.94rem;
    }

    .footer span {
        font-size: 1.5rem;
        display: block;
        color: #999999;
        line-height: 2.5rem;
    }

    /* 移动端导航弹窗 */
    .navDialog {
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 90;
        top: 0;
        display: none;
        justify-content: flex-end;
    }

    .navMain {
        width: 66vw;
        height: 100vh;
        background: #fff;
        z-index: 92;
    }

    .navMask {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 91;
        background-color: rgba(0, 0, 0, 0.2);
        width: 100vw;
        height: 100vh;
    }

    .iconBox {
        padding: 2rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .iconBox img {
        width: 1.75rem;
    }

    .navAside {
        font-size: 2rem;
        color: #333;
        line-height: 2.5rem;
        padding-left: 3.94rem;
        padding-top: 2.5rem;
    }

    .navAside li {
        height: 6.5rem;
        display: flex;
        align-items: center;
    }

    .navAside li a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    /* 招聘信息任务介绍 */
    .topBox {
        width: 100%;
        height: 14.1875rem;
    }

    .topBox img {
        width: 100%;
        height: 14.1875rem;
        position: absolute;
        z-index: -1;
        object-fit: cover;
        object-position: -297px;

    }


    .tagBoxitem_l_title {
        font-size: 2.5rem;
        font-weight: bold;
        color: #333333;
        line-height: 3rem;
        padding-top: 3.25rem;
        margin-bottom: 0.5rem;

    }


    .tagBoxitem_r_img img {
        /* width: 100%; */
        width: calc(100% - 3rem);
        padding: 0 1.5rem;
    }

    /* =========== 企业战略 ============================================================================== */
    .headers {
        background: #fff;
        backdrop-filter: blur(4px);
    }


    .topBox {
        width: 100%;
        height: 14rem;
        position: relative;
    }


    .topTitle {
        padding-top: 6rem;
        font-size: 2.5rem;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #333333;
        line-height: 4.75rem;
    }

    .tagBox {
        height: 4.63rem;
        background: #FBFBFB;
        border: 1px solid #EBEBEB;
    }

    .tagList {
        height: 100%;
        overflow: auto;
        white-space: nowrap;
    }

    .tagList span {
        height: 100%;
        position: relative;
        display: inline-flex;
        align-items: center;
        margin-right: 3.94rem;
        font-size: 1.75rem;
        color: #666666;
        line-height: 2rem;
        cursor: pointer;
    }

    .tagList .tagActive {
        color: #333333;
    }

    .tagList .tagActive::before,
    .tagList span:hover::before {
        content: '';
        width: 100%;
        height: .19rem;
        background-color: #003DD2;
        position: absolute;
        display: block;
        bottom: 0;
    }

    .tagBox1,
    .tagBox2,
    .tagBox3,
    .tagBox4,
    .tagBox5 {
        display: none;
    }

    .tagBoxActive {
        display: block;
    }

    /* 公司概况 */
    .companyTitle {
        font-size: 2.5rem;
        font-weight: bold;
        color: #333333;
        line-height: 3rem;
        padding-top: 3.25rem;
        margin-bottom: .5rem;
    }

    .companyTt {
        font-size: 1.5rem;
        color: #999999;
        line-height: 2.5rem;

    }

    .companyTest {
        text-indent: 2em;
        /* padding-top: 1.5rem; */
        padding-top: 3.25rem;
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
        margin-bottom: 2rem;
    }



    .companyimg img {
        width: 100%;
        margin-bottom: 1rem;
        /* height: 100%; */
    }

    /* 企业战略 */
    .strategyMain {
        /* padding-top: 2.81rem; */
        padding-top: 3.25rem;
        display: flex;

    }

    .iconLeftF,
    .iconRightF {
        padding-left: 1.75rem;
        padding-right: 1.25rem;
        position: relative;
    }

    .iconLeftF img,
    .iconRightF img {
        width: 1.38rem;
        height: .81rem;
    }

    .iconRightF img {
        position: absolute;
        bottom: 1.88rem;
    }

    .strategyListTF {
        font-size: 2rem;
        font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
        font-weight: bold;
        color: #333333;
        line-height: 2.5rem;
        margin-bottom: 1rem;
    }

    .strategyListTestF {
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
        margin-bottom: 2.5rem;
    }

    /* 资质荣誉 */
    .honorMainF {
        /* padding-top: 1.5rem; */
        padding-top: 3.25rem;
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-row-gap: 2.13rem;
        grid-column-gap: 1.5rem;
    }

    .honorItemF img {
        width: 100%;
    }

    .honorItemF div {
        width: 100%;
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
        padding-top: 1rem;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    /* 信息公开 */
    .InformationBoxF {
        /* padding-top: 2rem; */
        padding-top: 3.25rem;
    }

    .InformationItemF {
        display: block;
        margin-bottom: 1.5rem;
        padding: 2rem;
        box-shadow: 0px .25rem 1.5rem 0px rgba(0, 0, 0, 0.08);
    }


    .InformationTF {
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
        margin-bottom: 1rem;
    }

    .InformationTestF {
        text-indent: 2em;
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 2.5rem;
        margin-bottom: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .InformationTimeF {
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 2.5rem;
    }

    /* 组织架构 */
    .rogImgF {
        /* padding-top: 1.5rem; */
        padding-top: 3.25rem;
        width: 100%;
    }

    /* =========== 业务介绍 ============================================================================== */
    .tagBoxmax {
        background-color: antiquewhite;
    }

    .tagBoxitem2 {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 4.38rem;
    }

    .tagBoxitem_l {
        flex: 1;
    }

    .tagBoxitem_l p {
        text-indent: 2em;
        padding-top: 1.5rem;
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
        margin-bottom: 2rem;
    }


    .tagBoxitem_l_text {
        font-size: 1.5rem;
        color: #999999;
        line-height: 2.5rem;
    }

    .tagBoxitem_r_img {
        width: 100%;
    }


    .backcolor {
        background-color: #F3F5F9;
    }

    .itemfooter {
        text-align: center;
        background-color: #F3F5F9;
        width: calc(100% - 3rem);
        position: absolute;
        bottom: 0;
        height: 20rem;
    }

    .itemfooters {
        width: calc(100% - 3rem);
        position: absolute;
        bottom: 0;
        height: 17rem;
    }

    /* =========== 新闻动态 ============================================================================== */
    .zconWrap {
        margin-top: 3.25rem;
        margin-bottom: 1.5rem;
        width: 100%;
        background: #fff;
    }

    .zcon {
        padding: 2rem 1.5rem;
        cursor: pointer;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    }

    .ztitle {
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
        margin-bottom: 1rem;
    }

    .zmain {
        text-indent: 2em;
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 2.5rem;
        margin-bottom: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .zNewDetailsImg {
        width: 100%;
        padding-top: 1.5rem;
    }

    .ztime {
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 2.5rem;
    }

    .zPagination {
        display: none;
        text-align: center;
        padding-top: 32px;
        padding-bottom: 69px;
        cursor: pointer;
    }

    /* 新闻详情 */
    .zNewDetailsConWrap {
        background: #fff;
    }

    .znewDetail_nav {
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        line-height: 2.5rem;
        padding-top: 1rem;
    }

    .znewDetail_nav span {
        cursor: pointer;
    }

    .znewDetail_nav span a {
        color: #999;
    }

    .zNewDetailsMain {
        padding-top: 1.5rem;
    }

    .zNewDetailsTitle {
        font-size: 2.5rem;
        font-weight: bold;
        color: #333333;
        line-height: 4rem;
        padding-bottom: 1rem;
    }

    .zNewDetailsTime {
        font-size: 1.5rem;
        color: #999999;
        line-height: 2.5rem;
    }

    .zNewDetailsCon {
        text-indent: 2em;
        padding-top: 1.5rem;
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
    }

    /* =========== 项目案例 ============================================================================== */
    .zprojectCon {
        margin-bottom: 1.5rem;
        padding: 2rem;
        box-shadow: 0px .25rem 2rem 0px rgba(0, 0, 0, 0.08);
    }



    .zprojectCon_l img {
        width: 100%;
        height: 100%;
    }


    .zprojectThree .caseThreeItem img {
        height: inherit;
    }

    .zprojectThreeT {
        font-size: 1.75rem;
        color: #333333;
        line-height: 2rem;
        padding-top: 3.25rem;
        margin-bottom: 0rem;
    }

    /* .zprojectCon_r {} */

    .zprojectCon_r_t {

        font-size: 1.75rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }

    .zprojectCon_r_b {

        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #999;
        line-height: 2.5rem;
        text-indent: 2em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* =========== 招聘信息 ============================================================================== */

    .tagBoxitem {
        padding-bottom: 3.25rem;
    }

    /* =========== 员工天地 ============================================================================== */



    /* =========== 联系我们 ============================================================================== */
    .mapBoxF {
        width: 100%;
        margin-top: 3.25rem;
        position: relative;
        margin-bottom: 2.5rem;
    }

    .mapBoxF img {
        width: 100%;
    }

    .mapIcon {
        position: absolute;
        width: 1rem !important;
        top: 63.35%;
        left: 42.75%;
        z-index: 3;
    }

    .mapTest {
        width: 15.25rem;
        height: 2.25rem;
        background: #FFFFFF;
        box-shadow: 0px 2px 1rem 0px rgba(0, 0, 0, 0.11);
        border-radius: .5rem;
        font-size: 1rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 60%;
        left: 46.75%;
    }

    /* .aboutList {} */

    .aboutList div {
        text-align: center;
    }

    .aboutList span {
        font-size: 1.5rem;
        font-family: MicrosoftYaHei;
        color: #333333;
        line-height: 2.5rem;
        padding: 0px 0.5rem;
    }

    .bottomFoot {
        padding-bottom: 3.75rem;
    }

    .rogPc {
        display: none;
    }
    
    .newListActive,.caseMenuActive {

        color: #333333;
 
    }

}