.text-primary {
    color: #e74c3c !important
}

.text-title {
    color: #212628
}

.text-sub {
    color: #666
}

.bg-sub {
    background: #666
}

.text-white {
    color: #fff !important
}

.text-color9 {
    color: #999
}

.text-color4 {
    color: #444
}

.text-black {
    color: #333
}

.bg-bg {
    background: #fafafa
}

.bg-white {
    background: #fff
}

.bg-primary {
    background: #e74c3c
}

.bg-active {
    background: #fdeded
}

.bg-bbb {
    background: #bbb
}

.text-blue {
    color: #c7e3ff
}

.bg-border {
    background: #edecec
}

.text-5d {
    color: #5d5d5d
}

.text-border2 {
    color: #d9d9d9
}

.border-primary {
    border-bottom: 1px solid #e74c3c
}

.cl {
    clear: both
}

.caseInfo .cardNavBox {
    width: 880px !important;
    overflow: hidden;
    box-shadow: 0 8px 10px #eee;
    z-index: 5
}

    .caseInfo .cardNavBox .navBox {
        width: 880px;
        background: #fff
    }

    .caseInfo .cardNavBox .cardNav {
        background: #fff
    }

.caseInfo .container .content {
    width: 880px
}

    .caseInfo .container .content .content-describe {
        color: #666666
    }

        .caseInfo .container .content .content-describe span i {
            color: #999999
        }

    .caseInfo .container .content ul.case-tag-box {
        box-shadow: 0 10px 18px #f6f6f6;
        font-size: 0
    }

        .caseInfo .container .content ul.case-tag-box li {
            width: 248px;
            border-bottom: 1px solid #f1f1f1;
            position: relative
        }

            .caseInfo .container .content ul.case-tag-box li p {
                max-width: 80%;
                margin: 0 auto
            }

            .caseInfo .container .content ul.case-tag-box li:not(:nth-of-type(3n))::after {
                content: "";
                width: 1px;
                height: 30px;
                background: #f1f1f1;
                position: absolute;
                top: 50%;
                right: 1px;
                margin-top: -15px
            }

            .caseInfo .container .content ul.case-tag-box li:nth-of-type(5)::after, .caseInfo .container .content ul.case-tag-box li:nth-of-type(6)::after, .caseInfo .container .content ul.case-tag-box li:nth-of-type(7)::after, .caseInfo .container .content ul.case-tag-box li:nth-of-type(8)::after {
                top: 67%
            }

    .caseInfo .container .content .design-idea .design-idea-left {
   
    }

        .caseInfo .container .content .design-idea .design-idea-left .more {
            border: 1px solid #ccc;
            padding: 0px 14px
        }

        .caseInfo .container .content .design-idea .design-idea-left .text-color9 {
            line-height: 25px
        }

    .caseInfo .container .content .design-idea .design-idea-right {
        width: 440px;
        height: 330px
    }

        .caseInfo .container .content .design-idea .design-idea-right .swiper-container {
            width: 100%;
            height: 330px
        }

            .caseInfo .container .content .design-idea .design-idea-right .swiper-container:hover .swiper-button-prev, .caseInfo .container .content .design-idea .design-idea-right .swiper-container:hover .swiper-button-next {
                opacity: .5
            }

            .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-slide {
                width: 440px;
                height: 330px
            }

            .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-button-prev, .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-button-next {
                transition: all .5s;
                width: 70px;
                height: 70px;
                background: #000;
                opacity: 0;
                z-index: 2;
                cursor: pointer;
                text-align: center;
                line-height: 70px;
                color: #fff;
                position: absolute;
                top: 40%
            }

                .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-button-prev i, .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-button-next i {
                    font-size: 30px
                }

            .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-button-prev {
                left: 0
            }

            .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-button-next {
                right: 0
            }

            .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-pagination {
                text-align: center;
                width: 440px;
                position: absolute;
                bottom: 0
            }

                .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-pagination .swiper-pagination-switch {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    margin: 0 10px;
                    background-color: rgba(0,0,0,0.3);
                    border-radius: 50%
                }

                    .caseInfo .container .content .design-idea .design-idea-right .swiper-container .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
                        background-color: rgba(231,76,60,0.8)
                    }

    .caseInfo .container .content .case-content .case-content-item:not(:last-of-type) {
        margin-bottom: 20px
    }

    .caseInfo .container .content .case-content .case-content-item .case-content-item-top {
        height: 554px;
        position: relative;
        color: #ededed
    }

        .caseInfo .container .content .case-content .case-content-item .case-content-item-top img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1
        }

        .caseInfo .container .content .case-content .case-content-item .case-content-item-top .top-right {
            position: absolute;
            top: 20px;
            right: 45px;
            z-index: 2
        }

            .caseInfo .container .content .case-content .case-content-item .case-content-item-top .top-right p {
                background: rgba(0,0,0,0.4)
            }

        .caseInfo .container .content .case-content .case-content-item .case-content-item-top .bottom-left {
            line-height: 40px;
            background: rgba(0,0,0,0.4);
            position: absolute;
            bottom: 20px;
            left: 20px;
            z-index: 2
        }

    .caseInfo .container .content .case-fenye {
        line-height: 80px
    }

        .caseInfo .container .content .case-fenye .case-fenye-item {
            width: 50%
        }

    .caseInfo .container .content .ad-custom {
        height: 140px;
        box-shadow: 0 3px 20px rgba(0,0,0,0.1)
    }

        .caseInfo .container .content .ad-custom .input-list {
            width: 100%
        }

            .caseInfo .container .content .ad-custom .input-list .button-box {
                margin-left: 5px
            }

        .caseInfo .container .content .ad-custom .cl {
            clear: both
        }

        .caseInfo .container .content .ad-custom .input-box {
            width: 220px;
            margin: 0;
            margin: 20px 6px
        }

            .caseInfo .container .content .ad-custom .input-box input {
                width: 100%
            }

.caseInfo .container .sidebar-right {
    width: 302px
}

    .caseInfo .container .sidebar-right .case-service-team {
        border: 1px solid #f1f1f1
    }

.zixun .tit {
    width: 72px;
    border-bottom: 1px solid #e74c3c
}

.zixun .line {
    width: 452px;
    margin-bottom: 20px
}

    .zixun .line:nth-child(2n) {
        float: right !important
    }

    .zixun .line b {
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #e74c3c;
        border-radius: 50%;
        margin-right: 12px;
        float: left
    }

    .zixun .line span {
        width: 300px
    }

.frande-link {
    width: 100%
}

    .frande-link .title-list {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #edecec;
        overflow: hidden
    }

        .frande-link .title-list li {
            float: left;
            padding-right: 24px;
            position: relative;
            cursor: pointer
        }

            .frande-link .title-list li div {
                position: absolute;
                bottom: -15px;
                width: 80%;
                height: 2px
            }

            .frande-link .title-list li.active {
                font-weight: bold
            }

                .frande-link .title-list li.active div {
                    background: #e40018
                }

            .frande-link .title-list li:hover {
                color: #e74c3c
            }

    .frande-link .content-list {
        width: 100%;
        overflow: hidden;
        margin-top: 38px
    }

        .frande-link .content-list li {
            float: left;
            padding: 13px 40px 13px 0
        }

            .frande-link .content-list li:hover {
                color: #e74c3c
            }