@charset "utf-8";

body {
    font-family: Microsoft Yahei;
    overflow-x: hidden;
    color: #666;
    background: #fff;
    position: relative;
}

ul, ol, li {
    list-style: none;
    padding: 0;
    margin: 0
}

a {
    color: #333;
}

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

    a:visited, a:active {
        outline: none;
    }

div:focus {
    outline: none;
}

/* 新 */
.content-box-addr {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
}

.s11-text .content-box-addr p {
    font-size: 14px
}

.s10-item {
    margin: 20px 0
}

    .s10-item a {
        display: block;
        position: relative;
        text-decoration: none;
        overflow: hidden
    }

.s10-img {
    float: left;
    width: 47px;
    height: 40px;
    margin-top: 10px;
    margin-right: 20px
}

.s10-text {
    overflow: hidden
}

    .s10-text h4 {
        margin: 0;
        font-size: 16px;
        color: #333
    }

    .s10-text p {
        margin-bottom: 0;
        font-size: 14px;
        font-family: FZLTXHK;
        color: #898989;
        line-height: 22px;
        padding-top: 10px
    }

.about-service-list {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    margin-bottom: 40px
}

    .about-service-list li {
        background: rgba(82, 82, 82, 0.42);
        width: 31%;
        height: 0;
        float: left;
        list-style: none;
        height: 110px;
        margin-bottom: 10px;
    }

        .about-service-list li strong {
            font-size: 18px;
            font-weight: 600;
            display: block;
            color: #fff;
            text-align: center;
        }

        .about-service-list li i {
            width: 74px;
            height: 64px;
            display: block;
            margin: 0 auto;
            display: flex;
            align-items: center; /*垂直居中*/
            justify-content: center; /*水平居中*/
        }



.anchor {
    display: block;
    height: 50px;
    margin-top: -50px;
    visibility: hidden;
}

.service_data_box {
    /*height: 150px;*/
    /*background-color: #ffffff;*/
    /*box-shadow: 0px 0px 15px 5px rgba(52, 27, 21, 0.06);*/
}

    .service_data_box ul {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

        .service_data_box ul li {
            width: 25%;
            height: 100%;
            float: left;
            border-right: 1px solid #e8e8e8;
            cursor: default;
            text-align: center;
        }

            .service_data_box ul li:last-child {
                border-right: none;
            }

            .service_data_box ul li:hover h2 {
                color: #145fbc;
            }

            .service_data_box ul li h2 {
                color: #3b3b3b;
                font-size: 50px;
                font-family: news706_b;
                margin-top: 40px;
                position: relative;
                transition: color 0.3s linear;
                font-weight: bold
            }

                .service_data_box ul li h2 .top_label {
                    width: 14px;
                    height: 14px;
                    display: inline-block;
                    font-size: 14px;
                    color: #919191;
                    font-weight: normal;
                    position: relative;
                    right: 15px;
                    top: -30px;
                }

                    .service_data_box ul li h2 .top_label div {
                        background-color: rgba(85, 85, 85, 0.4);
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                    }

                    .service_data_box ul li h2 .top_label .x_s {
                        width: 100%;
                        height: 4px;
                    }

                    .service_data_box ul li h2 .top_label .y_s {
                        width: 4px;
                        height: 100%;
                    }

            .service_data_box ul li p {
                color: #919191;
                font-size: 14px;
                margin-top: 10px;
            }



.news {
    height: 480px;
}

    .news .news_box {
        height: 413px;
        background-color: #ffffff;
        box-shadow: 0px 0px 20px 5px rgba(43, 47, 57, 0.06);
        margin-top: 25px;
    }

        .news .news_box > div {
            float: left;
        }

            .news .news_box > div .top_title {
                height: 54px;
                border-bottom: 1px dashed #e7e7e7;
                line-height: 54px;
            }

                .news .news_box > div .top_title span {
                    float: left;
                    color: #2b3d63;
                    font-size: 18px;
                    padding-left: 23px;
                }

                .news .news_box > div .top_title a {
                    display: block;
                    height: 100%;
                    width: 84px;
                    /*background: url("../images/service_index/more.png") no-repeat left center;*/
                    float: right;
                }

        .news .news_box .news1, .news .news_box .news2 {
            width: 35%;
            height: 100%;
            border-right: 1px solid #e7e7e7;
        }

            .news .news_box .news1 ul, .news .news_box .news2 ul {
                display: inline-block;
                width: 100%;
                height: auto;
                padding: 0 20px;
            }

                .news .news_box .news1 ul li, .news .news_box .news2 ul li {
                    border-bottom: 1px dashed #e7e7e7;
                    font-size: 14px;
                    padding: 20px 0;
                }

                    .news .news_box .news1 ul li:last-child, .news .news_box .news2 ul li:last-child {
                        border-bottom: none;
                    }

                    .news .news_box .news1 ul li:first-child .img_box, .news .news_box .news2 ul li:first-child .img_box {
                        width: 148px;
                        height: 89px;
                        float: left;
                    }

                    .news .news_box .news1 ul li:first-child .img_text, .news .news_box .news2 ul li:first-child .img_text {
                        float: right;
                        width: 208px;
                        text-align: left;
                    }

                        .news .news_box .news1 ul li:first-child .img_text h2, .news .news_box .news2 ul li:first-child .img_text h2 {
                            color: #5f5f5f;
                            font-size: 16px;
                            font-weight: normal;
                            margin: 0;
                        }

                        .news .news_box .news1 ul li:first-child .img_text .time, .news .news_box .news2 ul li:first-child .img_text .time {
                            color: #d2d2d2;
                            font-size: 12px;
                            padding: 4px 0;
                            margin: 0;
                        }

                        .news .news_box .news1 ul li:first-child .img_text .text, .news .news_box .news2 ul li:first-child .img_text .text {
                            color: #a4a4a4;
                            font-size: 13px;
                            height: 50px;
                            line-height: 24px;
                            overflow: hidden;
                        }

                    .news .news_box .news1 ul li .title, .news .news_box .news2 ul li .title {
                        display: inline-block;
                        width: 280px;
                        color: #8b8b8b;
                        text-align: left;
                        float: left;
                    }

                        .news .news_box .news1 ul li .title i, .news .news_box .news2 ul li .title i {
                            display: inline-block;
                            width: 0;
                            height: 0;
                            border-width: 2.5px 0px 2.5px 3px;
                            border-style: solid;
                            border-color: transparent transparent transparent #5d6679;
                            margin-right: 7px;
                            position: relative;
                            top: -2px;
                        }

                    .news .news_box .news1 ul li .times, .news .news_box .news2 ul li .times {
                        color: #757c8b;
                        float: right;
                        font-size: 12px;
                    }

        .news .news_box .news3 {
            width: 30%;
            height: 100%;
        }

            .news .news_box .news3 ul {
                display: inline-block;
                width: 100%;
                height: auto;
                /*background: url("../images/service_index/sort.png") no-repeat;*/
                background-position: 5px 10px;
            }

                .news .news_box .news3 ul li {
                    border-bottom: 1px dashed #e7e7e7;
                    padding: 0;
                    text-align: left;
                }

                    .news .news_box .news3 ul li:last-child {
                        border-bottom: none;
                    }

                    .news .news_box .news3 ul li a {
                        display: block;
                        width: 300px;
                        padding: 15px 20px 15px 40px;
                    }

                        .news .news_box .news3 ul li a h2 {
                            height: 17px\9;
                            color: #616a7c;
                            font-size: 16px;
                            font-weight: normal;
                            margin: 0;
                        }

                        .news .news_box .news3 ul li a .sort_s {
                            width: 14px;
                            height: 1px;
                            background-color: rgba(217, 222, 231, 0.88);
                            margin: 10px 0;
                        }

                        .news .news_box .news3 ul li a p {
                            color: #a2a5aa;
                            font-size: 12px;
                            line-height: 24px;
                            height: 50px;
                            overflow: hidden;
                            margin: 0
                        }

                        .news .news_box .news3 ul li a .title {
                            display: inline-block;
                            width: 280px;
                            color: #8b8b8b;
                            text-align: left;
                            float: left;
                        }

                            .news .news_box .news3 ul li a .title i {
                                display: inline-block;
                                width: 0;
                                height: 0;
                                border-width: 2.5px 0px 2.5px 3px;
                                border-style: solid;
                                border-color: transparent transparent transparent #5d6679;
                                margin-right: 7px;
                                position: relative;
                                top: -2px;
                            }

                        .news .news_box .news3 ul li a .times {
                            color: #757c8b;
                            float: right;
                            font-size: 12px;
                        }

        .news .news_box a:hover span.title, .news .news_box a:hover h2 {
            color: #145fbc !important;
        }

.zlbtns {
    width: 120px;
    padding: 0 8px;
    height: 30px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    background: #346eb6;
    display: block;
    margin: 18px auto;
}

.hot_recommend {
    width: 100%;
    height: 488px;
    text-align: left;
    margin-top: 39px;
    box-shadow: 0px 1px 5px 0px rgba(43, 47, 57, 0.08);
}

    .hot_recommend .recommend_left {
        width: 285px;
        height: 100%;
        float: left;
        background: url("/temp/images/img_01.jpg") no-repeat;
        position: relative;
    }

        .hot_recommend .recommend_left:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        .hot_recommend .recommend_left .left_content {
            padding: 36px 39px;
            height: 417px;
            color: #ffffff;
            position: relative;
            z-index: 2;
        }

            .hot_recommend .recommend_left .left_content h2 {
                font-size: 22px;
                font-weight: bold;
                margin-bottom: 10px;
                margin-top: 0;
            }

            .hot_recommend .recommend_left .left_content .sort_solid, .hot_recommend .recommend_left .left_content .little_solid, .hot_recommend .recommend_left .left_content .better_longer_solid, .hot_recommend .recommend_left .left_content .longer_solid {
                background-color: rgba(255, 215, 204, 0.5);
                height: 1px;
            }

            .hot_recommend .recommend_left .left_content .sort_solid {
                width: 22px;
            }

            .hot_recommend .recommend_left .left_content .little_solid {
                width: 11px;
            }

            .hot_recommend .recommend_left .left_content .en_title {
                font-size: 12px;
                color: #ffb5a1;
                margin: 5px 0 15px 0;
            }

            .hot_recommend .recommend_left .left_content .zh_title {
                height: 60px;
                font-size: 14px;
                color: #ffe7e1;
                line-height: 30px;
                -webkit-line-clamp: 2;
            }

            .hot_recommend .recommend_left .left_content .better_longer_solid {
                width: 200px;
            }

            .hot_recommend .recommend_left .left_content .more_link {
                height: auto;
                margin-top: 25px;
            }

                .hot_recommend .recommend_left .left_content .more_link a {
                    display: block;
                    color: #ffffff;
                    font-size: 16px;
                    margin-bottom: 18px;
                }

                    .hot_recommend .recommend_left .left_content .more_link a i {
                        display: inline-block;
                        width: 26px;
                        height: 15px;
                        /*background: url("../images/service_index/icon_09.png") no-repeat;*/
                        background-size: 100%;
                        margin-left: 10px;
                        position: relative;
                        top: 2px;
                        transition: all 0.3s linear;
                    }

                    .hot_recommend .recommend_left .left_content .more_link a:hover {
                        text-decoration: underline;
                    }

                        .hot_recommend .recommend_left .left_content .more_link a:hover i {
                            margin-left: 20px;
                        }

            .hot_recommend .recommend_left .left_content .longer_solid {
                width: 157px;
            }

            .hot_recommend .recommend_left .left_content .consultation_service {
                display: block;
                width: 100%;
                height: 37px;
                margin-top: 28px;
                line-height: 33px;
                text-align: center;
                font-size: 16px;
                color: #ffffff;
                border: solid 2px #ffffff;
                transition: all 0.3s linear;
            }

                .hot_recommend .recommend_left .left_content .consultation_service:hover {
                    background-color: #ffffff;
                    color: #ff734e;
                }

    .hot_recommend .recommend_right {
        width: 941px;
        height: 100%;
        float: left;
        background-color: #ffffff;
    }

        .hot_recommend .recommend_right ul {
            display: inline-block;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

            .hot_recommend .recommend_right ul li {
                float: left;
                width: 33%;
                height: 244px;
                border-right: 1px solid #e3e5e8;
                border-bottom: 1px solid #e3e5e8;
                cursor: default;
            }

                .hot_recommend .recommend_right ul li :hover {
                    color: #fff
                }

                .hot_recommend .recommend_right ul li:nth-of-type(3n) {
                    border-right: none;
                }

                .hot_recommend .recommend_right ul li:hover .recommend_content h2 {
                    color: #145fbc;
                }

                .hot_recommend .recommend_right ul li .recommend_content {
                    display: inline-block;
                    padding: 25px 23px;
                    width: 100%;
                    height: 154px;
                    text-align: center;
                }

                    .hot_recommend .recommend_right ul li .recommend_content .view_more {
                        display: block;
                        width: 24px;
                        height: 24px;
                        border-radius: 50%;
                        /*background: url("/images/icon_10.png") no-repeat;*/
                        margin: 0 auto;
                    }

                    .hot_recommend .recommend_right ul li .recommend_content h2 {
                        font-weight: normal;
                        font-size: 20px;
                        color: #303540;
                        margin-top: 27px;
                        transition: all 0.3s linear;
                    }

                    .hot_recommend .recommend_right ul li .recommend_content .title {
                        font-size: 14px;
                        color: #868a96;
                        margin-top: 18px;
                    }

                    .hot_recommend .recommend_right ul li .recommend_content .price {
                        font-size: 13px;
                        color: #2b3d63;
                        margin-top: 25px;
                    }

                        .hot_recommend .recommend_right ul li .recommend_content .price span {
                            font-size: 16px;
                            color: #ff734e;
                        }

                            .hot_recommend .recommend_right ul li .recommend_content .price span small {
                                font-size: 13px;
                            }



.content span {
    color: black;
    /*color: #999;*/
    font-size: 21px;
    /*font-size: 24px;*/
    line-height: 1.5;
    font-family: 'Arial', '微软雅黑';
    font-weight: 600;
    margin-bottom: 0px
}

.content li {
    list-style: none;
    margin: 0;
}

.content p {
    list-style: none;
    margin: 0;
    margin-bottom: 20px;
}

.btn-zx-online {
    width: 210px;
    height: 44px;
    display: block;
    border: 1px solid #818181;
    color: #cccccc;
    font-size: 14px;
    text-align: center;
    line-height: 44px;
}

    .btn-zx-online:hover {
        background-color: #414141;
        color: #fff;
    }

.btn-zx-online {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footDiv {
    min-height: 212px;
    /*min-height: 380px;*/
    /*background: #141516*/ /*url(/images/foot.jpg)*/ /*center top no-repeat fixed;*/
    background-size: cover;
}

.waal {
    padding: 10px 0
}

.foot_01 {
    height: 98px;
    line-height: 98px;
    padding-left: 270px;
    font-size: 16px;
    color: #b1b1b1;
    position: relative;
    display: none;
}

.foot_01_1 {
    height: 98px;
    line-height: 98px;
    padding-left: 270px;
    font-size: 16px;
    color: #b1b1b1;
    position: relative;
    display: block;
}

.foot_01 img {
    position: absolute;
    left: 20px;
    top: 32px;
}

.foot_01_1 img {
    left: 20px;
    top: 32px;
}

.foot_01_1 span {
    color: #c8c8c8;
    font-size: 18px;
    padding-left: 158px;
}

.foot_02 {
    color: #c9c9c9;
    border-top: rgba(255,255,255,0.1) solid 1px;
    border-bottom: rgba(255,255,255,0.1) solid 1px;
}

    .foot_02 .wal {
        min-height: 200px;
        /*min-height: 340px;*/
        position: relative;
    }

    .foot_02 h2 {
        padding: 45px 0 15px 0;
        font-weight: 600;
        font-size: 18px;
        margin: 0;
        color:black;
    }

    .foot_02 .content {
        line-height: 24px;
        font-size: 14px;
        /*width: 300px;*/
        width: 568px;
    }

    .foot_02 .part2 {
        position: absolute;
        left: 370px;
        top: 0px;
        width: 370px;
    }

    .foot_02 .part3 {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 320px;
    }

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

    .foot_02 .list {
        font-size: 14px;
        line-height: 32px;
        position: relative;
        left: -1em;
        top: -4px;
    }

        .foot_02 .list a {
            color: #c9c9c9;
            padding: 0 1em;
        }

            .foot_02 .list a:hover {
                color: #499aff;
            }

.foot_03 {
    padding: 35px 0;
    color: #808080;
    font-size: 12px;
    line-height: 24px;
}

    .foot_03 a {
        color: #808080;
    }

        .foot_03 a:hover {
            color: #ccc;
        }

    .foot_03 .link {
        padding-bottom: 10px;
    }

        .foot_03 .link a {
            display: inline-block;
            margin-right: 1em;
        }

    .foot_03 img {
        position: relative;
        top: -2px;
    }

.slick-prev {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    height: 110px;
    width: 31px;
    margin-top: -60px;
    background: url(../image/nimg30_1.png) center no-repeat;
    left: 50%;
    margin-left: -620px;
}

.goods {
    padding: 30px 30px 42px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(15,61,124,.2);
    box-shadow: 0 2px 8px 0 rgba(15,61,124,.2);
    margin-top: 80px;
}

    .goods .bigImg > img {
        width: 420px
    }

    .goods .bigImg {
        float: left;
        width: 420px
    }

        .goods .bigImg > img {
            width: 100%;
            height: 420px;
            margin-bottom: 14px
        }

        .goods .bigImg .bottomtext span img {
            width: 18px;
            height: 18px;
            margin-right: 4px;
            vertical-align: middle
        }

        .goods .bigImg .bottomtext span i {
            height: 14px;
            font-size: 14px;
            color: #999;
            margin-right: 20px;
            font-style: normal;
        }

    .goods .goodsRight {
        float: left;
        width: 640px;
        margin: 0 0 0 40px;
        font-size: 14px
    }

.goodsName {
    border-bottom: 1px solid #ddd
}

    .goodsName h4 {
        padding-top: 22px;
        margin: 0;
        color: #000;
    }

        .goodsName h4 i {
            font-size: 16px;
            color: #fff;
            font-weight: bold;
            font-style: normal;
            display: inline-block;
            width: 48px;
            height: 24px;
            line-height: 24px;
            background: #eb3232;
            border-radius: 2px;
            margin-right: 10px;
            text-align: center
        }

        .goodsName h4 span {
            font-size: 20px;
            font-weight: bold;
        }

    .goodsName .dec {
        color: #999;
        padding: 10px 0 18px;
        font-size: 14px;
        margin: 0;
    }

.goodsSKU {
    margin: 20px 0;
    border-bottom: 1px solid #ddd;
    height: 280px;
}


.rowDiv {
    margin-bottom: 16px;
    color: #333
}

    .rowDiv .price {
        font-size: 34px;
        color: #eb3232;
        font-family: Akrobat;
        font-weight: 700
    }

        .rowDiv .price em {
            content: "&yen";
            color: #eb3232;
            font-style: normal;
            font-size: 16px;
            margin-right: 2px
        }

    .rowDiv .rightSku a {
        cursor: pointer;
        display: inline-block;
        text-align: center;
        padding: 0 11px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #999;
        margin-right: 10px;
        color: #333
    }

        .rowDiv .rightSku a:hover {
            border: 1px solid #eb3232
        }

        .rowDiv .rightSku a.selectable {
            border: 1px solid #eb3232;
            color: #eb3232
        }

        .rowDiv .rightSku a.noClick {
            border: 1px solid #ccc;
            color: #ccc
        }

        .rowDiv .rightSku a.forbidden {
            padding: 9px 12px;
            background: #f1f1f1;
            color: #999;
            border: none
        }

    .rowDiv .el-cascader {
        line-height: inherit
    }

        .rowDiv .el-cascader .el-input__inner {
            padding-left: 5px
        }

    .rowDiv .el-input__inner {
        height: 32px;
        line-height: 32px;
        padding: 0;
        border-radius: 0
    }

    .rowDiv .el-cascader__label {
        height: 32px;
        line-height: 32px;
        padding: 0 11px;
        font-size: 14px;
        color: #333
    }

    .rowDiv .el-input--suffix .el-input__inner {
        padding-right: 0
    }

    .rowDiv .el-input__icon {
        line-height: 32px
    }

.rightSku {
    float: left;
    width: 564px
}

    .rightSku a {
        margin-bottom: 16px
    }

.rowDiv > span:first-child {
    display: inline-block;
    width: 76px;
    text-align: left;
    color: #999;
    line-height: 32px
}


.bigBtn {
    font-size: 0
}

    .bigBtn i {
        font-style: normal;
        font-weight: bold;
    }

    .bigBtn > a, .bigBtn > div {
        position: relative;
        width: 200px;
        height: 48px;
        line-height: 48px;
        border-radius: 2px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        background: #fff;
        color: #999;
        border: 1px solid #e4e4e4;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left
    }

        .bigBtn > a > img, .bigBtn > div > img {
            margin-top: -3px;
            margin-right: 10px;
            width: 20px;
            height: 20px
        }

    .bigBtn > div {
        margin-left: 20px
    }

    .bigBtn .freeBtn {
        border-color: #eb3232;
        color: #eb3232;
        background: #fff
    }

    .bigBtn .btns {
        color: #fff;
        background: #eb3232;
        border: none
    }

    .bigBtn .heming:after {
        content: "";
        position: absolute;
        top: 17px;
        right: 10px;
        width: 8px;
        height: 8px;
        border-left: 1px solid #bebebe;
        border-bottom: 1px solid #bebebe;
        background: #fff;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }

    .bigBtn .heming:hover:after {
        top: 21px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .bigBtn .heming:hover div {
        height: 222px;
        display: block
    }

    .bigBtn .heming div {
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        position: absolute;
        top: 45px;
        left: 0;
        width: 208px;
        height: 0;
        overflow: hidden
    }

    .bigBtn .heming span {
        position: absolute;
        top: 15px;
        left: 0;
        width: 200px;
        height: 200px;
        background: #fff;
        z-index: 10;
        border: 1px solid #e4e4e4;
        -webkit-box-shadow: 0 0 8px 2px rgba(15,61,124,.1);
        box-shadow: 0 0 8px 2px rgba(15,61,124,.1)
    }

        .bigBtn .heming span img {
            width: 180px;
            margin-top: 10px
        }

        .bigBtn .heming span:before {
            content: "";
            position: absolute;
            left: 89px;
            top: -8px;
            width: 15px;
            height: 15px;
            border-left: 1px solid #e4e4e4;
            border-bottom: 1px solid #e4e4e4;
            background: #fff;
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg)
        }

.infos .el-card__header {
    padding: 0 32px;
    line-height: 60px;
    overflow: hidden;
    font-size: 16px;
}

    .infos .el-card__header a {
        color: #666;
        float: left;
        margin-right: 40px;
        font-weight: 400;
        cursor: pointer
    }

        .infos .el-card__header a.active {
            color: #1972ea;
            position: relative
        }

            .infos .el-card__header a.active:after {
                content: "";
                height: 4px;
                width: 100%;
                background: #2271e8;
                border-radius: 4px;
                position: absolute;
                bottom: 0;
                left: 0
            }

.infos .imgTxt {
    margin: -20px
}

.infos header {
    padding-top: 10px;
    font-size: 18px;
}

    .infos header i {
        font-size: 16px;
        color: #ddd;
        line-height: 20px;
        margin-left: 16px
    }

.el-card__body {
    padding: 20px;
    font-size: 16px
}

.block {
    margin: 0 12px;
    padding-bottom: 40px;
    position: relative
}

    .block + .block:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 1px;
        background: #ccc
    }

    .block + .block {
        padding-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .block .index {
        width: 47px;
        line-height: 50px;
        color: #ccc;
        font-size: 42px;
        font-family: impact;
    }

    .block .content {
        padding-left: 8px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .block .content .top {
            overflow: hidden;
            margin-top: 5px;
            padding-bottom: 24px
        }

            .block .content .top div {
                float: left;
                height: 38px
            }

                .block .content .top div span {
                    display: block;
                    color: #333;
                    line-height: 22px
                }

                .block .content .top div i {
                    font-size: 14px;
                    color: #999;
                    line-height: 16px;
                    font-style: normal
                }

            .block .content .top > span {
                float: right;
                line-height: 38px;
                padding-left: 32px;
                cursor: pointer;
                position: relative
            }

                .block .content .top > span:before {
                    content: url(/assets/static/img/set.293c42f8f17e7d58bee45f48d49b1f6b.png);
                    position: absolute;
                    left: 0;
                    top: 0
                }

                .block .content .top > span img {
                    margin-top: 2px
                }

            .block .content .top + div {
                margin-right: -32px
            }

        .block .content .blockMain {
            line-height: 22px
        }

            .block .content .blockMain > div {
                overflow: hidden
            }

                .block .content .blockMain > div + div {
                    margin-top: 24px
                }


            .block .content .blockMain > div {
                float: left
            }

            .block .content .blockMain span:first-of-type {
                font-weight: 400
            }

            .block .content .blockMain span {
                color: #999;
                margin-right: 24px
            }

                .block .content .blockMain span.two {
                    margin-left: 100px;
                    font-weight: 400
                }

            .block .content .blockMain .itemMain {
                color: #1972ea;
                padding-left: 32px;
                margin-left: -6px;
                position: relative
            }

                .block .content .blockMain .itemMain:before {
                    content: url(/assets/static/img/check_on.59331b4144ff21cb9bf3ba241f3f373b.png);
                    position: absolute;
                    top: -6px;
                    left: 0
                }

                .block .content .blockMain .itemMain.gray {
                    color: #666
                }

                    .block .content .blockMain .itemMain.gray:before {
                        content: url(/assets/static/img/check_un.4f079e018fe5f84daf898c2f13e533df.png)
                    }

        .block .content .img img {
            width: 1080px
        }

        .block .content .service div {
            margin-bottom: 20px
        }

            .block .content .service div img {
                width: 1080px
            }

        .block .content .service::nth-of-type(3n) {
            margin: 0
        }

.base > div {
    line-height: 1.75;
    font-size: 16px;
    color: #666;
    margin-top: 20px
}

.el-table tbody .cell {
    line-height: 1.75
}

.el-table tbody tr td:last-child .cell {
    padding-right: 42px
}

.el-table .el-table__header-wrapper .cell {
    font-weight: 400 !important
}

.el-card {
    border: 1px solid #ebeef5;
    background-color: #fff;
    color: #303133;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

    .el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
        -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
    }

.el-card__header {
    padding: 18px 20px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.box-card .el-card__header {
    padding-left: 32px;
    color: #000;
    font-weight: 700;
    font-size: 16px;
}

.box-card {
    padding: 0;
    margin-top: 20px;
    overflow: hidden;
}

.twoLine tbody tr td:nth-of-type(2) .cell {
    font-weight: 700
}

.el-table th, .el-table tr {
    background-color: #fff
}

.el-table td, .el-table th {
    padding: 12px 0;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left
}

    .el-table td.is-center, .el-table th.is-center {
        text-align: center
    }

    .el-table td.is-right, .el-table th.is-right {
        text-align: right
    }

    .el-table td.gutter, .el-table th.gutter {
        width: 15px;
        border-right-width: 0;
        border-bottom-width: 0;
        padding: 0
    }

.el-table--medium td, .el-table--medium th {
    padding: 10px 0
}

.el-table--small td, .el-table--small th {
    padding: 8px 0
}

.el-table--mini td, .el-table--mini th {
    padding: 6px 0
}

.el-table .cell, .el-table th div {
    padding-right: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.el-table--border td:first-child .cell, .el-table--border th:first-child .cell, .el-table .cell, .el-table th div {
    padding-left: 10px
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td, .el-table th.is-leaf {
    border-bottom: 1px solid #ebeef5
}

.el-table th.is-sortable {
    cursor: pointer
}

.el-table th {
    white-space: nowrap;
    overflow: hidden;
    -moz-user-select: none;
    user-select: none
}

.el-table {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #606266
}

.el-table--enable-row-transition .el-table__body td {
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #f5f7fa;
}

.el-table thead {
    color: #909399;
    font-weight: 500
}

.hycon {
    display: inline-block;
}

.box1 {
    padding: 20px;
}

.fl-list li {
    list-style: none;
    width: 33.3%;
    float: left;
    height: 240px;
}

.fl-list .pic {
    text-align: center;
}

.fl-list img {
    width: 64px;
    height: 64px;
}

.jztxts {
    margin: 26px 0;
}

    .jztxts .name {
        font-size: 20px;
        color: #333;
        line-height: 24px;
        text-align: center;
        margin-bottom: 12px;
        font-weight: 700;
    }

    .jztxts .intro {
        font-size: 14px;
        color: #444;
        line-height: 20px;
        min-width: 72px;
        text-transform: uppercase;
    }

.advantage .bus header {
    padding-top: 20px
}

.advantage header, .infos header {
    font-size: 20px;
    line-height: 28px;
    color: #333;
    position: relative;
    padding-top: 40px;
    padding-bottom: 18px
}

    .advantage header:after, .infos header:after {
        content: " ";
        height: 16px;
        width: 100px;
        position: absolute;
        bottom: 0;
        left: -16px;
        background: url(/images/ys-line.png)
    }

.advantage .city {
    background: #f5f5f5;
    margin: 0 -20px;
    padding: 0 32px;
    height: 590px;
    position: relative;
    display: block;
}

    .advantage .city img {
        width: 100%;
    }

.advantage .img img {
    width: 100%;
    margin: 30px 0;
}

.advantage .img {
    display: block;
}

.advantage .industry {
    height: 560px;
    background: url(/images/duibi.png);
    margin: 0 -20px;
    padding-left: 32px;
    position: relative;
    display: block;
}

    .advantage .industry header {
        color: #fff
    }

        .advantage .industry header:after {
            background: url(/images/ys-line-w.png)
        }

    .advantage .industry div {
        position: absolute
    }

    .advantage .industry .left {
        top: 136px;
        left: 218px
    }

        .advantage .industry .left p {
            font-size: 18px;
            color: #fff;
            line-height: 25px
        }

            .advantage .industry .left p + p {
                margin-top: 35px
            }

            .advantage .industry .left p:first-of-type {
                font-size: 28px;
                line-height: 40px;
                margin-left: 192px
            }

            .advantage .industry .left p:nth-of-type(3) {
                margin-left: 16px
            }

            .advantage .industry .left p:nth-of-type(4) {
                margin-left: 30px
            }

            .advantage .industry .left p:nth-of-type(5) {
                margin-left: 55px
            }

            .advantage .industry .left p:nth-of-type(6) {
                margin-left: 102px
            }

    .advantage .industry .right {
        left: 645px;
        top: 141px
    }

        .advantage .industry .right p {
            font-size: 14px;
            color: #999;
            line-height: 20px
        }

            .advantage .industry .right p + p {
                margin-top: 40px
            }

            .advantage .industry .right p:first-of-type {
                font-size: 22px;
                line-height: 30px
            }

            .advantage .industry .right p:nth-of-type(2) {
                margin-left: 10px
            }

            .advantage .industry .right p:nth-of-type(3) {
                margin-left: 20px
            }

            .advantage .industry .right p:nth-of-type(4) {
                margin-left: 30px
            }

            .advantage .industry .right p:nth-of-type(5) {
                margin-left: 40px
            }

            .advantage .industry .right p:nth-of-type(6) {
                margin-left: 60px
            }

.afterQa {
    padding-bottom: 24px;
    padding-right: 40px;
    margin-left: 12px;
    margin-right: -20px
}

    .afterQa + .afterQa {
        border-top: 1px solid #ddd;
        padding-top: 24px
    }

    .afterQa p {
        font-size: 14px;
        line-height: 20px
    }

        .afterQa p:first-of-type {
            color: #333;
            font-weight: 600
        }

        .afterQa p:nth-of-type(2) {
            color: #666;
            margin-top: 8px;
            line-height: 1.75
        }






/* 通用 */

.blank5, .blank10, .blank15, .blank20, .blank30, .blank50, .blank60 {
    clear: both;
    height: 5px;
    overflow: hidden;
}

.blank10 {
    height: 10px;
}

.blank15 {
    height: 15px;
}

.blank20 {
    height: 20px;
}

.blank30 {
    height: 30px;
}

.blank50 {
    height: 50px;
}

.blank60 {
    height: 60px;
}


.color-orange {
    color: #FE6604
}



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

.s1-item {
    position: relative;
    margin: 20px 10px;
    border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    box-shadow: 0 5px 15px 0 #eee;
}

    .s1-item:after {
        content: "";
        position: absolute;
        left: 2%;
        bottom: -2px;
        width: 0;
        transition: all 300ms ease-in-out 0s;
        display: block;
        height: 5px;
        background: #060D33;
        background-image: linear-gradient(150deg, #0E77EA 0%, #060D33 100%);
    }

.s1-img {
    padding: 20px 0;
    overflow: hidden;
    height: 124px;
    text-align: center;
}

    .s1-img img {
        max-width: 100%;
        height: 84px;
        margin: 0px auto;
    }

.s1-text {
    padding-top: 10px;
}

    .s1-text h4 {
        color: #000;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .s1-text h4 a {
            color: #000;
        }

        .s1-text h4:after {
            margin: 20px 0 10px;
            content: "";
            display: block;
            height: 1px;
            width: 100%;
            background: #ccc;
        }

    .s1-text p {
        color: #666;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }

.s1-item:hover {
    border-color: #555;
    box-shadow: 0 5px 15px 0 #ccc;
}

    .s1-item:hover .s1-img img {
        transform: translateY(-500px);
        filter: drop-shadow( 0 500px #060D33);
    }

    .s1-item:hover .s1-text h4 {
        color: #060D33;
    }

        .s1-item:hover .s1-text h4 a {
            color: #060D33;
        }

    .s1-item:hover:after {
        width: 96%;
    }




.section2 {
}

.s2 {
    padding: 30px 15px 60px;
}

.swiper2 {
    width: 100%;
    height: 100%;
}

    .swiper2 .swiper-pagination {
        position: static;
        margin-top: 20px;
        text-align: center;
    }

        .swiper2 .swiper-pagination .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            margin: 0 5px;
            border: 1px solid #ccc;
            display: inline-block;
            border-radius: 50%;
            background: #fff;
            opacity: 1;
        }

        .swiper2 .swiper-pagination .swiper-pagination-bullet-active {
            background: #ccc;
        }




.s2-item { /*border:1px solid #ccc;*/
    padding: 40px 0px;
}

    .s2-item:after {
        content: "";
        display: table;
        clear: both;
    }

.s2-img {
    float: left;
    width: 50%;
    height: auto;
    margin-right: 30px;
}

    .s2-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.s2-text {
    overflow: hidden;
    padding-top: 20px;
}

    .s2-text h4 {
        font-size: 26px;
        color: #333;
        text-transform: uppercase;
        margin-bottom: 40px;
    }

        .s2-text h4 b {
            margin-left: 15px;
            padding-left: 15px;
            border-left: 1px solid #ccc;
        }

        .s2-text h4 a {
            color: #333;
        }

        .s2-text h4:after {
            content: "";
            display: block;
            height: 3px;
            width: 60px;
            margin: 20px 0;
            background: #0E77EA;
            background-image: linear-gradient(150deg, #0E77EA 0%, #060D33 100%);
        }

    .s2-text span {
        font-size: 22px;
        color: #555;
        display: block;
        margin-bottom: 30px;
    }

    .s2-text p {
        line-height: 24px;
        height: 72px;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .s2-text a.more {
        display: inline-block;
        line-height: 40px;
        padding: 0 40px;
        color: #fff;
        border-radius: 50px;
        background: #060D33;
        box-shadow: 0 5px 15px 0 #eee;
    }

/*@media screen and (min-width: 0) and (max-width: 1199px) {
    .s2-text {
        padding-top: 0;
    }

        .s2-text h4 {
            margin-bottom: 20px;
        }

        .s2-text span {
            margin-bottom: 20px;
        }

        .s2-text p {
            margin-bottom: 20px;
        }
}*/
/*
@media screen and (min-width: 0) and (max-width: 991px) {
    .s2-img {
        width: 100%;
        float: none;
        margin: 0 auto 20px;
    }
}*/
/*
@media screen and (min-width: 0) and (max-width: 767px) {
    .s2-item {
        padding: 15px;
    }

    .s2-text h4 {
        font-size: 22px;
    }

    .s2-text span {
        font-size: 18px;
    }

    .s2-text a.more {
        margin-bottom: 10px;
    }
}
*/

.section3 {
    position: relative;
    padding: 19px 0px;
    /*padding: 100px 0 0;*/
    /*    background: #0E77EA;
    background-image: linear-gradient(150deg, #0E77EA 0%, #060D33 100%);*/
}

 /*   .section3:after {
        content: "";
        display: block;
        background: #f0f2f5;
        z-index: 1;
        width: 100%;
        height: 140px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
*/
.s3 {
    background: #fff;
    position: relative;
    z-index: 2;
}

.s3-1 {
    float: left;
    position: relative;
    /*height: 344px;*/
    width: 344px;
    background-size: cover
}

    .s3-1 img {
        width: 100%;
        overflow: hidden;
    }

    .s3-1 h4 {
        font-size: 20px;
        color: #fff;
        line-height: 38px;
        padding-left: 30px;
        margin: 0;
        padding-top: 43px
    }

    .s3-1 p {
        font-size: 30px;
        color: #fff;
        padding: 0px 0px 30px 30px;
        font-weight: 700;
        line-height: 45px
    }

        .s3-1 p:after {
            content: "";
            display: block;
            height: 3px;
            width: 2em;
            background: #fff;
            margin-top: 10px
        }

    .s3-1 h5 {
        color: #fff;
        font-size: 20px;
        padding: 5px 30px
    }

        .s3-1 h5 span {
            font-size: 14px;
        }

    .s3-1 a.more {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-top: 1px solid rgba(255,255,255,.5);
        padding: 12px 30px;
        text-align: right;
        line-height: 37px;
        color: #fff;
        font-size: 16px
    }

        .s3-1 a.more em {
            float: left;
            display: inline-block;
            width: 45px;
            height: 37px;
            background: url(../images/base/s3-ico.jpg)
        }

.s3-2 {
    /*padding: 50px;*/
    padding: 50px 0 0px 20px;
    overflow: hidden;
}

    .s3-2 h4 {
        font-size: 34px;
        font-weight: bold;
        color: green;
        /* color: #060D33; */
        line-height: 51px;
        margin: 0;
    }

    .s3-2 span {
        text-transform: uppercase;
        font-size: 14px;
        color: #dbdbdb;
        line-height: 25px
    }

    .s3-2 p {
        font-size: 20px;
        color: black;
        line-height: 32px;
        margin-bottom: 20px;
        margin-top: 15px;
        /*height: 128px;*/
        overflow: hidden;
        font-weight: 400;
    }

    .s3-2 a.more {
        display: inline-block;
        padding: 5px 30px;
        color: #a2a2a2;
        text-transform: uppercase;
        border: 1px solid #eee;
        border-radius: 50px;
        box-shadow: 0 5px 15px 0 #eee;
    }

        .s3-2 a.more:hover {
            background: #060D33;
            border-color: #060D33;
            color: #fff
        }

/*@media screen and (min-width: 0) and (max-width: 767px) {
    .section5 {
        padding: 15px 0;
    }

        .section5:after {
            display: none;
        }

    .s3 {
        height: auto;
    }

    .s3-1 {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 100px;
    }

    .s3-2 {
        padding: 20px;
    }
}*/



.index-title {
    margin-bottom: 30px;
}

    .index-title:after {
        content: "";
        display: table;
        clear: both;
    }

    .index-title ul {
        padding: 0;
        margin: 0;
        float: right;
    }

        .index-title ul li {
            display: inline-block;
            margin-left: 2px;
        }

            .index-title ul li a {
                display: inline-block;
                line-height: 30px;
                padding: 0 15px;
                background: #F6F6F6;
                border: 1px solid #EFEFEF;
                color: #666;
            }

                .index-title ul li a:hover,
                .index-title ul li a.active {
                    color: #fff;
                    background: #060D33;
                }

    .index-title h4 {
        float: left;
        margin: 0;
        font-size: 22px;
        color: #333;
    }

        .index-title h4 a {
            color: #333;
        }

    .index-title p {
        font-size: 14px;
        float: left;
        display: block;
        margin-left: 10px;
        margin-top: 3px;
        color: #9e9e9e
    }

    .index-title h4:after {
        content: "";
        display: block;
        height: 2px;
        width: 2em;
        background: #060D33;
        margin: 20px 0 0
    }

/*@media screen and (min-width: 0) and (max-width: 991px) {
    .index-title ul {
        display: none;
    }
}
*/

.section4 {
    padding: 30px 15px;
}

.s4 {
}

.swiper4 {
    width: 100%;
    height: 100%;
}

    .swiper4 .swiper-pagination {
        position: static;
        margin-top: 40px;
        text-align: center;
    }

        .swiper4 .swiper-pagination .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            margin: 0 5px;
            border: 1px solid #ccc;
            display: inline-block;
            border-radius: 50%;
            background: #fff;
            opacity: 1;
        }

        .swiper4 .swiper-pagination .swiper-pagination-bullet-active {
            background: #ccc;
        }

.s4-item {
    margin: 20px 0;
}

    .s4-item:hover {
        box-shadow: 0 5px 15px 0 #eee;
    }

.s4-img img {
    width: 100%;
    height: auto;
}

.s4-text {
    padding: 30px 0px 15px 0px;
    text-align: center;
}

    .s4-text h4 {
        color: #000;
        font-size: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .s4-text h4 a {
            color: #000;
        }

    .s4-text p {
        margin: 40px 5%;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
        color: #999;
    }

    .s4-text a.more {
        display: inline-block;
        line-height: 30px;
        width: 120px;
        border: 1px solid #ccc;
        color: #333;
        border-radius: 50px;
        box-shadow: 0 5px 15px 0 #eee;
    }

.s4-item:hover .s4-text a.more {
    color: #fff;
    border-color: #060d33;
    background: #060D33;
    box-shadow: 0 5px 15px 0 #ccc;
}


.section5 {
    padding: 30px 0;
}

.s5 {
    position: relative;
    padding-right: 365px
}

.s5-text {
    border-color: #0E77EA;
    background: #0E77EA;
    background-image: linear-gradient(150deg, #0E77EA 0%, #060D33 100%);
    padding: 30px;
    padding-right: 230px
}

    .s5-text h4 {
        font-size: 24px;
        color: #fff;
        margin-bottom: 0;
        line-height: 34px
    }

        .s5-text h4 a {
            color: #fff;
        }

    .s5-text span {
        line-height: 23px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase
    }

    .s5-text p {
        line-height: 37px;
        color: #fff;
        margin-top: 19px;
        font-size: 16px;
        overflow: hidden;
        height: 185px
    }

    .s5-text em {
        display: block;
        height: 3px;
        background: rgba(255,255,255,.3);
        width: 0;
        transition: all .3s ease-in-out 0s;
        margin: 25px 0
    }

    .s5-text:hover em {
        width: 100px
    }

.s5-img {
    position: absolute;
    right: 0;
    top: 30px;
    height: 325px;
    overflow: hidden
}

    .s5-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
/*
@media screen and (min-width: 0) and (max-width: 991px) {
    .section5 {
        padding: 0;
    }

    .s5 {
        padding: 0;
    }

    .s5-img {
        position: static;
        width: 100%;
        height: auto;
    }

    .s5-text {
        padding: 30px;
    }

        .s5-text p {
            height: auto;
        }

        .s5-text em {
            width: 100px;
            margin: 0;
        }
}*/


.section6 {
    padding: 30px 0;
}

.s6-item {
    margin: 20px 0
}

    .s6-item:hover {
        box-shadow: 0 5px 15px 0 #ccc;
    }

.s6-img {
    display: block;
    overflow: hidden
}

    .s6-img img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        transition: .6s
    }

.s6-item:hover .s6-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.s6-text {
    padding: 15px;
    border-bottom: 1px solid rgba(238, 238, 238, 0.1);
}

    .s6-text h4 {
        font-size: 18px;
        color: #4c4b4b;
        line-height: 27px;
        padding-top: 10px;
        margin-top: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .s6-text h4 small {
            float: right;
            color: #ff7024
        }

    .s6-text p {
        font-size: 14px;
        color: #a2a2a2;
        line-height: 25px;
        margin-top: 7px;
        overflow: hidden;
        height: 50px
    }

.s6-text2 {
    padding: 15px
}

    .s6-text2 a {
        display: inline-block;
        border: 1px solid #eaeaea;
        color: #a2a2a2;
        padding: 2px 35px;
        line-height: 27px;
        text-align: center;
        transition: all 0s ease-in-out 0s;
        box-shadow: 0 5px 15px 0 #eee;
    }

.s6-item:hover {
    border-color: #0E77EA;
    background: #0E77EA;
    background-image: linear-gradient(150deg, #0E77EA 0%, #0E77EA 100%);
}

    .s6-item:hover .s6-text h4 small {
        color: #fff;
    }

    .s6-item:hover .s6-text2 a {
        box-shadow: none;
    }

    .s6-item:hover .s6-text h4 {
        color: #fff
    }

    .s6-item:hover .s6-text p {
        color: #fff
    }

    .s6-item:hover .s6-text2 a {
        border-radius: 50px;
        background: #fff
    }

        .s6-item:hover .s6-text2 a:hover {
            color: #1D84ED;
        }
/*
@media screen and (min-width: 0) and (max-width: 486px) {
    .s6-item {
        margin: 20px 15px;
    }
}
*/

.section7 {
    position: relative;
    background: #F6F6F6;
    overflow: hidden
}

    .section7:after {
        position: absolute;
        display: block;
        z-index: 1;
        content: "";
        height: 100%;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 100%;
        background: #0E77EA
    }

.s7-1 {
    height: 226px;
    padding: 60px 0 0;
    position: relative;
    z-index: 2
}

    .s7-1 h4 {
        font-size: 30px;
        margin-bottom: 0;
        color: #060D33;
        line-height: 40px
    }

    .s7-1 p {
        display: block;
        font-size: 16px;
        color: #b5b5b5;
        line-height: 25px
    }

.s7-2 {
    background: #0E77EA;
    height: 226px;
    position: relative;
    z-index: 2
}

.s7-2-text {
    padding: 50px 0px 0px 50px;
    height: 226px;
    overflow: hidden
}

    .s7-2-text h4 {
        margin: 0;
        font-size: 16px;
        color: #fff;
        line-height: 29px
    }

    .s7-2-text span {
        display: block;
        font-size: 32px;
        color: #fff;
        font-weight: 700;
        line-height: 41px
    }

    .s7-2-text p {
        font-size: 14px;
        color: #fff;
        line-height: 30px
    }

.s7-2-img {
    height: 226px
}

    .s7-2-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.section7 .s7-2-text a.more {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    width: 120px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 50px;
}

    .section7 .s7-2-text a.more:hover {
        background: #fff;
    }

    .section7 .s7-2-text a.more .glyphicon {
        font-size: 12px;
        font-weight: normal;
        line-height: 38px;
    }

    .section7 .s7-2-text a.more:hover .glyphicon {
        color: #0E77EA
    }

/*@media screen and (min-width: 992px) and (max-width: 1199px) {
    .s7-2-text span {
        font-size: 26px;
    }
}
*/
/*@media screen and (min-width: 768px) and (max-width: 991px) {
    .section7:after {
        display: none;
    }

    .s7-1 {
        height: auto;
        padding: 20px;
    }
}
*/
/*@media screen and (min-width: 0) and (max-width: 767px) {
    .section7:after {
        display: none;
    }

    .s7-1 {
        height: auto;
        padding: 20px;
    }

    .s7-2 {
        height: auto;
    }

    .s7-2-text {
        height: auto;
        padding: 20px;
    }
}
*/

.section8 {
    padding: 60px 0 30px;
}

.s8-left {
    margin: 15px 0;
}

.s8-right {
    margin: 15px 0;
}

.s8-item {
    background: #f5f5f5;
    height: 116px;
    padding: 30px;
}

    .s8-item + .s8-item {
        margin-top: 15px;
    }

.s8-date {
    float: left;
    padding-right: 30px
}

    .s8-date h4 {
        line-height: 28px;
        font-size: 24px;
        color: grey;
        margin: 0;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .s8-date p {
        margin-top: 5px;
        margin-bottom: 0;
        font-size: 16px;
        color: #bebebe;
        display: block;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.s8-text {
    overflow: hidden;
    padding-left: 30px;
    border-left: 1px solid #ccc
}

    .s8-text h4 {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 18px;
        color: #515050;
        line-height: 25px;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 0;
        text-overflow: ellipsis
    }

        .s8-text h4 a {
            color: #515050;
            transition: all 0ms ease-in-out 0s;
        }

    .s8-text p {
        font-size: 14px;
        color: #c2c2c2;
        display: block;
        line-height: 28px;
        margin-bottom: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.s8-item:hover {
    background: #060D33;
    box-shadow: 0 5px 15px 0 #ccc;
}

    .s8-item:hover .s8-date h4 {
        color: #fff;
    }

    .s8-item:hover .s8-date p {
        color: #fff;
    }

    .s8-item:hover .s8-text h4 {
        color: #fff;
    }

        .s8-item:hover .s8-text h4 a {
            color: #fff;
        }

    .s8-item:hover .s8-text p {
        color: #fff;
    }

.s8-left-img {
    height: 262px;
}

    .s8-left-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

/*@media screen and (min-width: 0) and (max-width: 479px) {
    .s8-date {
        display: none;
    }

    .s8-text {
        border: none;
        padding-left: 0;
    }
}
*/

.section9 {
    padding: 30px 15px;
}

.swiper9 {
    width: 100%;
    height: 100%;
}

    .swiper9 .swiper-pagination {
        position: static;
        margin-top: 20px;
        text-align: center;
    }

        .swiper9 .swiper-pagination .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            margin: 0 5px;
            border: 1px solid #ccc;
            display: inline-block;
            border-radius: 50%;
            background: #fff;
            opacity: 1;
        }

        .swiper9 .swiper-pagination .swiper-pagination-bullet-active {
            background: #ccc;
        }


.s9-item {
    text-align: center;
    border: 1px solid #eee;
    padding: 10px;
}

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


.foot {
    border-top: 1px solid #eee;
    padding: 30px 0;
}

.foot-ul {
    margin: 20px 15px;
}

    .foot-ul ul {
        padding: 0;
        margin: 0;
    }

    .foot-ul h4 {
        font-size: 16px;
        color: #333;
        margin-bottom: 20px;
    }

        .foot-ul h4 a {
            color: #333;
        }

    .foot-ul ul li {
        line-height: 26px;
    }

        .foot-ul ul li a {
            color: #999;
        }

.foot-tel, .foot-email {
    text-align: left;
    margin: 20px 0;
}

    .foot-tel h4, .foot-email h4 {
        margin-bottom: 15px;
        color: #333;
        font-size: 16px;
    }

        .foot-tel h4 a, .foot-email h4 a {
            color: #333;
        }

    .foot-tel p, .foot-email p {
        margin-bottom: 15px;
        color: #999;
        font-size: 18px;
    }

.erweima, .checkout {
    text-align: center;
    margin: 20px 0;
}

    .erweima img, .checkout img {
        max-width: 100%;
        height: auto;
    }

    .erweima p, .checkout p {
        margin-top: 10px;
        color: #999;
    }
/*
@media screen and (min-width: 0) and (max-width: 486px) {
    .erweima {
        display: none;
    }

    .checkout {
        clear: both;
    }

    .foot-ul ul {
        min-height: 149px;
    }
}
*/
.visual-friendlink-logo h5 {
    font-size: 22px;
}

    .visual-friendlink-logo h5:after {
        content: "";
        display: block;
        height: 2px;
        width: 2em;
        background: #060D33;
        margin: 20px 0 0;
    }

.footer {
    /*background: #1e201f;*/
}

.copyright {
    text-align: center;
}

    .copyright p {
        color: #999;
        margin-bottom: 2px;
        float: left
    }

        .copyright p a {
            color: #999;
        }


.cbanner {
    margin-top: 70px;
    background-size: cover;
}
    /*
@media screen and (max-width:486px) {
    .cbanner {
        margin-top: 0px;
    }
}
*/
    .cbanner .container {
        height: 100%;
    }

.cbanner-bg {
    height: 100%;
    background: url(/images/about-banner.jpg);
}

.cbanner-title {
    position: relative;
    display: block;
    height: 100%;
}

    .fat-menu2-title h4.column-title,
    .cbanner-title h4.column-title,
    .cbanner-title h4.special-title,
    .cbanner-title h4.type-title {
        position: absolute;
        top: 40%;
        transform: translateY(-40%);
        color: #fff;
        font-size: 42px;
    }

        .cbanner-title h4.column-title,
        .cbanner-title h4.column-title a,
        .cbanner-title h4.special-title a,
        .cbanner-title h4.type-title a {
            color: #fff;
        }

            .cbanner-title h4.column-title:after,
            .cbanner-title h4.special-title:after,
            .cbanner-title h4.type-title:after {
                content: "";
                display: block;
                height: 3px;
                width: 2em;
                background: #fff;
                margin-top: 15px;
            }

/*
@media (min-width:769px) {
    .cbanner-bg {
        min-height: auto;
    }

    .cbanner-title {
        margin-bottom: 40px;
    }

        .cbanner-title h4.column-title,
        .cbanner-title h4.special-title,
        .cbanner-title h4.type-title {
            font-size: 40px;
        }
}*/
/*
@media (min-width:992px) {
    .cbanner-bg {
        min-height: auto;
    }

    .cbanner-title h4.column-title,
    .cbanner-title h4.special-title,
    .cbanner-title h4.type-title {
        font-size: 30px;
    }
}*/
/*
@media (max-width:768px) {
    .cbanner-bg {
        min-height: auto;
    }

    .cbanner-title {
        margin-bottom: 30px;
    }

        .cbanner-title h4.column-title,
        .cbanner-title h4.special-title,
        .cbanner-title h4.type-title {
            font-size: 20px;
        }
}*/


.list-title {
    position: relative;
}

    .list-title h4.column-title,
    .list-title h4.special-title,
    .list-title h4.type-title,
    .list-title h4.content-title {
        font-size: 22px;
        color: #333;
        margin: 30px 0px 0px 0px;
    }

        .list-title h4.column-title a,
        .list-title h4.special-title a,
        .list-title h4.type-title a
        .list-title h4.content-title a {
            color: #333;
        }

    .list-title p.column-htmldir,
    .list-title p.special-htmldir,
    .list-title p.type-htmldir {
        color: #333;
        font-size: 16px;
    }

        .list-title p.column-htmldir a,
        .list-title p.special-htmldir a,
        .list-title p.type-htmldir a {
            color: #333;
        }

    .list-title span.column-text,
    .list-title span.special-text,
    .list-title span.type-text {
        display: block;
        font-size: 16px;
        margin-top: 30px;
    }

    .list-title ul.column-subcolumn,
    .list-title ul.special-subspecial,
    .list-title ul.type-subtype {
        padding: 0;
        margin: 20px 0 0;
    }

        .list-title ul.column-subcolumn li.column-subcolumn-title,
        .list-title ul.special-subspecial li.special-subspecial-title,
        .list-title ul.type-subtype li.type-subtype-title {
            display: inline-block;
            margin-right: 15px;
        }

            .list-title ul.column-subcolumn li.column-subcolumn-title a,
            .list-title ul.special-subspecial li.special-subspecial-title a,
            .list-title ul.type-subtype li.type-subtype-title a {
                display: inline-block;
                border: 1px solid #060D33;
                color: #060D33;
                line-height: 36px;
                padding: 0 30px;
                border-radius: 2px;
                margin-top: 10px;
            }

                .list-title ul.column-subcolumn li.column-subcolumn-title a:hover,
                .list-title ul.special-subspecial li.special-subspecial-title a:hover,
                .list-title ul.type-subtype li.type-subtype-title a:hover,
                .list-title ul.column-subcolumn li.column-subcolumn-title a.active,
                .list-title ul.special-subspecial li.special-subspecial-title a.active,
                .list-title ul.type-subtype li.type-subtype-title a.active {
                    background: #060D33;
                    color: #fff;
                }
/*
@media screen and (min-width: 992px) {
    .list-title2:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 100%;
        height: 50px;
        width: 50%;
        background: #fff;
    }

    .list-title2 {
        padding-top: 0;
    }
}*/
/*
@media screen and (min-width: 768px) and (max-width: 991px) {
    .list-title ul.column-subcolumn li.column-subcolumn-title,
    .list-title ul.special-subspecial li.special-subspecial-title,
    .list-title ul.type-sutype li.type-sutype-title {
        margin-right: 20px;
    }
}
*/
/*@media screen and (min-width: 480px) and (max-width: 767px) {
    .list-title ul.column-subcolumn li.column-subcolumn-title,
    .list-title ul.special-subspecial li.special-subspecial-title,
    .list-title ul.type-sutype li.type-sutype-title {
        margin-right: 15px;
    }
}*/
/*
@media screen and (min-width: 0) and (max-width: 479px) {
    .list-title ul.column-subcolumn li.column-subcolumn-title,
    .list-title ul.special-subspecial li.special-subspecial-title,
    .list-title ul.type-sutype li.type-sutype-title {
        margin-right: 10px;
    }
}*/


.content-subtitle {
    margin-left: 15px;
    margin-right: 15px;
}



.section11 {
    padding: 0 0 60px;
    background: #fff;
}

.s11-img {
    box-shadow: 0 5px 15px 0 #ccc;
}

    .s11-img img {
        width: 100%;
        height: auto;
    }

.s11-text {
    padding-top: 10px;
}

    .s11-text h4 {
        color: #333;
        font-size: 20px;
        margin: 40px 0;
    }

    .s11-text p {
        color: #666;
        font-size: 16px;
        line-height: 1.8;
    }
/*
@media screen and (min-width: 480px) and (max-width: 767px) {
    .section11 {
        padding-bottom: 40px;
    }

    .s11-text h4 {
        margin: 20px 0;
    }
}*/
/*
@media screen and (min-width: 0) and (max-width: 479px) {
    .section11 {
        padding-bottom: 20px;
    }

    .s11-text h4 {
        margin: 20px 0;
    }
}*/


.section12 {
    background: #0E77EA;
    background-image: linear-gradient(150deg, #0E77EA 0%, #060D33 100%);
}

    .section12:after {
        content: "";
        display: table;
        clear: both;
    }

.s12-img {
    float: left;
    width: 50%;
    height: 500px;
    overflow: hidden;
}

    .s12-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.s12-text {
    float: left;
    padding: 30px;
    width: 585px;
    max-width: 100%;
}

.section12 .list-title h4 {
    color: #fff;
}

    .section12 .list-title h4 a {
        color: #fff;
    }

.section12 .list-title p {
    color: #fff;
}

    .section12 .list-title p a {
        color: #fff;
    }

.s12-text > p {
    margin: 50px 0;
    color: #fff;
    line-height: 22px;
    max-height: 88px;
    overflow: hidden;
}

.s12-text a.more {
    display: inline-block;
    line-height: 35px;
    background: #C8A063;
    color: #fff;
    border-radius: 50px;
    padding: 0 30px;
}
/*
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .s12-text {
        width: 485px;
    }

    .s12-text {
        padding-top: 30px;
    }

        .s12-text > p {
            margin: 30px 0;
        }
}
*/
/*@media screen and (min-width: 0) and (max-width: 991px) {
    .s12-img {
        float: none;
        width: 100%;
        height: auto;
    }

    .s12-text {
        width: 100%;
        float: none;
        padding-top: 0;
    }

        .s12-text > p {
            margin-top: 0;
        }
}*/


.section13 {
    clear: both;
    padding: 30px 0 60px;
    background: #F9F5F1;
}

    .section13 .list-title {
        text-align: center;
    }
/*
@media screen and (min-width: 480px) and (max-width: 767px) {
    .section13 {
        padding: 0 0 30px;
    }
}*/
/*
@media screen and (min-width: 0) and (max-width: 479px) {
    .section13 {
        padding: 0 0 30px;
    }
}*/

.s13 {
}

.about-slide-nav {
    position: relative;
    padding: 20px 0 0;
    margin: 0 0 60px;
}

    .about-slide-nav:after {
        content: "";
        display: table;
        clear: both;
    }

    .about-slide-nav:before {
        content: "";
        display: block;
        height: 3px;
        background: #D8C5AB;
        width: 100%;
        position: absolute;
        top: 30px;
    }

    .about-slide-nav .about-slide-nav-tiem {
        position: relative;
        text-align: center;
        cursor: pointer;
        font-size: 22px;
        color: #666;
    }


        .about-slide-nav .about-slide-nav-tiem:before {
            content: "";
            display: block;
            margin: 6px auto 15px;
            height: 11px;
            width: 11px;
            position: relative;
            z-index: 2;
            background: #A0773C;
            border-radius: 50%;
        }

        .about-slide-nav .about-slide-nav-tiem:after {
            content: "";
            display: block;
            height: 0;
            width: 0;
            border: 1px solid #A0773C;
            z-index: 3;
            transition: all 300ms ease-in-out 0s;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            margin-left: 0;
            top: 5px;
        }

    .about-slide-nav .swiper-slide-thumb-active .about-slide-nav-tiem:after {
        height: 29px;
        width: 29px;
        margin-left: -14px;
        top: -10px;
    }


.s13-imgs li {
    background: #fff;
}

    .s13-imgs li:after {
        content: "";
        display: table;
        clear: both;
    }

.s13-img {
    float: left;
    width: 50%;
    background: #000;
    position: relative;
    height: 260px;
    overflow: hidden;
}

    .s13-img img {
        width: 100%;
        height: auto;
    }

.s13-text {
    overflow: hidden;
    padding: 80px 40px 0;
    background: #fff;
    height: 260px;
}

.s13-text2 {
    position: relative;
    margin: 0 50px;
}

    .s13-text2:before {
        position: absolute;
        left: -50px;
        top: -50px;
        content: "";
        display: block;
        width: 44px;
        height: 35px;
        background: url(../images/base/s13-ico1.png) center center no-repeat;
    }

    .s13-text2:after {
        position: absolute;
        right: -50px;
        bottom: -50px;
        content: "";
        display: block;
        width: 44px;
        height: 35px;
        background: url(../images/base/s13-ico2.png) center center no-repeat;
    }

.s13-text p {
    margin: 50px 0;
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
}

.s13-ohbox {
    position: relative;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 10px;
}

.s13 .prev,
.s13 .next {
    padding: 10px;
    border: 3px solid #ccc;
    border-radius: 50%;
    color: #ccc;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 12;
    margin-top: -13px;
}

    .s13 .prev:hover,
    .s13 .next:hover {
        color: #999;
        border-color: #999;
        cursor: pointer;
    }

.s13 .next {
    left: auto;
    right: 0;
}

/*@media screen and (min-width: 992px) and (max-width: 1199px) {
    .s13-text {
        padding-top: 40px;
    }
}*/

/*@media screen and (min-width: 0) and (max-width: 991px) {
    .s13-img {
        float: none;
        width: 100%;
    }

    .s13-text {
        padding: 20px;
    }
}*/

/*@media screen and (min-width: 0) and (max-width: 767px) {
    .about-slide-nav .about-slide-nav-tiem {
        font-size: 18px;
    }

    .about-slide-nav {
        margin-bottom: 20px;
    }

    .s13-text {
        height: auto;
    }

    .s13-text2 {
        margin: 0;
    }

        .s13-text2:before {
            display: none;
        }

        .s13-text2:after {
            display: none;
        }

    .s13-text p {
        margin: 0;
    }
}*/



.section14 {
    padding: 30px 0 60px;
}

/*@media screen and (min-width: 480px) and (max-width: 767px) {
    .section14 {
        padding: 0 0 30px;
    }
}*/

/*@media screen and (min-width: 0) and (max-width: 479px) {
    .section14 {
        padding: 0 0 30px;
    }
}*/

.s14-item {
    margin: 20px 0;
    border: 1px solid #fff;
}

.s14-img:hover {
}

.s14-img img {
    width: 100%;
    height: auto;
}

.s14-text {
    padding: 15px 20px;
    background: #F8F8F8;
}

    .s14-text span {
        display: block;
        color: #999;
        font-size: 16px;
    }

    .s14-text h4 {
        color: #333;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .s14-text h4 a {
            color: #333;
        }

    .s14-text p {
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }

.s14-item:hover {
    box-shadow: 0 5px 15px 0 #eee;
    border: 1px solid #eee;
}


.section15 {
    padding-bottom: 20px;
}

    .section15:after {
        content: "";
        display: table;
        clear: both;
    }

.s15-item {
}

.s15-title {
    height: 135px;
}

    .s15-title:after {
        content: "";
        display: table;
        clear: both;
    }

.s15-title2 {
}

.s15-title a.more {
    display: inline-block;
    float: right;
    border: 2px solid transparent;
    margin: 45px 30px 0;
    vertical-align: middle;
    height: 44px;
    width: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    border-radius: 50%;
}

.s15-title h4 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: 133px;
    font-size: 30px;
}

.s15-list {
    width: 585px;
    padding: 40px 15px;
}

    .s15-list ul {
        padding: 0;
        margin: 0;
    }

        .s15-list ul li {
            line-height: 68px;
            margin-bottom: 8px;
            border-bottom: 2px solid #EEEEEE;
            padding-left: 60px;
            background: url(../images/base/s15-list.png) 20px center no-repeat;
            font-size: 16px;
        }

            .s15-list ul li a {
                color: #333;
            }

                .s15-list ul li a:hover {
                    color: #333;
                }

.s15-item-l .s15-title {
    background: #1276E6;
}

.s15-item-l .s15-title2 {
    padding-left: 0;
    text-align: right;
}

.s15-item-l .s15-title h4 {
    color: #fff;
}

    .s15-item-l .s15-title h4 a {
        color: #fff;
    }

.s15-item-l .s15-title a.more {
    border-color: #fff;
    color: #fff;
}

.s15-item-l .s15-list {
    float: right;
}

.s15-item-r .s15-title {
    background: #;
    border: 1px solid #777;
    border-left: none;
}

.s15-item-r .s15-title2 {
    text-align: left;
}

.s15-item-r .s15-title h4 {
    color: #333;
}

    .s15-item-r .s15-title h4 a {
        color: #333;
    }

.s15-item-r .s15-title a.more {
    border-color: #666;
    color: #666;
}

.s15-item-r .s15-list {
    float: left;
}

/*@media screen and (min-width: 0) and (max-width: 991px) {
    .s15-item {
        width: 100%;
    }

    .s15-title2 {
        width: 100%;
    }

    .s15-list {
        width: 100%;
    }

    .s15-item-l .s15-title2 {
        text-align: left;
    }

        .s15-item-l .s15-title2 a.more {
            float: left;
        }

    .s15-item-r .s15-title {
        border: 1px solid #777;
    }
}*/

/*@media screen and (min-width: 0) and (max-width: 767px) {
    .s15-title {
        height: 100px;
        line-height: 100px;
    }

        .s15-title h4 {
            line-height: 100px;
        }

        .s15-title a.more {
            margin-top: 32px;
        }
}*/



.banner3 {
    background: url(../images/base/s2.jpg) center center no-repeat;
    background-size: cover;
}

.banner3-bg {
    max-height: 320px;
    padding: 80px 0 200px;
    background: rgba(0,0,0,.68);
}

.banner3-title {
}

    .banner3-title h4 {
        color: #fff;
        font-size: 42px;
    }

        .banner3-title h4:after {
            content: "";
            display: block;
            height: 3px;
            width: 2em;
            background: #fff;
            margin-top: .5em;
        }

/*@media screen and (min-width: 992px) and (max-width: 1199px) {
    .banner3-bg {
        min-height: 500px;
    }

    .banner3-title h4 {
        font-size: 60px;
    }
}*/

/*@media screen and (min-width: 768px) and (max-width: 991px) {
    .banner3-bg {
        min-height: 300px;
    }

    .banner3-title h4 {
        font-size: 50px;
    }
}*/

/*@media screen and (min-width: 0) and (max-width: 767px) {
    .banner3-bg {
        min-height: 200px;
    }

    .banner3-title h4 {
        font-size: 40px;
    }
}*/


.section21 {
    padding: 0px 0 40px;
}

.s21-item {
    position: relative;
    margin: 15px 0;
}

    .s21-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.s21-item-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.32);
    z-index: 2;
}

.s21-text {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    padding: 40px;
}

    .s21-text h4 {
        font-size: 22px;
        color: #fff;
    }

        .s21-text h4 a {
            color: #fff;
        }

    .s21-text a.more {
        display: block;
        border: 2px solid transparent;
        height: 36px;
        width: 36px;
        text-align: center;
        line-height: 36px;
        margin-top: 15px;
        font-size: 20px;
        border-radius: 50%;
        border-color: #fff;
        color: #fff;
    }

.s21-item1,
.s21-item2 {
    height: 438px;
}

/*@media screen and (min-width: 992px) and (max-width: 1199px) {
    .s21-item1,
    .s21-item2 {
        height: 330px;
    }

    .s21-text h4 {
        font-size: 32px;
    }

    .s21-text a.more {
        height: 32px;
        width: 32px;
        line-height: 32px;
        font-size: 16px;
    }
}*/

/*@media screen and (min-width: 768px) and (max-width: 991px) {
    .s21-item1,
    .s21-item2 {
        height: 250px;
    }

    .s21-text h4 {
        font-size: 28px;
    }

    .s21-text a.more {
        height: 28px;
        width: 28px;
        line-height: 28px;
        font-size: 12px;
    }
}*/

/*@media screen and (min-width: 0) and (max-width: 767px) {
    .s21-item1,
    .s21-item2 {
        height: auto;
    }

    .s21-text {
        padding: 15px;
    }

        .s21-text h4 {
            font-size: 24px;
            display: inline-block;
            margin-right: 10px;
        }

        .s21-text a.more {
            display: inline-block;
            height: 24px;
            width: 24px;
            line-height: 24px;
            font-size: 12px;
        }
}*/


.s31-img {
    float: left;
    width: 248px;
    height: 185px;
    position: relative;
    overflow: hidden;
}

    .s31-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 300ms ease-in-out 0s;
    }

    .s31-img span {
        position: absolute;
        bottom: 10px;
        left: 10px;
        color: #fff;
    }

.s31-text {
    padding: 30px;
    overflow: hidden;
}

    .s31-text h4 {
        color: #333;
        margin-bottom: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .s31-text h4 a {
            color: #333;
        }

    .s31-text p {
        line-height: 24px;
        max-height: 72px;
        overflow: hidden;
        margin-bottom: 0;
    }

/*@media screen and (min-width: 0) and (max-width: 767px) {
    .s31-img {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
}*/


.title20 {
    border-left: 8px solid #060D33;
    padding-left: 20px;
    margin-bottom: 30px;
}

    .title20 h4 {
        font-size: 22px;
        color: #333;
        text-transform: uppercase;
    }

        .title20 h4 a {
            color: #333;
        }

    .title20 p {
        font-size: 16px;
        color: #333;
        text-transform: capitalize;
    }

        .title20 p a {
            color: #333;
        }

/*@media screen and (min-width: 768px) and (max-width: 991px) {
    .title20 h4 {
        font-size: 32px;
    }
}*/

/*@media screen and (min-width: 0) and (max-width: 767px) {
    .title20 h4 {
        font-size: 24px;
    }
}*/


.hot-news {
    margin-bottom: 60px;
    margin-left: 15px;
    margin-right: 15px;
}

    .hot-news ul {
        padding: 0;
        margin: 0;
    }

        .hot-news ul li {
            line-height: 35px;
            margin-top: 20px;
            padding: 0 10px;
            border-bottom: 1px dashed #ccc;
            font-size: 16px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .hot-news ul li a {
                color: #999;
            }

            .hot-news ul li span {
                padding-right: 10px;
                font-size: 18px;
                color: #D33D25;
                vertical-align: middle;
            }

            .hot-news ul li a:hover {
                color: #333;
            }


.new-teg {
    margin-bottom: 60px;
    margin-left: 15px;
    margin-right: 15px;
}

.new-teg-list {
}

    .new-teg-list a {
        display: inline-block;
        margin-right: 2px;
        margin-bottom: 15px;
        line-height: 32px;
        padding: 0 10px;
        background: #f5f5f5;
        color: #333;
        border-radius: 2px;
    }

        .new-teg-list a:hover {
            background: #1276E6;
            color: #fff;
        }





/*内容页相关文章*/
.content-relevant-list1 {
    padding: 30px 0;
    margin: 0 15px;
}

    .content-relevant-list1 dl:after {
        content: "";
        display: table;
        clear: both;
    }

    .content-relevant-list1 dt {
        margin: 30px 0px 15px 0px;
        font-size: 18px;
    }

        .content-relevant-list1 dt em {
            padding-right: 10px;
        }

    .content-relevant-list1 dd a {
        display: block;
        margin: 0px 10px 0px 0px;
        padding: 10px 0px 10px 10px;
        border-bottom: 1px dashed #ededee;
    }

    .content-relevant-list1 dd:before {
        content: "";
        position: absolute;
        left: 5px;
        top: 20px;
        width: 5px;
        height: 5px;
        background: #060D33;
        border-radius: 10px;
    }

/* 可视化中清除边距 */
#visual-right .cbanner {
    margin-top: 0px;
}

#navbar .nav .dropdown-menu {
    border-radius: 0px;
}

/*@media (min-width: 486px) {
    #navbar .nav .dropdown-menu {
        border-top: 2px solid #060D33;
    }
}*/

/*@media (max-width: 486px) {
    #navbar .nav .dropdown-menu {
        padding-top: 10px;
        margin-left: 20px;
        border-left: 2px solid #060D33;
    }
}*/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: none;
}

.visual-search .form-control {
    border-radius: 0px;
    height: 38px;
    line-height: 38px;
}

.visual-search .btn-default {
    background: #060D33;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border-radius: 0px;
    padding: 0px 12px;
    border: 1px solid #060D33
}

.search-by-time .btn {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.search-container h3 {
    margin-bottom: 30px;
}

.search-container .btn-default {
    background: #060D33;
    color: #fff;
    border-radius: 0px;
    border: 1px solid #060D33;
}