/**
 * 首页样式
 * 
 * @version $Id: home.css 467 2020-11-04 06:01:50Z fuy $
 * @creator liqt @ 2013-06-24 11:27:58 by caster0.0.3
 */
@media all {
    #main {
        background-color: #fff;
        /* padding-bottom: 10px; */
    }

    .top-banner {
        background: #fff;
        width: 1200px;
        height: auto;
        margin: 0 auto;
    }
    .top-banner .banner img {
        width: 100%;
        height: auto;
        -webkit-animation: mymove-data-v-3313ca90 2s 2;
        animation: mymove-data-v-3313ca90 2s 2;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
    .top-banner .banner-tap {
        height: 90px;
        display: flex;
        align-items: center;
    }
    .top-banner .banner-tap .tap-item {
        position: relative;
        flex: 1;
        display: flex;
        justify-content: center;
    }
    .top-banner .banner-tap .tap-item.after:after {
        content: "";
        height: 40px;
        width: 1px;
        background: #e5e5e5;
        position: absolute;
        right: 0;
    }
    .top-banner .banner-tap .tap-item img {
        margin-top: 5px;
        width: 40px;
        margin-right: 26px;
    }
    .top-banner .banner-tap .tap-item .deatil-title {
        font-size: 20px;
        color: #333;
    }
    .top-banner .banner-tap .tap-item .detail-words {
        margin-top: 10px;
        font-size: 12px;
        color: #999;
    }

    /*服务介绍-->*/
    .serve {
        height: 656px;
        background: #f8f8f8;
    }
    .serve .serve-title {
        font-size: 36px;
        color: #333;
        text-align: center;
        height: 196px;
        line-height: 214px;
    }
    .serve .serve-main {
        display: flex;
        justify-content: space-between;
        width: 1200px;
        margin: 0 auto;
    }
    .serve .serve-main .serve-item {
        width: 280px;
        height: 370px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: 16px;
        transition: all .3s;
    }
    .serve .serve-main .serve-item:hover {
        transform: scale(1.05);
        box-shadow: 0 0 10px #e6e6e6;
    }
    .serve .serve-main .serve-item .item-img {
        width: 110px;
        height: 110px;
    }
    .serve .serve-main .serve-item .item-img img {
        width: 100%;
    }
    .serve .serve-main .serve-item .item-title {
        margin-top: 40px;
        font-size: 24px;
        color: #333;
    }
    .serve .serve-main .serve-item .item-word {
        line-height: 24px;
        margin-top: 12px;
        width: 200px;
        font-size: 16px;
        color: #999;
    }
    /*服务介绍<--*/

    /*公司荣誉--*/
    .honour {
        height: 632px;
        display: flex;
        background: #fff;
    }
    .honour .serve-title {
        font-size: 36px;
        color: #333;
        text-align: center;
        height: 196px;
        line-height: 214px
    }
    .honour .left-btn {
        left: -70px
    }
    .honour .left-btn,
    .honour .right-btn {
        width: 40px;
        position: absolute;
        top: 157px
    }
    .honour .right-btn {
        right: -70px
    }
    .honour .honour-card {
        position: relative;
        margin: 0 auto;
        width: 1200px;
        height: 347px
    }
    .honour .honour-card .el-carousel__container {
        height: 347px;
    }
    .honour .honour-card .honour-groups {
        display: flex
    }
    .honour .honour-card .honour-groups .honour-item {
        overflow: hidden;
        box-sizing: border-box;
        width: 238px;
        margin-right: 26px;
        height: 346px
    }
    .honour .honour-card .honour-groups .honour-item .honour-img {
        box-sizing: border-box;
        height: 237px;
        border: 1px solid #feb76b;
        border-bottom: none;
        border-radius: 16px 16px 0 0
    }
    .honour .honour-card .honour-groups .honour-item .honour-img img {
        width: 100%;
        height: 100%
    }
    .honour .honour-card .honour-groups .honour-item:hover .honour-img {
        border: 1px solid #ff8452;
        border-bottom: none
    }
    .honour .honour-card .honour-groups .honour-title {
        display: flex;
        font-size: 18px;
        color: #fff;
        letter-spacing: 0;
        text-align: center;
        line-height: 28px;
        height: 110px;
        padding: 28px 20px 0;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 0 0 16px 16px
    }
    .honour .honour-card .honour-groups>div:last-child {
        margin-right: 0
    }
    /* 隐藏滚动条 */
    .honour ::-webkit-scrollbar {
        display: none;
    }
    /*公司荣誉<--*/

    /*合作伙伴--*/
    .partner {
        background: #fff;
        height: 542px
    }
    .partner .serve-title {
        font-size: 36px;
        color: #333;
        text-align: center;
        height: 196px;
        line-height: 214px
    }
    .partner .partner-card {
        position: relative
    }
    .partner .partner-card .el-carousel__container {
        height: 280px;
    }
    .partner .partner-card .left-btn {
        position: absolute;
        top: 107px;
        left: -50px
    }
    .partner .partner-card .right-btn {
        position: absolute;
        top: 107px;
        right: -50px
    }
    .partner .partner-card .partner {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: stretch;
        height: 280px
    }
    .partner .partner-card .partner .imgbox:nth-child(5) .img,
    .partner .partner-card .partner .imgbox:nth-child(10) .img {
        margin-right: 0
    }
    .partner .partner-card .partner .img {
        width: 215px;
        height: 110px;
        margin-right: 17px;
        border: 1px solid #eaeaea;
        border-radius: 16px
    }
    /* 隐藏滚动条 */
    .partner ::-webkit-scrollbar {
        display: none;
    }
    /*合作伙伴 <--*/
}