@charset "utf-8";
/* =====================内页样式======================== */
.sonban {
    width: 100%;
    position: relative;
}

    .sonban img {
        width: 100%;
        object-fit: cover;
        min-height: 400px;
    }

.sonban-wd {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
    padding: 0 4%;
}

    .sonban-wd h2 {
        font-size: 60px;
        color: #fff;
        font-weight: 500;
        opacity: 0;
        animation: scaleCt 1s ease both;
    }

@keyframes scaleCt {
    0% {
        opacity: 0;
        transform: scale(.4);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.sonmenu {
    width: 100%;
    background: #fff;
}

    .sonmenu .contain {
        border-bottom: 1px solid #e4e4e4;
    }

.sonmenu-site {
    float: left;
    font-size: 0;
}

.sonmenu-link {
    float: right;
    font-size: 0;
}

    .sonmenu-site a, .sonmenu-link a {
        color: #888;
        font-size: 16px;
        height: 74px;
        line-height: 74px;
        position: relative;
        display: inline-block;
        vertical-align: top;
        transition: all .4s ease;
    }

        .sonmenu-site a:hover {
            color: #0086fe;
        }

        .sonmenu-site a:after {
            content: ">";
            font-size: 16px;
            color: #888;
            font-family: "\5B8B\4F53";
            font-weight: 700;
            margin: 0 6px;
        }

        .sonmenu-site a:last-child:after {
            display: none;
        }

    .sonmenu-link a {
        margin-right: 50px;
    }

        .sonmenu-link a:last-child {
            margin-right: 0;
        }

        .sonmenu-link a:after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(to right, #0068dd, #00aeee);
            bottom: -1px;
            display: none;
            background: linear-gradient(to right, var(--main-color), var(--main-color));
        }

        .sonmenu-link a:hover, .sonmenu-link a.ontrue {
            color: #0086fe;
            color: var(--main-color);
        }

            .sonmenu-link a.ontrue:after {
                display: block;
            }

.sonmenu-link-scroll {
    width: auto;
}

/* 视频弹窗 */
.popVideo {
    display: none;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
}

.popVideo-content {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 66%;
    height: 100%;
    margin: 0 auto;
}

.popVideo-core {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
}

    .popVideo-core video {
        width: 100%;
        max-height: 600px;
        background: #000;
    }

.popVideo-close {
    width: 28px;
    height: 28px;
    position: absolute;
    right: -28px;
    top: -28px;
    z-index: 3;
    background: url('/images/v_company_1.0/close.png') no-repeat center;
    cursor: pointer;
    opacity: .7;
    transition: all .6s ease;
}

    .popVideo-close:hover {
        opacity: 1;
    }

@media all and (max-width:1151px) {
    .popVideo-content {
        width: 92%;
    }

    .popVideo-close {
        right: 0;
    }
}
/* over */

/* 旧分页 */
.fullpage {
    width: 100%;
    font-size: 0;
    text-align: center;
    user-select: none;
    margin-top: 60px;
}

    .fullpage a {
        display: inline-block;
        vertical-align: middle;
        width: 38px;
        height: 38px;
        line-height: 38px;
        border: 1px solid #dcdcdc;
        margin: 0 8px;
        font-size: 16px;
        color: #666;
        transition: all .4s ease;
    }

        .fullpage a:first-child, .fullpage a:last-child {
            background: url('/images/v_company_1.0/fparr.png') no-repeat center;
            border-color: transparent;
        }

        .fullpage a:last-child {
            transform: rotate(180deg);
        }

        .fullpage a:hover, .fullpage a.ontrue, .fullpage a.on {
            background-color: #5ba337;
            color: #fff;
            border-color: #5ba337;
        }

        .fullpage a:first-child:hover, .fullpage a:last-child:hover {
            background-image: url('/images/v_company_1.0/fparrH.png');
            background-color: #fff;
        }

@media all and (max-width:1359px) {
    .fullpage {
        margin-top: 48px;
    }
}

@media all and (max-width:640px) {
    .fullpage a {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin: 0 4px;
    }

    .fullpage {
        margin-top: 36px;
    }
}

/* 分页 */
.listPage {
    text-align: center;
    user-select: none;
    margin-top: 60px;
}

    .listPage a {
        display: inline-block;
        height: 38px;
        line-height: 36px;
        width: 38px;
        border: 1px solid #dcdcdc;
        margin: 0px 8px;
        font-size: 16px;
        background: #fff;
        color: #666;
        vertical-align: top;
        transition: all .4s ease;
    }

        .listPage a.prev {
            background: #fff url('/images/v_company_1.0/fparr.png') no-repeat center center;
            border-color: transparent;
        }

        .listPage a.next {
            background: #fff url('/images/v_company_1.0/fparr2.png') no-repeat center center;
            border-color: transparent;
        }

        .listPage a:hover, .listPage a.on {
            background: #2386ee;
            color: #fff;
            border-color: #0068dd;
        }

        .listPage a.prev:hover {
            background: #fff url('/images/v_company_1.0/fparrH.png') no-repeat center center;
            border-color: #0068dd;
        }

        .listPage a.next:hover {
            background: #fff url('/images/v_company_1.0/fparrH2.png') no-repeat center center;
            border-color: #0068dd;
        }

@media all and (max-width:1359px) {
    .listPage {
        margin-top: 48px;
    }
}

@media all and (max-width:640px) {
    .listPage a {
        width: 32px;
        height: 32px;
        line-height: 29px;
        margin: 0 4px;
    }

    .listPage {
        margin-top: 36px;
    }
}

/* 服务支持 */
.server-sup {
    background: #f5f5f5;
    height: 518px;
}

    .server-sup h2 {
        text-align: center;
        font-size: 36px;
        color: #333;
    }

    .server-sup .info {
        text-align: center;
        font-size: 16px;
        color: #666;
        margin-top: 10px;
        position: relative;
        padding-bottom: 20px;
    }

        .server-sup .info:after {
            position: absolute;
            left: 50%;
            margin-left: -10px;
            bottom: 0px;
            width: 20px;
            height: 1px;
            background: #0068dd;
            content: "";
            background: var(--main-color);
        }

    .server-sup ul {
        margin-top: 50px;
    }

        .server-sup ul li {
            width: 24.2%;
            float: left;
            background: #fff;
            text-align: center;
            padding: 50px 30px;
            margin-right: 1%;
            height: 210px;
            -webkit-transition: all .2s linear;
            transition: all .2s linear;
        }

            .server-sup ul li:last-child {
                margin-right: 0;
            }

            .server-sup ul li h4 {
                line-height: 28px;
                font-size: 16px;
                color: #666;
                margin-top: 30px;
            }

            .server-sup ul li:hover {
                -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
                box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
                -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0)
            }

.pdtb80 {
    padding: 80px 0;
}

@media all and (max-width:641px) {
    .pdtb80 {
        padding: 60px 0;
    }

    .server-sup {
        height: 680px;
    }

        .server-sup ul li {
            width: 49%;
            margin-right: 0;
            margin-bottom: 5px;
        }

            .server-sup ul li:nth-child(2n) {
                float: right;
            }

    .server-down ul li {
        width: 100%;
    }
}

/*联系我们*/
.srv-ctUs {
    padding: 109px 0 92px;
    text-align: center;
    color: #fff;
    background: url(../images/srv-bg.jpg) no-repeat center center / cover fixed;
}

    .srv-ctUs .btn {
        display: block;
        width: 240px;
        height: 54px;
        line-height: 54px;
        font-size: 18px;
        color: #0086fe;
        background: #fff;
        margin: 33px auto 0;
    }

        .srv-ctUs .btn span {
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }

        .srv-ctUs .btn:hover {
            color: #fff;
            background: #0086fe;
        }

            .srv-ctUs .btn:hover span {
                transform: translateY(-5px);
                -webkit-transform: translateY(-5px);
            }


/*品质服务*/
.srv_contain {
    width: 1200px;
    height: 450px;
    margin: 0 auto;
}

.srv-top {
    text-align: center;
}

    .srv-top .t1 {
        line-height: 53px;
        font-size: 32px;
    }

    .srv-top .t2 {
        line-height: 25px;
        font-size: 16px;
        margin: 10px 0 0;
        color: #666;
    }

        .srv-top .t2 .hint {
            color: #c6361f;
        }

    .srv-top.srv-top2 .t1,
    .srv-top.srv-top2 .t2 {
        color: #fff;
    }

.srv-policy {
    padding: 52px 0 122px;
}

.sPolicy-list {
    width: 101.875%;
    margin: 26px 0 0 -1.875%;
}

    .sPolicy-list li {
        width: 33.3%;
        padding: 19px 0 0 1.85%;
        float: left;
    }

    .sPolicy-list .sPolicy-box {
        padding: 52px 6.3% 0 135px;
        height: 165px;
        border: 1px solid #e5e5e5;
        position: relative;
    }

.sPolicy-box img {
    display: block;
    position: absolute;
    left: 41px;
    top: 50px;
}

.sPolicy-box .con {
    line-height: 28px;
    font-size: 16px;
    color: #666666;
}

.sPolicy-list li:hover .sPolicy-box img {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

.sPolicy-list li:hover .sPolicy-box .con {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
}

.sPolicy-box img,
.sPolicy-box .con {
    transition: all 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
}

@media all and (max-width:640px) {
    .srv_contain {
        width: 100%;
        height: 1150px;
    }

    .srv-top .t1 {
        font-size: 24px;
        line-height: 38px;
    }

    .srv-top .t2 {
        font-size: 14px;
        line-height: 22px;
        margin: 6px 0 0;
    }

    .sPolicy-list li {
        width: 100%;
    }

    .sPolicy-list .sPolicy-box {
        padding: 40px 6.3 0 135px;
        font-size: 14px;
    }
}

@media all and (max-width:980px) {
    .srv_contain {
        width: 100%;
        height: 1150px;
    }

    .sPolicy-list li {
        width: 50%;
    }

    .sPolicy-list .sPolicy-box {
        padding: 40px 6.3 0 135px;
        font-size: 14px;
    }
}

@media all and (max-width:1280px) {
    .srv_contain {
        width: 100%;
        height: 1150px;
        padding: 0 2%;
    }

    .sPolicy-list li {
        width: 100%;
    }

    .sPolicy-list .sPolicy-box {
        padding: 40px 6.3 0 135px;
        font-size: 14px;
    }
}


/* 选型表-列表 */
.table_x {
    width: 100%;
    overflow-x: auto;
}

.product_selection {
    padding: 35px 0;
}

    .product_selection h1 {
        font-size: 16px;
        color: #666;
        border-left: 3px solid #0086fe;
        height: 20px;
        line-height: 20px;
        padding-left: 10px;
        margin-bottom: 20px;
    }

.product_selection {
    margin: 35px auto;
    height: auto;
    width: 96%;
    margin-left: 2%;
    font-size: 12px;
    line-height: 26px;
    color: #666;
    clear: both;
}

    .product_selection .prd_table tr th {
        background-color: #2386ee;
        vertical-align: middle;
        font-size: 12px;
        height: 100px;
        color: #fff;
        line-height: 20px;
    }

    .product_selection .list {
        float: left;
        height: auto;
        width: 1100px;
    }

        .product_selection .list li {
            float: left;
            height: 355px;
            width: 1100px;
            margin-top: 30px;
            background-color: #f4f4f4;
        }

            .product_selection .list li img {
                float: left;
                height: 355px;
                width: 545px;
            }

            .product_selection .list li strong {
                font-size: 20px;
                line-height: 40px;
                color: #e60012;
                float: left;
                width: 510px;
                margin-left: 25px;
                padding-top: 10px;
            }

            .product_selection .list li p {
                font-size: 12px;
                line-height: 25px;
                color: #666666;
                float: left;
                width: 510px;
                margin-left: 25px;
            }

            .product_selection .list li span {
                float: left;
                width: 510px;
                margin-left: 25px;
                margin-top: 30px;
            }

                .product_selection .list li span .lsx {
                    float: left;
                    width: 510px;
                }

.product .list li span .yiji {
    font-size: 13px;
    line-height: 30px;
    color: #FFF;
    background-color: #373737;
    float: left;
    margin-right: 5px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
}

.product_selection .list li span .yiji:hover {
    background-color: #e60012;
    color: #fff;
}

.product_selection .list li span .lsx .yijix {
    font-size: 13px;
    line-height: 30px;
    color: #FFF;
    background-color: #373737;
    float: left;
    margin-right: 5px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
    position: relative;
}

    .product_selection .list li span .lsx .yijix em {
        font-style: normal;
    }

.product_selection .list li span .lsx:hover .lsx2 {
    display: block;
}

.product_selection .list li span .lsx .lsx2 {
    position: absolute;
    top: -5px;
    right: -420px;
    width: 400px;
    border: 1px #CCC solid;
    border-radius: 3px;
    padding-bottom: 5px;
    padding-left: 5px;
    display: none;
}

.product_selection .list li span .lsx .yijix .lsx2 i {
    width: 8px;
    height: 15px;
    margin-left: -13px;
    margin-top: 10px;
    background-image: url(../images/jian_l.png);
    float: left;
}

.product_selection .list li span .lsx .yijix .lsx2 a {
    font-size: 13px;
    line-height: 30px;
    color: #000;
    background-color: #e0dfdf;
    float: left;
    margin-right: 5px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
}

    .product_selection .list li span .lsx .yijix .lsx2 a:hover {
        background-color: #e60012;
        color: #fff;
    }

.product_selection .list li span .sel {
    background-color: #e60012;
}

.product_selection .product2 {
    float: left;
    height: auto;
    width: 1100px;
    padding-bottom: 50px;
    background-color: #6d6d6d;
}

    .product_selection .product2 li {
        float: left;
        height: auto;
        width: 1040px;
        padding-right: 30px;
        padding-left: 30px;
        color: #FFF;
        display: none;
    }

        .product_selection .product2 li strong {
            float: left;
            width: 1040px;
            font-size: 20px;
            line-height: 50px;
            font-weight: normal;
            padding-top: 20px;
        }

        .product_selection .product2 li p {
            font-size: 12px;
            line-height: 25px;
            float: left;
            height: auto;
            width: 1040px;
            padding-top: 15px;
        }

        .product_selection .product2 li span {
            float: left;
            height: auto;
            width: 1040px;
            margin-top: 30px;
        }

            .product_selection .product2 li span a {
                font-size: 13px;
                line-height: 30px;
                color: #FFF;
                background-color: #e60012;
                float: left;
                margin-right: 5px;
                padding-right: 15px;
                padding-left: 15px;
            }

.prd_table tr:nth-child(2n+1) {
    background: #eee;
}

.product_selection .prd_table {
    background-color: #fff;
    width: 100%;
}

    .product_selection .prd_table tr .lie {
        width: 65px;
        text-align: center;
        position: relative;
    }

        .product_selection .prd_table tr .lie span {
            text-align: center;
            width: 100%;
            display: inline-block;
            font-weight: normal;
            font-size: 10px;
        }

    .product_selection .prd_table tr td {
        text-align: center;
        font-size: 12px;
    }

    .product_selection .prd_table tr .nm {
        color: #fff;
        font-weight: normal;
        text-align: center;
    }

        .product_selection .prd_table tr .nm a {
            color: #2386ee;
            font-weight: bold;
        }

    .product_selection .prd_table tr .gu {
        width: 130px;
        font-weight: normal;
    }

/* 产品-列表 */
.product {
    width: 100%;
    padding: 30px 0 100px;
    overflow: hidden;
}

.product-list {
    width: 100%;
}

    .product-list ul {
        margin-left: -1.5%;
    }

    .product-list li {
        width: 23%;
        float: left;
        margin-left: 1.5%;
        margin-top: 40px;
    }

.indcp-imgwd {
    width: 100%;
    display: block;
    position: relative;
    height: 410px;
    box-shadow: 0 4px 14px 4px #efefef;
    transition: all .4s ease;
}

    .indcp-imgwd:hover {
        box-shadow: 0 4px 14px 4px #cef4fe;
    }

.indcp-img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 216px;
    position: relative;
}

    .indcp-img:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        background: #0068dd;
        left: 0;
        top: 0;
        transition: all .4s ease;
        background: var(--main-color);
    }

    .indcp-img img {
        max-width: 88%;
        max-height: 88%;
        transform: scale(.96);
        transition: all .4s linear;
    }

.indcp-wd {
    width: 100%;
    padding: 10px 28px 0;
}

    .indcp-wd h1 {
        font-size: 20px;
        color: #333;
        font-weight: 500;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .indcp-wd p {
        font-size: 16px;
        color: #888;
        line-height: 26px;
        margin: 14px 0 28px;
        height: 52px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .indcp-wd a {
        display: block;
        width: 94px;
        height: 40px;
        line-height: 38px;
        border: 1px solid #0068dd;
        position: relative;
        text-align: center;
        border-radius: 2px;
        font-size: 16px;
        color: #0068dd;
        transition: all .4s ease;
        border: 1px solid var(--main-color);
        color: var(--main-color);
    }

        .indcp-wd a:after {
            content: "";
            position: absolute;
            height: 100%;
            width: 0;
            right: 0;
            background: linear-gradient(to right,#0068dd,#00aeee);
            transition: all .4s ease;
            background: linear-gradient(to right,var(--main-color),var(--main-color));
        }

        .indcp-wd a span {
            position: relative;
            z-index: 2;
        }

        .indcp-wd a:hover {
            color: #fff;
        }

            .indcp-wd a:hover:after {
                width: 100%;
                right: auto;
                left: 0;
            }

.indcp-imgwd:hover .indcp-img img {
    transform: scale(1);
}

/* 产品-详情 */
.porxqxl {
    width: 100%;
    padding: 80px 0;
    background: #eee;
    overflow: hidden;
}

.porxqxl-img, .porxqxl-wdbox {
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
    height: 458px;
}

.porxqxl-img {
    justify-content: center;
    background: #fff;
}

    .porxqxl-img img {
        max-width: 100%;
        max-height: 100%;
    }

.porxqxl-wdbox {
    padding-left: 110px;
}

.porxqxl-wd {
    width: 100%;
}

.porxqxl-wd-title, .porxqxl-wd-desc {
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 28px;
}

    .porxqxl-wd-title h1 {
        font-size: 42px;
        color: #1f1f1f;
        font-weight: 500;
        margin-bottom: 4px;
    }

    .porxqxl-wd-title p {
        font-size: 18px;
        color: #666;
        line-height: 26px;
    }

.porxqxl-wd-desc {
    padding-top: 20px;
}

    .porxqxl-wd-desc h6 {
        font-size: 20px;
        color: #0068dd;
        margin-bottom: 4px;
    }

    .porxqxl-wd-desc p {
        font-size: 15px;
        color: #666;
        line-height: 26px;
    }

.porxqxl-wd-btn {
    width: 100%;
    font-size: 0;
    margin-top: 42px;
}

    .porxqxl-wd-btn a {
        display: inline-block;
        overflow: hidden;
        position: relative;
        vertical-align: middle;
        transition: all .4s ease;
        text-align: center;
        font-size: 18px;
        color: #666;
        width: 160px;
        height: 46px;
        line-height: 44px;
        border: 1px solid #0068dd;
        border-radius: 24px;
        margin-right: 14px;
    }

        .porxqxl-wd-btn a:last-child {
            margin-right: 0;
        }

        .porxqxl-wd-btn a span {
            position: relative;
            z-index: 2;
        }

            .porxqxl-wd-btn a span:before {
                margin-right: 10px;
                content: "";
                width: 20px;
                vertical-align: middle;
                margin-top: -4px;
                height: 18px;
                background-repeat: no-repeat;
                background-position: center;
                display: inline-block;
            }

        .porxqxl-wd-btn a.porxqxl-wd-btn-apply span:before {
            background-image: url('/images/v_company_1.0/proxqic1.png');
        }

        .porxqxl-wd-btn a.porxqxl-wd-btn-select span:before {
            background-image: url('/images/v_company_1.0/proxqic2.png');
        }

        .porxqxl-wd-btn a.porxqxl-wd-btn-consult span:before {
            background-image: url('/images/v_company_1.0/proxqic3.png');
        }

        .porxqxl-wd-btn a:before {
            content: "";
            background: linear-gradient(to right,#0068dd,#00aeee);
            width: 0;
            right: 0;
            position: absolute;
            height: 100%;
            transition: all .6s ease;
        }

        .porxqxl-wd-btn a:hover:before {
            width: 100%;
            right: auto;
            left: 0;
        }

        .porxqxl-wd-btn a:hover {
            color: #fff;
        }

        .porxqxl-wd-btn a.porxqxl-wd-btn-apply:hover span:before {
            background-image: url('/images/v_company_1.0/proxqic1H.png');
        }

        .porxqxl-wd-btn a.porxqxl-wd-btn-select:hover span:before {
            background-image: url('/images/v_company_1.0/proxqic2H.png');
        }

        .porxqxl-wd-btn a.porxqxl-wd-btn-consult:hover span:before {
            background-image: url('/images/v_company_1.0/proxqic3H.png');
        }

.proxq-title {
    width: 100%;
}

    .proxq-title h4 {
        font-size: 36px;
        color: #333;
        font-weight: 500;
        text-align: center;
    }

    .proxq-title p {
        line-height: 26px;
        margin: 16px auto 0;
    }

.proxq-title-contain {
    border-right: 26px solid #fff;
    padding: 60px 40px 80px;
    font-size: 16px;
    color: #666;
    z-index: 2;
}

    .proxq-title-contain h4 {
        font-size: 36px;
        color: #2386ee;
        font-weight: 500;
        text-align: center;
        line-height: 2em;
    }

.proxq-title.ontrue h4 {
    color: #fff;
}

.proxq-title-contain p {
    font-size: 16px;
    color: #888;
    line-height: 28px;
    text-align: justify;
    text-justify: distribute;
    margin: 20px auto 0;
}

.profile-ry-ban {
    margin-top: 60px;
}

    .profile-ry-ban .swiper-container {
        display: none;
    }

        .profile-ry-ban .swiper-container.ontrue {
            display: block;
        }

.profile-ry .ban2 {
    display: none;
}

.profile-ry-page {
    margin-top: 30px;
    text-align: center;
    font-size: 0;
    margin-left: -20px;
}

    .profile-ry-page a {
        display: inline-block;
        padding: 14px 30px;
        color: #666;
        font-size: 18px;
        border: 1px solid #666;
        margin-left: 20px;
    }

        .profile-ry-page a.ontrue, .profile-ry-page a:hover {
            background: #2386ee;
            color: #fff;
            border-color: #2386ee;
            background: var(--main-color);
            border-color: var(--main-color);
        }




.porxqtx {
    width: 100%;
    padding: 74px 0;
    overflow: hidden;
}

.porxqtx-img {
    width: 100%;
    margin-top: 40px;
    text-align: center;
}

.porxqtx img {
    max-width: 100%;
    height: auto !important;
}

.porxqtz {
    width: 100%;
    padding: 74px 0;
    overflow: hidden;
    background: #eee;
}

.porxqtz-list {
    width: 100%;
    margin-top: 40px;
}

    .porxqtz-list li {
        width: 47%;
    }

        .porxqtz-list li:first-child {
            float: left;
        }

        .porxqtz-list li:last-child {
            float: right;
        }

        .porxqtz-list li p {
            font-size: 16px;
            color: #888;
            line-height: 30px;
            position: relative;
            padding-left: 28px;
        }

        .porxqtz-list li span {
            font-size: 18px;
            color: #888;
            line-height: 40px;
            position: relative;
            padding-left: 28px;
        }

            .porxqtz-list li span:before {
                content: "";
                position: absolute;
                left: 0;
                top: 8px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #5ba337;
            }

.porxqsq {
    width: 100%;
    padding: 74px 0 100px;
    overflow: hidden;
    background: #f7f7f7;
}

    .porxqsq .proxq-title p {
        text-align: center;
    }

.porxqsq-form {
    width: 100%;
    margin-top: 26px;
}

    .porxqsq-form li {
        width: 49%;
        margin-top: 2%;
        position: relative;
    }

        .porxqsq-form li:nth-child(2n+1) {
            float: left;
        }

        .porxqsq-form li:nth-child(2n) {
            float: right;
        }

        .porxqsq-form li input, .porxqsq-form li textarea {
            width: 100%;
            height: 50px;
            border: 1px solid #eee;
            padding: 0 20px;
            font-size: 16px;
            color: #666;
        }

        .porxqsq-form li.porxqsq-form-long {
            width: 100%;
        }

        .porxqsq-form li.porxqsq-form-area {
            width: 100%;
        }

            .porxqsq-form li.porxqsq-form-area textarea {
                padding: 12px 20px;
                height: 120px;
            }

.porxqsq-form-star {
    position: absolute;
    left: 6px;
    top: 50%;
    font-size: 16px;
    color: #d80a0a;
    font-style: normal;
    margin-top: -8px;
}

    .porxqsq-form-star:before {
        content: "*";
    }

.porxqsq-form li.porxqsq-form-ewmbtn {
    width: 100%;
    overflow: hidden;
}

.porxqsq-form-ewm {
    padding-right: 164px;
    position: relative;
    width: 700px;
    float: left;
}

    .porxqsq-form-ewm span {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 50px;
        border: 1px solid #eee;
        width: 154px;
        cursor: pointer;
        user-select: none;
    }

        .porxqsq-form-ewm span img {
            max-width: 100%;
            max-height: 100%;
        }

.porxqsq-form-btn {
    width: 162px;
    height: 50px;
    background: linear-gradient(to right,#0068dd,#00aeee);
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
    letter-spacing: .2em;
    cursor: pointer;
    float: right;
    transition: all .4s ease;
}

.proxq-sonmenu .sonmenu-site {
    border-bottom: none;
}

/* 案例-列表 */
.case {
    width: 100%;
    padding: 72px 0 100px;
    background: #eee;
    overflow: hidden;
}

.case-list {
    width: 100%;
}

    .case-list li {
        width: 100%;
        overflow: hidden;
        margin-top: 60px;
    }

        .case-list li:first-child {
            margin-top: 0;
        }

.case-img, .case-wdbox {
    width: 50%;
    height: 438px;
    position: relative;
    overflow: hidden;
    display: block;
}

.case-list li:nth-child(2n+1) .case-img {
    float: right;
}

.case-list li:nth-child(2n+1) .case-wdbox {
    float: left;
}

.case-list li:nth-child(2n) .case-img {
    float: left;
}

.case-list li:nth-child(2n) .case-wdbox {
    float: right;
}

.case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s linear;
}

.case-img:hover img {
    transform: scale(1.06);
}

.case-wdbox {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 60px;
}

.case-wd {
    width: 100%;
}

.case-wd-title {
    width: 100%;
}

    .case-wd-title h1 {
        font-size: 30px;
        color: #333;
        font-weight: 500;
    }

    .case-wd-title p {
        font-size: 16px;
        color: #888;
        margin: 16px 0 20px;
    }

    .case-wd-title i {
        display: block;
        width: 40px;
        height: 3px;
        background: linear-gradient(to right,#0068dd,#00aeee);
        background: linear-gradient(to right,var(--main-color),var(--main-color));
    }

.case-wd-desc {
    width: 100%;
    margin-top: 24px;
}

    .case-wd-desc p {
        font-size: 16px;
        color: #888;
        line-height: 28px;
    }

    .case-wd-desc a {
        display: block;
        position: relative;
        width: 140px;
        margin-top: 42px;
        height: 48px;
        line-height: 44px;
        overflow: hidden;
        border-radius: 24px;
        border: 2px solid #e5e5e5;
        text-align: center;
        font-size: 16px;
        color: #888;
        transition: all .4s ease;
    }

        .case-wd-desc a span {
            position: relative;
            z-index: 2;
        }

        .case-wd-desc a:before {
            content: "";
            position: absolute;
            width: 0;
            height: 100%;
            right: 0;
            background: linear-gradient(to right,#0068dd,#00aeee);
            top: 0;
            transition: all .6s ease;
            background: linear-gradient(to right,var(--main-color),var(--main-color));
        }

        .case-wd-desc a:hover {
            color: #fff;
            border-color: #0068dd;
            border-color: var(--main-color);
        }

            .case-wd-desc a:hover:before {
                right: auto;
                left: 0;
                width: 100%;
            }

/* 案例详情 */
.casexq-sonban.sonban .sonmenu {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: transparent;
}

.casexq-sonban.sonban .sonban-wd {
    position: static;
    top: 0;
    transform: none;
    padding: 0;
    overflow: hidden;
}

    .casexq-sonban.sonban .sonban-wd h2 {
        float: left;
        opacity: 1;
        animation: none;
    }

.casexq-sonban.sonban .sonmenu-site {
    width: 100%;
    border-bottom: none;
    border-top: 1px solid rgba(255,255,255,.1);
    margin-top: 30px;
}

.casexq-sonban.sonban .videoPlay {
    margin-top: 12px;
    display: block;
    float: right;
    width: 180px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 26px;
    background: linear-gradient(to right,#0068dd,#00aeee);
    font-size: 18px;
    color: #fff;
}

    .casexq-sonban.sonban .videoPlay span:before {
        content: "";
        display: inline-block;
        transition: all .4s ease;
        width: 30px;
        height: 30px;
        background: url('/images/v_company_1.0/casexqic1.png') no-repeat center /100% auto;
        vertical-align: middle;
        margin: -4px 8px 0 0;
    }

    .casexq-sonban.sonban .videoPlay:hover span:before {
        transform: rotate(90deg);
    }

.casexq {
    width: 100%;
    padding: 50px 0 100px;
    background: #eee;
    overflow: hidden;
}

.casexq-contlist {
    width: 100%;
    background: #fff;
    position: relative;
}

.casexq-contlist-line {
    position: absolute;
    top: 0%;
    right: 35.5%;
    width: 2%;
    height: 100%;
    background: #eee;
    z-index: 9;
}

.casexq-cont {
    width: 64.5%;
    float: left;
    border-right: 26px solid #fff;
    padding: 60px 40px 80px;
    font-size: 16px;
    color: #666;
    z-index: 2;
}

.casexq-list {
    width: 35.5%;
    float: right;
    z-index: 2;
}

.casexq-cont h4 {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
}

.casexq-cont p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

.casexq-cont label {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #666;
    line-height: 28px;
    padding-left: 16px;
    position: relative;
}

    .casexq-cont label:before {
        content: "";
        width: 6px;
        height: 6px;
        left: 0;
        top: 11px;
        background: #5ba337;
        border-radius: 50%;
        position: absolute;
    }

.casexq-cont img {
    max-width: 100%;
    height: auto !important;
    margin: 20px 0;
}

.casexq-list-title {
    width: 100%;
    padding: 40px 0;
    text-align: center;
    background: #74787c;
    font-size: 32px;
    color: #fff;
    font-weight: 500;
}

.casexq-list-item {
    width: 100%;
    padding: 0 44px;
}

    .casexq-list-item a {
        display: block;
        width: 100%;
        margin-top: 44px;
    }

        .casexq-list-item a:last-child {
            padding-bottom: 44px;
        }

.casexq-list-img {
    width: 100%;
    overflow: hidden;
}

    .casexq-list-img img {
        width: 100%;
        object-fit: cover;
        transition: all .4s linear;
    }

.casexq-list-wd {
    width: 100%;
    padding-top: 20px;
}

    .casexq-list-wd h1 {
        font-size: 22px;
        color: #333;
        font-weight: 500;
        transition: all .4s ease;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .casexq-list-wd p {
        font-size: 16px;
        color: #666;
        line-height: 28px;
        margin-top: 10px;
        height: 56px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

.casexq-list-item a:hover .casexq-list-img img {
    transform: scale(1.06);
}

.casexq-list-item a:hover .casexq-list-wd h1 {
    color: #2386ee;
    color: var(--main-color);
}

.casexqwd {
    width: 100%;
    margin-top: 80px;
}

.casexqwd-title {
    width: 100%;
}

    .casexqwd-title h4 {
        font-size: 36px;
        color: #444;
        font-weight: 500;
    }

.casexqwd-list {
    width: 100%;
    margin-top: 48px;
}

.casexqwd-link {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    background: #fff;
    padding: 0 88px;
    display: block;
}

    .casexqwd-link:before, .casexqwd-link:after {
        content: "";
        position: absolute;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 88px;
    }

    .casexqwd-link:before {
        left: 0;
        background-image: url('/images/v_company_1.0/casexqic2.png');
    }

    .casexqwd-link:after {
        right: 0;
        background-image: url('/images/v_company_1.0/casexqic3.png');
    }

    .casexqwd-link:first-child {
        margin-top: 0;
    }

    .casexqwd-link li {
        float: left;
        font-size: 16px;
        color: #666;
        line-height: 90px;
        width: 20%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 12px;
    }

        .casexqwd-link li:first-child {
            font-size: 18px;
            color: #333;
            width: 40%;
            transition: all .4s ease;
        }

    .casexqwd-link:hover li:first-child {
        color: #5ba337;
    }
/* 验证弹窗 */
.casexq-pop {
    display: none;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
}

.casexq-pop-content {
    position: absolute;
    width: 520px;
    left: 50%;
    margin-left: -260px;
    border-radius: 10px;
    background: #fff;
    padding: 32px 34px;
    top: 50%;
    transform: translateY(-50%);
}

.casexq-pop-close {
    width: 28px;
    height: 28px;
    position: absolute;
    right: -28px;
    top: -28px;
    z-index: 3;
    background: url('/images/v_company_1.0/close.png') no-repeat center;
    cursor: pointer;
    opacity: .7;
    transition: all .6s ease;
}

.casexq-pop-item {
    width: 100%;
}

    .casexq-pop-item h6 {
        font-size: 26px;
        color: #333;
        font-weight: 500;
        text-align: center;
    }

    .casexq-pop-item ul {
        display: block;
        width: 100%;
        margin-top: 32px;
    }

    .casexq-pop-item li {
        width: 100%;
        position: relative;
        margin-top: 20px;
    }

        .casexq-pop-item li p {
            font-size: 16px;
            line-height: 28px;
            color: #666;
        }

        .casexq-pop-item li:first-child {
            margin-top: 0;
        }

    .casexq-pop-item input, .casexq-pop-item textarea {
        display: block;
        width: 100%;
        position: relative;
        border: none;
        height: 45px;
        border-radius: 3px;
        background: #f7f7f7;
        font-size: 16px;
        color: #888;
        padding: 0 20px;
    }

    .casexq-pop-item textarea {
        height: 70px;
        padding: 12px 20px;
    }

    .casexq-pop-item button {
        width: 100%;
        background: linear-gradient(to right,#5ba337,#a2be24);
        height: 45px;
        font-size: 18px;
        color: #fff;
        border-radius: 23px;
        cursor: pointer;
    }

.casexq-pop-close:hover {
    opacity: 4;
}

#casexq-pop2 .casexq-pop-item > a {
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    margin-top: 14px;
    color: #5ba337;
    word-wrap: break-word;
}

/* ---- */

/* 公司简介 */
.profile {
    width: 100%;
    padding: 80px 0 120px;
}

.profile-wd {
    max-width: 1160px;
    margin: 44px auto 0;
}

    .profile-wd p {
        font-size: 16px;
        color: #666;
        line-height: 28px;
    }

.profile-ban {
    width: 100%;
}

.profile-ban-box {
    width: 50%;
    float: left;
    height: 640px;
}

    .profile-ban-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .profile-ban-box h1 {
        font-size: 36px;
        color: #1f1f1f;
    }

.profile-ban .profile-ban-box:last-child {
    padding: 124px 236px 130px 86px;
    background: #eeeeee;
}

.profile-ban-wdbox {
    width: 100%;
    height: 220px;
    overflow: hidden;
    margin-top: 46px;
}

.profile-ban-wd p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
}

.profile-ban-btn {
    margin-top: 50px;
}

    .profile-ban-btn a {
        width: 34px;
        height: 34px;
        border: 1px solid #2386ee;
        display: block;
        float: left;
        margin-left: 10px;
        background: url("/images/v_company_1.0/profile-2.png") no-repeat center;
        transition: all .4s ease;
    }

        .profile-ban-btn a:first-child {
            margin-left: unset;
        }

        .profile-ban-btn a:last-child {
            transform: rotate(180deg);
        }

        .profile-ban-btn a:hover {
            background-image: url("/images/v_company_1.0/profile-3.png");
            background-color: #2386ee;
        }

.profile-wh {
    width: 100%;
    padding: 100px 0;
    background: url("/images/v_company_1.0/profile-4.png") no-repeat center;
}

.profile-wh-list {
    width: 100%;
    margin-top: 52px;
}

    .profile-wh-list ul {
        margin: -2% 0 0 -1%;
    }

    .profile-wh-list li {
        width: 19%;
        margin: 2% 0 0 1%;
        float: left;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
        padding-top: 44px;
        text-align: center;
        background: #fff;
        height: 350px;
        transition: all .4s ease;
    }

        .profile-wh-list li:hover {
            transform: translateY(-10px);
        }

.profile-wh-listwd {
    margin-top: 38px;
}

    .profile-wh-listwd h5 {
        font-size: 22px;
        color: #333;
        margin-bottom: 36px;
    }

    .profile-wh-listwd p {
        font-size: 16px;
        line-height: 26px;
        color: #888;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.profile-lc {
    width: 100%;
    padding: 110px 0;
    height: 700px;
    background: url("/images/v_company_1.0/profile-10.png") no-repeat center;
    position: relative;
}

.profile-lc-ban1 {
    margin-top: 72px;
}

    .profile-lc-ban1 a {
        color: #fff;
        font-size: 32px;
        display: inline-block;
    }

.profile-lc-ban2 {
    position: relative;
    margin-top: 90px;
}

    .profile-lc-ban2 .swiper-container {
        width: 1100px;
        height: 226px;
        background: url("/images/v_company_1.0/profile-12.png") no-repeat center;
    }

    .profile-lc-ban2 .swiper-button-next, .profile-lc-ban2 .swiper-button-prev {
        background: url("/images/v_company_1.0/profile-11.png") no-repeat center;
        opacity: 1;
    }

    .profile-lc-ban2 .swiper-button-prev {
        transform: rotate(180deg);
        left: 54px;
    }

    .profile-lc-ban2 .swiper-button-next {
        right: 54px;
    }

    .profile-lc-ban2 .swiper-slide {
        display: flex;
        align-items: center;
    }

.profile-lc-ban2wd {
    padding-left: 230px;
    width: 100%;
}

    .profile-lc-ban2wd p {
        font-size: 18px;
        line-height: 34px;
        color: #333;
        padding-left: 20px;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .profile-lc-ban2wd p:before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #0068dd;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

.profile-lc-ban1img {
    position: absolute;
    top: 290px;
    left: 0;
}

    .profile-lc-ban1img img {
        width: 100%;
        object-fit: cover;
    }

.profile-ry {
    width: 100%;
    padding: 76px 0 98px;
}

.profile-ry-btn {
    position: relative;
    width: 96%;
    margin: 0 auto;
}

.profile-ry-banimg {
    width: 100%;
    border: 1px solid #e8e8e8;
    position: relative;
    border-left: none;
}

.profile-ry-ban .swiper-container {
    padding: 0 1px;
}

.profile-ry-ban .swiper-slide:first-child .profile-ry-banimg {
    border-left: 1px solid #e8e8e8;
}

.profile-ry-banimg:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
}

.profile-ry-banimg:hover {
    background: #f9fbfc;
}

    .profile-ry-banimg:hover:after {
        background: #0068dd;
    }

.profile-ry-imgbox {
    height: 360px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .profile-ry-imgbox img {
        max-width: 88%;
        max-height: 88%;
        object-fit: cover;
    }

.profile-ry-banimg p {
    font-size: 18px;
    color: #666;
    height: 80px;
    text-align: center;
    padding: 0 20px;
}

.profile-ry .swiper-button-prev, .profile-ry .swiper-button-next {
    width: 50px;
    height: 50px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-family: \5B8B\4F53;
    font-size: 18px;
    font-weight: bold;
    background: no-repeat;
    opacity: 1;
}

.profile-ry .swiper-button-prev {
    left: 3%;
}

.profile-ry .swiper-button-next {
    right: 3%;
}
/* 关于我们-手机端自适应 */
.overview {
    margin: 0 auto;
    max-width: 1440px;
}

    .overview img {
        width: 100% !important;
    }


/* 联系我们 */
.about-list {
    padding: 100px 0 118px;
    width: 100%;
}

    .about-list ul {
        margin: -2% 0 0 -2%;
    }

    .about-list li {
        width: 31.333%;
        margin: 2% 0 0 2%;
        float: left;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    }

        .about-list li:nth-child(1) {
            background: url("/images/v_company_1.0/about-4.png") no-repeat left top;
        }

        .about-list li:nth-child(2) {
            background: url("/images/v_company_1.0/about-5.png") no-repeat right top;
        }

        .about-list li:nth-child(3) {
            background: url("/images/v_company_1.0/about-6.png") no-repeat right bottom;
        }

.about-list-img {
    width: 100%;
    height: 120px;
    text-align: center;
    padding-top: 36px;
}

.about-list-wd {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

    .about-list-wd h5 {
        color: #1f1f1f;
        font-size: 22px;
    }

    .about-list-wd p {
        font-size: 16px;
        line-height: 24px;
        color: #666;
        max-width: 90%;
        margin: 10px auto 0;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 50px;
    }

.about-map {
    width: 100%;
    height: 824px;
    background: #eeeeee url("/images/v_company_1.0/about-7.png") no-repeat center;
    padding-top: 84px;
}

.about-map-bg {
    width: 780px;
    height: 640px;
    background: url("/images/v_company_1.0/about-8.png") no-repeat center;
    margin-left: 12%;
}

.about-map-box {
    width: 100%;
    position: relative;
    height: 100%;
}

    .about-map-box .map-pos {
        position: absolute;
    }

        .about-map-box .map-pos.ontrue .point {
            color: #5ba337;
        }

    .about-map-box .map-beijing {
        top: 235px;
        left: 588px;
    }

    .about-map-box .map-jinan {
        top: 290px;
        left: 616px;
    }

    .about-map-box .map-nanjing {
        top: 320px;
        left: 630px;
    }

    .about-map-box .map-changzhou {
        top: 342px;
        left: 634px;
    }

    .about-map-box .map-shanghai {
        top: 386px;
        left: 660px;
    }

    .about-map-box .map-hangzhou {
        top: 414px;
        left: 652px;
    }

    .about-map-box .map-xiamen {
        top: 476px;
        left: 626px;
    }

    .about-map-box .map-xianggang {
        top: 534px;
        left: 576px;
    }

    .about-map-box .map-shenzhen {
        top: 516px;
        left: 570px;
    }

    .about-map-box .map-zhongshan {
        top: 524px;
        left: 544px;
    }

    .about-map-box .map-chongqin {
        top: 408px;
        left: 474px;
    }

    .about-map-box .map-suzhou {
        top: 380px;
        left: 648px;
    }

    .about-map-box .map-foshan {
        top: 506px;
        left: 560px;
    }

    .about-map-box .map-changsha {
        top: 440px;
        left: 546px;
    }




    .about-map-box .point {
        display: block;
        height: 0px;
        line-height: 7px;
        font-size: 12px;
        color: #888;
        position: relative;
        z-index: 2;
        font-size: 18px;
        color: #333;
    }

        .about-map-box .point:before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background: #5aa237;
            position: absolute;
            left: -15px;
            top: -1px;
        }

    .about-map-box .orn {
        width: 60px;
        height: 60px;
        position: absolute;
        top: -27px;
        left: -41px;
    }

        .about-map-box .orn:after {
            content: "";
            display: block;
            border-radius: 50%;
            opacity: 0;
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            background: rgba(90,162,55,0.2);
        }

        .about-map-box .orn.orn1:after {
            animation: ripple 4.5s ease-out 0s infinite;
            -webkit-animation: ripple 4.5s ease-out 0s infinite;
        }

        .about-map-box .orn.orn2:after {
            animation: ripple 4.5s ease-out 0.675s infinite;
            -webkit-animation: ripple 4.5s ease-out 0.675s infinite;
        }

        .about-map-box .orn.orn3:after {
            animation: ripple 4.5s ease-out 1.575s infinite;
            -webkit-animation: ripple 4.5s ease-out 1.575s infinite;
        }

@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.about-map-bg, .about-map-wd {
    float: left;
}

.about-map-wd {
    width: 33%;
    padding: 40px 70px 36px 80px;
    color: #fff;
    background: url("/images/v_company_1.0/about-12.png") no-repeat;
    margin-top: 200px;
    background-size: cover;
}

    .about-map-wd h5 {
        font-size: 24px;
    }

    .about-map-wd p {
        font-size: 16px;
        line-height: 24px;
        padding-left: 26px;
        position: relative;
        margin-top: 10px;
    }

        .about-map-wd p:before {
            position: absolute;
            left: 0;
            top: 2px;
            content: "";
            width: 18px;
            height: 18px;
            display: none;
        }

        .about-map-wd p.ontrue:before {
            display: block;
        }

        .about-map-wd p:nth-child(2), .about-map-wd p:nth-child(3) {
            margin-top: 20px;
        }

            .about-map-wd p:nth-child(2):before {
                background: url("/images/v_company_1.0/about-9.png") no-repeat;
            }

            .about-map-wd p:nth-child(3):before {
                background: url("/images/v_company_1.0/about-10.png") no-repeat;
            }

        .about-map-wd p:nth-child(4):before {
            background: url("/images/v_company_1.0/about-11.png") no-repeat;
        }

.about-map-yd, .about-map-btn {
    display: none;
}

    .about-map-yd img {
        width: 100%;
        object-fit: cover;
    }

    .about-map-btn a {
        display: inline-block;
        line-height: 40px;
        font-size: 16px;
        border: 1px solid #5aa237;
        padding: 0 20px;
    }

.about-map-tk {
    width: 90%;
    height: 320px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 16px;
    z-index: 999;
    display: none;
}

    .about-map-tk h1 {
        font-size: 20px;
        color: #5aa237;
        padding-bottom: 10px;
        position: relative;
        border-bottom: 1px solid #5aa237;
        margin-bottom: 16px;
    }

    .about-map-tk a {
        display: inline-block;
        padding: 4px 10px;
        margin: 8px 2px;
        border: 1px solid #5aa237;
    }

.map-tkerji {
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, #5aa237, #aac724);
    color: #fff;
    padding: 60px 26px 0;
    display: none;
}

    .map-tkerji h5 {
        font-size: 24px;
    }

    .map-tkerji p {
        font-size: 16px;
        line-height: 24px;
        padding-left: 26px;
        position: relative;
        margin-top: 10px;
    }

        .map-tkerji p:before {
            position: absolute;
            left: 0;
            top: 2px;
            content: "";
            width: 18px;
            height: 18px;
        }

        .map-tkerji p:nth-child(2), .map-tkerji p:nth-child(3) {
            margin-top: 20px;
        }

            .map-tkerji p:nth-child(2):before {
                background: url("/images/v_company_1.0/about-9.png") no-repeat;
            }

            .map-tkerji p:nth-child(3):before {
                background: url("/images/v_company_1.0/about-10.png") no-repeat;
            }

        .map-tkerji p:nth-child(4):before {
            background: url("/images/v_company_1.0/about-11.png") no-repeat;
        }

.about-map-tk span {
    color: #fff;
    text-align: center;
    font-size: 22px;
    position: absolute;
    top: 6px;
    right: 14px;
    z-index: 1001;
}

    .about-map-tk span.ontrue {
        color: #ccc;
        top: 14px;
    }

.bm {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .2);
    z-index: 998;
    left: 0;
    top: 0;
    display: none;
}

.about-message {
    width: 100%;
    padding: 80px 0 96px;
}

    .about-message .proxq-title p {
        text-align: center;
    }

.about-form {
    margin: 70px 0 0 -2%;
}

    .about-form input {
        margin: 2% 0 0 2%;
        border: 1px solid #eeeeee;
        width: 48%;
        padding-left: 22px;
        float: left;
        line-height: 50px;
        background: url("/images/v_company_1.0/about-14.png") no-repeat left 10px center;
    }

        .about-form input::-moz-placeholder {
            color: #666;
            opacity: 1;
        }

        .about-form input:-ms-input-placeholder {
            color: #666;
        }

        .about-form input::-webkit-input-placeholder {
            color: #666;
        }

        .about-form input:nth-child(7) {
            background: none;
        }

        .about-form input:nth-child(1), .about-form input:nth-child(2) {
            margin-top: unset;
        }

    .about-form textarea {
        margin: 2% 0 0 2%;
        width: 98%;
        height: 178px;
        border: 1px solid #eeeeee;
        padding: 16px 0 0 20px;
    }

.about-form-lab {
    display: block;
    margin-top: 2%;
}

    .about-form-lab input {
        width: 37%;
    }

    .about-form-lab img {
        margin-left: 10px;
    }

    .about-form-lab a {
        width: 160px;
        line-height: 50px;
        display: block;
        float: right;
        background: linear-gradient(to right, #5aa237, #aac724);
        color: #fff;
        text-align: center;
        font-size: 16px;
        border-radius: 30px;
    }


/* 产品选型--列表 */
.brand {
    width: 100%;
    padding: 70px 0 90px;
}

.brand-list {
    padding-top: 98px;
}

.brand .contain .brand-list:first-child {
    padding-top: unset;
}

.brand-list h5 {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    position: relative;
    padding-left: 30px;
    margin-bottom: 36px;
}

    .brand-list h5:before {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 3px solid #0068dd;
        position: absolute;
        left: 0;
        top: 8px;
        content: "";
    }

.brand-list ul {
    width: 100%;
    margin: -2% 0 0 -2%;
}

.brand-list li {
    width: 23%;
    margin: 2% 0 0 2%;
    float: left;
    border: 1px solid #e1e1e1;
    background: #fff;
}

    .brand-list li a {
        width: 100%;
        display: block;
    }

    .brand-list li:hover {
        border-color: #2386ee;
    }

        .brand-list li:hover .brand-list-img:after {
            width: 100%;
        }

.brand-list-img {
    width: 80%;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    margin: 0 auto;
    position: relative;
}

    .brand-list-img:after {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        background: linear-gradient(to right,#0068dd,#00aeee);
        bottom: -1px;
        left: 0;
        right: 0;
        transition: all .6s ease;
        margin: 0 auto;
    }

    .brand-list-img img {
        max-width: 88%;
        max-height: 88%;
        object-fit: cover;
    }

.brand-list-wd {
    width: 100%;
    line-height: 66px;
    font-size: 20px;
    color: #333;
    text-align: center;
}

/* 选型介绍--详情 */
.brand-xq {
    width: 100%;
    padding: 70px 0 100px;
}

.brand-xq-img, .brand-xq-wd {
    float: left;
}

.brand-xq-img {
    width: 28%;
}

.brand-xq-wd {
    width: 72%;
    padding: 0 5% 0 3%;
}

    .brand-xq-wd p {
        font-size: 16px;
        line-height: 28px;
        color: #888;
    }

.brand-xq-btn a {
    background: url("/images/v_company_1.0/brand-18.png") no-repeat center;
    width: 160px;
    line-height: 46px;
    display: block;
    border-radius: 30px;
    color: #fff;
    padding-left: 58px;
    font-size: 18px;
}


/* 新闻中心-列表 */
.news-lb-list {
    width: 100%;
    padding: 70px 0 100px;
}

    .news-lb-list ul {
    }

    .news-lb-list li {
        width: 100%;
        border-bottom: 1px solid #eeeeee;
    }

        .news-lb-list li a {
            padding: 40px 50px 40px 30px;
            width: 100%;
            display: block;
        }

        .news-lb-list li:first-child a {
            padding-top: 0;
        }

.news-data, .news-img, .news-wd {
    float: left;
}

.news-data {
    width: 94px;
    text-align: center;
    color: #ababab;
}

    .news-data h5 {
        font-size: 46px;
        line-height: 76px;
        border-bottom: 1px solid #e3e3e3;
    }

    .news-data p {
        font-size: 16px;
        margin-top: 18px;
    }

.news-img {
    width: 22.8%;
    padding-left: 36px;
    height: 170px;
    overflow: hidden;
}

    .news-img img {
        height: 100%;
        object-fit: cover;
        max-width: 100%;
        transition: all .4s ease;
    }

.news-wd {
    width: 70.1%;
    padding-left: 42px;
}

    .news-wd h5 {
        font-size: 20px;
        color: #333;
        line-height: 28px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: 500;
    }

    .news-wd p {
        font-size: 16px;
        color: #888;
        line-height: 28px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 50px;
        margin: 14px 0 24px;
    }

    .news-wd span {
        width: 154px;
        line-height: 46px;
        display: block;
        border-radius: 30px;
        color: #666;
        font-size: 16px;
        border: 1px solid #e8e8e8;
        text-align: center;
        padding-right: 24px;
        position: relative;
    }

        .news-wd span:before {
            position: absolute;
            right: 30px;
            top: 19px;
            content: "";
            background: url("/images/v_company_1.0/news-3.png") no-repeat center;
            width: 14px;
            height: 9px;
        }

body.winter .news-lb-list li a:hover .news-wd span {
    color: #fff;
    border: none;
    background: linear-gradient(to right, #0068dd, #00aeee);
    background: linear-gradient(to right, var(--main-color), var(--main-color));
}

    body.winter .news-lb-list li a:hover .news-wd span:before {
        background-image: url("/images/v_company_1.0/news-4.png");
    }

body.winter .news-lb-list li a:hover .news-img img {
    transform: scale(1.04);
}


/* 新闻中心---详情 */
.news-xq {
    width: 100%;
    padding: 70px 0 100px;
}

.news-xq-main, .news-xq-secondary {
    float: left;
}

.news-xq-main {
    width: 67%;
}

    .news-xq-main h1 {
        font-size: 36px;
        color: #333;
        font-weight: 500;
    }

    .news-xq-main > p {
        font-size: 18px;
        line-height: 18px;
        color: #666;
        padding-left: 28px;
        margin: 36px 0;
        background: url("/images/v_company_1.0/news-11.png") no-repeat left 0 center;
    }

.news-xq-mainwd {
    width: 100%;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 30px 0;
}

    .news-xq-mainwd p {
        font-size: 16px;
        line-height: 28px;
        color: #666;
    }

        .news-xq-mainwd p img {
            max-width: 100%;
            height: auto !important;
            object-fit: cover;
        }

    .news-xq-mainwd h5 {
        font-size: 18px;
        line-height: 28px;
        color: #333;
        font-weight: 500;
    }

.news-xq-btn {
    padding: 50px 0 0;
    position: relative;
}

    .news-xq-btn a {
        display: block;
        font-size: 16px;
        line-height: 40px;
        color: #666;
        max-width: 80%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        transition: all .4s ease;
    }

        .news-xq-btn a:hover {
            color: #2386ee;
        }

        .news-xq-btn a:last-child:hover {
            color: #fff;
        }

        .news-xq-btn a:last-child {
            width: 160px;
            position: absolute;
            background: linear-gradient(to right, #0068dd, #00aeee);
            line-height: 46px;
            border-radius: 30px;
            color: #fff;
            padding-left: 30px;
            right: 0;
            top: 66px;
            text-align: center;
            font-size: 18px;
            background: linear-gradient(to right, var(--main-color), var(--main-color));
        }

            .news-xq-btn a:last-child:before {
                width: 23px;
                
                height: 15px;
                content: "";
                position: absolute;
                background: url("/images/v_company_1.0/news-12.png") no-repeat;
                left: 26px;
                top: 14px;
            }

.news-xq-secondary {
    width: 33%;
    padding-left: 122px;
}

    .news-xq-secondary h1 {
        font-size: 24px;
        color: #333;
        padding-left: 14px;
        border-left: 5px solid #0068dd;
        border-left: 5px solid var(--main-color);
    }

.news-secondary-list {
    padding: 20px 0 28px;
}

    .news-secondary-list a {
        width: 100%;
        padding: 20px 0;
        display: block;
        border-top: 1px solid #f2f2f2;
    }

        .news-secondary-list a:hover p, .news-secondary-list a:hover span {
            color: #2386ee;
        }

        .news-secondary-list a:last-child {
            border-bottom: 1px solid #f2f2f2;
        }

        .news-secondary-list a p {
            font-size: 18px;
            line-height: 24px;
            color: #666;
            margin-bottom: 10px;
            height: 48px;
            overflow: hidden;
            display: -webkit-box;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            transition: all .4s ease;
        }

        .news-secondary-list a span {
            font-size: 16px;
            line-height: 18px;
            color: #888;
            transition: all .4s ease;
        }

.news-label {
    padding: 26px 0 0;
}

    .news-label a {
        display: inline-block;
        padding: 4px 6px;
        border: 1px solid #dbdbdb;
        color: #888;
        font-size: 16px;
        margin: 4px 1px;
        min-width: 76px;
        border-radius: 30px;
        text-align: center;
        transition: all .4s ease;
    }

        .news-label a:hover {
            color: #fff;
            background: linear-gradient(to right, #0068dd, #00aeee);
            border: 1px solid #2386ee;
            background: linear-gradient(to right, var(--main-color), var(--main-color));
        }


/* 下载中心 */
.recruit-rc {
    width: 100%;
    padding: 74px 0;
}

.recruit-rc-list {
    margin-top: 10px;
    width: 100%;
}

    .recruit-rc-list ul {
        margin: -1% 0 0 -1%;
    }

    .recruit-rc-list li {
        width: 60%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

        .recruit-rc-list li img {
            width: 100%;
            object-fit: cover;
            height: 380px;
            transition: all .4s ease;
        }

        .recruit-rc-list li:hover img {
            transform: scale(1.04);
        }

.recruit-rc-wd {
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(17,58,144,.5);
    top: 0;
    left: 0;
    text-align: center;
}

    .recruit-rc-wd p {
        font-size: 24px;
        color: #fff;
        line-height: 30px;
        text-align: center;
        position: absolute;
        top: 40%;
        width: 100%;
    }

        .recruit-rc-wd p:before {
            position: absolute;
            bottom: -20px;
            left: 50%;
            content: "";
            background: linear-gradient(to right, #5aa237, #aac724);
            width: 50px;
            height: 3px;
            transform: translateX(-50%);
        }

/* 下载索引 */
.srvDload-filter {
    width: 101.875%;
    margin: 0 0 0 -1.875%;
}

    .srvDload-filter li {
        width: 33.33334%;
        padding: 0 0 0 1.840490797546012%;
        float: left;
    }

.sDlFilter-box {
    padding: 19px 5.46875%;
    border: 1px solid #d9d9d9;
}

    .sDlFilter-box .type {
        line-height: 30px;
        text-align: center;
        font-size: 16px;
        color: #666666;
    }

    .sDlFilter-box .btn {
        width: 40px;
        height: 40px;
        background: #0086fe url(/images/v_company_1.0/search.png) no-repeat center center;
        position: absolute;
        right: 0px;
        top: 0px;
    }

.sDlFilter-sel,
.sDlFilter-text {
    padding: 0 40px 0 0;
    position: relative;
    margin: 20px 0 0;
}

    .sDlFilter-sel select {
        width: 48%;
        height: 40px;
        color: #b2b2b2;
        border: 1px solid #d9d9d9;
        margin: 0 2% 0 0;
        float: left;
    }

    .sDlFilter-text .text,
    .sDlFilter-text select {
        width: 100%;
        padding: 0 0 0 14px;
        height: 40px;
        border: 1px solid #d9d9d9;
        border-right: 0px;
    }

        .sDlFilter-text .text::-webkit-input-placeholder,
        .sDlFilter-text select {
            color: #b2b2b2;
        }


.recruit-zp {
    width: 100%;
    padding: 80px 0;
    background: #eeeeee;
}

.recruit-zp-list {
    margin-top: 52px;
}

    .recruit-zp-list ul {
        margin-top: -1.5%;
    }

    .recruit-zp-list li {
        width: 100%;
        background: #fff;
        margin-top: 1.5%;
    }

        .recruit-zp-list li:first-child, .recruit-zp-list li.ontrue {
            background: linear-gradient(to right, #0068dd, #00aeee);
        }

            .recruit-zp-list li:first-child > p, .recruit-zp-list li.ontrue > p {
                color: #fff !important;
                font-weight: normal !important;
            }

                .recruit-zp-list li.ontrue > p span {
                    color: #5aa237;
                    background: #fff;
                }

        .recruit-zp-list li > p {
            float: left;
            width: 10%;
            line-height: 80px;
            text-align: center;
            font-size: 16px;
            color: #666;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .recruit-zp-list li > p:first-child {
                width: 25%;
                color: #333;
                font-size: 18px;
                text-align: left;
                padding-left: 80px;
                font-weight: 500;
            }

            .recruit-zp-list li > p span {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                background: #2386ee;
                text-align: center;
                line-height: 36px;
                display: block;
                margin: 22px auto 0;
                color: #fff;
                font-size: 22px;
                font-weight: bold;
                font-family: \5B8B\4F53;
                cursor: pointer;
            }

.recruit-zp-list-erji {
    width: 100%;
    padding: 60px 80px;
    float: left;
    background: #fff;
    display: none;
}

    .recruit-zp-list-erji h5 {
        font-size: 18px;
        line-height: 32px;
        color: #333;
        font-weight: 500;
    }

    .recruit-zp-list-erji p {
        font-size: 16px;
        line-height: 32px;
        color: #666;
    }

        .recruit-zp-list-erji p a {
            color: #5aa237;
            display: inline-block;
            position: relative;
        }

            .recruit-zp-list-erji p a:before {
                position: absolute;
                content: "";
                left: 0;
                bottom: 0;
                background: #5aa237;
                width: 100%;
                height: 1px;
            }

    .recruit-zp-list-erji > a {
        width: 160px;
        line-height: 46px;
        color: #fff;
        background: linear-gradient(to right, #5aa237, #aac724);
        text-align: center;
        font-size: 18px;
        display: block;
        border-radius: 30px;
        margin-top: 40px;
    }

.recruit-fl {
    width: 100%;
    padding: 80px 0 90px;
    background: url("/images/v_company_1.0/zxns-1.png") no-repeat center;
}

.recruit-fl-list {
    width: 100%;
    margin-top: 70px;
    padding: 0 60px;
}

    .recruit-fl-list li {
        width: 16.6666%;
        float: left;
        text-align: center;
        cursor: pointer;
    }

        .recruit-fl-list li p {
            color: #333;
            font-size: 18px;
            margin-top: 22px;
        }

.recruit-fl-list-img {
    width: 90px;
    height: 90px;
    background: linear-gradient(to top, #5aa237, #aac724);
    margin: 0 auto;
    border-radius: 10px;
    line-height: 90px;
}

.recruit-fl-ban-box {
    display: none;
}

    .recruit-fl-ban-box.ontrue {
        display: block;
    }

.recruit-fl-ban {
    width: 100%;
    padding-top: 80px;
}

    .recruit-fl-ban .swiper-slide {
        width: 720px;
    }

.recruit-fl-banimg img {
    width: 100%;
    object-fit: cover;
}

.recruit-fl-banwd {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to left, rgba(21,74,146,.9), rgba(96,163,55,.9));
    display: none;
}

    .recruit-fl-banwd p {
        width: 90%;
        line-height: 58px;
        color: #fff;
        text-align: center;
        font-size: 18px;
        margin: 0 auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.recruit-fl-ban .swiper-slide-active .recruit-fl-banwd {
    display: block;
}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .sonban-wd h2 {
        font-size: 50px;
    }

    .casexq-sonban.sonban .videoPlay {
        margin-top: 2px;
    }

    .profile-ry .swiper-button-prev {
        left: 0;
    }

    .profile-ry .swiper-button-next {
        right: 0;
    }
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .sonban-wd h2 {
        font-size: 44px;
    }

    .product {
        padding: 30px 0 88px;
    }

    .porxqxl-wd-title h1 {
        font-size: 38px;
    }

    .porxqxl-wdbox {
        padding-left: 90px;
    }

    .proxq-title h4 {
        font-size: 32px;
    }

    .proxq-title p {
        line-height: 26px;
        margin: 16px auto 0;
    }

    .porxqsq {
        padding: 74px 0 88px;
    }

    .case {
        padding: 72px 0 88px;
    }

    .case-list li {
        margin-top: 50px;
    }

    .casexq-sonban.sonban .sonmenu-site {
        margin-top: 24px;
    }

    .casexq-sonban.sonban .videoPlay {
        margin-top: 0;
        height: 46px;
        line-height: 46px;
        width: 158px;
    }

    .profile-ban .profile-ban-box:last-child {
        padding: 124px 150px 0 86px;
    }

    .about-map-bg {
        margin-left: 6%;
    }

    .about-map .contain {
        width: unset;
    }

    .news-wd {
        width: 66%;
    }
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .sonban-wd h2 {
        font-size: 40px;
    }

    .product {
        padding: 30px 0 80px;
    }

    .porxqxl-wdbox {
        padding-left: 80px;
    }

    .porxqxl-wd-title h1 {
        font-size: 34px;
    }

    .porxqsq {
        padding: 74px 0 80px;
    }

    .proxq-title p {
        line-height: 26px;
        margin: 16px auto 0;
    }

    .case {
        padding: 72px 0 80px;
    }

    .case-img, .case-wdbox {
        height: 380px;
    }

    .case-wd-title h1 {
        font-size: 28px;
    }

    .case-wd-title p {
        margin: 12px 0 16px;
    }

    .case-wd-desc a {
        width: 120px;
        margin-top: 28px;
        height: 40px;
        line-height: 36px;
    }

    .casexq-sonban.sonban .videoPlay {
        margin-top: 0;
        height: 42px;
        line-height: 42px;
        width: 148px;
        font-size: 16px;
    }

        .casexq-sonban.sonban .videoPlay span:before {
            width: 26px;
            height: 26px;
        }

    .profile-lc-ban2 .swiper-container {
        width: 92%;
    }

    .profile-lc-ban2 .swiper-button-prev {
        left: 0;
    }

    .profile-lc-ban2 .swiper-button-next {
        right: 0;
    }

    .profile-ry-btn {
        width: 100%;
    }

    .about-map-bg {
        margin-left: 2%;
    }

    .about-map-wd {
        width: 30%;
        padding: 40px 34px 36px 64px;
    }

    .about-map-box .point {
        font-size: 16px;
    }

    .news-xq-btn a {
        max-width: 74%;
    }

    .news-xq-main h1 {
        font-size: 34px;
    }

    .news-xq-main > p {
        margin: 34px 0;
    }
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .sonmenu-site a, .sonmenu-link a {
        height: 68px;
        line-height: 68px;
    }

    .sonban-wd h2 {
        font-size: 36px;
    }

    .sonmenu-link a {
        margin-right: 40px;
    }

    .product {
        padding: 30px 0 70px;
    }

    .product-list li {
        margin-top: 30px;
    }

    .porxqxl {
        padding: 70px 0;
    }

    .porxqxl-wd-title h1 {
        font-size: 30px;
    }

    .porxqxl-wd-title, .porxqxl-wd-desc {
        padding-bottom: 20px;
    }

    .porxqxl-wd-btn {
        margin-top: 36px;
    }

    .porxqxl-wdbox {
        padding-left: 60px;
    }

    .porxqxl-wd-btn a {
        width: 150px;
    }

    .proxq-title h4 {
        font-size: 28px;
    }

    .proxq-title p {
        line-height: 26px;
        margin: 16px auto 0;
    }

    .porxqtx {
        padding: 70px 0;
    }

    .porxqtz {
        padding: 70px 0;
    }

    .porxqsq {
        padding: 64px 0 70px;
    }

    .porxqsq-form {
        margin-top: 20px;
    }

    .case-wd-desc p {
        line-height: 26px;
    }

    .case {
        padding: 64px 0 700px;
    }

    .case-wd-desc {
        margin-top: 20px;
    }

    .case-list li {
        margin-top: 40px;
    }

    .casexq-sonban.sonban .videoPlay {
        height: 38px;
        line-height: 38px;
        width: 128px;
        font-size: 16px;
    }

    .news-img {
        padding-left: 26px;
        height: 130px;
    }

    .news-wd h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .news-wd p {
        font-size: 16px;
        line-height: 24px;
        margin: 10px 0 16px;
    }

    .news-wd span {
        line-height: 40px;
        font-size: 16px;
    }

        .news-wd span:before {
            top: 16px;
        }

    .news-lb-list li a {
        padding: 30px;
    }

    .news-data h5 {
        font-size: 42px;
        line-height: 66px;
    }

    .news-xq-main h1 {
        font-size: 32px;
    }

    .news-xq-main > p {
        margin: 32px 0;
    }

    .news-xq-secondary {
        padding-left: 80px;
    }
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .product-list li {
        width: 31.8333%;
    }

    .product {
        padding: 24px 0 60px;
    }

    .porxqxl {
        padding: 60px 0;
    }

    .porxqxl-wdbox {
        padding-left: 40px;
    }

    .porxqtx {
        padding: 60px 0;
    }

    .porxqtz {
        padding: 60px 0;
    }

    .porxqtz-list {
        margin-top: 34px;
    }

    .porxqsq {
        padding: 60px 0;
    }

    .proxq-title p {
        line-height: 26px;
        margin: 16px auto 0;
    }

    .case {
        padding: 60px 0;
    }

    .case-wd-title h1 {
        font-size: 26px;
    }

    .case-wdbox {
        padding: 0 50px;
    }

    .casexq-sonban.sonban .sonmenu-site {
        margin-top: 20px;
    }

    .profile-ban-box {
        height: 560px;
    }

    .profile-ban .profile-ban-box:last-child {
        padding: 100px 100px 0 80px;
    }

    .profile-ban-box h1 {
        font-size: 32px;
    }

    .profile-ban-wdbox {
        margin-top: 34px;
    }

    .profile-ban-btn {
        margin-top: 40px;
    }

    .profile-ry .swiper-button-prev, .profile-ry .swiper-button-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: 20px;
    }

    .profile-ry-ban {
        width: 96%;
        margin: 60px auto 0;
    }

    .about-map-wd h5 {
        font-size: 22px;
    }

    .about-map-wd {
        width: 26%;
        padding: 28px 20px 28px 50px;
    }

        .about-map-wd p {
            font-size: 14px;
            line-height: 20px;
            margin-top: 6px;
        }

            .about-map-wd p:nth-child(2), .about-map-wd p:nth-child(3) {
                margin-top: 14px;
            }

    .about-map-bg {
        margin-left: -6%;
    }

    .news-xq-main h1 {
        font-size: 30px;
    }

    .news-xq-main > p {
        margin: 30px 0;
    }

    .recruit-rc-list li {
        width: 32.333%;
    }
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .sonban-wd h2 {
        font-size: 32px;
    }

    .porxqxl-img, .porxqxl-wdbox {
        width: 100%;
        height: auto;
    }

    .porxqxl-img {
        padding: 40px 0;
    }

    .porxqxl-wdbox {
        padding: 40px 0 0;
    }

    .porxqsq-form-ewm {
        width: 600px;
    }

    .case-wdbox {
        padding: 0 40px;
    }

    .profile-wh-list li {
        width: 24%;
    }

    .news-xq-btn a {
        max-width: 66%;
    }

    .news-xq-main h1 {
        font-size: 28px;
    }

    .news-xq-main > p {
        font-size: 16px;
    }

    .news-xq-main > p {
        margin: 28px 0;
    }

    .news-xq-secondary {
        padding-left: 34px;
    }

        .news-xq-secondary h1 {
            font-size: 22px;
        }

    .news-secondary-list a p {
        font-size: 16px;
        margin-bottom: 6px;
        height: 46px;
    }

    .news-secondary-list a {
        padding: 16px 0;
    }
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .sonban img {
        min-height: 340px;
    }

    .product-list li {
        width: 48.5%;
    }

    .porxqxl-wd-title h1 {
        font-size: 28px;
    }

    .porxqsq-form-ewm {
        width: 420px;
    }

    .case-img, .case-wdbox {
        width: 100%;
        height: auto;
    }

    .case-wdbox {
        padding: 40px 20px;
    }

    .casexq-cont {
        width: 100%;
        float: unset;
        border-right: none;
        padding: 40px;
    }

    .casexq-list {
        float: none;
        width: 100%;
        border-top: 30px solid #eee;
        margin-top: 38px;
    }

    .casexq-list-title {
        padding: 20px 0;
        font-size: 28px;
    }

    .casexq-list-wd h1 {
        font-size: 20px;
    }

    .casexq {
        padding: 50px 0;
    }

    .casexqwd {
        margin-top: 60px;
    }

    .casexqwd-title h4 {
        font-size: 28px;
    }

    .casexq-list-item {
        padding: 0 44px 44px;
    }

    .profile {
        padding: 60px 0;
    }

    .profile-wd {
        margin: 30px auto 0;
    }

        .profile-wd p {
            line-height: 24px;
        }

    .profile-ban .profile-ban-box:last-child {
        border-top: 30px solid #fff;
        padding: 30px 4%;
    }

    .profile-ban-box {
        width: 92%;
        float: none;
        height: unset;
        margin: 0 auto;
    }

    .profile-ban-wdbox {
        height: unset;
    }

    .profile-ban-btn {
        display: none;
    }

    .profile-ban-box h1 {
        font-size: 28px;
    }

    .profile-ban-wd p {
        font-size: 14px;
        line-height: 24px;
    }

    .profile-wh {
        padding: 60px 0;
    }

    .profile-wh-list {
        margin-top: 40px;
    }

        .profile-wh-list ul {
            margin: -2% 0 0 -2%;
        }

        .profile-wh-list li {
            width: 31.333%;
            margin: 2% 0 0 2%;
        }

    .profile-lc {
        padding: 60px 0;
        height: unset;
    }

    .profile-lc-ban2 .swiper-container {
        width: 84%;
        height: 180px;
    }

    .profile-lc-ban1 {
        margin-top: 40px;
    }

        .profile-lc-ban1 a {
            font-size: 28px;
        }

    .profile-lc-ban2wd {
        padding: 0 12%;
    }

        .profile-lc-ban2wd p {
            font-size: 16px;
            line-height: 28px;
        }

    .profile-lc-ban1img {
        top: 184px;
    }

    .profile-lc-ban2 {
        margin-top: 60px;
    }

    .profile-ry-imgbox {
        height: 290px;
    }

    .profile-ry-banimg p {
        font-size: 16px;
        height: 60px;
    }

    .profile-ry {
        padding: 60px 0;
    }

    .profile-ry-ban {
        margin: 30px auto 0;
    }

    .about-list {
        padding: 60px 0;
    }

        .about-list li {
            width: 48%;
        }

    .about-map-wd, .about-map-bg {
        display: none;
    }

    .about-map-yd, .about-map-btn {
        display: block;
    }

    .about-map {
        height: unset;
        padding: 60px 0;
    }

        .about-map .contain {
            width: 92%;
        }

    .about-map-btn {
        text-align: center;
        margin-top: 20px;
    }

    .about-message {
        padding: 60px 0;
    }

    .about-form {
        margin: 50px 0 0 -2%;
    }

    .brand {
        padding: 60px 0;
    }

    .brand-list {
        padding-top: 60px;
    }

        .brand-list li {
            width: 48%;
        }

        .brand-list h5 {
            font-size: 22px;
            line-height: 28px;
            margin-bottom: 30px;
        }

    .brand-xq {
        padding: 60px 0;
    }

    .brand-xq-img {
        width: 100%;
        text-align: center;
        float: unset;
    }

    .brand-xq-wd {
        width: 100%;
        padding: unset;
        float: unset;
        margin-top: 10px;
    }

    .news-data {
        display: none;
    }

    .news-img {
        padding-left: unset;
        height: 140px;
        width: 28.8%;
    }

    .news-wd {
        padding-left: 28px;
        width: 70%;
    }

    .news-lb-list li a {
        padding: 20px 0;
    }

    .news-lb-list {
        padding: 60px 0;
    }

    .news-xq-mainwd p {
        line-height: 24px;
    }

    .news-xq {
        padding: 60px 0;
    }

    .news-xq-btn {
        padding: 30px 0 0;
    }

    .news-xq-main, .news-xq-secondary {
        width: 100%;
        float: unset;
    }

    .news-xq-btn a:last-child {
        top: 46px;
    }

    .news-xq-secondary {
        padding-left: unset;
        padding-top: 30px;
    }

        .news-xq-secondary h1 {
            font-size: 20px;
        }

    .recruit-rc-list li {
        width: 49%;
    }

    .recruit-rc {
        padding: 60px 0;
    }

    .recruit-rc-list {
        margin-top: 40px;
    }

    .recruit-zp {
        padding: 60px 0;
    }

    .recruit-zp-list {
        margin-top: 36px;
    }

    .recruit-zp-list-erji {
        padding: 30px;
    }

        .recruit-zp-list-erji p {
            line-height: 28px;
        }

    .recruit-zp-list li > p {
        width: 16%;
        line-height: 60px;
        font-size: 14px;
    }

        .recruit-zp-list li > p:first-child {
            width: 20%;
            font-size: 16px;
            padding-left: 30px;
        }

        .recruit-zp-list li > p span {
            width: 30px;
            height: 30px;
            line-height: 30px;
            margin: 14px auto 0;
            font-size: 20px;
        }

    .recruit-fl {
        padding: 60px 0;
    }

    .recruit-fl-list {
        margin-top: 50px;
    }

        .recruit-fl-list ul {
            margin-top: -3%;
        }

        .recruit-fl-list li {
            width: 33.33333%;
            margin-top: 3%;
        }

            .recruit-fl-list li p {
                font-size: 16px;
                margin-top: 14px;
            }

    .recruit-fl-ban {
        padding-top: 60px;
    }

        .recruit-fl-ban .swiper-slide {
            width: 100%;
        }

    .casexq-contlist-line {
        display: none;
    }
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .sonmenu-site a, .sonmenu-link a {
        height: 48px;
        line-height: 48px;
    }

    .sonmenu-link-scroll {
        width: 100%;
    }

    .sonmenu-link a {
        display: block;
        float: left;
        margin: 0 12px !important;
    }

    .sonmenu-site {
        width: 100%;
        border-bottom: 1px solid #e4e4e4;
        padding: 0 12px;
    }

    .sonmenu-link {
        overflow-x: auto;
        float: left;
        width: 100%;
    }

    .sonban-wd h2 {
        font-size: 28px;
    }

    .sonban img {
        min-height: 280px;
    }

    .sonmenu .contain {
        width: 100%;
    }

    .product-list ul {
        margin-left: 0;
    }

    .product-list li {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .product {
        padding: 20px 0 42px;
    }

    .indcp-wd {
        padding: 10px 20px 0;
    }

    .porxqxl {
        padding: 40px 0;
    }

    .porxqxl-img {
        padding: 32px 0;
    }

    .porxqxl-wd-title h1 {
        font-size: 24px;
    }

    .porxqxl-wdbox {
        padding: 32px 0 0;
    }

    .porxqxl-wd-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .porxqxl-wd-desc p {
        font-size: 14px;
        line-height: 22px;
    }

    .porxqxl-wd-btn {
        margin-top: 24px;
    }

        .porxqxl-wd-btn a span:before {
            margin-right: 2px;
        }

        .porxqxl-wd-btn a {
            font-size: 14px;
            width: 104px;
            height: 38px;
            line-height: 36px;
            margin-right: 8px;
        }

    .proxq-title h4 {
        font-size: 24px;
    }

    .porxqtx {
        padding: 40px 0;
    }

    .porxqtx-img {
        margin-top: 28px;
    }

    .porxqtz {
        padding: 40px 0;
    }

    .porxqtz-list li {
        width: 100%;
    }

    .porxqtz-list {
        margin-top: 32px;
    }

    .porxqsq {
        padding: 40px 0;
    }

    .porxqsq-form li {
        width: 100%;
    }

        .porxqsq-form li input, .porxqsq-form li textarea {
            height: 44px;
        }

    .porxqsq-form-ewm {
        width: 100%;
        padding-right: 144px;
    }

        .porxqsq-form-ewm span {
            height: 44px;
            width: 130px;
        }

    .porxqsq-form-btn {
        width: 100%;
        margin-top: 16px;
        height: 44px;
    }

    .case {
        padding: 40px 0;
    }

    .case-wdbox {
        padding: 28px 20px;
    }

    .case-wd-title h1 {
        font-size: 24px;
    }

    .case-list li {
        margin-top: 24px;
    }

    .casexq-sonban.sonban .sonban-wd {
        padding: 0 12px;
    }

    .casexq-sonban.sonban .videoPlay {
        height: 32px;
        line-height: 32px;
        width: 110px;
        font-size: 14px;
    }

        .casexq-sonban.sonban .videoPlay span:before {
            width: 20px;
            height: 20px;
            margin-right: 4px;
        }

    .casexq-sonban.sonban .sonmenu-site {
        margin-top: 12px;
    }

    .casexq {
        padding: 40px 0;
    }

    .casexq-cont {
        padding: 20px;
    }

        .casexq-cont h4 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 8px;
        }

        .casexq-cont p {
            font-size: 14px;
            line-height: 24px;
        }

    .casexq-list-title {
        padding: 10px 0;
        font-size: 24px;
    }

    .casexq-list-item a {
        margin-top: 22px;
    }

        .casexq-list-item a:last-child {
            padding-bottom: 0;
        }

    .casexq-list-item {
        padding: 0 22px 22px;
    }

    .casexqwd {
        margin-top: 30px;
    }

    .casexq-list-wd h1 {
        font-size: 18px;
    }

    .casexq-list-wd p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
        height: 52px;
    }

    .casexqwd-title h4 {
        font-size: 22px;
    }

    .casexqwd-list {
        margin-top: 24px;
    }

    .casexqwd-link:after {
        display: none;
    }

    .casexqwd-link {
        padding: 0 14px 0 60px;
    }

        .casexqwd-link:before, .casexqwd-link:after {
            width: 64px;
        }

        .casexqwd-link li {
            font-size: 14px;
            line-height: 60px;
        }

            .casexqwd-link li:first-child {
                font-size: 14px;
            }

    .casexq-cont label {
        font-size: 14px;
        line-height: 24px;
    }

    .casexq-pop-content {
        width: 320px;
        margin-left: -160px;
        padding: 20px;
    }

    .casexq-pop-close {
        right: -20px;
    }

    .casexq-pop-item h6 {
        font-size: 24px;
    }

    .casexq-pop-item ul {
        margin-top: 20px;
    }

    .profile {
        padding: 30px 0;
    }

    .profile-wd {
        margin: 20px auto 0;
    }

        .profile-wd p {
            font-size: 14px;
        }

    .profile-ban .profile-ban-box:last-child {
        border-top: 24px solid #fff;
        padding: 24px 4%;
    }

    .profile-ban-box h1 {
        font-size: 24px;
    }

    .profile-ban-wdbox {
        margin-top: 16px;
    }

    .profile-wh-list ul {
        margin: -4% 0 0;
    }

    .profile-wh-list li {
        width: 100%;
        margin: 4% 0 0;
        height: 300px;
        padding-top: 30px;
    }

    .profile-wh {
        padding: 30px 0;
    }

    .profile-wh-listwd h5 {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .profile-wh-listwd {
        margin-top: 24px;
    }

    .profile-lc {
        padding: 30px 0;
    }

    .profile-lc-ban1 {
        margin-top: 20px;
    }

    .profile-lc-ban2 {
        margin-top: 20px;
    }

    .profile-lc-ban2wd p {
        font-size: 14px;
        line-height: 26px;
    }

    .profile-lc-ban2wd {
        padding: 0 4%;
    }

    .profile-lc-ban2 .swiper-container {
        height: unset;
        padding: 4% 0;
        width: 77%;
    }

    .profile-lc-ban1img {
        display: none;
    }

    .profile-lc-ban1 a {
        font-size: 24px;
    }

    .profile-ry {
        padding: 30px 0;
    }

    .profile-ry-ban {
        margin: 20px auto 0;
        width: 80%;
    }

    .profile-ry-imgbox {
        height: 250px;
    }

    .profile-ry-banimg p {
        height: 40px;
    }

    .profile-ry-imgbox img {
        max-width: 77%;
        max-height: 77%;
    }

    .about-list {
        padding: 30px 0;
    }

        .about-list ul {
            margin: -4% 0 0;
        }

        .about-list li {
            width: 100%;
            margin: 4% 0 0;
        }

    .about-map {
        padding: 30px 0;
    }

    .about-message {
        padding: 30px 0;
    }

        .about-message .proxq-title p {
            line-height: 24px;
            margin: 14px auto 0;
        }

    .about-form {
        margin: 26px 0 0;
    }

        .about-form input {
            margin: 4% 0 0;
            width: 100%;
        }

            .about-form input:nth-child(2) {
                margin: 4% 0 0;
            }

        .about-form textarea {
            margin: 4% 0 0;
            width: 100%;
            height: 120px;
        }

    .about-form-lab input {
        width: 50%;
    }

    .about-form-lab img {
        float: right;
    }

    .about-form-lab a {
        float: left;
        margin-top: 4%;
        margin-left: 26%;
    }

    .brand {
        padding: 30px 0;
        background: none;
    }

    .brand-list h5 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

        .brand-list h5:before {
            top: 6px;
        }

    .brand-list-img {
        height: 90px;
    }

    .brand-list-wd {
        line-height: 50px;
        font-size: 16px;
    }

    .brand-list {
        padding-top: 30px;
    }

    .brand-xq {
        padding: 30px 0;
    }

    .brand-xq-wd p {
        line-height: 26px;
    }

    .brand-xq-wd .off {
        display: none;
    }

    .news-img {
        height: unset;
        width: 100%;
        text-align: center;
    }

        .news-img img {
            width: 100%;
        }

    .news-wd {
        width: 100%;
        padding-top: 20px;
        padding-left: unset;
    }

    .news-lb-list {
        padding: 30px 0;
    }

    .news-xq {
        padding: 30px 0;
    }

    .news-xq-main h1 {
        font-size: 24px;
    }

    .news-xq-main > p {
        margin: 20px 0;
    }

    .news-xq-btn a {
        max-width: 100%;
    }

        .news-xq-btn a:last-child {
            position: relative;
            line-height: 46px;
            padding-left: 30px;
            right: unset;
            top: unset;
            font-size: 16px;
            margin-top: 18px;
        }

    .news-xq-btn {
        padding: 20px 0 0;
    }

        .news-xq-btn a {
            line-height: 30px;
        }

    .news-label {
        padding: 20px 0 0;
    }

    .news-secondary-list {
        padding: 20px 0;
    }

    .recruit-rc {
        padding: 30px 0;
    }

    .recruit-rc-list {
        margin-top: 24px;
    }

        .recruit-rc-list ul {
            margin: -2% 0 0;
        }

        .recruit-rc-list li {
            width: 100%;
            margin: 5% 0 0;
            float: left;
        }

    .recruit-rc-wd p {
        font-size: 20px;
        top: 44%;
    }

    .recruit-zp {
        padding: 30px 0;
    }

    .recruit-zp-list {
        margin-top: 24px;
    }

        .recruit-zp-list li > p:nth-child(3), .recruit-zp-list li > p:nth-child(5) {
            display: none;
        }

        .recruit-zp-list li > p {
            width: 20.66%;
        }

            .recruit-zp-list li > p:first-child {
                width: 38%;
                font-size: 16px;
                padding-left: 0;
                text-align: center;
            }

    .recruit-zp-list-erji {
        padding: 20px 30px;
    }

        .recruit-zp-list-erji h5 {
            font-size: 16px;
            line-height: 26px;
        }

        .recruit-zp-list-erji p {
            font-size: 14px;
            line-height: 24px;
        }

        .recruit-zp-list-erji > a {
            width: 130px;
            line-height: 40px;
            font-size: 16px;
            margin-top: 30px;
        }

    .recruit-fl {
        padding: 30px 0;
    }

    .recruit-fl-list {
        margin-top: 24px;
        padding: 0;
    }

        .recruit-fl-list ul {
            margin-top: -6%;
        }

        .recruit-fl-list li {
            margin-top: 6%;
        }

    .recruit-fl-list-img {
        transform: scale(.85);
    }

    .recruit-fl-banimg img {
        height: 200px;
    }

    .recruit-fl-banwd p {
        line-height: 36px;
        font-size: 14px;
    }

    .recruit-fl-ban {
        padding-top: 30px;
    }
}