ul li,
ul ol {
    list-style: none;
}

i,
b,
em,
strong {
    font-style: normal;
}

body {
    font-family: '微软雅黑';
}

img {
    display: block;
}

.dh ul {
    margin-bottom: -50px!important;
    position: relative;
    overflow: hidden;
    width: 1440px;
    height: 456px;
    margin: 60px auto 0;
}

.dh ul li {
    float: left;
    width: 200px;
    overflow: hidden;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.dh ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.dh ul li .layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url(../images/White_full.png) !important;
    /* background-size: 200% !important; */
    background: rgba(27, 29, 36, 0.75);
    height: 100%;
}

.dh ul li .layer .p1 {
    position: absolute;
    bottom: 5px;
    left: 10px;
}

.dh ul li .layer .p2 {
    position: absolute;
    bottom: 5px;
    right: -200%;
}

.dh ul li .layer .p2 b,
.dh ul li .layer .p2 span {
    display: block;
    font-weight: bold;
    font-size: 20px;
}

.dh ul li .layer .p1 b,
.dh ul li .layer .p1 span {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

.dh ul li.curr {}


/* .dh ul li.curr .layer .p1{left: -200%;}
.dh ul li.curr .layer .p2{left: 10px;} */

.col1 {
    color: #00A39A;
}

.col2 {
    color: #fff;
}
@media all and (min-width: 1800px) { 
    ul li,
    ul ol {
        list-style: none;
    }
    
    i,
    b,
    em,
    strong {
        font-style: normal;
    }
    
   
    
    img {
        display: block;
    }
    
    .dh ul {
        position: relative;
        overflow: hidden;
        width: 1908px;
        height: 604.2px;
        margin: 60px auto 0;
    }
    
    .dh ul li {
        float: left;
        width: 265px;
        overflow: hidden;
        height: 100%;
        position: relative;
        cursor: pointer;
    }
    
    .dh ul li a {
        display: block;
        width: 100% !important;
        height: 100% !important;
    }
    .dh ul li a img {
        display: block;
        width: 100% !important;
        height: 100% !important;
    }
    
    .dh ul li .layer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100% !important;
        
        
        background: url(../images/White_full.png),
         rgba(27, 29, 36, 0.75) !important;
        height: 100%;
    }
    
    .dh ul li .layer .p1 {
        position: absolute;
        bottom: 5px;
        left: 10px;
    }
    
    .dh ul li .layer .p2 {
        position: absolute;
        bottom: 5px;
        right: -200%;
    }
    
    .dh ul li .layer .p2 b,
    .dh ul li .layer .p2 span {
        display: block;
        font-weight: bold;
        font-size: 20px;
    }
    
    .dh ul li .layer .p1 b,
    .dh ul li .layer .p1 span {
        display: block;
        font-weight: bold;
        font-size: 14px;
    }
    
    .dh ul li.curr {}
    
    
    /* .dh ul li.curr .layer .p1{left: -200%;}
    .dh ul li.curr .layer .p2{left: 10px;} */
    
    .col1 {
        color: #00A39A;
    }
    
    .col2 {
        color: #fff;
    }
    

}