/* 可选：添加过渡效果，避免图片闪烁 */
    img {
        transition: opacity 0.3s ease;
    }
    img[data-watermark-processing] {
        opacity: 0.5;
    }
    img[data-watermark-processed] {
        opacity: 1;
    }
    .banners-pc {
        clear: both;
        height: 500px;
    }
    .banners-pc .frame {
        height: 500px;
        background: no-repeat center center;
        background-size: cover;
    }
    .banners-mb {
        display: none;
        clear: both;
        height: 700px;
    }
    .banners-mb div {
        height: 100%;
    }
    .banners-mb .frame {
        height: 100%;
        background: no-repeat center center;
        background-size: cover;
    }
    @media (max-width: 1024px) {
        .banners-pc {
            display: none;
        }
        .banners-mb {
            display: block;
        }
    }
    .product {
    }
    .m_top {
        overflow: hidden;
        padding: 40px 0 36px 0;
    }
    .m_top .nav {
        overflow: hidden;
        margin-left: -9px;
        margin-bottom: -8px;
        float: right;
    }
    .m_top .nav > li {
        padding-left: 9px;
        padding-bottom: 8px;
        display: inline-block;
    }
    .m_top .nav > li .box {
        display: block;
        padding: 10px 28px;
        background: #f1f1f1;
        text-align: center;
    }
    .m_top .nav > li .box:hover {
        background: #1966bf;
        color: #fff;
    }
    .m_top .nav > li .on {
        background: #1966bf;
        color: #fff;
    }
    .m_top .btn {
        float: right;
    }
    .m_top .btn .more {
        display: inline-block;
        padding: 10px 28px;
        background: #f1f1f1;
        text-align: center;
    }
    .m_top .btn .more:hover {
        background: #1966bf;
        color: #fff;
    }
    @media (max-width: 1024px) {
        .m_top .nav {
            float: none;
            text-align: center;
            margin-top: 10px;
        }
        .m_top .btn {
            float: none;
            text-align: center;
            margin-top: 10px;
        }
    }
    @media (max-width: 600px) {
        .m_top .nav > li {
            width: 33.33%;
            display: block;
            float: left;
        }
        .m_top .nav > li .box {
            padding: 10px 0;
        }
    }
    .main2 {
        background: #eff1f6;
        margin-top: 50px;
    }
    .main2 .con {
        padding: 110px 0;
        overflow: hidden;
    }
    .main2 .con .pic {
        float: left;
        margin-right: 42px;
    }
    .main2 .con .pic img {
        border: 10px solid #fff;
        border-radius: 10px;
    }
    .main2 .con .font {
        padding-top: 45px;
    }
    .main2 .con .font .h1 {
        font-size: 24px;
        color: #555;
    }
    .main2 .con .font .h1 span {
        font-size: 13px;
        color: #b8b8b8;
    }
    .main2 .con .font .p1 {
        color: #838383;
        line-height: 30px;
        text-indent: 2em;
        padding: 40px 0 30px 0;
    }
    .main2 .con .font .btn .more {
        padding: 10px 38px;
        display: inline-block;
        border: 1px solid #b5b5b5;
        border-radius: 20px;
    }
    .main2 .con .font .btn .more:hover {
        background: #1966bf;
        color: #fff;
        border: 1px solid #1966bf;
    }
    @media (max-width: 1024px) {
        .main2 .con .pic {
            float: none;
            margin-right: 0;
            text-align: center;
        }
        .main2 .con .font .h1 {
            text-align: center;
        }
        .main2 .con .font .btn {
            text-align: center;
        }
    }
    ._slick {
        width: 1200px;
        margin: 0 auto;
    }
    ._slick .li1 {
        padding: 0 30px;
    }
    ._slick .li1 .box {
        display: block;
    }
    ._slick .li1 .box .pic img {
        border: 1px solid #eaeaea;
        width: 100%;
        display: block;
    }
    ._slick .li1 .box .p1 {
        text-align: left;
        padding-top: 20px;
        color: #505050;
        font-size: 16px;
    }
    ._slick .li1 .box .p1 .line {
        display: block;
        width: 33px;
        height: 1px;
        background: #b2b2b2;
        margin-top: 12px;
    }
    ._slick .li1 .box .time {
        font-size: 12px;
        color: #888;
        padding: 20px 0 22px 0;
    }
    ._slick .li1 .box .p2 {
        color: #888;
        line-height: 24px;
        max-width: 300px;
    }
    ._slick .slick-next {
        right: -30px;
    }
    ._slick .slick-prev {
        left: -30px;
    }
    @media (max-width: 1024px) {
        ._slick {
            display: none;
        }
    }
    .news {
        margin-bottom: 70px;
    }
    .news .offset {
    }
    .news .offset .list {
        display: block;
        margin-left: -102px;
        margin-bottom: -30px;
        overflow: hidden;
    }
    .news .offset .list > li {
        float: left;
        width: 33.33%;
        padding-left: 102px;
        padding-bottom: 30px;
    }
    .news .offset .list > li:nth-child(3n+1) {
        clear: both;
    }
    .news .offset .list > li .box {
        display: block;
    }
    .news .offset .list > li .box .pic img {
        border: 1px solid #eaeaea;
        width: 100%;
        display: block;
    }
    .news .offset .list > li .box .p1 {
        text-align: left;
        padding-top: 20px;
        color: #505050;
        font-size: 16px;
    }
    .news .offset .list > li .box .p1 .line {
        display: block;
        width: 33px;
        height: 1px;
        background: #b2b2b2;
        margin-top: 12px;
    }
    .news .offset .list > li .box .time {
        font-size: 12px;
        color: #888;
        padding: 20px 0 22px 0;
    }
    .news .offset .list > li .box .p2 {
        color: #888;
        line-height: 24px;
        max-width: 300px;
    }
    @media (max-width: 1024px) {
        .news .offset .list {
            display: block;
        }
        .news .offset .list > li {
            width: 50%;
        }
        .news .offset .list > li:nth-child(n) {
            clear: none;
        }
        .news .offset .list > li:nth-child(2n+1) {
            clear: both;
        }
    }
    @media (max-width: 800px) {
        .news .offset .list {
            margin-left: -50px;
        }
        .news .offset .list > li {
            padding-left: 50px;
        }
    }
    @media (max-width: 600px) {
        .news .offset .list > li {
            width: 100%;
        }
        .news .offset .list > li:nth-child(n) {
            clear: none;
        }
    }