body {
    overflow-x: hidden;
}

@font-face {
    font-family: "Sourc";
    src: url("../fonts/SourceHanSerifCN-SemiBold.otf");
}


/*滚动条的宽度*/

::-webkit-scrollbar {
    width: 4px;
}


/*滚动条里面小方块*/

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}


/*滚动条里面轨道*/

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.container {
    width: 100vw;
    /* 使用了staticy */
    /* overflow-x: hidden; */
}

@keyframes li_hover_show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes move {
    from {
        transform: translateX(5%);
    }
    to {
        transform: translateX(0%);
    }
}

@media (min-width: 992px) {
    /* 主页头部 */
    .container .top-container {
        position: absolute;
        width: 100%;
        height: 80px;
        z-index: 999;
    }
    .container .top-container .top {
        width: 1200px;
    }
    .container .top-container .top .nav li {
        width: 82px;
        height: 78px;
        line-height: 78px;
        text-align: center;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        transition: all .3s;
        position: relative;
    }
    .container .top-container .top .nav li:not(:first-child) {
        margin-left: 36px;
    }
    .container .top-container .top .nav .active-nav {
        border-bottom: 2px solid #ffffff;
        background-color: rgba(255, 255, 255, 0.2);
    }
    .container .top-container .top .nav li:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }
    .container .top-container .top .nav li::after {
        content: "";
        position: absolute;
        top: 78px;
        left: 0;
        width: 82px;
        height: 2px;
        background: #009FE8;
        opacity: 0;
        transform: scaleX(0.01);
        transition: all .3s;
    }
    .container .top-container .top .nav li:hover::after {
        opacity: 1;
        transform: scaleX(1);
    }
    .container .top-container .top .nav li:hover .li-hover {
        display: flex;
        animation: li_hover_show .5s ease-out both;
    }
    .container .top-container .top .nav li .li-hover {
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);
        width: 146px;
        height: 273px;
        background-image: url('../../img/temp/index_nav_hover.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: 0px -3px;
        padding-top: 25px;
        box-sizing: border-box;
        display: none;
    }
    .container .top-container .top .nav li .li-hover p {
        width: 125px;
        height: 46px;
        border-bottom: 1px solid #f0efef;
        text-align: center;
        line-height: 46px;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #333333;
        transition: all .3s;
    }
    .container .top-container .top .nav li .li-hover p:hover {
        color: #009FE8;
    }
    .container .top-container .top .nav li .li-hover p:last-child {
        border-bottom: none;
    }
    .container .top-container .top .nav li:hover .li-hover-too {
        display: flex;
        animation: li_hover_show .5s ease-out both;
    }
    .container .top-container .top .nav li .li-hover-too {
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);
        width: 146px;
        height: 134px;
        background-image: url('../../img/temp/index_nav_hover_too.png');
        padding-top: 25px;
        box-sizing: border-box;
        display: none;
    }
    .container .top-container .top .nav li .li-hover-too p {
        width: 125px;
        height: 46px;
        border-bottom: 1px solid #f0efef;
        text-align: center;
        line-height: 46px;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #333333;
        transition: all .3s;
    }
    .container .top-container .top .nav li .li-hover-too p:hover {
        color: #009FE8;
    }
    .container .top-container .top .nav li .li-hover-too p:last-child {
        border-bottom: none;
    }
    /* 主页头部固定 */
    .container .top-container-too {
        position: fixed;
        width: 100%;
        height: 80px;
        background: #FFFFFF;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        z-index: 999;
        display: none;
    }
    .container .top-container-too .top {
        width: 1200px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .container .top-container-too .top .nav li {
        width: 82px;
        height: 78px;
        line-height: 78px;
        text-align: center;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #333333;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        position: relative;
    }
    .container .top-container-too .top .nav li:not(:first-child) {
        margin-left: 36px;
    }
    .container .top-container-too .top .nav .active-nav {
        border-bottom: 2px solid #009FE8;
    }
    .container .top-container-too .top .nav li::after {
        content: "";
        position: absolute;
        top: 78px;
        left: 0;
        width: 82px;
        height: 2px;
        background: #009FE8;
        opacity: 0;
        transform: scaleX(0.01);
        transition: all .3s;
    }
    .container .top-container-too .top .nav li:hover::after {
        opacity: 1;
        transform: scaleX(1);
    }
    .container .top-container-too .top .nav li:hover .li-hover {
        display: flex;
        animation: li_hover_show .5s ease-out both;
    }
    .container .top-container-too .top .nav li .li-hover {
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);
        width: 146px;
        height: 273px;
        background-image: url('../../img/temp/index_nav_hover.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: 0px -3px;
        padding-top: 25px;
        box-sizing: border-box;
        display: none;
    }
    .container .top-container-too .top .nav li .li-hover p {
        width: 125px;
        height: 46px;
        border-bottom: 1px solid #f0efef;
        text-align: center;
        line-height: 46px;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #333333;
        transition: all .3s;
    }
    .container .top-container-too .top .nav li .li-hover p:hover {
        color: #009FE8;
    }
    .container .top-container-too .top .nav li .li-hover p:last-child {
        border-bottom: none;
    }
    .container .top-container-too .top .nav li:hover .li-hover-too {
        display: flex;
        animation: li_hover_show .5s ease-out both;
    }
    .container .top-container-too .top .nav li .li-hover-too {
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);
        width: 146px;
        height: 134px;
        background-image: url('../../img/temp/index_nav_hover_too.png');
        padding-top: 25px;
        box-sizing: border-box;
        display: none;
    }
    .container .top-container-too .top .nav li .li-hover-too p {
        width: 125px;
        height: 46px;
        border-bottom: 1px solid #f0efef;
        text-align: center;
        line-height: 46px;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #333333;
        transition: all .3s;
    }
    .container .top-container-too .top .nav li .li-hover-too p:hover {
        color: #009FE8;
    }
    .container .top-container-too .top .nav li .li-hover-too p:last-child {
        border-bottom: none;
    }
    /* 主页头部手机固定 */
    .container .top-container-mobile {
        display: none;
    }
    /* 主页轮播图 */
    .container .swiper-container-mobile {
        display: none;
    }
    .container .swiper-container-pc {
        width: 100%;
        /* height: 720px; */
        position: relative;
    }
    .container .swiper-container-pc img {
        width: 100%;
        /* height: 100%; */
    }
    .container .swiper-container-pc .swiper-pagination-custom {
        bottom: 32px;
        left: 0;
        width: 100%;
        height: 20px;
        /* background-color: red; */
        text-align: center;
    }
    /*自定义分页器的样式，这个你自己想要什么样子自己写*/
    .container .swiper-container-pc .swiper-pagination-customs {
        width: 48px;
        height: 3px;
        display: inline-block;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 10px;
        /* box-shadow: 0 0 2px #000; */
        margin: 0 12px;
        outline: 0;
    }
    /*自定义分页器激活时的样式表现*/
    .container .swiper-container-pc .swiper-pagination-customs-active {
        background-color: rgba(255, 255, 255, 1);
    }
    .container .swiper-container-pc .swiper-button-next {
        width: 71px;
        height: 71px;
        background-image: url("../images/index_banner_arrow_right.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container .swiper-container-pc .swiper-button-prev {
        width: 71px;
        height: 71px;
        background-image: url("../images/index_banner_arrow_left.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    /* 主页产品中心 */
    .container .product-container {
        width: 100%;
    }
    .container .product-container .product {
        width: 1200px;
    }
    .container .product-container .product .title-chinese {
        width: 100%;
        margin-top: 96px;
        font-size: 40px;
        font-family: "Sourc";
        font-weight: bold;
        color: #009FE8;
        letter-spacing: 10px;
    }
    .container .product-container .product .title-english {
        width: 100%;
        margin-top: 12px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: 400;
        color: #666666;
        letter-spacing: 5px;
    }
    .container .product-container .product .product-item-one {
        width: 100%;
        margin-top: 36px;
        display: flex;
        justify-content: space-between;
    }
    .container .product-container .product .product-item-one .item-one {
        width: 720px;
        height: 519px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }
    .container .product-container .product .product-item-one .item-one h3 {
        position: absolute;
        left: 32px;
        bottom: 55px;
        font-size: 24px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-one .item-one h4 {
        position: absolute;
        left: 32px;
        bottom: 24px;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-one .item-one img {
        width: 100%;
        transition: transform 1s;
    }
    .container .product-container .product .product-item-one .item-one:hover img {
        transform: scale(1.05);
    }
    .container .product-container .product .product-item-one .item-two {
        width: 456px;
        height: 519px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }
    .container .product-container .product .product-item-one .item-two h3 {
        position: absolute;
        left: 32px;
        bottom: 55px;
        font-size: 24px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-one .item-two h4 {
        position: absolute;
        left: 32px;
        bottom: 24px;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-one .item-two img {
        width: 100%;
        transition: transform 1s;
    }
    .container .product-container .product .product-item-one .item-two:hover img {
        transform: scale(1.05);
    }
    .container .product-container .product .product-item-two {
        width: 100%;
        margin-top: 18px;
        display: flex;
        justify-content: space-between;
    }
    .container .product-container .product .product-item-two .item-three {
        width: 456px;
        height: 519px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }
    .container .product-container .product .product-item-two .item-three h3 {
        position: absolute;
        left: 32px;
        bottom: 55px;
        font-size: 24px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-two .item-three h4 {
        position: absolute;
        left: 32px;
        bottom: 24px;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-two .item-three img {
        width: 100%;
        transition: transform 1s;
    }
    .container .product-container .product .product-item-two .item-three:hover img {
        transform: scale(1.05);
    }
    .container .product-container .product .product-item-two .item-four {
        width: 720px;
        height: 519px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }
    .container .product-container .product .product-item-two .item-four h3 {
        position: absolute;
        left: 32px;
        bottom: 55px;
        font-size: 24px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-two .item-four h4 {
        position: absolute;
        left: 32px;
        bottom: 24px;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-two .item-four img {
        width: 100%;
        transition: transform 1s;
    }
    .container .product-container .product .product-item-two .item-four:hover img {
        transform: scale(1.05);
    }
    /* 主页关于我们 */
    .container .about-container {
        width: 100%;
    }
    .container .about-container .about {
        width: 1200px;
    }
    .container .about-container .about .title-chinese {
        width: 100%;
        margin-top: 96px;
        font-size: 40px;
        font-family: "Sourc";
        font-weight: bold;
        color: #009FE8;
        letter-spacing: 10px;
    }
    .container .about-container .about .title-english {
        width: 100%;
        margin-top: 12px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: 400;
        color: #666666;
        letter-spacing: 5px;
    }
    .container .about-container .about .about-item {
        width: 100%;
        margin-top: 36px;
        height: 675px;
        opacity: 1;
        border-radius: 10px;
    }
    .container .about-container .about .about-item .mobile-video-dust {
        display: none;
    }
    .container .about-container .about .about-item .mobile-video {
        display: none;
    }
    .container .about-container .about .about-item .pc-video-dust {
        width: 1200px;
        height: 675px;
        background-image: url("https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_about_introduction.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .container .about-container .about .about-item .pc-video-dust .pc-img {
        position: absolute;
        left: 50%;
        bottom: 128px;
        transform: translateX(-50%);
    }
    .container .about-container .about .about-item .mark {
        font-size: 20px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
        margin-top: 24px;
    }
    .container .about-container .about .detail {
        width: 100%;
        margin-top: 72px;
    }
    .container .about-container .about .detail .mobile-img {
        display: none;
    }
    .container .about-container .about .detail .mobile-content {
        display: none;
    }
    .container .about-container .about .detail .pc-img {
        width: 576px;
        height: 372px;
    }
    .container .about-container .about .detail h6 {
        width: 576px;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        line-height: 26px;
        color: #666666;
        margin-top: 24px;
    }
    .container .about-container .about .detail h6:first-child {
        margin: 0;
    }
    .container .about-container .about .detail .more {
        font-size: 20px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #009FE8;
        margin-top: 60px;
        cursor: pointer;
    }
    .container .about-container .about .detail .more img {
        margin-left: 4px;
    }
    /* 首页我们的优势 */
    .container .advantage-container {
        width: 100%;
        height: 470px;
        background-image: url("../../img/temp/index_advantage_bac.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 96px;
        box-sizing: border-box;
    }
    .container .advantage-container .advantage {
        width: 1200px;
    }
    .container .advantage-container .advantage .title-chinese {
        width: 100%;
        margin-top: 62px;
        font-size: 40px;
        font-family: "Sourc";
        font-weight: bold;
        color: #009FE8;
        letter-spacing: 10px;
    }
    .container .advantage-container .advantage .title-english {
        width: 100%;
        margin-top: 12px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: 400;
        color: #666666;
        letter-spacing: 5px;
    }
    .container .advantage-container .advantage .detail-mobile {
        display: none;
    }
    .container .advantage-container .advantage .detail-pc {
        width: 100%;
        margin-top: 100px;
    }
    .container .advantage-container .advantage .detail-pc .item {
        width: 252px;
        cursor: pointer;
    }
    .container .advantage-container .advantage .detail-pc .item .bac {
        width: 82px;
        height: 82px;
    }
    .container .advantage-container .advantage .detail-pc .item .first {
        background-image: url("../../img/temp/index_advantage_invention.png");
        background-repeat: no-repeat;
        background-size: cover;
        transition: all .5s;
    }
    .container .advantage-container .advantage .detail-pc .item .second {
        background-image: url("../../img/temp/index_advantage_product.png");
        background-repeat: no-repeat;
        background-size: cover;
        transition: all .5s;
    }
    .container .advantage-container .advantage .detail-pc .item .third {
        background-image: url("../../img/temp/index_advantage_quality.png");
        background-repeat: no-repeat;
        background-size: cover;
        transition: all .5s;
    }
    .container .advantage-container .advantage .detail-pc .item .forth {
        background-image: url("../../img/temp/index_advantage_serve.png");
        background-repeat: no-repeat;
        background-size: cover;
        transition: all .5s;
    }
    .container .advantage-container .advantage .detail-pc .item:hover .first {
        background-image: url("../../img/temp/index_advantage_invention_hover.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container .advantage-container .advantage .detail-pc .item:hover .second {
        background-image: url("../../img/temp/index_advantage_product_hover.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container .advantage-container .advantage .detail-pc .item:hover .third {
        background-image: url("../../img/temp/index_advantage_quality_hover.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container .advantage-container .advantage .detail-pc .item:hover .forth {
        background-image: url("../../img/temp/index_advantage_serve_hover.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container .advantage-container .advantage .detail-pc .item h5 {
        margin-top: 32px;
        font-size: 20px;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        color: #333333;
    }
    .container .advantage-container .advantage .detail-pc .item p {
        text-align: center;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        line-height: 26px;
        color: #666666;
        margin-top: 22px;
        width: 100%;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    /* 首页新闻动态 */
    .container .news-container {
        width: 100%;
        height: 880px;
        /* background-image: url("../../img/temp/index_news_bac.png");
        background-repeat: no-repeat;
        background-size: cover; */
        box-sizing: border-box;
    }
    .container .news-container .news {
        width: 1200px;
    }
    .container .news-container .news .title-chinese {
        width: 100%;
        margin-top: 62px;
        font-size: 40px;
        font-family: "Sourc";
        font-weight: bold;
        color: #009FE8;
        letter-spacing: 10px;
    }
    .container .news-container .news .title-english {
        width: 100%;
        margin-top: 12px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: 400;
        color: #666666;
        letter-spacing: 5px;
    }
    .container .news-container .news .detail-mobile {
        display: none;
    }
    .container .news-container .news .detail-pc {
        width: 100%;
        margin-top: 36px;
    }
    .container .news-container .news .detail-pc .item {
        width: 598px;
        height: 246px;
        padding: 24px;
        box-sizing: border-box;
        border: 1px solid transparent;
        transition: all 1s;
    }
    .container .news-container .news .detail-pc .item:hover {
        background: rgba(0, 159, 232, 0.2);
        border: 1px solid #009FE8;
        box-shadow: 0px 0px 18px rgba(46, 46, 46, 0.2);
    }
    .container .news-container .news .detail-pc .item .title {
        width: 100%;
    }
    .container .news-container .news .detail-pc .item .title .text {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 20px;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        color: #333333;
    }
    .container .news-container .news .detail-pc .item .time {
        margin-top: 12px;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #999999;
    }
    .container .news-container .news .detail-pc .item .content {
        margin-top: 24px;
        width: 100%;
        height: 60px;
        font-size: 15px;
        font-family: "Microsoft YaHei";
        color: #666666;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .container .news-container .news .detail-pc .item .read {
        margin-top: 24px;
        font-size: 20px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #009FE8;
        cursor: pointer;
    }
    .container .news-container .news .detail-pc .item .read img {
        margin-left: 4px;
    }
    .container .news-container .news .more {
        margin-top: 60px;
        width: 100%;
    }
    .container .news-container .news .more .btn {
        width: 273px;
        height: 50px;
        border: 1px solid #009FE8;
        border-radius: 2px;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #009FE8;
        letter-spacing: 10px;
        text-align: center;
        line-height: 50px;
        cursor: pointer;
        transition: all .5s;
    }
    .container .news-container .news .more .btn:hover {
        background: #009FE8;
        color: #ffffff;
    }
    /* 首页底部 */
    .container .footer-container-mobile {
        display: none;
    }
    .container .footer-container {
        width: 100%;
        height: 513px;
        background-color: #0b162b;
        /* background-image: url("../../img/temp/index_footer_bac.png");
        background-repeat: no-repeat;
        background-size: cover; */
    }
    .container .footer-container .footer {
        width: 1200px;
    }
    .container .footer-container .footer .left {
        padding-top: 96px;
        box-sizing: border-box;
    }
    .container .footer-container .footer .left .phone {
        width: 155px;
        height: 42px;
        background: #009FE8;
        border-radius: 2px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .footer-container .footer .left .phone img {
        margin-right: 6px;
    }
    .container .footer-container .footer .left .work-time {
        font-size: 12px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #666666;
        margin-top: 6px;
    }
    .container .footer-container .footer .left p {
        margin-top: 16px;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #ffffff;
    }
    .container .footer-container .footer .left p a {
        color: #ffffff;
    }
    .container .footer-container .footer .right {
        padding-top: 198px;
        box-sizing: border-box;
        position: relative;
    }
    .container .footer-container .footer .right .wx {
        width: 54px;
        height: 54px;
        background: #A3C7D8;
        border-radius: 50%;
        cursor: pointer;
        transition: all 1s;
    }
    .container .footer-container .footer .right .wx-hover {
        position: absolute;
        top: 37px;
        left: -50px;
        /* display: none; */
        opacity: 0;
        transition: all 1s;
    }
    .container .footer-container .footer .right .wx:hover+.wx-hover {
        /* display: block; */
        opacity: 1;
    }
    .container .footer-container .footer .right .wx:hover {
        background: #1AB409;
    }
    .container .footer-container .footer .right .wb {
        width: 54px;
        height: 54px;
        background: #A3C7D8;
        border-radius: 50%;
        margin-left: 68px;
        cursor: pointer;
        transition: all 1s;
    }
    .container .footer-container .footer .right .wb:hover {
        background: #FF7C00;
    }
    .container .footer-container .footer .line {
        width: 100%;
        height: 1px;
        /* background: #e4e4e4; */
        background: #5E5E5E;
        margin-top: 60px;
    }
    .container .footer-container .footer .mark {
        width: 100%;
        padding: 37px 136px 0;
        box-sizing: border-box;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        line-height: 24px;
        color: #ffffff;
        text-align: center;
    }
    /* 首页侧边固定 */
    .container .fixed-mobile {
        display: none;
    }
    .container .fixed-pc {
        position: fixed;
        width: 48px;
        right: 24px;
        top: 500px;
        z-index: 999;
        display: none;
    }
    .container .fixed-pc .wx {
        width: 48px;
        height: 48px;
        background: #FFFFFF;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        background-image: url("../images/index_fixed_wx.png");
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        transition: all 1s;
    }
    .container .fixed-pc .wx-hover {
        position: absolute;
        right: 60px;
        top: -48px;
        display: none;
    }
    .container .fixed-pc .wx:hover {
        background: #009FE8;
        background-image: url("../images/index_fixed_wx_hover.png");
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
    }
    .container .fixed-pc .wx:hover+.wx-hover {
        display: block;
        animation: move 1s ease-out both;
    }
    .container .fixed-pc .tel {
        width: 48px;
        height: 48px;
        background: #FFFFFF;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        background-image: url("../images/index_fixed_tel.png");
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        margin-top: 12px;
        transition: all 1s;
    }
    .container .fixed-pc .tel-hover {
        position: absolute;
        right: 60px;
        top: 48px;
        display: none;
    }
    .container .fixed-pc .tel:hover {
        background: #009FE8;
        background-image: url("../images/index_fixed_tel_hover.png");
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
    }
    .container .fixed-pc .tel:hover+.tel-hover {
        display: block;
        animation: move 1s ease-out both;
    }
    .container .fixed-pc .up {
        width: 48px;
        height: 48px;
        background: #FFFFFF;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        background-image: url("../images/index_fixed_up.png");
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        margin-top: 12px;
        transition: all 1s;
    }
    .container .fixed-pc .up:hover {
        background: #009FE8;
        background-image: url("../images/index_fixed_up_hover.png");
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
    }
}

@media (min-width: 375px) and (max-width: 991px) {
    .container {
        background: #F1F3F5;
    }
    /* 主页头部 */
    .container .top-container {
        display: none;
    }
    /* 主页头部固定 */
    .container .top-container-too {
        display: none;
    }
    /* 主页头部手机固定 */
    .container .top-container-mobile {
        position: fixed;
        top: 0;
        width: 100%;
        height: 60px;
        background: #FFFFFF;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        z-index: 888;
        padding: 0 16px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .container .top-container-mobile img:first-child {
        width: 88px;
        height: 24px;
    }
    /* 主页轮播图 */
    .container .swiper-container-pc {
        display: none;
    }
    .container .swiper-container-mobile {
        width: 100%;
        height: 420px;
        margin-top: 60px;
        position: relative;
        overflow: hidden;
    }
    .container .swiper-container-mobile img {
        width: 100%;
        height: 100%;
    }
    .my-bullet {
        width: 10px;
        height: 10px;
        display: inline-block;
        display: inline-block;
        border: 1px solid #FFFFFF;
        background: transparent;
        border-radius: 50%;
        margin: 0 6px;
    }
    .my-bullet-active {
        background: #FFFFFF;
        border: 1px solid transparent;
    }
    /* 主页产品中心 */
    .container .product-container {
        width: 100%;
    }
    .container .product-container .product {
        width: 343px;
    }
    .container .product-container .product .title-chinese {
        width: 100%;
        margin-top: 24px;
        font-size: 20px;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        color: #009FE8;
        letter-spacing: 5px;
    }
    .container .product-container .product .title-english {
        width: 100%;
        margin-top: 6px;
        font-size: 12px;
        font-family: "Arial";
        font-weight: 400;
        color: #999999;
        letter-spacing: 3px;
    }
    .container .product-container .product .product-item-one {
        width: 100%;
        margin-top: 24px;
    }
    .container .product-container .product .product-item-one .item-one {
        width: 343px;
        height: 299px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        background-image: url("https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_product_one_mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container .product-container .product .product-item-one .item-one img {
        display: none;
    }
    .container .product-container .product .product-item-one .item-one h3 {
        position: absolute;
        left: 12px;
        bottom: 27px;
        font-size: 18px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-one .item-one h4 {
        position: absolute;
        left: 12px;
        bottom: 6px;
        font-size: 12px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-one .item-two {
        width: 165px;
        height: 193px;
        margin-top: 12px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        background-image: url("https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_product_two_mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container .product-container .product .product-item-one .item-two img {
        display: none;
    }
    .container .product-container .product .product-item-one .item-two h3 {
        position: absolute;
        left: 12px;
        bottom: 25px;
        font-size: 18px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-one .item-two h4 {
        position: absolute;
        left: 12px;
        bottom: 6px;
        font-size: 12px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-two {
        position: relative;
    }
    .container .product-container .product .product-item-two .item-three img {
        display: none;
    }
    .container .product-container .product .product-item-two .item-three {
        width: 165px;
        height: 193px;
        margin-top: 12px;
        border-radius: 10px;
        overflow: hidden;
        position: absolute;
        top: -217px;
        left: 178px;
        background-image: url("https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_product_three_mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container .product-container .product .product-item-two .item-three h3 {
        position: absolute;
        left: 12px;
        bottom: 25px;
        font-size: 18px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-two .item-three h4 {
        position: absolute;
        left: 12px;
        bottom: 6px;
        font-size: 12px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-two .item-four {
        width: 343px;
        height: 299px;
        margin-top: 12px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        background-image: url("https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_product_four_mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container .product-container .product .product-item-two .item-four img {
        display: none;
    }
    .container .product-container .product .product-item-two .item-four h3 {
        position: absolute;
        left: 12px;
        bottom: 25px;
        font-size: 18px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    .container .product-container .product .product-item-two .item-four h4 {
        position: absolute;
        left: 12px;
        bottom: 6px;
        font-size: 12px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
    }
    /* 主页关于我们 */
    .container .about-container {
        width: 100%;
    }
    .container .about-container .about {
        width: 343px;
    }
    .container .about-container .about .title-chinese {
        width: 100%;
        margin-top: 24px;
        font-size: 20px;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        color: #009FE8;
        letter-spacing: 5px;
    }
    .container .about-container .about .title-english {
        width: 100%;
        margin-top: 6px;
        font-size: 12px;
        font-family: "Arial";
        font-weight: 400;
        color: #999999;
        letter-spacing: 3px;
    }
    .container .about-container .about .about-item {
        width: 100%;
        margin-top: 24px;
        height: 192px;
        opacity: 1;
        border-radius: 10px;
    }
    .container .about-container .about .about-item .pc-video {
        display: none;
    }
    .container .about-container .about .about-item .pc-video-dust {
        display: none;
    }
    .container .about-container .about .about-item .mobile-video-dust {
        width: 100%;
        height: 192px;
        background-image: url("https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_about_introduction_mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .container .about-container .about .about-item .mobile-video-dust .mobile-img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 28px;
    }
    .container .about-container .about .about-item .mark {
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #FFFFFF;
        margin-top: 12px;
    }
    .container .about-container .about p {
        width: 100%;
        margin-top: 12px;
        font-size: 18px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #666666;
    }
    .container .about-container .about .detail {
        width: 100%;
        margin-top: 24px;
    }
    .container .about-container .about .detail .pc-content {
        display: none;
    }
    .container .about-container .about .detail .pc-img {
        display: none;
    }
    .container .about-container .about .detail .mobile-img {
        width: 343px;
        height: 192px;
    }
    .container .about-container .about .detail h6 {
        width: 343px;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        line-height: 24px;
        color: #666666;
        margin-top: 12px;
    }
    .container .about-container .about .detail .more {
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #009FE8;
        margin-top: 16px;
        cursor: pointer;
    }
    .container .about-container .about .detail .more img {
        margin-left: 4px;
    }
    /* 首页我们的优势 */
    .container .advantage-container {
        width: 100%;
        height: 350px;
        background-image: url("../../img/temp/index_advantage_bac_mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 36px;
        box-sizing: border-box;
    }
    .container .advantage-container .advantage {
        width: 327px;
    }
    .container .advantage-container .advantage .title-chinese {
        width: 100%;
        margin-top: 24px;
        font-size: 20px;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        color: #009FE8;
        letter-spacing: 5px;
    }
    .container .advantage-container .advantage .title-english {
        width: 100%;
        margin-top: 6px;
        font-size: 12px;
        font-family: "Arial";
        font-weight: 400;
        color: #999999;
        letter-spacing: 3px;
    }
    .container .advantage-container .advantage .detail-pc {
        display: none;
    }
    .container .advantage-container .advantage .detail-mobile {
        width: 100%;
        margin-top: 12px;
    }
    .container .advantage-container .advantage .detail-mobile .item {
        width: 156px;
        margin-top: 24px;
    }
    .container .advantage-container .advantage .detail-mobile .item h5 {
        margin-top: 6px;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #333333;
    }
    .container .advantage-container .advantage .detail-mobile .item p {
        text-align: center;
        font-size: 13px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        line-height: 22px;
        color: #666666;
        margin-top: 4px;
        width: 100%;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    /* 首页新闻动态 */
    .container .news-container {
        width: 100%;
        background: #ffffff;
        box-sizing: border-box;
    }
    .container .news-container .news {
        width: 324px;
    }
    .container .news-container .news .title-chinese {
        width: 100%;
        margin-top: 24px;
        font-size: 20px;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        color: #009FE8;
        letter-spacing: 5px;
    }
    .container .news-container .news .title-english {
        width: 100%;
        margin-top: 6px;
        font-size: 12px;
        font-family: "Arial";
        font-weight: 400;
        color: #999999;
        letter-spacing: 3px;
    }
    .container .news-container .news .detail-pc {
        display: none;
    }
    .container .news-container .news .detail-mobile {
        width: 100%;
        margin-top: 6px;
    }
    .container .news-container .news .detail-mobile .item {
        width: 100%;
        margin-top: 18px;
    }
    .container .news-container .news .detail-mobile .item .title .text {
        width: 324px;
        /* min-height: 50px; */
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #333333;
        line-height: 25px;
    }
    .container .news-container .news .detail-mobile .item .time {
        margin-top: 6px;
        font-size: 12px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #999999;
    }
    .container .news-container .news .more {
        margin-top: 36px;
        width: 100%;
        margin-bottom: 24px;
    }
    .container .news-container .news .more .btn {
        width: 222px;
        height: 40px;
        background: #009FE8;
        opacity: 1;
        border-radius: 6px;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #ffffff;
        letter-spacing: 5px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
    }
    /* 主页底部 */
    .container .footer-container {
        display: none;
    }
    .container .footer-container-mobile {
        width: 100%;
    }
    .container .footer-container-mobile .left {
        width: 100%;
        height: 570px;
        background: #F1F3F5;
        padding-top: 14px;
        box-sizing: border-box;
    }
    .container .footer-container-mobile .left ul {
        width: 343px;
    }
    .container .footer-container-mobile .left ul li {
        width: 100%;
        height: 46px;
        border-bottom: 1px solid #CFCFCF;
        font-size: 16px;
        font-family: "PingFang SC";
        font-weight: 400;
        color: #666666;
    }
    .container .footer-container-mobile .left .space {
        width: 343px;
    }
    .container .footer-container-mobile .left .space .phone {
        width: 155px;
        height: 42px;
        background: #009FE8;
        border-radius: 2px;
        font-size: 16px;
        font-family: "Arial";
        font-weight: 400;
        color: #FFFFFF;
        margin-top: 20px;
    }
    .container .footer-container-mobile .left .space .phone img {
        margin-right: 4px;
    }
    .container .footer-container-mobile .left .space .work-time {
        margin-top: 6px;
        font-size: 12px;
        font-family: "PingFang SC";
        font-weight: 400;
        color: #999999;
        margin-bottom: 14px;
    }
    .container .footer-container-mobile .left .space p {
        margin-top: 14px;
        font-size: 14px;
        font-family: "PingFang SC";
        font-weight: 400;
        color: #666666;
    }
    .container .footer-container-mobile .left .space .wx-and-wb {
        width: 100%;
        margin-top: 36px;
        padding: 0 70px;
        box-sizing: border-box;
        position: relative;
    }
    .container .footer-container-mobile .left .space .wx-and-wb p {
        margin-top: 12px;
        font-size: 12px;
        font-family: "PingFang SC";
        font-weight: 400;
        color: #999999;
    }
    .container .footer-container-mobile .left .space .wx-and-wb .wx {
        width: 84px;
    }
    .container .footer-container-mobile .left .space .wx-and-wb .wb {
        width: 84px;
    }
    .container .footer-container-mobile .left .space .wx-and-wb .wx-hover {
        position: absolute;
        top: -160px;
        left: 40px;
    }
    .container .footer-container-mobile .right {
        width: 100%;
        background: #ECECEC;
    }
    .container .footer-container-mobile .right .record {
        width: 332px;
        margin-top: 33px;
        font-size: 12px;
        font-family: "PingFang SC";
        font-weight: 400;
        line-height: 24px;
        color: #999999;
        text-align: center;
    }
    .container .footer-container-mobile .right .record a {
        color: #999999;
    }
    .container .footer-container-mobile .right .mark {
        margin-top: 24px;
        width: 336px;
        font-size: 12px;
        font-family: "PingFang SC";
        font-weight: 400;
        line-height: 24px;
        color: #999999;
        margin-bottom: 24px;
    }
    /* 首页侧边固定 */
    .container .fixed-pc {
        display: none;
    }
    .container .fixed-mobile {
        position: fixed;
        width: 48px;
        height: 48px;
        background: #FFFFFF;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
        right: 0px;
        top: 500px;
        z-index: 999;
        display: none;
    }
    .container .fixed-mobile img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .container .open-container-mobile {
        width: 100%;
        height: 100vh;
        background: #F1F3F5;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    }
    .container .open-container-mobile .open {
        width: 343px;
    }
    .container .open-container-mobile .open .top {
        width: 100%;
        height: 54px;
        padding: 18px 0px 12px;
        box-sizing: border-box;
    }
    .container .open-container-mobile .open .top img:first-child {
        width: 88px;
        height: 24px;
    }
    .container .open-container-mobile .open .item .title {
        width: 100%;
        font-size: 20px;
        font-family: "PingFang SC";
        font-weight: bold;
        color: #3E5271;
        margin-top: 36px;
    }
    .container .open-container-mobile .open .item .content {
        margin-top: 16px;
        font-size: 16px;
        font-family: "PingFang SC";
        font-weight: 400;
        line-height: 30px;
        color: #55718A;
    }
    .container .open-container-mobile .open .item .content a {
        color: #55718A;
    }
    .container .open-container-mobile .open .item .content p {
        margin-left: 12px;
        margin-right: 13px;
        width: 1px;
        height: 16px;
        background: #55718A;
    }
}