.dh-banner{
    width:100%;
    min-width: 1200px;
    height:500px;
    background:url("../images/dh-banner.jpg") no-repeat center;
    background-size:100% 100%;
}
.title-box{
    width:100%;
    height:56px;
    font-size:36px;
    font-weight: bold;
    color:#333;
    line-height: 36px;
}
.dh-intro{
    margin-top:80px;
}
.dh-intro .p2{
    text-indent: 2em;
    color:#333;
    font-size: 16px;
    line-height: 30px;
    word-break:break-all;
}
.dh-intro .img-box{
    margin:80px 0;
}
.img-ul{
    width:100%;
    height:267px;
}
.img-ul li{
    float: left;
}
.img-ul li a{
    display: block;
    width:267px;
    border-radius: 100%;
    margin-right: 44px;
}
.img-ul li a.marNO{
    margin-right: 0;
}
.img-ul li a>img{
    width:100%;
    transition:all .5s;
    z-index: 9999;
}   

.img-ul li a>img:hover{
    transform:scale(1.5);
}
  
.dh-video{
    width:1200px;
    height:675px;
    margin-bottom:80px;
    position: relative;
    background:url("../images/promotional_video_bg.png") no-repeat center;
    background-size:100% 100%;
    cursor: pointer;
    border-radius: 20px;
}  
.dh-video .dh-play{
    width:78px;
    height:78px;
    background:url("../images/play_.png") no-repeat center;
    background-size:100% 100%;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}


.dh-course-box{
    margin-bottom:50px;
}
.dh-course .p1{
    font-size:36px;
    line-height: 36px;
    color:#333;
    height: 56px;
    text-align: center;
    font-weight: 600;
}
.dh-course .p2{
    padding-bottom:20px;
    width: 800px;
    margin: 0 auto;
}
.course-date{
    margin-bottom:80px;
}
.date-ul{
    width:100%;
    height:112px;
}
.date-ul li{
    width:240px;
    height:112px;
    float:left;
    display: flex;
    align-items: center;
}
.date-ul li a{
    display: flex;
    width:240px;
    height:92px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#333;
    padding:10px 0;
    border-right: 1px solid #e1e1e1;
}
.date-ul li span .span {
    font-size:46px;
    padding-right:5px;
}
.date-ul li span i{
    font-size:16px;
    vertical-align: middle;
}

/* 足迹 */
.footer-print-box{
    /* width:1200px;
    height:2050px; */
    position: relative;
}
.footer-print-box>i{
    display: block;
    position: absolute;
    top:0;
    left: 90px;
    width:255px;
    height:2050px;
    background:url("../images/dian.png") no-repeat center;
    background-size:100% 100%;
}
.footer-print-left{
    width:228px;
    height:2050px;
}
.footer-print-left>img{
    width:100%;
    height:100%;
}

.footer-print-right{
    width:972px;
    /* height:2050px; */
}

.item0{
    width:972px;
    height:330px;
    margin-bottom:80px;
}
/* .item-1{
    width:800px;
    height:330px;
} */
.item-1 .left{
    width:440px;
    /* height:330px; */
}
.item-1 .right{
    width:360px;
    /* height:330px; */
}
.item-1 .p1{
    padding-top:10px;
    font-size:24px;
    line-height: 26px;
    color:#333;
    word-break: break-all;
}
.item-1 .p2{
    padding-top:10px;
    font-size:40px;
    line-height: 46px;
    color:#333;
    font-weight: 600;
}
.item-1 .p3{
    font-size:24px;
    line-height: 30px;
    color:#333;
    word-break: break-all;
}


.item-1 .bg-0{
    width:420px;
    height:268px;
    border-radius: 20px;
}
.item-1 .bg-1{
    background:url("../images/develop_history_zd.png") no-repeat center;
    background-size:100% 100%;
}
.item-1 .bg-2{
    background:url("../images/develop_history_jb.png") no-repeat center;
    background-size:100% 100%;
}

.item-1 .bg-3{
    background:url("../images/develop_history_pp.png") no-repeat center;
    background-size:100% 100%;
}
.item-1 .bg-4{
    background:url("../images/develop_history_live.png") no-repeat center;
    background-size:100% 100%;
}
.item-1 .bg-5{
    background:url("../images/develop_history_ym.png") no-repeat center;
    background-size:100% 100%;
}
.mar-left1{margin-left: 50px;}
.mar-left3{margin-left: 100px;}
.mar-left4{margin-left: 172px;}
.mar-left5{margin-left: 150px;}



@media (min-width: 1200px) {
    .dh-banner{
        height:313px;
    }
    .title-box{
        font-size:24px;
    }
    .dh-intro .p2{
        font-size:12px;
    }


    .item0{
        height:207px;    
    }
    .item-1 .bg-0{
        width: 262px;   
        height: 168px   
    }
    .item-1 .p1 {
        font-size:12px;
    }
    .item-1 .p2{
        font-size:28px;
        font-weight: 600;
    } 
    .item-1 .p3{
        font-size:12px;
    } 
    .footer-print-box>i{
        width: 159px;     
        height: 1370px;     
    }
    .footer-print-left{
        height:1370px;  
    }
}
@media (min-width: 1280px) {
    .dh-banner{
        height:334px;
    }
    .title-box{
        font-size:26px;
    }
    .dh-intro .p2{
        font-size:13px;
    }
}
@media (min-width: 1440px) {
    .dh-banner{
        height:375px;
    }

    .title-box{
        font-size:28px;
    }
    .dh-intro .p2{
        font-size:14px;
    }


    .item0{
        height:249px;   
    }
    .item-1 .bg-0{
        width: 315px;  
        height: 202px   
    }
    .item-1 .p1 {
        font-size:16px;
    }
    .item-1 .p2{
        font-size:32px;
        font-weight: 600;
    } 
    .item-1 .p3{
        font-size:16px;
    } 
    .footer-print-box>i{
        width: 191px;      
        height: 1539px;       
    }
    .footer-print-left{
        height:1539px;  
    }

}
@media (min-width: 1679px) {
    .dh-banner{
        height:438px;
    }
    .title-box{
        font-size:32px;
    }
    .dh-intro .p2{
        font-size:16px;
    }


    .item0{
        height:289px;   
    }
    .item-1 .bg-0{
        width: 368px;   
        height: 235px   
    }
    .item-1 .p1 {
        font-size:20px;
    }
    .item-1 .p2{
        font-size:36px;
        font-weight: 600;
    } 
    .item-1 .p3{
        font-size:20px;
    } 
    .footer-print-box>i{
        width: 223px;      
        height: 1795px;        
    }
    .footer-print-left{
        height:1795px;  
    }


}
@media (min-width: 1920px) {
    .dh-banner{
        height:500px;
    }
    .title-box{
        font-size:36px;
    }
    .dh-intro .p2{
        font-size:16px;
    }


    .item0{
        height:330px;  
    }

    .item-1 .bg-0{
        width: 420px;   
        height: 268px   
    }
    .item-1 .p1 {
        font-size:24px;
    }
    .item-1 .p2{
        font-size:40px;
        font-weight: 600;
    } 
    .item-1 .p3{
        font-size:24px;
    } 
    .footer-print-box>i{
        width: 255px;        
        height: 2050px;        
    }
    .footer-print-left{
        height:2050px;   
    }

}
@media (min-width : 2048px) {
    .dh-banner{
        height: 667px;
    }
}