.p12-pagination-1-main {
    margin: 0 auto;
    padding: 20px 0;
    height: 30px;
    text-align: center
}

.p12-pagination-1 a, .p12-pagination-1 span {
    vertical-align: top;
    display: inline-block;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin: 0 2px;
    background: #fff
}

.p12-pagination-1 b {
    vertical-align: top;
    display: inline-block;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin: 0 2px;
    background: var(--main-color);
    ;
    color: #ffffff
}

.p12-pagination-1 span {
    border: 1px solid #fff
}

.p12-pagination-1 .page_curr {
    background: var(--main-color);
    ;
    color: #fff;
    border-color: var(--main-color);
}

.p12-pagination-1 .laypage_first, .p12-pagination-1 .laypage_last {
    display: none
}

.p1-info-3-tit {
    height: 60px;
    font-size: 24px;
    font-weight: normal;
    line-height: 60px;
    background: var(--main-color);
    ;
    color: #fff;
    text-align: center
}

.p1-info-3-list {
    padding: 10px 10px 0
}

    .p1-info-3-list li h4 {
        height: 46px;
        font-size: 14px;
        font-weight: normal;
        line-height: 46px;
        color: #4b4a4a;
        border-bottom: 1px dashed #dbdbdb;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .p1-info-3-list li h4 span {
            float: right
        }

.cbgg-01 {
    background: var(--main-color);
    ;
    text-align: center;
    color: #fff
}

.cbgg-01-img img {
    width: 100%;
    display: block
}

.cbgg-01 p {
    padding-top: 15px
}

    .cbgg-01 p img {
        vertical-align: middle;
        margin-right: 5px
    }

.cbgg-01 span {
    display: block;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 20px;
    padding-top: 10px
}

.p14-info-2 {
    background: #fff
}

.p14-info-2-tit {
    height: 60px;
    font-size: 24px;
    line-height: 60px;
    background: var(--main-color);
    ;
    color: #fff;
    text-align: center;
    margin-bottom: 12px
}

.p14-info-2-list dl {
    font-size: 12px;
    line-height: 18px;
    height: 173px;
    overflow: hidden;
    text-align: center
}

.p14-info-2-list dt {
    width: 100%;
    border: 1px solid rgba(153,153,153,0.3);
    box-sizing: border-box;
    margin: 0 auto
}

    .p14-info-2-list dt img {
        display: block;
        width: 100%;
        margin: 0 auto;
        height: 120px;
    }

.p14-info-2-list dd h3 {
    height: 40px;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p14-info-2-list-desc {
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p14-info-2-list dl:nth-last-child(1) {
    border-bottom: 0
}

.cpcc-ts-01 {
    position: relative;
    padding: 12px 0 16px;
    background: #fff
}

.cpcc-ts-01-left {
    position: relative;
    width: 40%;
    float: left;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    margin-left: 20px
}

.cpcc-ts-01-left-jt {
    width: 12px;
    height: 23px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
    z-index: 33
}

.cpcc-ts-01-left-prev {
    left: 4px
}

.cpcc-ts-01-left-next {
    right: 4px
}

.cpcc-ts-01-left-size {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 56px;
    height: 26px;
    font-size: 14px;
    line-height: 16px;
    color: #787878;
    letter-spacing: 3px
}

    .cpcc-ts-01-left-size em {
        font-style: normal
    }

.cpcc-ts-01-left-pic {
    width: 100%;
    position: relative;
    text-align: center
}

    .cpcc-ts-01-left-pic li {
        width: 370px;
        float: left
    }

    .cpcc-ts-01-left-pic img {
        width: 327px;
        margin: 0 auto;
        display: block;
    }

.cpcc-ts-01-right {
    width: 46%;
    float: right;
    margin-right: 6%
}

.cpcc-ts-01-right-tit {
    height: 53px;
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
    color: #4a4a4a;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    text-overflow: ellipsis;
}

.cpcc-ts-01-right-con {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 86px;
    max-height: 168px;
    overflow: hidden
}

.adv dl {
    float: left;
    width: 465px;
    height: 328px;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.adv dt img {
    width: 100%;
    display: block
}

.adv dd {
    width: 435px;
    position: absolute;
    left: 15px;
    top: 20px
}

    .adv dd h4 {
        font-size: 30px;
        color: #151f2c;
        line-height: 40px
    }

        .adv dd h4 span {
            display: block;
            font-size: 24px;
            line-height: 35px
        }

        .adv dd h4 b {
            color: #0e8ab7;
        }

.tit {
    margin: 50px 0;
    text-align: center;
    clear: both
}

    .tit i {
        font-style: normal;
        font-size: 18px;
        color: #666;
        line-height: 20px;
        display: block;
        letter-spacing: 0;
        font-weight: normal;
        text-transform: uppercase
    }

    .tit h2 {
        display: block;
        font-size: 40px;
        color: var(--main-color);
        ;
        font-weight: bold;
        margin-top: 2px;
        letter-spacing: 2px;
        line-height: 65px
    }

        .tit h2 span {
            display: inline-block;
            position: relative;
            padding: 0 146px
        }

            .tit h2 span:before, .tit h2 span:after {
                content: "";
                position: absolute;
                width: 133px;
                height: 58px;
                background: url(../images/proxq2.png) no-repeat 0 0;
                right: 0;
                top: -15px;
                z-index: 2
            }

            .tit h2 span:before {
                background: url(../images/proxq1.png) no-repeat 0 0;
                left: 0
            }

.form {
    box-shadow: 0px 0px 15px #dedede
}

    .form tr td {
        font-size: 16px;
        text-align: center;
        padding: 15px
    }

        .form tr td:nth-child(2n-1) {
            font-size: 16px;
            text-align: center;
            color: #fff;
            background: linear-gradient(to right,#14a3be 0%,#0f8cb7 50%,#0971b0 100%)
        }

.p14-prodcontent-1 {
    padding: 32px 0 42px;
    margin-bottom: 22px
}

.p14-prodcontent-1-tit {
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    border-bottom: 2px solid #d4d4d4;
    margin-bottom: 20px
}

    .p14-prodcontent-1-tit span {
        display: inline-block;
        height: 40px;
        color: #464646;
        border-bottom: 2px solid var(--main-color);
        ;
        padding-left: 34px;
        background: url(../images/p14-icon11.png) no-repeat 2px center
    }

    .p14-prodcontent-1-tit em {
        font-size: 18px;
        font-family: Arial;
        text-transform: uppercase;
        font-style: normal;
        color: #c2c2c1
    }

.p14-product-2-tit {
    height: 46px;
    line-height: 46px;
    font-weight: normal;
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 30px;
    padding-top: 26px
}

    .p14-product-2-tit b {
        display: inline-block;
        font-size: 24px;
        font-weight: normal;
        color: #464646;
        padding-left: 52px;
        border-bottom: 2px solid var(--main-color);
        ;
        background: url(../images/p14-icon11.png) no-repeat 22px center
    }

    .p14-product-2-tit span {
        margin-left: 10px;
        font-size: 18px;
        font-family: Arial;
        color: #c2c2c1;
        text-transform: uppercase
    }

.p14-product-2-list dl {
    float: left;
    width: 23.5%;
    border: 1px solid #dfdfdf;
    margin-right: 1.5%;
    box-sizing: border-box
}

    .p14-product-2-list dl.p14-product-clear {
        margin-right: 0
    }

    .p14-product-2-list dl img {
        display: block;
        width: 100%
    }

isplay:inline-block;max-width:400px;height:36px;font-size:16px;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis {
    padding: 10px 5px 10px 5px;
    margin-right: 2px;
    position: relative
}

.p14-product-2-list h4 {
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #191919;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .p14-product-2-list h4 a {
        color: #191919
    }

.p14-product-2-desc {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p14-product-2-list dl:hover {
    border-color: var(--main-color);
}

    .p14-product-2-list dl:hover h3 a {
        color: var(--main-color);
    }

.pc-cx-tel-1 {
    width: 46%;
    height: 56px;
    border-top: 2px solid #e6e6e6;
    padding-top: 10px;
    position: absolute;
    bottom: 16px;
    right: 6%
}

.pc-cx-tel-1-t1 {
    width: 114px;
    height: 44px;
    background: var(--main-color);
    ;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    float: right
}

    .pc-cx-tel-1-t1 a {
        display: block;
        color: #fff
    }

.pc-cx-tel-1-t2 {
    height: 56px;
    padding-left: 70px;
    background: url(../images/pc-xc-icon2.png) no-repeat 10px top;
    font-size: 18px;
    line-height: 18px;
    color: #454545
}

    .pc-cx-tel-1-t2 p {
        line-height: 24px
    }

.sqyp {
    text-align: center;
    padding: 40px;
}

    .sqyp h5 {
        font-size: 30px;
        line-height: 30px;
        padding-bottom: 20px;
        color: var(--main-color);
        ;
    }

    .sqyp h4 {
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 20px;
    }

    .sqyp p {
        font-size: 14px;
        line-height: 30px;
    }

.protel input {
    height: 40px;
    border-color: rgba(14,63,139,0.2);
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: rgba(85,85,85,1);
    font-family: Microsoft YaHei,Arial;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    width: 40%;
    padding-left: 5px;
}




.goodsPlan-main {
    overflow: hidden;
    position: relative;
}

    .goodsPlan-main ul li {
        background: #fff;
        border-bottom: 1px solid #eee;
        clear: bottom;
        overflow: hidden;
        padding: 20px 20px 20px 8px;
        position: relative
    }

        .goodsPlan-main ul li:hover {
            cursor: pointer
        }

        .goodsPlan-main ul li .img-box {
            border: 1px solid #eee;
            float: left
        }

            .goodsPlan-main ul li .img-box img {
                width: 135px;
                height: 100px;
            }

        .goodsPlan-main ul li .bn {
            color: #999;
            overflow: hidden;
            padding-bottom: 3px
        }

            .goodsPlan-main ul li .bn .left span {
                padding-right: 20px
            }

        .goodsPlan-main ul li .name {
            color: #333;
            font-size: 16px
        }

        .goodsPlan-main ul li:hover div.name {
            color: #d6191d;
            cursor: pointer
        }

        .goodsPlan-main ul li .info {
            color: #666;
            line-height: 28px;
            margin-left: 155px;
            padding: 0px 10px 5px 10px
        }

        .goodsPlan-main ul li .sm {
            color: #666;
            font-size: 13px;
            line-height: 1.5;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

        .goodsPlan-main ul li .btn-box {
            align-items: center;
            bottom: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 30px 0;
            position: absolute;
            right: 20px;
            text-align: right;
            top: 0;
            width: 140px
        }

            .goodsPlan-main ul li .btn-box .el-button {
                margin-left: 10px;
                padding: 7px 20px
            }

                .goodsPlan-main ul li .btn-box .el-button:focus {
                    background: #fff;
                    border-color: #d6191d;
                    color: #fff
                }

                .goodsPlan-main ul li .btn-box .el-button.list-btn:focus {
                    color: #d6191d
                }

                .goodsPlan-main ul li .btn-box .el-button:nth-child(2) {
                    border-color: #d7d7d7;
                    color: #333
                }

                    .goodsPlan-main ul li .btn-box .el-button:nth-child(2):hover {
                        background-color: #fff;
                        border-color: #d6191d;
                        color: #d6191d
                    }

        .goodsPlan-main ul li a {
            display: block
        }

        .goodsPlan-main ul li .bn .left em, .goodsPlan-main ul li .bn .left a {
            float: left;
        }

.body-color-p102 {
    background: #f5f5f5;
}
/*.p102-info-blk{width:888px;border:1px solid #f0f0f0;background:#fff}*/
.p102-info-blk {
    width: 965px;
    border: 1px solid #f0f0f0;
    background: #fff
}

.p102-info-blk-con {
    padding: 47px 40px 52px
}

.p102-info-blk-title {
    line-height: 50px;
    font-size: 36px;
    font-weight: normal;
    color: #1a1a1a;
    margin-bottom: 15px
}

.p102-info-blk-bool {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #999999;
    padding-bottom: 7px;
    border-bottom: 1px solid #dedede
}

    .p102-info-blk-bool i {
        font-style: normal;
        margin: 0 15px
    }

.p102-info-content {
    font-size: 16px;
    line-height: 32px;
    color: #4c4c4c;
    padding: 10px 0 0;
    text-align: justify
}

.p102-info-key {
    line-height: 28px;
    font-size: 14px;
    color: #666666;
    padding-top: 5px
}

    .p102-info-key span {
        margin-right: 10px
    }

.p102-info-blk-paging {
    border-top: 1px solid #dedede;
    height: 62px
}

    .p102-info-blk-paging dl {
        height: 62px;
        position: relative;
        padding: 0 68px
    }

        .p102-info-blk-paging dl:before {
            content: '';
            position: absolute;
            width: 1px;
            background: #dedede;
            left: 50%;
            top: 0;
            bottom: 0;
            z-index: 1
        }

    .p102-info-blk-paging dd {
        width: 321px;
        height: 62px;
        line-height: 62px;
        font-size: 14px;
        color: #1a1a1a;
        position: relative
    }

        .p102-info-blk-paging dd span {
            float: left;
            width: 60px;
            height: 62px
        }

        .p102-info-blk-paging dd a {
            float: left;
            width: 260px;
            height: 62px;
            color: #1a1a1a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .p102-info-blk-paging dd.items-prev:before {
            content: "";
            width: 8px;
            height: 8px;
            border: 2px solid #b3b3b3;
            border-style: solid none none solid;
            position: absolute;
            top: 50%;
            left: -30px;
            margin-top: -5px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            z-index: 1
        }

        .p102-info-blk-paging dd.items-next {
            padding-left: 110px
        }

            .p102-info-blk-paging dd.items-next:after {
                content: "";
                width: 8px;
                height: 8px;
                border: 2px solid #b3b3b3;
                border-style: solid solid none none;
                position: absolute;
                top: 50%;
                right: -30px;
                margin-top: -5px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                z-index: 1
            }

        .p102-info-blk-paging dd:hover a {
            color: var(--main-color);
        }

.p102-info-fdh-2 {
    width: 300px
}

.p102-pro-related {
    padding: 30px 19px;
    background: #fff;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px
}

.p102-pro-related-title {
    font-weight: normal;
    padding: 0 70px 10px 0;
    position: relative
}

    .p102-pro-related-title span {
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 22px;
        color: #333333
    }

    .p102-pro-related-title:before {
        content: '';
        position: absolute;
        width: 36px;
        height: 2px;
        background: var(--main-color);
        ;
        left: 0;
        bottom: 2px
    }

    .p102-pro-related-title a {
        position: absolute;
        width: 23px;
        height: 23px;
        font: 22px/23px 宋体;
        color: #8f8f8f;
        text-align: center;
        border: 1px solid #d2d2d2;
        border-radius: 100%;
        right: 10px;
        top: 8px
    }

        .p102-pro-related-title a:hover {
            color: var(--main-color);
            ;
            border-color: var(--main-color);
        }

.p102-pro-related-list {
    padding-top: 28px
}

    .p102-pro-related-list dl {
        margin-bottom: 13px
    }

    .p102-pro-related-list dt {
        border: 1px solid #ccc
    }

        .p102-pro-related-list dt img, .p102-pro-related-list dt a {
            display: block;
            width: 100%;
            position: relative
        }

        .p102-pro-related-list dt em {
            position: absolute;
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
            background: rgba(0,0,0,0.6);
            z-index: 0;
            display: none
        }

        .p102-pro-related-list dt i {
            position: absolute;
            width: 42px;
            height: 42px;
            background: var(--main-color);
            ;
            border-radius: 100%;
            left: 50%;
            margin-left: -21px;
            top: 50%;
            margin-top: -25px;
            z-index: 1
        }

            .p102-pro-related-list dt i:after {
                content: "";
                width: 9px;
                height: 9px;
                border: 1px solid #fff;
                border-style: solid solid none none;
                position: absolute;
                top: 50%;
                left: 15px;
                margin-top: -5px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                z-index: 1
            }

    .p102-pro-related-list dd {
        padding-top: 7px
    }

        .p102-pro-related-list dd h4 {
            font-weight: normal
        }

            .p102-pro-related-list dd h4 a {
                display: block;
                height: 30px;
                line-height: 30px;
                font-size: 16px;
                color: #4c4c4c;
                text-align: center;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

    .p102-pro-related-list dl:hover dt {
        border: 1px solid var(--main-color);
        ;
    }

.p102-info-label {
    padding: 30px 10px 0 19px;
    background: #fff;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px
}

.p102-info-label-list {
    padding: 15px 0
}

    .p102-info-label-list a {
        float: left;
        padding: 0 16px;
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        color: #4c4c4c;
        border: 1px solid #e6e6e6;
        margin: 0 5px 5px 0;
        border-radius: 3px
    }

        .p102-info-label-list a:hover {
            color: var(--main-color);
            ;
            border-color: var(--main-color);
        }

.p102-info-label-more {
    width: 140px;
    height: 50px;
    line-height: 50px;
    background: var(--main-color);
}

    .p102-info-label-more a {
        display: block;
        height: 50px;
        font-size: 16px;
        color: #ffffff;
        text-align: center
    }

.p102-info-related {
    padding: 30px 0 0
}

.p102-info-1-title {
    height: 48px;
    line-height: 48px;
    font-weight: normal;
    font-size: 28px;
    color: var(--main-color);
    ;
    padding-bottom: 10px;
    position: relative
}

    .p102-info-1-title:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 2px;
        background: var(--main-color);
        ;
        left: 0;
        bottom: -1px;
        z-index: 1
    }

.p102-info-related-list {
    padding: 29px 0;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative
}

    .p102-info-related-list:after {
        content: '';
        position: absolute;
        width: 1px;
        background: #dedede;
        left: 50%;
        top: 29px;
        bottom: 29px;
        z-index: 1
    }

    .p102-info-related-list dl {
        float: left;
        width: 541px;
        padding: 0 29px;
        position: relative
    }

    .p102-info-related-list dt {
        width: 220px
    }

        .p102-info-related-list dt a, .p102-info-related-list dt img {
            width: 100%;
            display: block
        }

    .p102-info-related-list dd {
        position: absolute;
        left: 280px;
        right: 29px;
        top: 0;
        bottom: 0;
        z-index: 1
    }

        .p102-info-related-list dd h4 {
            height: 34px;
            line-height: 34px;
            font-weight: normal;
            margin-bottom: 6px
        }

            .p102-info-related-list dd h4 a {
                display: inline-block;
                width: 100%;
                height: 34px;
                font-size: 20px;
                color: #333333;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

        .p102-info-related-list dd p {
            font-size: 14px;
            line-height: 26px;
            color: #666666;
            text-align: justify;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

            .p102-info-related-list dd p a {
                color: #333333
            }

    .p102-info-related-list dl:hover dd h4 a {
        color: var(--main-color);
    }

.p102-info-latest {
    padding: 30px 0 80px
}

    .p102-info-latest ul {
        padding: 29px 39px;
        border: 1px solid #f0f0f0;
        position: relative;
        background: #fff
    }

    .p102-info-latest li {
        float: left;
        width: 530px
    }

        .p102-info-latest li h4 {
            height: 36px;
            padding-left: 25px;
            position: relative;
            line-height: 36px;
            font-weight: normal
        }

            .p102-info-latest li h4:before {
                content: "";
                position: absolute;
                width: 4px;
                height: 4px;
                border-radius: 100%;
                border: 2px solid var(--main-color);
                ;
                left: 0;
                top: 50%;
                margin-top: -4px
            }

            .p102-info-latest li h4 a {
                display: inline-block;
                max-width: 400px;
                height: 36px;
                font-size: 16px;
                color: #333333;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .p102-info-latest li h4:hover a {
                color: var(--main-color);
            }

            .p102-info-latest li h4:hover:before {
                border-color: var(--main-color);
            }

            .p102-info-latest li h4:hover:after {
                background: var(--main-color);
            }

            .p102-info-latest li h4 em {
                float: right;
                width: 90px;
                height: 36px;
                font-family: Arial;
                color: #808080;
                text-align: right;
                font-style: normal
            }

        .p102-info-latest li.last {
            margin-left: 60px
        }

            .p102-info-latest li.last:before {
                content: '';
                position: absolute;
                width: 1px;
                left: 50%;
                top: 22px;
                bottom: 22px;
                background: #dedede;
                z-index: 1
            }

.p102-fdh-3 {
    height: 100px;
    box-shadow: 0 4px 6px #e9e9e9
}

    .p102-fdh-3 li {
        float: left;
        width: 25%;
        height: 100px;
        position: relative
    }

        .p102-fdh-3 li:after {
            content: "";
            position: absolute;
            width: 1px;
            height: 26px;
            background: #cfcfcf;
            right: 0;
            top: 50%;
            margin-top: -13px
        }

        .p102-fdh-3 li:last-child:after {
            display: none
        }

        .p102-fdh-3 li a {
            display: block;
            height: 100px;
            line-height: 100px;
            font-size: 22px;
            color: #1a1a1a;
            text-align: center
        }

        .p102-fdh-3 li.sidenavcur:before, .p102-fdh-3 li:hover:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            background: var(--main-color);
            ;
            left: 0;
            bottom: 0;
            z-index: 1
        }

        .p102-fdh-3 li.sidenavcur a, .p102-fdh-3 li:hover a {
            font-weight: bold;
            color: var(--main-color);
        }

            .p102-fdh-3 li.sidenavcur a:before, .p102-fdh-3 li:hover a:before {
                content: "";
                position: absolute;
                width: 12px;
                height: 12px;
                background: #fff;
                border: 3px solid var(--main-color);
                ;
                border-radius: 100%;
                left: 50%;
                margin-left: -9px;
                bottom: -8px;
                z-index: 2
            }

            .p102-fdh-3 li.sidenavcur a:after, .p102-fdh-3 li:hover a:after {
                content: "";
                position: absolute;
                width: 6px;
                height: 6px;
                background: var(--main-color);
                ;
                border-radius: 100%;
                left: 50%;
                margin-left: -3px;
                bottom: -2px;
                z-index: 3
            }

.p102-about-content {
    font-size: 16px;
    line-height: 32px;
    color: #4c4c4c;
    text-align: justify;
    padding: 40px 0
}


.cpy {
    height: 700px;
    padding-top: 30px;
    background: url(../images/0aaecbd9b67847c8a83b6995e11a1305_72.jpg?ver=3) no-repeat center bottom
}

    .cpy dd {
        float: left;
        width: 470px
    }

        .cpy dd h2 {
            line-height: 50px;
            font-weight: bold;
            font-size: 45px;
            color: #e3e4e6;
            font-family: Times New Roman;
            text-transform: uppercase
        }

            .cpy dd h2 em {
                font-size: 24px;
                line-height: 50px;
                display: block;
                font-style: normal;
                color: #333
            }

            .cpy dd h2 i {
                display: block;
                font-size: 20px;
                color: #000;
                font-style: normal
            }

        .cpy dd a {
            display: block;
            font-size: 16px;
            color: #fff;
            line-height: 45px;
            text-transform: uppercase;
            font-weight: normal;
            transition: all ease .4s;
            width: 145px;
            height: 45px;
            border-radius: 50px;
            text-align: center;
            margin-top: 15px;
            float: left;
            margin-right: 25px;
            background: linear-gradient(to right,#14a3be 0%,#0f8cb7 50%,#0971b0 100%)
        }

        .cpy dd p {
            line-height: 30px;
            font-size: 16px
        }

    .cpy dt {
        float: left;
        width: 700px
    }

.cda {
    height: 300px;
    margin-bottom: 56px
}

    .cda dt {
        float: left;
        width: 440px
    }

        .cda dt img {
            width: 440px;
            height: 300px;
            display: block
        }

    .cda dd {
        float: left;
        width: 719px;
        height: 300px;
        padding: 45px 40px 0;
        box-sizing: border-box;
        background: #f8f8f8
    }

    .cda h3 {
        width: 150px;
        line-height: 45px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        background: linear-gradient(to right,#14a3be 0%,#0f8cb7 50%,#0971b0 100%)
    }

    .cda p {
        font-size: 16px;
        line-height: 34px
    }

.str {
    height: 765px;
    padding-top: 20px;
    background: url(../images/0aaecbd9b67847c8a83b6995e11a1305_76.jpg?ver=7) no-repeat center top
}

.wz {
    width: 85%;
    font-size: 16px;
    text-align: center;
    padding: 20px 30px;
    margin: 0 auto 50px;
    box-sizing: border-box;
    color: #fff;
    background: linear-gradient(to right,#14a3be 0%,#0f8cb7 50%,#0971b0 100%)
}

.str li {
    float: left;
    width: 382px;
    margin-right: 26px;
    margin-bottom: 30px;
    text-align: center
}

    .str li:nth-child(3n) {
        margin-right: 0
    }

    .str li p {
        line-height: 45px;
        font-size: 16px;
        margin: 0;
        background: #fff
    }

.cul {
    margin-top: 80px
}

    .cul dl {
        margin-top: 60px
    }

        .cul dl dt {
            width: 530px;
            height: 460px;
            float: left
        }

        .cul dl dd {
            width: 620px;
            float: right
        }

            .cul dl dd p {
                font-size: 16px;
                background: #0066bb;
                color: #ffffff;
                padding: 13px 15px;
                margin-bottom: 50px;
                margin-top: 0
            }

            .cul dl dd ul li {
                height: 80px;
                margin-top: 31px;
                border-bottom: 1px dashed #ddd;
                padding-bottom: 32px;
                line-height: 80px
            }

                .cul dl dd ul li b {
                    display: inline-block;
                    width: 80px;
                    height: 80px;
                    float: left;
                    border: 1px solid #e4e4e4;
                    text-align: center
                }

                    .cul dl dd ul li b img {
                        width: 60px
                    }

                .cul dl dd ul li h3 {
                    float: left;
                    width: 80%;
                    line-height: 30px;
                    margin-left: 20px;
                    font-size: 16px;
                    font-weight: normal
                }

                    .cul dl dd ul li h3 i {
                        font-size: 20px;
                        font-weight: bold;
                        font-style: normal;
                        display: block;
                        line-height: 40px
                    }

.k12-gl-gslb-3nf1-1-01-left dl {
    width: 24%;
    float: left;
    background: #f0f0f0;
    margin: 0 1% 13px 0
}

    .k12-gl-gslb-3nf1-1-01-left dl:nth-child(5n-1) {
        margin-right: 0
    }

.k12-gl-gslb-3nf1-1-01-left dt {
    border: 1px solid #e5e5e5;
    padding: 10px 9px;
    background: #fff
}

    .k12-gl-gslb-3nf1-1-01-left dt img {
        display: block;
        width: 268px;
        height: 200px;
    }

.k12-gl-gslb-3nf1-1-01-left dd h4 {
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f0f0f0
}

    .k12-gl-gslb-3nf1-1-01-left dd h4 a {
        color: #4b4a4a
    }

.list {
    margin-top: 20px;
    height: 220px
}

    .list li {
        float: left;
        border: 1px solid #eee;
        width: 263px;
        height: 170px;
        text-align: center;
        margin-right: 20px;
        color: #666;
        margin-bottom: 30px;
        line-height: 160%;
        padding: 10px;
        font-family: 微软雅黑;
        background: #f8f8f8;
        transition: all 0.6s
    }

        .list li:hover {
            box-shadow: 2px 2px 20px #ccc;
            transform: scale(1.02)
        }

        .list li:last-child {
            margin-right: 0
        }

        .list li img {
            margin-top: 10px;
            width: 52px
        }

        .list li h3 {
            display: block;
            font-size: 18px;
            color: #333;
            padding: 10px 0;
            font-style: normal
        }

        .list li span {
            display: block;
            font-size: 16px
        }

.p4-order-form-1 {
    overflow: hidden
}

    .p4-order-form-1 .p4-titlel-1 {
        width: 145px;
        height: 46px;
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        color: #fff;
        background: #086cae
    }

.p4-order-form-1-con {
    border: 1px solid #bbb;
    background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
    padding: 40px 15%
}

    .p4-order-form-1-con li p {
        padding-left: 130px;
        color: #999;
        font-size: 12px
    }

    .p4-order-form-1-con li {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 35px;
        color: #666;
        overflow: hidden
    }

        .p4-order-form-1-con li span {
            font-weight: bold;
            color: #666
        }

        .p4-order-form-1-con li b {
            color: #f00
        }

        .p4-order-form-1-con li .row-hd {
            color: #666
        }

.timenum {
    padding-left: 95px
}

.p4-order-form-1-con li p {
    clear: both
}

.p4-order-form-1-con label {
    display: inline-block;
    width: 120px;
    color: #666;
    vertical-align: top;
    text-align: right;
    height: 33px;
    line-height: 33px;
    overflow: hidden
}

#code_gg {
    width: 80px;
    margin-right: 10px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #eee;
    height: 33px;
    line-height: 32px;
    color: #666
}

.p4-order-form-1-con .inputs, .p4-order-form-1-con li select {
    width: 73%;
    margin-right: 10px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #eee;
    height: 33px;
    line-height: 32px;
    color: #666;
    box-sizing: border-box
}

.p4-order-form-1-con .radioandcheck {
    vertical-align: middle
}

.p4-order-form-1-con .err {
    border: 1px solid #c00
}

.p4-order-form-1-con .p4-order-form-1-t1 {
    width: 100%
}

.p4-order-form-1-t1 textarea {
    width: 73%;
    height: 102px;
    line-height: 24px;
    border: 1px solid #eee;
    outline: none;
    resize: none;
    overflow: auto;
    margin-right: 10px;
    padding-left: 10px;
    box-sizing: border-box
}

.p4-order-form-1-con .p4-order-form-1-t2 {
    width: 100%
}

.p4-order-form-1-t2 input {
    width: 150px;
    vertical-align: top
}

.p4-order-form-1-t2 span {
    width: 153px;
    height: 25px
}

.p4-order-form-1-con .p4-order-form-1-t3 {
    padding-left: 120px
}

    .p4-order-form-1-con .p4-order-form-1-t3 input {
        width: 80px;
        height: 30px;
        border: 0;
        text-align: center;
        margin-right: 30px;
        color: #fff;
        padding-left: 0;
        cursor: pointer
    }

.p4-order-form-1-con .p4-order-form-1-b1 {
    background: #086cae
}

.p4-order-form-1-con .p4-order-form-1-b2 {
    background: #767676
}

.p4-order-form-1-con .p4-order-form-1-t4 {
    overflow: auto;
    height: auto;
    min-height: 35px;
    width: 100%
}

    .p4-order-form-1-con .p4-order-form-1-t4 input {
        vertical-align: middle;
        width: 14px;
        margin: 0 10px
    }

.cpys li {
    float: left;
    width: 296px;
    height: 260px;
    margin-right: 20px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 15px #dedede
}

    .cpys li em {
        display: block;
        width: 50px;
        height: 50px;
        margin: 10px auto;
        overflow: hidden
    }

    .cpys li h5 {
        font-size: 24px;
        height: 45px;
        line-height: 45px;
        font-weight: normal;
        color: #000
    }

    .cpys li:nth-child(1), .cpys li:nth-child(2) {
        float: left;
        width: 455px
    }

    .cpys li:nth-child(2), .cpys li:nth-child(5) {
        margin-right: 0
    }

    .cpys li p {
        font-size: 16px
    }

    .cpys li:hover {
        color: #fff;
        background: url(../images/c86c9637a555420fbcf71f7a71d72d58_6.jpg) no-repeat center center;
        background-size: 100% 100%
    }

        .cpys li:hover em img {
            margin-top: -90px
        }

        .cpys li:hover h5 {
            color: #fff
        }

.btn-form {
    display: block;
    border: 1px var(--main-color);
    ;
    width: 200px;
    height: 48px;
    font-size: 18px;
    color: #fff;
    line-height: 48px;
    border-radius: 4px;
    background: var(--main-color);
    ;
    text-align: center;
    margin: 30px auto;
}

.cpfwsy0, .cpgssy0 {
    display: block;
}

.cpfwsy1, .cpgssy1 {
    display: none;
}



.mcon1 {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.mcon1_t {
    display: block;
    height: auto;
    width: 100%;
    text-align: center;
    color: #848585;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 20px;
}

    .mcon1_t h3 {
        display: block;
        height: 50px;
        line-height: 50px;
        background: url('../images/m_01.png') no-repeat center center;
        color: #000000;
        font-size: 34px;
        font-weight: bold;
    }

        .mcon1_t h3 i {
            background: url("../images/line.png")no-repeat center;
            height: 22px;
            padding: 0 10px;
            width: 50px;
            display: inline-block;
        }

        .mcon1_t h3 span {
            color: var(--main-color);
            ;
        }

.mcon1_pc {
    width: 1200px;
    display: block;
    clear: both;
    height: 450px;
}

    .mcon1_pc:after, .mcon1:after {
        content: "";
        clear: both;
    }

    .mcon1_pc dl {
        float: left;
        width: 15.5%;
        margin-right: 1.16%;
        margin-bottom: 0.66%
    }

        .mcon1_pc dl.last {
            float: right;
            margin-right: 0
        }

        .mcon1_pc dl:nth-child(6) {
            margin-right: 0;
        }

        .mcon1_pc dl dt {
            display: block;
            border: 1px #b5b5b5 solid;
            transition: all 0.5s ease;
        }

        .mcon1_pc dl .hzpp {
            background: var(--main-color);
            ;
            line-height: 27px;
            height: 27px;
            overflow: hidden;
            padding: 0 8px;
            text-align: center;
        }

        .mcon1_pc dl:hover dt {
            border: 1px var(--main-color);
            solid;
            transform: translateY(-10px);
        }

        .mcon1_pc dl dt img {
            width: 100%;
            height: 60px
        }

        .mcon1_pc dl dd {
            display: block;
            width: 235px;
            line-height: 24px;
            color: #5d5b5b;
            font-size: 14px;
        }

            .mcon1_pc dl dd strong {
                display: block;
                line-height: 40px;
                font-size: 15px;
                text-align: center;
            }

            .mcon1_pc dl dd span {
                display: block;
                width: 92px;
                height: 32px;
                margin: 10px auto;
            }

                .mcon1_pc dl dd span a {
                    display: block;
                    width: 90px;
                    height: 30px;
                    line-height: 30px;
                    color: #bbbbbb;
                    text-align: center;
                    font-size: 13px;
                    border: 1px #bbbbbb solid;
                }

        .mcon1_pc dl:hover dd span a {
            background: #0280fb;
            color: #fff;
            border: 1px #0280fb solid;
        }