.cc-focus-banner {
        width: 10rem;
        height: 8rem;
        background-color: #fff;
    }
    
    .cc-focus-banner .item {
        position: relative;
        width: 100%;
        height: 8rem;
        overflow: hidden;
    }
    
    .cc-focus-banner .item img {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    
    .cc-focus-banner .item p.t {
        position: absolute;
        padding: 0 .6rem;
        font-size: .6rem;
        top: .8rem;
    }
    
    .cc-focus-banner .item p.line {
        position: absolute;
        left: .6rem;
        top: 1.54rem;
        width: .6667rem;
        height: .0533rem;
        background-color: #e53622;
    }
    
    .cc-focus-banner .item p.d {
        position: absolute;
        padding: 0 .6rem;
        font-size: .4rem;
        top: 1.9rem;
        line-height: 1.4em;
    }
    
    .swiper-pagination-bullet {
        background-color: rgba(0, 0, 0, .3);
    }
    
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: rgba(229, 54, 33, 1);
    }
    
    .mod-public-title {
        width: 100%;
        color: #333;
    }
    
    .mod-public-title p.t::before {
        display: inline-block;
        width: .56rem;
        height: .0533rem;
        content: "";
        background: #e53622;
        vertical-align: middle;
        margin-right: .2667rem;
    }
    
    .mod-public-title p.t {
        font-size: .55rem;
    }
    
    .mod-public-title p.d {
        font-size: .4rem;
        margin-top: .2667rem;
        line-height: 1.5em;
    }
    
    .mod-public-more {
        width: 4rem;
        margin: .72rem auto;
    }
    
    .mod-public-more a {
        display: block;
        width: 4rem;
        height: 1rem;
        background: #e53622;
        color: #fff;
        text-align: center;
        font-size: .52rem;
        line-height: 1rem;
    }
    
    .cc-service {
        width: 100%;
        padding: 0 .1867rem;
        box-sizing: border-box;
        margin-top: 1rem;
    }
    
    .cc-service .main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cc-service .item {
        position: relative;
        width: 4.7333rem;
        height: 3.4933rem;
        margin-top: .8rem;
    }
    
    .cc-service .item .pic {
        width: 4.7333rem;
        height: 3.4933rem;
        overflow: hidden;
    }
    
    .cc-service .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .cc-service .item .title {
        position: absolute;
        width: 3rem;
        height: .7rem;
        background: #e53622;
        color: #fff;
        text-align: center;
        line-height: .7rem;
        font-size: .34rem;
        border-radius: 2px;
        bottom: -.35rem;
        left: 50%;
        margin-left: -1.5rem;
    }
    
    .cc-cases {
        width: 100%;
        padding: 0 .1867rem;
        box-sizing: border-box;
        margin-top: 1.5rem;
    }
    
    .cc-cases .item {
        padding-bottom: .48rem;
        border-bottom: 1px solid #ececec;
        margin-top: .6667rem;
    }
    
    .cc-cases .item .pic {
        width: 100%;
        height: 7.0667rem;
        overflow: hidden;
    }
    
    .cc-cases .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .cc-cases .item p.t {
        font-size: .5333rem;
        margin: .5333rem 0 .4rem;
    }
    
    .cc-cases .item .row {
        font-size: .4rem;
        color: #666;
        display: flex;
        justify-content: space-between;
    }
    
    .cc-team {
        width: 100%;
        padding: 0 .2rem;
        margin-top: 1.4rem;
        box-sizing: border-box;
    }
    
    .cc-team .main {
        margin-top: .5333rem;
    }
    
    .cc-team .item {
        position: relative;
        width: 100%;
        height: 5.7rem;
        background: url(../img/cc-team-line.png) no-repeat center;
        background-size: 100%;
    }
    
    .cc-team .item img.bg {
        position: absolute;
        width: 100%;
        top: -0.3rem;
    }
    
    .cc-team .item .icon {
        position: absolute;
        width: 1.3867rem;
        height: 1.3867rem;
        background-color: #f6f6f6;
        top: -0.2rem;
        right: 0.1rem;
    }
    
    .cc-team .item .icon::before {
        position: absolute;
        content: "";
        display: block;
        width: .3333rem;
        height: .3333rem;
        background: url(../img/cc-icon.png) no-repeat;
        background-size: 100%;
        top: 0.5rem;
        right: .5rem;
    }
    
    .cc-team .item .con {
        width: 100%;
        box-sizing: border-box;
        padding: 0 .9rem 0 .32rem;
        position: absolute;
        font-size: .42rem;
        line-height: 1.5em;
        color: #666666;
    }
    
    .cc-team .item .bottom {
        position: absolute;
        bottom: .9rem;
        display: flex;
        left: .32rem;
    }
    
    .cc-team .item .bottom .pic {
        width: 1.6rem;
        height: 1.6rem;
        padding: .0933rem;
        border: 2px solid red;
        overflow: hidden;
        background-color: #fff;
        margin-right: .28rem;
    }
    
    .cc-team .item .bottom .pic img {
        width: 1.6rem;
        height: 1.6rem;
    }
    
    .cc-team .item .name {
        font-size: .6133rem;
        color: #303133;
        margin-top: .12rem;
    }
    
    .cc-team .item .tag {
        font-size: .48rem;
        color: #606266;
        margin-top: .15rem;
    }
    
    .cc-mod-text {
        width: 100%;
        padding: 0 .2rem;
        margin-top: 1.4rem;
        box-sizing: border-box;
    }
    
    .cc-mod-text .mod-public-title p.d {
        color: #666;
        line-height: 1.5em;
        text-indent: 2em;
    }
    
    .cc-mod-text .main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: .4rem;
    }
    
    .cc-mod-text .main .item {
        min-width: 40%;
        font-size: .5rem;
        color: #333;
        font-weight: 500;
        margin-bottom: 10px;
    }
    
    .cc-mod-text .main .item::before {
        display: inline-block;
        width: .2rem;
        height: .2rem;
        content: "";
        border-radius: 50%;
        border: 2px solid red;
        margin-right: .1333rem;
    }
    
    .cc-mod-text .fu-img,
    .cc-mod-text .fu-img img {
        width: 100%;
        margin-top: 10px;
    }
    
    .cc-mod-text .mod-4 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background-color: #e53621;
    }
    
    .cc-mod-text .mod-4 .item:nth-child(2n) {
        border-left: 1px solid #fff;
    }
    
    .cc-mod-text .mod-4 .item {
        width: 50%;
        text-align: center;
        color: #fff;
        padding: .9333rem 0;
        box-sizing: border-box;
        border-bottom: 1px solid #fff;
    }
    
    .cc-mod-text .mod-4 .num {
        font-size: 1.1733rem;
        font-weight: 600;
        margin-bottom: .32rem;
    }
    
    .cc-mod-text .mod-4 .text {
        font-size: .4rem;
        opacity: .5;
    }
    
    .cc-news {
        width: 100%;
        padding: .2rem;
        box-sizing: border-box;
        margin-top: .8rem;
    }
    
    .cc-news .main {
        margin-top: .2667rem;
    }
    
    .cc-news .main a {
        font-size: .5333rem;
        color: #666;
        line-height: 2em;
    }