.whcss {
    width: 1480px;
    margin: 0px auto;
}
    /****/
    .whcss .cowhnm {
        font-size: 36px;
        font-weight: bold;
        line-height: 60px;
        color: #01215e;
        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 15px;
        cursor: pointer;
    }

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

    .whcss .linr {
        margin-top: 10px;
        height: 110px;
        line-height: 75px;
        font-size: 14px;
        line-height: 1.5;
        color: #01215e
    }

    .whcss .whli:hover {
        border: 1px solid #002b80;
        background-color: #002b80;
        color: #FFF!important
    }
        .whcss .whli:hover .linm {
            color: #FFF;
        }
        .whcss .whli:hover .linr {
            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: #01215e;
                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;
    }