.content{ width:100%; overflow:hidden; margin:0px auto; padding:20px 0px}
.vd{width:90%;box-sizing:border-box;margin:0px auto}
.vd-1,.vd-2{ float:left; width:100%; overflow:hidden;}
.vd-1 h3{ float:left; width:100%; overflow:hidden; background:url(../images/cb20170818-35.jpg) no-repeat left center; height:22px; line-height:22px; font-size:16px; color:#999; font-weight:bold; padding-left:40px}
.vd-2 h3{ float:left; width:100%; overflow:hidden; background:url(../images/index-2017823-25.jpg) no-repeat left center; height:22px; line-height:22px; font-size:16px; color:#999; font-weight:bold; padding-left:40px}

.vd-list{ float:left; width:100%; overflow:hidden; background:#f1f1f1; margin-top:15px;box-shadow:0px 0px 3px 3px #ddd}
.vd-s{ float:left; width:100%; overflow:hidden; position:relative;box-sizing:border-box}
.vd-s img{ float:left; width:100%; height:auto}
.vd-s span{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px;height:30px; line-height:30px; text-align:center;background:rgba(0,0,0,0.6); font-size:14px; color:#fff; z-index:123}
.vd-s span a{ color:#fff}
.vd-s p{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12; background:rgba(0,0,0,0.4) url(../images/video.png) no-repeat center; display:none}
.cd-s1{ float:left; width:100%; overflow:hidden; margin-top:5px; padding:0px 10px;box-sizing:border-box}
.cd-s1 span{ float:left; width:50%; height:30px; line-height:30px; background:url(../images/cb20170818-28.jpg) no-repeat left center; padding-left:20px; font-size:12px; color:#999; font-weight:bold}
.cd-s1 em{ float:right; width:auto; height:30px; line-height:30px; background:url(../images/cb20170818-29.jpg) no-repeat left center; padding-left:20px; font-size:12px; color:#999; font-weight:bold}
.vd-s audio{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:1543}
.vd-s video{ float:left; width:100%;}
@media screen and (min-width:480px){
.vd-list{ width:45%;box-sizing:border-box; margin-left:4%}
}


@media screen and (min-width:992px){
.vd{ width:920px; border:1px #e1e1e1 solid; padding:15px 0px 25px;box-sizing:border-box; overflow:hidden}
.vd-1 h3{ width:60%; display:inline; margin-left:35px; margin-top:10px}
.vd-2 h3{ width:60%; display:inline; margin-left:35px; margin-top:10px}
.vd-list{ width:20%; margin-top:20px; background:#f4fbff;box-shadow:none;border:1px #e1e1e1 solid; padding:20px 20px 0px;box-sizing:border-box}

}

@media screen and (min-width:1200px){
.content{padding:30px 0px}
.vd{ width:1000px; border:1px #e1e1e1 solid; padding:15px 0px 25px;box-sizing:border-box; overflow:hidden}

}


@media screen and (min-width:1440px){
.content{padding:54px 0px}
.vd{ width:1200px; border:1px #e1e1e1 solid; padding:15px 0px 35px;box-sizing:border-box; overflow:hidden}
.vd-1 h3{ margin-left:45px;}
.vd-2 h3{ margin-left:45px;}
}