body{
    background: #fcfcfc;
}

.banner{
   background: #eeeeee;
}
.banner img{
    display: block;
    width: 1300px;
    margin: 0 auto;
}
.cont01{
    width: 1000px;
    margin: 50px auto;
}
.cont01 h2{
    position: relative;
    width: 1000px;
    height: 70px;
    background: url('../images/video03.png')no-repeat;
}
.more{
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 16px;
    height: 32px;
    line-height: 32px;
    font-size: 22px;
    color: #666;
    padding-right: 48px;
    background: url('../images/more.png')no-repeat right center;
}
.list1 li{
    float: left;
    width: 240px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 11px;
    margin-bottom: 10px;
}
.list1 li:nth-child(2n+2){
    margin-left: 12px;
}
.list1 li:nth-child(4n+3){
    margin-left: 12px;
}
.list1 li a:hover .mask{
    display: block;
}
.list1 li a{
    display: block;
    width: 240px;
    height: 144px;
    position: relative;
    margin-bottom: 9px;
}
.list1 li img{
    width: 240px;
    height: 144px;
}
.mask{
    display: none;
    position: absolute ;
    z-index: 9;
    background: rgba(0,0,0,.5) url('../images/bo.png')no-repeat center;
    width: 240px;
    height: 144px; 
}
.list1 li .name{
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    line-height: 18px;
    height: 18px;
}
.list1 li .num{
    padding-left: 25px;
    margin-right: 11px;
    float: right;
    font-size: 14px;
    margin-left: 10px;
    line-height: 18px;
    height: 18px;
    color: #666;
    background: url('../images/ren.png')no-repeat left center;
}
.cont02{
    width: 1000px;
    margin: 50px auto;
}
.cont02 h2{
    position: relative;
    width: 1000px;
    height: 70px;
    background: url('../images/video02.png')no-repeat;
    margin-bottom: 12px;
}
.lt_div{
    position: relative;
    float: left;
    width: 490px;
    height: 300px;

}
.lt_div img{
    width: 490px;
    height: 300px;
}
.mask_div{
    position: absolute;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,.5);
    bottom: 0;
    width: 100%;
    
}
.mask_div span:nth-child(1){
    font-size: 16px;
    color: #fff;
    margin-left: 20px;
}
.mask_div span:nth-child(2){
    font-size: 14px;
    float: right;
    color: #fff;
    margin-right: 12px;
    background: url('../images/ren2.png')no-repeat left center;
    padding-left: 24px;
}
.rt_ul{
    float: right;
    width: 495px;
    height: 300px;
}

.rt_ul li{
    position: relative;
    float: left;
    width: 240px;
    height: 144px;
    margin-bottom: 12px;
}
.rt_ul li img{
    width: 240px;
    height: 144px;
}
.rt_ul li .mask_ul{
    position: absolute;
    height: 34px;
    line-height: 34px;
    background: rgba(0,0,0,.5);
    bottom: 0;
    width: 100%;
}
.mask_ul span:nth-child(1){
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
}
.mask_ul span:nth-child(2){
    font-size: 14px;
    float: right;
    color: #fff;
    margin-right: 10px;
    background: url('../images/ren2.png')no-repeat left center;
    padding-left: 24px;
}
.rt_ul li:nth-child(even){
    margin-left: 12px;
}
.cont03{
    width: 1000px;
    margin: 50px auto;
}
.cont03 h2{
    position: relative;
    width: 1000px;
    height: 70px;
    background: url('../images/video01.png')no-repeat;
    margin-bottom: 41px;
}
.list3 li{
    position: relative;
    float: left;
    width: 325px;
    height: 200px;
}
.list3 li img{
    width: 325px;
    height: 200px;
}
.list3 li .mask_ul{
    position: absolute;
    height: 34px;
    line-height: 34px;
    background: rgba(0,0,0,.5);
    bottom: 0;
    width: 100%;
}
.list3 li:nth-child(2){
    margin: 0 12px;
}