.head_video {
    width: 1152px;
    height: 346px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 126px;
}
.head_video .vid_left {
    width: 1152px;
    height: 346px;
    position: relative;
    float: left;
}
.vid_clear {
    clear: both;
    width: 1200px;
}
.vid_left li {
    float: left;
    position: relative;
    width: 284px;
    height: 173px;
    overflow: hidden;
}
.vid_left li.li0 {
    margin-bottom: 3px;
}
.vid_left li a {
    width: 284px;
    height: 173px;
    display: block;
    overflow: hidden;
}
.vid_left li .img_h {
    height: 173px;
    width: auto;
}
.vid_left li span{
    width: 100%;
}
.vid_left li span.text {
    font-family: "Didot HTF-L24";
    height: 39px;
    background: rgba(0,0,0,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    line-height: 39px;
    position: absolute;
    bottom: 18px;
    left: 0;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    display: inline-block;
}
.vid_left li.li1 {
    margin-bottom: 3px;
    margin-left: 4px;
}
.vid_left li.li2 {
    clear: both;
}
.vid_left li.li3 {
    position: absolute;
    right: 580px;
    top: 176px;
}
.vid_left li.li4 {
    background-color: #ccc;
    height: 346px;
    position: absolute;
    right: 0;
    top: 0;
    width: 576px;
}
.vid_left li .img_w {
    height: auto;
    width: 284px;
}
.vid_left li .img_w {
    height: auto;
    width: 284px;
}
.vid_left .left li.li4 {
    background-color: #ccc;
    height: 346px;
    position: absolute;
    right: 0;
    top: 0;
    width: 576px;
}
.vid_left li.li4 a {
    width: 576px;
    height: 348px;
    display: block;
    overflow: hidden;
}
.vid_left li .img_2h {
    height: 346px;
    width: auto;
}
.vid_left li.li4  span {
    height: 80px;
    line-height: 80px;
    font-size: 24px;
}
.vid_left a .van-image{
    position: unset;
}
.spotlight {
    width: 1152px;
    height: 760px;
    margin: auto;
    margin-bottom: 73px;
}
.spo_content{
    width: 1152px;
    height: 600px;
    margin-top: 60px;
}
.spo_content .spo_first {
    width: 1152px;
    height: 300px;
    overflow: hidden;
}
.spo_first .spo_left {width: 576px;
    height: 300px;
    float: left;
    position: relative;
}
.spo_left a.img {
    width: 576px;
    height: 300px;
    display: block;
}
.spo_left .img_w {
    width: 576px;
    height: auto;
}
.spo_left .play {
    position: absolute;
    z-index: 999;
    left: 235px;
    top: 98px;
    cursor: pointer;
}
.spo_first .spo_right {
    width: 533px;
    height: 265px;
    float: right;
    padding-top: 35px;
}
.spo_right .logo {
    font-family: "Times New Roman";
    width: 160px;
    height: 35px;
    background: #000;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    margin-bottom: 6px;
    line-height: 35px;
}
.spo_right .main {
    font-size: 30px;
    font-family: "宋体";
    display: block;
    color: #000;
}
.spo_right .subtitle {
    font-size: 18px;
    color: #b9995a;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.spo_right .complete_box {
    margin-top: 25px;
    width: 160px;
    height: 38px;
    display: block;
    overflow: hidden;
    padding: 3px;
    border: 1px solid #000000;
    z-index: 2;
}
.spo_right .complete_box .complete_link {
    font-family: "Didot HTF-L24";
    width: 152px;
    height: 30px;
    display: block;
    overflow: hidden;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #000000;
    font-size: 16px;
    line-height: 33px;
    padding: 3px;
    background-image: url(../img/l_right.png);
    background-repeat: no-repeat;
    background-position: 30% center;
}
.spo_right .complete_box .complete_link:hover {
    color: #efefef;
    background-color: #000;
    background-image: url(../img/g_play.png);
    background-repeat: no-repeat;
    background-position: 30% center;
}
.spo_second .spo_right .logo,.spo_second .spo_right .complete_box{
    margin-left: 364px;
}
.spo_second .spo_right span{
   text-align: right;
}
.video_list {
    width: 1086px;
    height: auto;
    margin: auto;
    overflow: hidden;
}
.video_list ul.video_clear {
    height: auto;
    display: block;
    clear: both;
    width: 1200px;
}
.video_clear li {
    float: left;
    margin-bottom: 59px;
    margin-right: 30px;
    height: 280px;
    overflow: hidden;
    width: 342px;
}
.video_clear li .background {
    position: relative;
}
.background a.a_img {
    width: 342px;
    height: 205px;
    display: block;
    overflow: hidden;
}
.background a.a_img .img_h {
    width: auto;
    height: 205px;
}
.background .replay {
    position: absolute;
    top: 74px;
    left: 140px;
    z-index: 9999;
    cursor: pointer;
}
.background .tv_logo {
    font-family: "Times New Roman";
    padding: 0px 10px;
    height: 29px;
    background: #000;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: 96px;
    top: 186px;
}
.video_list li .txt {
    font-size: 20px;
    text-align: center;
    width: 300px;
    display: block;
    margin: auto;
    margin-top: 20px;
    color: #000;
}
.background a.a_img .img_h {
    width: auto;
    height: 205px;
}
.background a.a_img .img_w {
    width: 342px;
    height: auto;
}
#J_page_bar {
    text-align: center;
    cursor: pointer;
}
#J_page_bar .btn_page {
    width: 169px;
    height: 40px;
    background-image: url('../img/click.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin: 0 auto;
}
#J_page_bar .btn_page:hover {
    background-image: url('../img/hover.png');
}
