.whcss {
    width: 1480px;
    margin: 0px auto;
}
    /****/
    .whcss .cowhnm {
        font-size: 36px;
        font-weight: bold;
        line-height: 60px;
        color: #333;
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #EEE;
        margin-top: 80px;
    }


    .whcss .whul {
        margin-top: 40px;
        display: flex;
        justify-content: space-between;
    }

    .whcss .whli {
        width: 280px;
        box-sizing: border-box;
        border: 1px solid #CCC;
        border-radius: 4px;
        padding: 30px 10px;
        cursor: pointer;
    }

    .whcss .linm {
        text-align: center;
        font-size: 23px;
        font-weight: bold;
        color: #ad1e37
    }

    .whcss .linr {
        margin-top: 10px;
        text-align: center;
        height: 75px;
        line-height: 75px;
        font-size: 18px;
    }

    .whcss .whli:hover {
        border: 1px solid #ad1e37;
        background-color: #ad1e37;
        color: #FFF;
    }
        .whcss .whli:hover .linm {
            color: #FFF;
        }
    /****/
    /**abouthd**/
    .whcss .abouthd {
        width: 1480px;
        margin: 0px auto;
        margin-top: 100px;
        margin-bottom: 80px;
    }

        .whcss .abouthd .scnnm {
            font-size: 36px;
            font-weight: bold;
            line-height: 60px;
            color: #333;
            margin-bottom: 40px;
            text-align: center;
            padding-bottom: 20px;
            border-bottom: 1px solid #EEE;
        }

    /****/
    .whcss .hdul {
        margin-top: 30px;
        width: 1480px;
        position: relative;
    }

    .whcss .hdli {
        width: 350px;
        display: block;
        overflow: hidden;
        border-radius: 4px;
    }

    .whcss .hdimg {
        width: 100%;
        height: 260px;
        user-select:none;
    }

        .whcss .hdimg img {
            display: block;
            width: 100%;
            height: 260px;
            border-radius: 4px;
            /****/
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all .5s ease;
        }

    .whcss .hdli:hover img {
        transform: translate(-50%, -50%) scale(1.1);
    }
/****/
.hdul .swiper {
    width: 100%;
    height: 100%;
}

.hdul .swiper-pagination {
    bottom: -20px !important;
    z-index: 999;
}
/****/
.tculture {
    width: 1480px;
    margin: 20px auto;
}

    .tculture .tcfour {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }

        .tculture .tcfour .tcitem {
            width: 370px;
            box-sizing: border-box;
            border-left: 1px solid #CCC;
            padding-left: 18px;
        }

    .tculture .tctwo {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }

        .tculture .tctwo .tcitem {
            width: 740px;
            box-sizing: border-box;
            border-left: 1px solid #CCC;
            padding-left: 18px;
        }

    .tculture .tcone {
        display: flex;
    }

        .tculture .tcone .tcitem {
            width: 1200px;
            box-sizing: border-box;
            border-left: 1px solid #CCC;
            padding-left: 18px;
        }

    .tculture .tcnm {
        font-size: 23px;
        font-weight: bold;
        line-height: 50px;
        color: #333;
    }

    .tculture .tcnr {
        font-size: 16px;
        line-height: 40px;
    }