* {
    list-style: none;
    outline: none;
    padding: 0;
    margin: 0;
}

    *:hover, *:focus {
        outline: none;
        text-decoration: none;
    }

a:focus, a:hover {
    outline: none;
    text-decoration: none;
}

@font-face {
    font-family: 'PingFangSC-Medium';
    src: url('../fonts/PingFangSC-Medium.woff2');
    /*src: url('../fonts/pfzh.ttf');*/
    font-weight: normal;
    font-style: normal;
}

body, html {
    width: 100%;
    height: 100%;
}

body {
    color: #20242b;
    font-family: "SourceHanSansCN-Medium",sans-serif !important;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    width: 100%;
    overflow-x: hidden;
    /*font-weight:400;*/
}

.zixun-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .zixun-box .zixun-box-btn {
        display: inline-block;
        padding: 13px 50px;
        background: #FFFFFF;
        border: 2px solid #d84951;
        border-radius: 4px;
        font-size: 18px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #00286E;
        line-height: 1;
        cursor: pointer;
    }

    .zixun-box .zixun-box-yuyue-btn {
        margin-left: 52px;
        background: #d84951;
        color: #fff;
    }

    .zixun-box .ljzxan {
        width: 172px;
        height: 42px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: url('../../img/khal/ljzxan.png') no-repeat;
    }

    .zixun-box .yyan {
        width: 170px;
        height: 40px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: url('../../img/khal/yyan.png') no-repeat;
    }


@media only screen and (min-width: 769px) {
    .hide-pc {
        display: none !important;
    }
}

.logo-hide-pc {
    display: none;
}

.logo-hide-m {
    display: block;
}

.prism-speed-selector {
    display: none;
}

.prism-player .prism-fullscreen-btn {
    z-index: 100;
}

.prism-player .prism-play-btn {
    z-index: 100;
}

.prism-player .prism-volume {
    z-index: 100;
    position: absolute;
    right: 68px;
    top: 0;
}

.prism-speed-selector {
    display: none;
}

.prism-player .prism-big-play-btn {
    left: 50% !important;
    bottom: 50% !important;
    transform: translate(-50%, 50%);
}

.prism-player {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .prism-player .close {
        position: absolute;
        top: -29px;
        right: 0;
        color: #333;
        opacity: 1;
        cursor: pointer;
        background-color: #fff;
        padding: 4px;
        width: 28px;
        height: 28px;
        text-align: center;
    }

.hbt-video {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

.intro-video {
    cursor: pointer;
}


.hs-f16 {
    font-size: 16px;
    color: #20242b;
    font-weight: 700;
}

.hs-f-m {
    font-size: 18px;
}

.hs-f-m20 {
    font-size: 20px;
}

.hs-f-m22 {
    font-size: 22px;
}

.hs-f24 {
    font-size: 24px;
}

.hs-f26 {
    font-size: 26px;
    font-family: "PingFangSC-Medium","Microsoft Yahei";
}

.hs-f56 {
    font-size: 56px;
    font-family: "PingFangSC-Medium","Microsoft Yahei";
}

.hs-f-mmd {
    font-size: 32px;
    font-family: "PingFangSC-Medium","Microsoft Yahei";
}

.hs-f-md {
    font-size: 42px;
    font-weight: 400;
    font-family: "PingFangSC-Medium","Microsoft Yahei";
}

.hs-f-b {
    font-weight: bold;
}

.hs-box {
    height: 100%;
}

.hs-head-nav {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
}

.hs-t-m {
    margin-top: 40px;
}

.hs-t-m60 {
    margin-top: 60px;
}

.hs-t-m20 {
    margin-top: 20px;
}

.hs-p-m40 {
    padding-bottom: 40px;
}

.hs-t-m40 {
    margin-top: 40px;
}

.hs-t-m120 {
    margin-top: 120px;
}

.hs-t-m80 {
    margin-top: 80px;
}

.hs-fff {
    color: #fff;
}
/*头部*/
.hs-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 65px;
    /*padding: 10px 0;*/
}

    .hs-head .head-left {
        display: flex;
        align-items: center;
        /*width: 250px;*/
        flex-shrink: 0;
        color: #001B56;
    }

        .hs-head .head-left img {
            margin-right: 8px;
        }

        .hs-head .head-left p {
            margin: 0;
            line-height: 1;
        }

        .hs-head .head-left span {
            font-size: 12px;
            display: block;
            line-height: 1;
        }

            .hs-head .head-left span:last-child {
                display: inline-block;
                background: #d84951;
                border-radius: 5px;
                height: 24px;
                line-height: 20px;
                padding: 2px;
                color: #fff;
            }

    .hs-head .head-right {
        width: 132px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .hs-head .head-right span {
            color: #1E8DEE;
        }

        .hs-head .head-right i {
            display: inline-block;
            background: url(../img/indexs/banner-phone.png) no-repeat;
            background-size: cover;
            width: 18px;
            height: 18px;
            margin-bottom: -4px;
        }

        .hs-head .head-right img {
            cursor: pointer;
        }

    .hs-head ul {
        width: 100%;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
        height: 100%;
        align-items: center;
        padding: 0 20px;
        position: relative;
    }

        .hs-head ul li {
            height: 100%;
            /*padding: 0 10px;*/
            line-height: 65px;
            position: relative;
            cursor: pointer;
        }

        .hs-head ul .bor {
            /*background: url(../img/indexs/banner-underline.png) no-repeat;
            background-size: contain;
            background-size: cover;
            background-position: center;*/
            background: #2065FC;
            position: absolute;
            bottom: 0px;
            left: 50%;
            width: 0%;
            height: 3px;
            transform: translate(-50%,0);
            transition: all 0.2s linear;
            /*display:none;*/
        }
.swiper-img1 {
    position: relative;
    background-image: url(../img/indexs/swiper-img1.png);
    background-position-x: center;
    background-repeat:no-repeat;
}
.swiper-img2 {
    position: relative;
    background-image: url(../img/indexs/swiper-img2.png);
    background-position-x: center;
    background-repeat: no-repeat;
}
.swiper-p1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 70px;
    text-wrap:nowrap;
}
.swiper-p2 {
    font-size: 60px;
    font-weight: 900;
    line-height: 70px;
    text-wrap: nowrap;
}
.swiper-p3 {
    font-size: 23px;
    font-weight: 500;
    line-height: 70px;
    text-wrap: nowrap;
}
.swiper-p4 {
    font-size: 36px;
    font-weight: 300;
    line-height: 70px;
    opacity: 0.5;
    text-wrap: nowrap;
}
.swiper-click-m{
    display:none;
}
.swiper-click {
    position: absolute;
    bottom: 80px;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    left: 50%;
    transform: translateX(-50%);
}
.swiper-click-p {
    position: relative;
    cursor:pointer;
}
.swiper-click-p1 {
    width: 480px;
    height: 350px;
}
.swiper-click-p2 {
    width: 430px;
    height: 350px;
}
.swiper-click-p3 {
    width: 200px;
    height: 350px;
}
.swiper-btn {
    position: absolute;
    bottom: 80px;
    display: flex;
    justify-content: space-between;
    width: 1100px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.7;
}

.index-info {
    text-align: center;
    width: 1200px;
    margin: 20px auto;
}
.index-info-title {
    margin-top:60px;
    font-weight: 900;
    font-size: 45px;
    display:flex;
    justify-content:center;
}
.index-info-content {
    margin-top: 50px;
    font-weight: 400;
    font-size: 16px;
    color: #7A8192;
    line-height:30px;
}
.index-info-tag{
    display:flex;
    width:100%;
    margin:50px;
    padding:0 20px;
    justify-content:space-around;
}
.index-info-tag-item {
    text-align:left;
    padding:0 80px;
    display:flex;
    justify-content:space-between;
    flex-direction:column;
}
.index-info-tag-item-top {
    color: #003B88;
    font-size: 50px;
    line-height: 48px;
    font-weight:500;
}
.index-info-tag-item-bottom {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-wrap:nowrap;
}
.index-info-tag-item-boder {
    border-right: 1px solid #D8D8D8;
}
.index-info-tip {
    width: 170px;
    height: 40px;
    background-color: #D84851;
    color: #fff;
    margin: 0 auto;
    line-height: 40px;
    cursor: pointer;
    border-radius: 5px;
}

.pd-center{
    width:100%;
    margin:0 auto;
    text-align:center;
}
.pd-center-content {
    height: 640px;
    width: 100%;
    overflow: hidden;
    margin: 40px;
    position:relative;
}
.pd-center-content-item {
    width: 440px !important;
    height: 95% !important;
    background-color: #F7F9FB;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    margin-top:5px;
}
    .pd-center-content-item:hover {
        background-color: #fff;
        box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1);
    }
.pd-center-content-item:hover .pd-center-content-item-img {
    display:none;
}
    .pd-center-content-item:hover .pd-center-content-item-img-active {
        display: block;
        animation-name: example-animation;
        animation-duration: 1s; /* 动画持续时间 */
        animation-fill-mode: forwards; /* 保持动画结束时的状态 */
    }
.pd-center-content-item-title {
    font-weight: 700;
    font-size: 35px;
    color: #222D4A;
    margin-bottom:30px;
    line-height: 40px;
}
.pd-center-content-item-content {
    font-size: 16px;
    font-weight: 400;
    color: #7A8192;
    text-align:left;
}
.pd-center-content-item-img {
    display: block;
}
.pd-center-content-item-img-active {
    display: none;
    opacity: 0;
}
.pd-center-content-item-img-btn{
    display:flex;
    width:100%;
    justify-content:space-between;
}
.pd-center-content-item-btn1 {
    width: 48%;
    height: 45px;
    border: 1px solid #DEE0E4;
    border-radius: 50px;
    line-height: 45px;
    font-weight: 400;
}
.swiper-pagination-bullet{
    border-radius:0;
    width:20px;
}

@media only screen and (min-width: 769px) {
    .hs-head ul li.active .bor {
        display: block;
        width: 100%;
    }

    .hs-head ul li:hover .bor {
        display: block;
        width: 100%;
    }

    .hs-head ul li:hover .hs-nav-cpfa {
        display: block;
        animation-name: example-animation;
        animation-duration: 1s; /* 动画持续时间 */
        animation-fill-mode: forwards; /* 保持动画结束时的状态 */
    }
}
.hs-nav .hs-nav-cpfa {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 100;
    /*background: #F4F7FE;*/
    background: #fff;
    top: 65px;
    padding: 15px 0 40px 0;
    box-shadow: 0px 8px 10px 0px rgba(44,44,44,0.25);
    opacity: 0;
    display: none;
}


@keyframes example-animation {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@media only screen and (min-width: 769px) {
    .hs-nav .hs-nav-cpfa {
        width: 1200px;
    }
}

.hs-nav .hs-nav-cpfa .hs-content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}

    .hs-nav .hs-nav-cpfa .hs-content .item {
        display: flex;
        margin-left: 40px;
        flex-direction: column;
        width: auto;
        flex-shrink: 0;
        font-size:13px;
    }

        .hs-nav .hs-nav-cpfa .hs-content .item > div {
            display: flex;
            flex-direction: column;
        }

        .hs-nav .hs-nav-cpfa .hs-content .item h2 {
            width: 148px;
            padding-bottom: 18px;
            margin: 0 0 0 7px;
            font-size: 16px;
            color: #1A2233;
            font-weight: 700;
            line-height: 1;
            border-bottom: 1px solid #E9EDF5;
            box-sizing: border-box;
        }

.hs-head ul li a {
    color: #25345C;
    font-size: 16px;
    white-space: nowrap;
}

.hs-head .hs-nav-cpfa .item a {
    display: inline-block;
    margin-top: 7px;
    padding: 7px;
    width: 156px;
    font-size: 16px;
    color: #363f4e;
    line-height: 1;
    box-sizing: border-box;
}

    .hs-head .hs-nav-cpfa .item a.hs-item-active, .hs-head .hs-nav-cpfa .item a:hover {
        color: #2065FC;
        background: #F5F8FF;
    }
/*ban*/
.hbt-intro {
    height: 854px;
    width: 100%;
    margin-top: 65px;
    position: relative;
    /*left:40px;*/
    /*background: url(../img/indexs/bg.png) no-repeat;*/
    /*    background: url(../img/indexs/banner.png) no-repeat;
    background-position: center;
    background-size: cover;*/
}

.hbt-intro-center-out-box {
    height: 100%;
}



.intro-btn-box {
    margin-left: 5rem;
    padding: 1rem 0;
    max-width: 370px;
}


/*会博通10.0活动*/
.hbt-intro-hbt10-ad {
    display: none;
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%)
}

    .hbt-intro-hbt10-ad img {
        width: 625px;
        height: 100px;
    }

.hbt-qianyue {
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 100%;
    z-index: 1;
}

.qianyue-box {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    position: relative;
    height: 54px;
    line-height: 54px;
}

    .qianyue-box .qianyue-left {
        width: 110px;
    }

        .qianyue-box .qianyue-left b {
            display: inline-block;
            padding: 0 10px;
            background: #e60012;
            color: #fff;
        }

    .qianyue-box .qianyue-center {
        flex: 1;
        overflow: hidden;
    }

        .qianyue-box .qianyue-center li {
            list-style-type: none;
            white-space: nowrap;
        }

            .qianyue-box .qianyue-center li span {
                zoom: 1;
                line-height: 30px;
            }

                .qianyue-box .qianyue-center li span a {
                    padding: 4px 22px;
                    color: #484848;
                }

    .qianyue-box .qianyue-right {
        padding-left: 20px;
        width: 80px;
        padding: 4px 0;
    }

    .qianyue-box .qianyue-list {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-left: -42px;
    }

.qianyue-right span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #2899f9;
    border-radius: 50%;
    line-height: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: 0 4px;
}

.tab-new {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 60px 0;
}

    .tab-new a {
        color: #333;
        cursor: pointer;
    }

        .tab-new a:hover {
            color: #e60012;
        }

/*产品中心*/
.hs-product.sec-lazyload {
    padding: 80px 0;
    background: url(../img/indexs/yyzx-bg.png) no-repeat;
    background-size: cover;
}

.hs-product img {
    /*margin:auto;*/
    width: 46px;
}

.hs-product .pro-left-top img {
    width: 66px;
}

.hs-product .hs-pro-head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

    .hs-product .hs-pro-head a {
        color: #2496F9;
        cursor: pointer;
        width: 144px;
        height: 36px;
        border: 1px solid #2496F9;
        border-radius: 5px;
        line-height: 36px;
        text-align: center;
    }

        .hs-product .hs-pro-head a:hover {
            background: #e60012;
            color: #fff;
            border: 1px solid #e60012;
        }

.hs-product .hs-pro-content {
    display: flex;
    align-items: center;
}

.hs-product .hs-pro-left {
    width: 230px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: url(../img/indexs/yyzx-zhibo-bg.png) no-repeat;
    background-size: cover;
    padding: 40px 0;
    align-items: center;
    justify-content: space-between;
    height: 510px;
    color: #fff;
}

    .hs-product .hs-pro-left a {
        color: #fff;
        cursor: pointer;
    }

.hs-product .pro-left-top {
    margin-top: 76px;
}

    .hs-product .pro-left-top h3 {
        color: #3B90E0;
    }

    .hs-product .pro-left-top img {
        margin: auto;
    }

.hs-product .hs-pro-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.hs-product .item {
    text-align: center;
    width: 33.333%;
    height: 256px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
}


.hs-product .hs-pro-right h4 {
    font-size: 24px;
    font-weight: 400;
    color: #20242b;
}

.hs-product .hs-pro-right p {
    font-size: 14px;
    /*font-weight: 400;*/
    color: #737c8b;
    padding: 0 10px;
    /*line-height: 26px;*/
    height: 48px;
    width: 100%;
}

.hs-product .item.item-bor-b {
    border-bottom: 1px solid #dbdbdb;
}

.hs-product .item.item-bor-r {
    border-right: 1px solid #dbdbdb;
}

.hs-product .item .btn-a {
    display: none;
    margin-top: 20px;
}

    .hs-product .item .btn-a a {
        color: #fff;
    }

@media only screen and (min-width: 769px) {
    .hs-product .item:hover img {
        display: none;
    }

    .hs-product .item:hover {
        box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.12);
        background: url(../img/indexs/yyzx-ydditu.png) no-repeat;
        background-size: cover;
        color: #fff;
    }

        .hs-product .item:hover h4, .hs-product .item:hover p {
            color: #fff !important;
        }

        .hs-product .item:hover .btn-a {
            display: block;
        }
}

.hs-product .btn {
    width: 100%;
    padding: 0;
    position: relative;
    bottom: -22px;
    display: none;
}

    .hs-product .btn a {
        width: 50%;
        text-align: center;
        display: inline-block;
        border: 1px solid #e60012;
        float: left;
        padding: 16px;
        color: #e60012;
    }

        .hs-product .btn a:last-child {
            /*background: linear-gradient(0deg, #165CCF 0%, #248EF8 100%);*/
            background: #e60012;
            color: #fff;
        }
/*知识专家*/
.hs-expert.sec-lazyload {
    background: url(../img/indexs/zzglzj-bg.png) no-repeat;
    background-size: cover;
    padding: 60px 0 280px;
    position: relative;
}

.ex-content h3 {
    color: #20242b;
}

.ex-content p {
    color: #737c8b;
    font-size: 14px;
    margin-top: 20px;
}
/*优势*/
.ex-advantage {
    padding: 60px 60px 30px;
    background: url(../img/indexs/zzzj-bg.png) no-repeat;
    background-size: cover;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -390px;
}

    .ex-advantage .list {
        display: flex;
        justify-content: space-between;
        font-weight: bold;
    }

    .ex-advantage .item {
        height: 130px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        color: #333;
    }

    .ex-advantage .text {
        height: 55px;
        font-size: 62px;
        /*font-family: MF BanHei (Noncommercial);*/
        font-weight: bold;
        color: #062795;
    }

    .ex-advantage .text-span {
        font-size: 28px;
        font-weight: bold;
        color: #062795;
    }

    .ex-advantage .bor {
        border: 3px solid #062795;
        width: 90px;
        height: 0;
    }

    .ex-advantage .ex-btn {
        margin-top: 30px;
    }

        .ex-advantage .ex-btn a {
            display: inline-block;
            color: #fff;
            width: 220px;
            height: 40px;
            line-height: 40px;
            border: 2px solid #e60012;
            border-radius: 6px;
            cursor: pointer;
            background: #e60012;
            box-shadow: 0 6px 10px 1px rgba(236,38,63,0.2);
        }

/*成功案例*/
.h-jjfa-box {
    background: #052493;
    padding: 230px 0 100px;
}

    .h-jjfa-box.jjfa1 {
        background: url(../img/indexs/hyyy.png) no-repeat;
        background-size: cover;
    }

    .h-jjfa-box.jjfa2 {
        background: url(../img/indexs/hyyy.png) no-repeat;
        background-size: cover;
    }

    .h-jjfa-box.jjfa3 {
        background: url(../img/indexs/hyyy.png) no-repeat;
        background-size: cover;
    }

    .h-jjfa-box.jjfa4 {
        background: url(../img/indexs/hyyy.png) no-repeat;
        background-size: cover;
    }

    .h-jjfa-box.jjfa5 {
        background: url(../img/indexs/hyyy.png) no-repeat;
        background-size: cover;
    }

    .h-jjfa-box.jjfa6 {
        background: url(../img/indexs/hyyy.png) no-repeat;
        background-size: cover;
    }

    .h-jjfa-box.jjfa7 {
        background: url(../img/indexs/hyyy.png) no-repeat;
        background-size: cover;
    }

    .h-jjfa-box.jjfa8 {
        background: url(../img/indexs/hyyy.png) no-repeat;
        background-size: cover;
    }

    .h-jjfa-box.jjfa9 {
        background: url(../img/indexs/hyyy.png) no-repeat;
        background-size: cover;
    }

    .h-jjfa-box .h-jjfa-an-item {
        border: 1px solid #ddd;
        padding: 10px;
        box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
        border-radius: 6px;
        background: rgba(255,255,255,0.8);
        color: #061827;
    }

.h-jjfa-an-item p {
}

.h-jjfa-box h2 {
    margin-top: 0;
    color: #fff;
}

.h-control-vertical {
    display: flex;
}

.h-vertical-ul {
    background: #0C6EDA;
    width: 200px;
    padding: 0;
    flex-shrink: 0;
    margin-right: 40px;
    padding: 10px 0;
    margin-bottom: 0;
}

    .h-vertical-ul li {
        padding: 16px 10px;
    }

        .h-vertical-ul li.active {
            border-left: 3px solid #fff;
        }

            .h-vertical-ul li.active a {
                color: #fff;
                font-weight: bold;
            }

        .h-vertical-ul li a {
            color: #fff;
            font-size: 18px;
        }

.h-jjfa-box .tab-content {
    position: relative;
    width: 100%;
}

.h-jjfa-text {
    color: #fff;
}

    .h-jjfa-text div {
        color: #000;
    }

    .h-jjfa-text h3 {
        margin-bottom: 30px;
        font-weight: 400;
        color: #fff;
    }

    .h-jjfa-text a {
        color: #333;
        font-weight: bold;
        position: absolute;
        bottom: 100px;
        left: 0;
    }

.h-jjfa-anli {
    display: flex;
    justify-content: center;
}

.h-jjfa-img {
    /*position:absolute;
    bottom:0;
    left:0;*/
    width: 100%;
    margin: 20px 0;
    /*display:none;*/
}

    .h-jjfa-img .item {
        display: flex;
        justify-content: space-between;
    }

.why-chose{

    margin:0 auto;
    text-align:center;
}
.why-chose-box{
    display:flex;
    width:1200px;
    margin:0 auto;
}
.why-chose-box-colum{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.why-chose-item {
    width: 570px;
    height: 255px;
    background-color: #F7F9FB;
    display: flex;
    justify-content: space-around;
    margin:20px;
    padding:45px 60px;
    align-items: center;
}
.why-chose-left{
    margin-right:20px;
}
.why-chose-title {
    font-size: 22px;
    font-weight: 700;
    text-wrap:nowrap;
    width: 160px;
}
.why-chose-content {
    font-weight: 400;
    text-align: left;
    color: #7A8192;
    line-height:32px;
}
/*新闻*/
.hs-news.sec-lazyload {
    background: url(../img/indexs/zxdt-bg.png) no-repeat;
    background-size: cover;
    padding: 60px 0 120px;
}

.hs-news li .article-title {
    padding-left: 20px;
    line-height: 20px;
    background: url(../img/indexs/hydt-ico1.png) no-repeat 6px 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    float: left;
}

.gs-xw-dt-ul {
    margin: 0;
    max-width: 1216px;
    background: #fff;
    padding: 20px;
    min-height: 415px;
}

    .gs-xw-dt-ul li .xw-first {
        display: flex;
        justify-content: space-between;
        margin: 20px 0;
    }

        .gs-xw-dt-ul li .xw-first a {
            color: #333;
        }

        .gs-xw-dt-ul li .xw-first span {
            color: #BFCAD5;
        }

    .gs-xw-dt-ul li.active .xw-two {
        display: flex;
    }

    .gs-xw-dt-ul li.active .xw-first {
        display: none;
    }

.xw-two {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    display: none;
}

    .xw-two .xw-img {
        width: 230px;
        height: 120px;
        margin-right: 20px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .xw-two .xw-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        cursor: pointer;
    }

        .xw-two .xw-text h4 {
            font-weight: 400;
            color: #333333;
            font-size: 22px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }

        .xw-two .xw-text p {
            color: #ABABAB;
            margin-bottom: 0;
            height: 54px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

    .xw-two .xw-day {
        width: 100px;
        flex-shrink: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .xw-two .xw-day .year {
            font-size: 34px;
            color: #F7F8FB;
        }

        .xw-two .xw-day .month {
            color: #BFCAD5;
            font-size: 20px;
            margin-top: -22px;
            font-weight: bold;
        }

        .xw-two .xw-day .day {
            font-weight: bold;
            color: #BFCAD5;
            font-size: 36px;
        }

/*底部*/

.hs-footer {
    background: url('../img/word_map.png') no-repeat;
    background-size: cover;
    padding-top: 60px;
}

    .hs-footer .item-box {
        display: flex;
        flex-wrap: wrap;
    }

.item-box-last {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.hs-footer .item-box .item {
    width: 188px;
}

.hs-footer .item ul {
    padding-left: 10px;
    border-left: 1px solid #dbdbdb;
    margin-left: 4px;
    margin-bottom: 0;
    font-size: 14px;
    color: #8C8D8D;
}

    .hs-footer .item ul a {
        color: #8C8D8D;
    }

.hs-footer .cir {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
}

.hs-footer .title, .hs-footer .item p {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0;
}

.hs-footer .title {
    color: #333;
}

.hs-footer .item p {
    color: #58626F;
    height: 26px;
}

.m-b .img-responsive {
    max-width: 103px;
}

.gs-address b {
    font-size: 14px;
}

.gs-address {
    font-size: 12px;
}

.link-hot a {
    color: #999;
}

.foor-bot {
    padding-top: 4px;
    border-top: 1px solid #dbdbdb;
    margin-top: 10px;
}

/*伙伴招募*/
.pr-page-top {
    background: #040C55;
}

.hs-pr-box {
    height: calc(100% - 90px);
    background: #fff;
}

.hs-pr-ban {
    background: url(../img/indexs/banner-bg.png) no-repeat;
    background-size: cover;
    /*height: calc(100% - 90px);*/
    height: 100%;
    padding-top: 90px;
}

    .hs-pr-ban .container {
        height: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .hs-pr-ban img:last-child {
        cursor: pointer;
    }

.pr-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

    .pr-list .item {
        width: 20%;
        height: 288px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
    }

        .pr-list .item h4 {
            line-height: 30px;
        }

        .pr-list .item.i1 {
            background: url(../img/indexs/hzhb-bg1.png) no-repeat;
            background-size: contain;
        }

        .pr-list .item.i2 {
            background: url(../img/indexs/hzhb-bg2.png) no-repeat;
            background-size: contain;
        }

        .pr-list .item.i3 {
            background: url(../img/indexs/hzhb-bg3.png) no-repeat;
            background-size: contain;
        }

        .pr-list .item.i4 {
            background: url(../img/indexs/hzhb-bg4.png) no-repeat;
            background-size: contain;
        }

        .pr-list .item.i5 {
            background: url(../img/indexs/hzhb-bg5.png) no-repeat;
            background-size: contain;
        }

        .pr-list .item.i6 {
            background: url(../img/indexs/hzhb-bg6.png) no-repeat;
            background-size: contain;
        }

        .pr-list .item.i7 {
            background: url(../img/indexs/hzhb-bg7.png) no-repeat;
            background-size: contain;
        }

        .pr-list .item.i8 {
            background: url(../img/indexs/hzhb-bg8.png) no-repeat;
            background-size: contain;
        }

        .pr-list .item.i9 {
            background: url(../img/indexs/hzhb-bg9.png) no-repeat;
            background-size: contain;
        }

        .pr-list .item.i10 {
            background: url(../img/indexs/hzhb-bg10.png) no-repeat;
            background-size: contain;
        }

.hs-pr-zc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .hs-pr-zc .item {
        width: 340px;
        height: 410px;
        position: relative;
    }

        .hs-pr-zc .item h4 {
            position: absolute;
            top: 116px;
            width: 100%;
            left: 0;
        }

        .hs-pr-zc .item .text {
            position: absolute;
            width: 100%;
            top: 200px;
            left: 0;
        }

        .hs-pr-zc .item.i1 {
            background: url(../img/indexs/qzc-bg1.png) no-repeat;
            background-size: contain;
        }

        .hs-pr-zc .item.i2 {
            background: url(../img/indexs/qzc-bg2.png) no-repeat;
            background-size: contain;
        }

        .hs-pr-zc .item.i3 {
            background: url(../img/indexs/qzc-bg3.png) no-repeat;
            background-size: contain;
        }

.hs-pr-cp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .hs-pr-cp .item {
        width: 100%;
        max-width: 650px;
        position: relative;
        height: 160px;
        margin-bottom: 30px;
    }

        .hs-pr-cp .item h4 {
            position: absolute;
            top: 20px;
            left: 122px;
        }

        .hs-pr-cp .item .text {
            position: absolute;
            left: 0;
            top: 80px;
            padding: 0 30px;
        }

        .hs-pr-cp .item.i1 {
            background: url(../img/indexs/cqcp-bg1.png) no-repeat;
            background-size: contain;
        }

        .hs-pr-cp .item.i2 {
            background: url(../img/indexs/cqcp-bg2.png) no-repeat;
            background-size: contain;
        }

        .hs-pr-cp .item.i3 {
            background: url(../img/indexs/cqcp-bg3.png) no-repeat;
            background-size: contain;
        }

.hs-pr-jr .centent {
    background: url(../img/indexs/jr-bg.png) no-repeat;
    background-size: contain;
    max-width: 570px;
    width: 100%;
    margin: auto;
    margin-top: 40px;
    height: 504px;
    padding: 4% 8%;
}

    .hs-pr-jr .centent .item {
        position: relative;
        margin-bottom: 20px;
    }

        .hs-pr-jr .centent .item label {
            display: block;
            border-left: 4px solid #1F80F4;
            padding-left: 10px;
        }

        .hs-pr-jr .centent .item input {
            border: 0;
            padding: 6px 10px;
            border-bottom: 1px solid #dbdbdb;
            width: 100%;
        }

            .hs-pr-jr .centent .item input:focus {
                outline: none;
            }

        .hs-pr-jr .centent .item img {
            margin: auto;
            cursor: pointer;
        }

        .hs-pr-jr .centent .item a.pr-yzm {
            position: absolute;
            right: 0;
            bottom: 3px;
            cursor: pointer;
            background: #EAE9F9;
            color: #1F80F4;
            padding: 4px 8px;
            border-radius: 6px;
        }

        .hs-pr-jr .centent .item a.btn {
            display: inline-block;
            background: url(../img/indexs/jr-btn.png) no-repeat;
            background-size: contain;
            width: 300px;
            height: 56px;
        }

            .hs-pr-jr .centent .item a.btn:hover {
                background: url(../img/indexs/jr-btn-red.png) no-repeat;
                background-size: contain;
            }
/*直播*/
.hs-ld-ban .item {
}

.hs-ld-ban {
    padding-top: 90px;
}

    .hs-ld-ban .item1 {
        background: url(../img/indexs/zhibo-banner-bg1-new.jpg) no-repeat;
        background-size: cover;
    }

    .hs-ld-ban .item2 {
        background: url(../img/indexs/zhibo-banner-bg2-new.jpg) no-repeat;
        background-size: cover;
    }

    .hs-ld-ban .item .row {
        display: flex;
        align-items: center;
        height: 450px;
    }

    .hs-ld-ban .item1-text {
        background: #63F9F0;
        padding: 6px 10px;
        margin-top: 20px;
        display: inline-block;
    }

    .hs-ld-ban .item2 p {
        color: #fff;
        margin: 16px 0;
    }

    .hs-ld-ban .item2 a {
        padding: 8px 20px;
        margin-right: 20px;
        border-radius: 5px;
    }

        .hs-ld-ban .item2 a:first-of-type {
            background: #63F9F0;
            color: #333;
        }

        .hs-ld-ban .item2 a:last-child {
            background: #144BCC;
            color: #fff;
        }

.hs-ld-vid {
    padding-bottom: 20px;
}

    .hs-ld-vid .hs-ld-ul {
        text-align: center;
    }

        .hs-ld-vid .hs-ld-ul li {
            display: inline-block;
            padding: 10px 20px;
        }

            .hs-ld-vid .hs-ld-ul li a {
                color: #333;
                padding-bottom: 6px;
            }

            .hs-ld-vid .hs-ld-ul li.active a {
                border-bottom: 3px solid #144BCC;
            }

.ld-zhishi-video.active {
    display: flex;
}

.ld-zhishi-video .h-live-ul {
    width: 160px;
    flex-shrink: 0;
    background: #E9ECF3;
    border-left: 1px solid #BDC7D5;
    margin-bottom: 0;
    min-height: 500px;
}

    .ld-zhishi-video .h-live-ul li {
        border-left: 3px solid transparent;
        padding: 28px 20px;
    }

        .ld-zhishi-video .h-live-ul li.active {
            border-left: 3px solid #4773F8;
        }

        .ld-zhishi-video .h-live-ul li a {
            color: #333;
        }

        .ld-zhishi-video .h-live-ul li.active a {
            color: #4773F8;
        }

.ld-vid-v2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .ld-vid-v2 .tab-pane {
        width: 100%;
    }

        .ld-vid-v2 .tab-pane.active {
            display: flex;
            flex-wrap: wrap;
        }

    .ld-vid-v2 .item > div {
        border: 1px solid #dbdbdb;
    }

    .ld-vid-v2 .item {
        width: 286px;
        flex-shrink: 0;
        margin-left: 40px;
        height: 264px;
    }

        .ld-vid-v2 .item:nth-child(-n + 3) {
            margin-bottom: 20px;
        }

        .ld-vid-v2 .item .text {
            padding: 0 10px;
        }

            .ld-vid-v2 .item .text p {
                margin-bottom: 0;
            }

            .ld-vid-v2 .item .text .des {
                color: #536388;
                font-size: 14px;
                height: 50px;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }

        .ld-vid-v2 .item .bottom span {
            font-size: 12px;
            color: #536388;
        }

            .ld-vid-v2 .item .bottom span:last-child {
                float: right;
                color: #8F8F8F;
            }

.ld-vid-v1 {
    border: 1px solid #dbdbdb;
}

    .ld-vid-v1 .item {
        padding: 10px;
        border-bottom: 1px solid #dbdbdb;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }

        .ld-vid-v1 .item .v-img {
            width: 284px;
            height: 158px;
            flex-shrink: 0;
            margin-right: 20px;
        }

        .ld-vid-v1 .item .text {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .ld-vid-v1 .item .text h4 {
                color: #144BCC;
                margin-bottom: 10px;
                margin-top: 4px;
            }

            .ld-vid-v1 .item .text p {
                font-size: 14px;
                color: #536388;
                margin: 0;
            }

            .ld-vid-v1 .item .text > div span {
                color: #536388;
                font-size: 12px;
                margin-right: 10px;
            }

                .ld-vid-v1 .item .text > div span:last-child {
                    color: #8F8F8F;
                }

        .ld-vid-v1 .item a {
            padding: 0 10px;
            background: #e60012;
            color: #fff;
            border-radius: 4px;
            margin-top: 6px;
            display: inline-block;
            cursor: pointer;
            font-size: 12px;
            width: 70px;
        }

        .ld-vid-v1 .item .text p strong {
            font-weight: bold;
        }

        .ld-vid-v1 .item:last-child {
            border-bottom: 0;
        }

/*最新资讯*/
.news-ban {
    background: url(../img/news/newsbg-new.jpg) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 360px;
}

    .news-ban h2 {
        color: #fff;
        font-size: 60px;
    }

    .news-ban a {
        color: #333;
    }

.right-content .title {
    padding: 6px 10px;
    color: #e60012;
    border-left: 3px solid #2496F9;
    margin: 20px 0;
    font-size: 20px;
}

.right-content .item {
    margin-bottom: 30px;
}

    .right-content .item > img {
        cursor: pointer;
    }

.gs-xw-zx-ul .xw-zx {
    display: flex;
}

.gs-xw-zx-ul li {
    margin-bottom: 10px;
}

.gs-xw-zx-ul.u1 li {
    border-bottom: 1px solid #dbdbde;
    padding-bottom: 10px;
}

.gs-xw-zx-ul .xw-zx img {
    border-radius: 6px;
    height: 72px;
    width: 108px;
    flex-shrink: 0;
    margin-right: 10px;
}

.gs-xw-zx-ul h4 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;
    line-height: 24px;
}

.gs-xw-zx-ul.u2 li {
    width: 40%;
}
/*.gs-xw-zx-ul .xw-al h4{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;
    line-height: 24px;
}*/
.gs-xw-zx-ul.u2 {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.gs-xw-zx-ul.u3 .xw-xy {
    display: flex;
}

.gs-xw-zx-ul.u3 li {
    border-bottom: 1px dotted #dbdbdb;
}

.gs-xw-zx-ul h4:hover {
    color: #4C88F9;
}

.gs-xw-zx-ul.u3 .xw-xy .tips {
    width: 50px;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
}

.hs-xw-bot .explain {
    clear: both;
    padding: 10px 0;
    border-top: 1px dotted #d2d2d2;
}

    .hs-xw-bot .explain .msg {
        background: #FAFBFD;
        padding: 10px 20px;
        font-size: 12px;
        color: #ABAFB0;
    }
/*.pace-done {
    padding-top:90px;
}
.pace-running{
    padding-top: 90px;
}
#SolutBan {
    background: url(../img/Solution/jjuefaban.jpg) no-repeat center 90px fixed;
}
#productBan {
    background: url(../img/ProductCenter/probanner.jpg) no-repeat center 90px fixed;
}
#productBan {
    background: url(../img/ProductCenter/probanner.jpg) no-repeat center 90px fixed;
}*/

@media only screen and (min-width:1200px) {
    .hs-product img {
        max-width: 100%;
    }

    .hs-product .pro-left-top img {
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hs-head .head-right {
        width: 134px;
    }

    .hs-head ul {
        padding: 0 20px;
        font-size: 17px;
    }

    .hs-product .hs-pro-left {
        width: 200px;
    }

    .h-jjfa-img .item img {
        width: 160px;
    }

    .hs-footer .item-box .item {
        width: 232px;
    }

    .pr-list .item {
        height: 240px;
    }

    .hs-pr-zc .item {
        height: 380px;
    }

        .hs-pr-zc .item h4 {
            top: 104px;
        }

        .hs-pr-zc .item .text {
            top: 170px;
        }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .hs-head-nav .container {
        width: 100%;
    }

    .hs-head ul li a {
        font-size: 14px;
    }

    .hs-head .head-left img {
        width: 280px;
    }

    .hs-nav .hs-nav-cpfa {
        width: 1000px;
    }
}

@media (max-width: 1199px) {
    .hs-nav .hs-nav-cpfa .hs-content .item h2 {
        width: 128px;
        font-size: 14px;
    }

    .hs-head .hs-nav-cpfa .item a {
        width: 138px;
        font-size: 14px;
    }

    .hs-nav .hs-nav-cpfa .hs-content .item:first-child, .hs-nav .hs-nav-cpfa .hs-content .item:nth-child(7) {
        margin-left: 20px;
    }

    .hs-nav .hs-nav-cpfa .hs-content .item {
        margin-left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hs-head-nav .container {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .head-right {
        display: none;
    }

    .logo-hide-pc {
        display: block;
    }

    .logo-hide-m {
        display: none;
    }

    .hs-head .head-left img {
        width: 46px;
    }

    .hs-head .head-left .head-left-text {
        display: none;
    }
    .hs-head ul {
        padding: 0 20px;
    }

    .head-left > div {
        display: none;
    }

    .hs-product .hs-pro-left {
        width: 140px;
    }

    .hs-f-mmd {
        font-size: 28px;
    }

    .hs-product .hs-pro-right h4 {
        font-size: 20px;
    }

    .hs-product .hs-pro-right p {
        font-size: 12px;
    }

    .ex-advantage .text {
        font-size: 48px;
    }

    .hs-f-m20 {
        font-size: 16px;
    }

    .ex-advantage .bor {
        width: 70px;
    }

    .h-vertical-ul {
        width: 150px;
    }

    .h-jjfa-box h2 {
        padding-left: 150px;
    }

    .ex-advantage {
        bottom: -406px;
    }

    .hs-footer .item-box .item {
        width: 236px;
    }
}


.hs-news img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.gs-xw-dt-ul li .xw-first .xw-img {
    width: 87px;
    height: 54px;
    flex-shrink: 0;
}

.gs-xw-dt-ul li .xw-first .left {
    display: flex;
}



/*最新动态新样式*/

@media only screen and (min-width: 769px) {
    .one.gs-xw-dt-ul {
        margin-top: 400px;
    }

        .one.gs-xw-dt-ul li:nth-child(1), .one.gs-xw-dt-ul li:nth-child(2), .one.gs-xw-dt-ul li:nth-child(3) {
            position: absolute;
            top: 100px;
            width: 28%;
        }

            .one.gs-xw-dt-ul li:nth-child(1) .xw-two, .one.gs-xw-dt-ul li:nth-child(2) .xw-two, .one.gs-xw-dt-ul li:nth-child(3) .xw-two {
                display: none;
            }

            .one.gs-xw-dt-ul li:nth-child(1).active .xw-first, .one.gs-xw-dt-ul li:nth-child(2).active .xw-first, .one.gs-xw-dt-ul li:nth-child(3).active .xw-first, .one.gs-xw-dt-ul li:nth-child(1) .xw-first, .one.gs-xw-dt-ul li:nth-child(2) .xw-first, .one.gs-xw-dt-ul li:nth-child(3) .xw-first {
                display: block;
            }

                .one.gs-xw-dt-ul li:nth-child(1).active .xw-first .left, .one.gs-xw-dt-ul li:nth-child(2).active .xw-first .left, .one.gs-xw-dt-ul li:nth-child(3).active .xw-first .left, .one.gs-xw-dt-ul li:nth-child(1) .xw-first .left, .one.gs-xw-dt-ul li:nth-child(2) .xw-first .left, .one.gs-xw-dt-ul li:nth-child(3) .xw-first .left {
                    display: block;
                }

                    .one.gs-xw-dt-ul li:nth-child(1) .xw-first .left .xw-img, .one.gs-xw-dt-ul li:nth-child(2) .xw-first .left .xw-img, .one.gs-xw-dt-ul li:nth-child(3) .xw-first .left .xw-img {
                        width: 100%;
                        height: 200px;
                    }

        .one.gs-xw-dt-ul li .xw-first .left .text img, .one.gs-xw-dt-ul li .xw-first .left .text img, .one.gs-xw-dt-ul li .xw-first .left .text img {
            display: none;
        }

        .one.gs-xw-dt-ul li:nth-child(1) .xw-first .left .text, .one.gs-xw-dt-ul li:nth-child(2) .xw-first .left .text, .one.gs-xw-dt-ul li:nth-child(3) .xw-first .left .text {
            height: 130px;
            margin-top: -10px;
        }

            .one.gs-xw-dt-ul li:nth-child(1) .xw-first .left .text .article-title, .one.gs-xw-dt-ul li:nth-child(2) .xw-first .left .text .article-title, .one.gs-xw-dt-ul li:nth-child(3) .xw-first .left .text .article-title {
                background: none;
                padding-left: 0;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                padding: 20px 26px;
                /*background-color: #fff;*/
                height: 90px;
                /*margin-top: -10px;*/
                z-index: 10;
                position: absolute;
                font-weight: bold;
                letter-spacing: 1px;
                line-height: 25px;
                color: #333;
            }

            .one.gs-xw-dt-ul li:nth-child(1) .xw-first .left .text img, .one.gs-xw-dt-ul li:nth-child(2) .xw-first .left .text img, .one.gs-xw-dt-ul li:nth-child(3) .xw-first .left .text img {
                display: block;
                position: absolute;
                height: 130px;
                border-radius: 0;
            }

        .one.gs-xw-dt-ul li:nth-child(1) .xw-first .time-message, .one.gs-xw-dt-ul li:nth-child(2) .xw-first .time-message, .one.gs-xw-dt-ul li:nth-child(3) .xw-first .time-message {
            margin-right: 166px;
        }

        .one.gs-xw-dt-ul li:nth-child(1) .xw-first .bottom-wrapper, .one.gs-xw-dt-ul li:nth-child(2) .xw-first .bottom-wrapper, .one.gs-xw-dt-ul li:nth-child(3) .xw-first .bottom-wrapper {
            position: absolute;
            bottom: 40px;
            left: 27px;
            display: flex;
            align-items: center;
        }

        .one.gs-xw-dt-ul li .xw-first .bottom-wrapper .img, .one.gs-xw-dt-ul li .xw-first .bottom-wrapper .img, .one.gs-xw-dt-ul li .xw-first .bottom-wrapper .img {
            display: none;
        }

        .one.gs-xw-dt-ul li:nth-child(1) .xw-first .bottom-wrapper .img, .one.gs-xw-dt-ul li:nth-child(2) .xw-first .bottom-wrapper .img, .one.gs-xw-dt-ul li:nth-child(3) .xw-first .bottom-wrapper .img {
            display: block;
            width: 30px;
            opacity: .5;
        }

        .one.gs-xw-dt-ul li:nth-child(1) .left:hover, .one.gs-xw-dt-ul li:nth-child(2) .left:hover, .one.gs-xw-dt-ul li:nth-child(3) .left:hover {
            box-shadow: 0 2px 12px 0 rgba(0,0,0,.08);
        }

        .one.gs-xw-dt-ul li:nth-child(1):hover .xw-first .bottom-wrapper .img, .one.gs-xw-dt-ul li:nth-child(2):hover .xw-first .bottom-wrapper .img, .one.gs-xw-dt-ul li:nth-child(3):hover .xw-first .bottom-wrapper .img {
            opacity: 1;
        }

    .learn-more {
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        background-color: #E60012;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: inline-block;
        margin-top: 20px;
        padding: 5px 10px;
        margin-bottom: 20px;
    }

    a .learn-more {
        border-radius: 5px;
        color: #fff;
    }



    .one.gs-xw-dt-ul li:nth-child(1) {
        left: 0;
        margin-left: 20px;
    }

    .one.gs-xw-dt-ul li:nth-child(2) {
        left: 50%;
        transform: translateX(-50%);
    }

    .one.gs-xw-dt-ul li:nth-child(3) {
        right: 0;
        margin-right: 20px;
    }

    #Ul2 {
        margin-top: 30px;
    }

    .gs-xw-dt-ul {
        min-height: 200px;
    }

    #Ul3 {
        margin-top: -60px;
    }


    /*底部nav*/
    .gray-section {
        background: #efefef;
    }

    .contact {
        background-image: url('../img/word_map.png');
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    dl.pull-left {
        min-height: 180px;
    }

    .row.wangzhandaohang dt a {
        color: #333;
    }

    .row.wangzhandaohang dd a {
        font-size: 15px;
        color: #8C8D8D;
    }

    .m-b-lg {
        margin-bottom: 30px;
    }

    .wangzhandaohang {
        font-size: 15px;
    }

    .row.wangzhandaohang dd {
        padding-left: 10px;
        border-left: 1px solid #999;
        margin-left: 7px;
        margin-top: 10px;
    }

    .wangzhandaohang a:hover {
        text-decoration: underline;
    }



    /*31周年入口*/
    .hbt-intro .entry {
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 42px;
        width: 562px;
    }

        .hbt-intro .entry img {
            width: 100%;
        }
}

.xzydd-right p {
    text-align: center;
    width: 103px;
}

.xzydd-left p {
    margin-left: -3px;
}

.gray-section.bottom-nav {
    padding: 15px 0;
}

.contact {
    margin-top: 40px;
}

/*移动端兼容*/
@media only screen and (max-width: 768px) {
    .hide-m {
        display: none !important;
    }

    .logo-hide-pc {
        display: block;
    }

    .logo-hide-m {
        display: none;
    }

    html {
        font-size: 100px;
    }
    /*导航*/
    .hs-head-nav {
        font-size: 16px;
        width: 100vw;
        height: .5rem;
        background: #fff;
    }

        .hs-head-nav .ext-btn {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 .2rem;
            width: 100%;
            left: 0;
        }

        .hs-head-nav.active .ext-btn .line {
            background-color: #000;
        }

        .hs-head-nav .ext-btn .line {
            width: .25rem;
            height: 2px;
            border-radius: 5px;
            margin-bottom: .06rem;
            background-color: #4a5a6a;
        }

        .hs-head-nav .ext-btn .logo {
            width: .8065rem;
            height: .34rem;
            background: url(../../images/newPage/topNav/logo-white.png) no-repeat;
            background-size: cover;
            display: block;
        }

        .hs-head-nav.active .ext-btn .logo {
            background: url(../../images/newPage/topNav/logo.png) no-repeat;
            background-size: cover;
        }

        .hs-head-nav .ext-btn .line:nth-child(2) {
            width: .18rem;
        }

        .hs-head-nav .ext-btn .line:nth-child(3) {
            margin-bottom: 0;
        }



        /*list*/
        .hs-head-nav .show-nav-list img {
            width: 100%;
        }

        .hs-head-nav .show-nav-list {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 10000;
            background-color: #F7F8FC;
            width: 100vw;
            height: 100vh;
            display: none;
        }

            .hs-head-nav .show-nav-list .top {
                display: flex;
                align-items: center;
                width: 100%;
                height: .56rem;
                background: #F7F8FC;
                border: 1px solid #E4E5E9;
                padding: 0 .16rem;
                position: relative;
            }

                .hs-head-nav .show-nav-list .top .close-icon {
                    width: .17rem;
                    height: .17rem;
                    display: flex;
                }

                .hs-head-nav .show-nav-list .top .list-logo {
                    display: flex;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                }

        .hs-head-nav ul.menu-list {
            width: 1.4rem;
            height: 100%;
            flex-direction: column;
            align-items: flex-start;
            overflow-y: scroll;
        }

        .hs-head-nav .left-list .menu-list .one-title {
            color: #1D1E1E;
        }

        .hs-head-nav .menu-list li.item {
            font-size: 0.2rem;
            line-height: .6rem;
            font-weight: 600;
            margin: 0;
            width: 100%;
            align-items: inherit;
            height: auto;
            padding-left: .2rem;
        }

    
    .swiper-img1 {
        background-image: url(../img/indexs/swiper-img1-m.png);
        background-position-y: center;
        background-repeat: repeat;
        background-size: cover;
    }
    .swiper-img2 {
        background-image: url(../img/indexs/swiper-img2-m.png);
        background-position-y: center;
        background-repeat: repeat;
        background-size: cover;
    }
    .swiper-click{
        display:none;
    }
        .swiper-click-m{
            display:block;
        }
    .swiper-click-m1{
        display:inline-block;
        width:180px;
        height:135px;
        position:absolute;
        left:30px;
        bottom:155px;
    }
    .swiper-click-m2 {
        display: inline-block;
        width: 180px;
        height: 135px;
        position: absolute;
        left: 30px;
        bottom: 10px;
    }
    .swiper-click-m3 {
        display: inline-block;
        width: 150px;
        height: 220px;
        position: absolute;
        left: 215px;
        bottom: 10px;
    }
    .swiper-p1 {
        display: none;
    }
    .swiper-p2 {
        display: none;
    }
    .swiper-p3 {
        display: none;
    }
    .swiper-p4 {
        display: none;
    }
    .swiper-btn {
        display: none;
    }
    .swiper-button-next {
        display: none !important;
    }
    .swiper-button-prev {
        display: none !important;
    }
    .pd-center-content-item-title{
      font-size: 28px;
    }
    .pd-center-content{
      padding:40px 30px;
      width: calc(100% - 30px);
      height: 770px;
      margin:0 auto;
  }
    .pd-center-content-item {
        background-color: #fff;
        box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1);
        width: 100% !important;
        padding: 20px 40px;
        /* margin: 0 15px !important; */
    }
    .pd-center-content-item-img{
        display:none;
    }
    .pd-center-content-item-img-active {
        display: block;
        opacity:1;
    }
    .pd-center-left{
      left:100px !important;
    }
    .pd-center-content-item-btn1{
      font-size: 10px;
      color: #000;
    }
    .index-info-tag-item-bottom{
        font-size:14px;
    }
    .index-info-m {
        padding: 0 40px;
    }
    .index-info-title {
        font-size: 35px;
        margin-bottom: 30px;
    }
    .index-info-title-m {
        display: flex;
        flex-direction: column;
        margin-top: 100px;
        text-align: left;
        text-wrap: nowrap;
    }
    .index-info-title-m1 {
        line-height: 40px;
    }
    .index-info-content {
        text-align: left;
    }
    .why-chose-box {
        flex-direction: column;
        width: 100%
    }
    .why-chose-item {
        padding:20px;
        margin:0;
        width:100%
    }
    .why-chose-left{
        margin-right:30px;
    }

    .index-info{
        width:100%;
    }
    .hs-head-nav .right-list {
        background: #FFFFFF;
        box-shadow: 0px 1px 6px 0px rgba(208, 208, 208, 0.5);
    }
    .index-info-tag{
        margin:10px 0 0 0;
        padding:0;
        flex-wrap:wrap;
        height:280px;
    }
    .index-info-tag-item{
        padding:0px 10px;
        width:50%;
        margin-bottom:20px;
        align-items:center;
    }
    .index-info-tag-item-boder {
        border:0;
    }
    .index-info-tag-item-top{
        font-size:40px;
        font-weight:600;
    }

    .hs-head-nav .show-nav-list .bottom {
        display: flex;
        height: 100%;
    }

        .hs-head-nav ul li .line {
            display: none;
        }

        .hs-head-nav .menu-list li:not(:first-child).item a {
            /*pointer-events: none;*/
            width: 100%;
        }

        .hs-head-nav .menu-list li.item.click-item-active {
            background-color: #fff;
        }

            .hs-head-nav .menu-list li.item.click-item-active a,
            .hs-head-nav .menu-list li.item.click-item-active a.one-title {
                color: #1458FF;
            }

        .hs-head-nav ul.menu-list .second-list-box {
            color: #1D1E1E;
            padding-left: .1rem;
            font-size: .18rem;
            line-height: .5rem;
        }

            .hs-head-nav ul.menu-list .second-list-box .item-name {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

        .hs-head-nav .menu-list li.item.active,
        .hs-head-nav.active ul li.active .one-title {
            color: #1D1E1E;
        }


        .hs-head-nav ul.menu-list .second-list-box .click-second-item-active {
            color: #1458FF;
        }



        .hs-head-nav .show-nav-list .right-list {
            width: 100%;
            padding: .3rem;
            overflow-y: scroll;
        }

            .hs-head-nav .show-nav-list .right-list .title-wrapper {
                display: flex;
                align-items: center;
                border-bottom: 1px solid #E3E3E3;
                padding: .2rem;
                color: #1D1E1E;
            }

                .hs-head-nav .show-nav-list .right-list .title-wrapper .arrow {
                    width: .07rem;
                    display: flex;
                }

                .hs-head-nav .show-nav-list .right-list .title-wrapper .name {
                    font-size: .18rem;
                    font-weight: 600;
                    line-height: .2rem;
                    margin-right: .1rem;
                }


            .hs-head-nav .show-nav-list .right-list .show-list .title-wrapper .arrow {
                width: .11rem;
            }

            .hs-head-nav .show-nav-list .right-list .show-list .title-wrapper {
                border-bottom: none;
                justify-content: space-between;
                /*padding-bottom: 0;*/
            }


            .hs-head-nav .show-nav-list .right-list .show-list-down {
                color: #646464;
                font-size: .12rem;
                line-height: .2rem;
                padding-left: .1rem;
            }

                .hs-head-nav .show-nav-list .right-list .show-list-down .name {
                    margin-bottom: .2rem;
                }

            .hs-head-nav .show-nav-list .right-list .click-right-item-active {
                color: #1458FF;
            }
    /*nav*/
    .head-left > div {
        display: block;
    }

    .head-left-text {
        display: none;
    }

    .hs-box {
        /*padding-top: .68rem;*/
    }

    .hs-head {
        height: .3rem;
        min-height: 65px;
        padding: 0 10px;
        /*justify-content: inherit;*/
    }

        .hs-head .head-left {
            width: 60vw;
        }

            .hs-head .head-left p {
                font-size: .12rem;
                line-height: .2rem;
            }

            .hs-head .head-left span {
                font-size: .1rem;
                line-height: .1rem;
            }

            .hs-head .head-left img {
            }

        .hs-head .head-right {
            width: inherit;
        }

            .hs-head .head-right i {
                width: .1rem;
                height: .1rem;
            }

        .hs-head .head-right {
            font-size: .09rem;
            line-height: .09rem;
        }

        .hs-head .m-nav-btn {
            width: .23rem;
            height: .23rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
        }

            .hs-head .m-nav-btn span {
                display: inline-block;
                width: .23rem;
                height: 2px;
                background-color: #888;
                border-radius: 1px;
                margin-bottom: .05rem;
            }

                .hs-head .m-nav-btn span:last-child {
                    margin-bottom: 0;
                }


        .hs-head ul {
            display: none;
            position: absolute;
            width: 1.5rem;
            height: auto;
            top: 60px;
            right: 0;
            padding: 0 .1rem 0 .1rem;
            color: #fff;
            border-radius: 2px;
            background-color: #1066de;
            box-shadow: 0px 3px 7px 0px rgba(0, 48, 48, 0.36);
            overflow-y: scroll;
        }

            .hs-head ul li {
                height: auto;
                width: 100%;
                font-size: .14rem;
            }

                .hs-head ul li:hover .bor {
                    display: none;
                }

                .hs-head ul li.active .bor {
                    background-image: none;
                }

                .hs-head ul li a {
                    color: #fff;
                    line-height: 2.5em;
                    vertical-align: middle;
                }

        .hs-head .close {
            position: absolute;
            right: 0.2rem;
            top: 0.1rem;
            z-index: 1;
            display: none;
        }
    /*.hs-head ul li .open{
       color: #0A3D96;
       display: block;
   }
   */
    /*.hs-nav .hs-nav-cpfa .container {
       padding: 0;
       display: inherit;
   }
   .hs-nav .hs-nav-cpfa {
       position: absolute;
       top: 0;
       margin-top: .3rem;
       white-space: nowrap;
       overflow-y: scroll;
       overflow-x: hidden;
       right: 1.5rem;
       left: inherit;

   }
   .hs-nav .hs-nav-cpfa .container .item {
       width: inherit;
   }
    .hs-nav .hs-nav-cpfa .container {
       height: 100vh;
       padding: .1rem;
    }*/
    .hs-nav .hs-nav-cpfa {
        display: none;
    }


    /*banner*/
    .hbt-intro {
        display: block;
        width: 100%;
        height:725px;
        margin-top: 0px;
        padding-top: 0.45rem;
    }

    .intro-btn-box {
        margin-left: 0;
        padding: 0;
        max-width: 100%;
    }

    .hbt-qianyue {
        position: inherit;
    }

        .hbt-qianyue .container {
            padding: 0;
        }

    .qianyue-box {
        line-height: .42rem;
        font-size: .09rem;
        height: .42rem;
    }

        .qianyue-box .qianyue-left {
            width: .94rem;
        }


    /*31周年入口*/
    .hbt-intro .entry {
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: .05rem;
        width: 2.5rem;
    }

        .hbt-intro .entry img {
            width: 100%;
        }
    /*Application Center*/
    .hs-product .hs-pro-head h2 {
        font-size: .22rem;
        line-height: .24rem;
        color: #061827;
        font-weight: 400;
    }

    .hs-product .hs-pro-head a {
        border-radius: 0;
        width: .87rem;
        line-height: .23rem;
        font-size: .09rem;
        height: .23rem;
    }

    .hs-product {
        padding: .58rem 0;
    }

        .hs-product .hs-pro-content {
            margin-top: .1rem;
            flex-direction: column;
        }

        .hs-product .hs-pro-left {
            height: .83rem;
            width: 100%;
            padding: 0;
            position: relative;
            background: url(../img/indexs/yyzx-play-m.jpg) no-repeat;
            background-size: 100% 100%;
        }

        .hs-product .pro-left-top {
            margin-top: .13rem;
        }

            .hs-product .pro-left-top img {
                width: .38rem;
            }

            .hs-product .pro-left-top .hs-f-mmd {
                font-size: .16rem;
                font-weight: bold;
                margin: .06rem 0 0;
                color: #333333;
            }

        .hs-product .hs-pro-left .hs-f-m20 {
            position: absolute;
            top: .64rem;
            line-height: .1rem;
            font-size: .1rem;
            right: .11rem;
        }

        .hs-product .item {
            height: 1.54rem;
            width: 50%;
        }

            .hs-product .item:nth-child(2).item-bor-r,
            .hs-product .item:nth-child(4).item-bor-r {
                border-right: none;
            }

            .hs-product .item:nth-child(4).item-bor-r {
                border-bottom: 1px solid #dbdbdb;
            }


        .hs-product img {
            width: .18rem;
        }

        .hs-product .hs-pro-right h4 {
            line-height: .14rem;
            font-size: .14rem;
        }

        .hs-product .hs-pro-right p {
            line-height: .16rem;
            font-size: .1rem;
        }

        .hs-product .item .btn-a {
            font-size: .13rem;
            margin-top: 0.1rem;
            border: 1px solid #fff;
            border-radius: 2px;
            line-height: .17rem;
            padding: 0 5px;
        }

        .hs-product .item:hover img {
            display: inline-block;
        }

        .hs-product .item p {
            margin: 0;
        }

        .hs-product .item.hover {
            box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.12);
            background: url(../img/indexs/yyzx-ydditu.png) no-repeat;
            background-size: cover;
            color: #fff;
        }

            .hs-product .item.hover h4,
            .hs-product .item.hover p {
                color: #fff;
            }

            .hs-product .item.hover .btn-a {
                display: block;
            }

    /*Company profile*/
    .hs-expert {
        padding: .3rem 0;
        height: 5.1rem;
    }

        .hs-expert .hs-f-md {
            font-size: .22rem;
            font-weight: 400;
            color: #061827;
        }

        .hs-expert .text {
            margin-top: .2rem;
            height: inherit;
        }

        .hs-expert .hs-f26 {
            font-size: .14rem;
            font-weight: bold;
            color: #6D6D75;
        }

    .ex-content p {
        margin-top: .2rem;
        font-size: .13rem;
        font-weight: 400;
        color: #6D6D75;
    }

    .ex-advantage {
        top: 2.3rem;
        bottom: inherit;
        width: 2.97rem;
        padding: .2rem .3rem;
        background-size: 100% 107%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: .5rem;
    }

        .ex-advantage .text {
            font-size: .26rem;
        }

        .ex-advantage .list {
            flex-wrap: wrap;
        }

        .ex-advantage .item {
            width: 40%;
            height: inherit;
        }

            .ex-advantage .item:nth-child(2n+1) {
                width: 60%;
            }

        .ex-advantage .text-span {
            font-size: .12rem;
            font-weight: bold;
            color: #062795;
        }

        .ex-advantage .item .hs-f-m20 {
            font-size: .12rem;
            font-weight: bold;
            color: #333333;
            white-space: nowrap;
        }

        .ex-advantage .bor {
            border: 2px solid #062795;
            width: .35rem;
        }

        .ex-advantage .ex-btn a {
            width: 1.11rem;
            height: .24rem;
            background: #E60012;
            box-shadow: 0px 3px 7px 0px rgba(205, 48, 48, 0.36);
            border-radius: 2px;
            font-size: .12rem;
            font-weight: 300;
            line-height: .24rem;
            color: #FEFEFE;
        }



    /*Solution*/
    .h-jjfa-box.sec-lazyload {
        padding: 1.1rem 0 0;
        height: 7rem;
    }

    .h-jjfa-box h2 {
        font-size: .22rem;
        font-weight: 400;
        color: #061827;
        padding: 0;
        color: #fff;
    }

    .h-jjfa-box.jjfa0,
    .h-jjfa-box.jjfa1,
    .h-jjfa-box.jjfa2,
    .h-jjfa-box.jjfa3,
    .h-jjfa-box.jjfa4,
    .h-jjfa-box.jjfa5,
    .h-jjfa-box.jjfa6,
    .h-jjfa-box.jjfa7 {
        background: url(../img/indexs/hyyy.png) no-repeat center;
    }

    .h-control-vertical {
        display: block;
    }

    .h-vertical-ul {
        background-color: transparent;
        height: .5rem;
        width: 100%;
        margin-right: 0;
        display: flex;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
    }

        .h-vertical-ul::-webkit-scrollbar {
            display: none;
        }

    .h-vertical-ul {
        scrollbar-width: none;
    }

        .h-vertical-ul li a {
            font-size: .13rem;
            font-weight: bold;
            color: #193384;
            line-height: .27rem;
        }

        .h-vertical-ul li.active a {
            color: #1865EA;
        }

        .h-vertical-ul li.active {
            border-left: none;
            border-bottom: 2px solid #1865EA;
        }

        .h-vertical-ul li {
            padding: 0;
            margin-right: .2rem;
        }

    .h-jjfa-text h3 {
        font-size: .14rem;
        font-weight: 600;
        color: #000000;
        text-align: center;
        line-height: .22rem;
    }

    .h-jjfa-box .h-jjfa-an-item {
        background: rgba(255,255,255,0.75);
    }

        .h-jjfa-box .h-jjfa-an-item .hs-f-m {
            font-size: .16rem;
            font-weight: bold;
            color: #193384;
            text-align: center;
            line-height: .22rem;
            margin-top: .24rem;
        }

        .h-jjfa-box .h-jjfa-an-item p {
            font-size: .13rem;
            font-weight: 400;
            color: #6F6F6F;
            line-height: .25rem;
        }

    .h-jjfa-img {
        margin: 20px 0 10px;
    }

        .h-jjfa-img .item {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }

            .h-jjfa-img .item img {
                width: 1.26rem;
                height: .44rem;
                margin-bottom: .12rem;
            }

    .h-jjfa-box .h-jjfa-an-item .learn-more {
        width: 100%;
        text-align: center;
        font-size: .1rem;
        font-weight: 400;
    }

        .h-jjfa-box .h-jjfa-an-item .learn-more a {
            position: static;
            color: #AD2426;
        }


    /*news*/
    .hs-news {
        padding: .3rem 0;
    }

        .hs-news .hs-f-md {
            font-size: .22rem;
            font-weight: 400;
            color: #061827;
            line-height: .23rem;
        }

    .xw-two {
        box-shadow: none;
        display: flex;
        padding: 0;
        align-items: center;
    }

    .gs-xw-dt-ul {
        min-height: 3.2rem;
        padding: 20px 20px 20px 10px;
    }

    .xw-two .xw-img {
        width: .72rem;
        height: .44rem;
    }

        .xw-two .xw-img img {
            height: 100%;
            width: 100%;
        }

    .gs-xw-dt-ul li.active .xw-two {
        padding: 0;
        height: .62rem;
    }

    .xw-two .xw-text h4 {
        font-size: .13rem;
        font-weight: 600;
        color: #333333;
        line-height: .16rem;
        margin: 0;
    }

    .xw-two .xw-text p {
        font-size: .13rem;
        font-weight: 400;
        color: #ABABAB;
        line-height: .2rem;
        height: inherit;
    }

    .gs-xw-dt-ul li {
        margin-bottom: .14rem;
    }

    .hs-news .learn-more {
        text-align: center;
        color: #fff;
        width: 30vw;
        margin: 10px auto 0;
        font-size: .1rem;
        background-color: #E60012;
        border-radius: 2px;
        box-shadow: 0px 3px 7px 0px rgba(205, 48, 48, 0.36);
        font-size: .12rem;
        font-weight: 300;
        line-height: .24rem;
    }

    /*0629 updata*/
    .xw-two .xw-day {
        display: none
    }

    .gs-xw-dt-ul li:last-child {
        display: none;
    }

    .gs-xw-dt-ul {
        min-height: auto;
        padding-bottom: 0;
        padding-top: 0rem;
    }

    #GSNews {
        padding-top: .1rem;
    }

    .gs-xw-dt-ul li .xw-first {
        display: none;
    }

    #Ul3 li:nth-child(2) {
        display: none;
    }

    .hs-news.sec-lazyload {
        padding: .5rem 0 .5rem;
    }

    .hs-news .hs-t-m40 {
        margin-top: 20px;
    }


    /*footer*/
    .hs-footer {
        padding: 0;
    }

        .hs-footer .footer-content {
            display: flex;
            font-size: .1rem;
            padding-top: .3rem;
            line-height: .2rem;
        }

        .hs-footer .url-img {
            width: 40%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }

        .hs-footer p {
            margin: 0;
        }

    .copyright {
        font-size: .1rem;
        font-weight: 400;
        color: #030202;
        width: 100%;
        height: .25rem;
        background-color: #E3E4E9;
        line-height: .25rem;
    }

    .gray-section.bottom-nav {
        margin-bottom: 8vh;
    }
    .product-news-box {
        margin-top: 20px;
    }
    .product-news-tab{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .product-news-item{
        width: 90%;
    }
    .product-news-item-img{
        width: 100%;
    }
}