@charset "utf-8";
/* CSS Document */
.header{background: #000;}
#heclear{height:50px;}

#main{clear:both;margin:auto;padding:0; margin-top:30px;width:95%;height:auto!important;min-height:50px;max-height:none;overflow:hidden;}
#main_center{float:right;margin:0;padding:0;margin-top:0px;width:100%;height:auto;overflow:hidden;}
#center_title{margin:10px;height:30px;}
#center_title span{float:right; margin-top:5px; cursor:pointer; display:none;}

#page{clear:both; padding:10px;text-align:center;}
#page select{ margin-top:10px;margin-left:3px;vertical-align:baseline;border:#e3e3e3 1px solid; height:28px;background:#f6f6f6;}
#page span{margin-top:10px;display:inline-block;width:auto;margin-right:5px;padding:5px 10px 5px 10px; background:#f6f6f6; border:#e3e3e3 1px solid;}
#page span:hover{background:#e3e3e3;}
#page strong{margin-top:10px;color:#000;}


#main_left{float:left;margin:0; margin-top:0px;padding:0;width:250px;height:auto;overflow:hidden;}
#left_title{line-height:40px;font-size:16px;color:#000;text-transform: uppercase;}
#left_title a{font-size:16px;color:#000;text-transform: uppercase; }
#left_list{margin:auto;border-right:#ededed 1px solid;}
#left_list .c{padding:10px 15px 10px 0px;font-size:16px; font-weight:bolder;}
#left_list .c a{display:block; font-size:16px;}
#left_list .s{position:absolute;margin-left:198px;margin-top:-25px;width:789px;height:auto; overflow:hidden;z-index:99999999999999;background:#FFF;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s{padding:5px;padding-left:10px;}
#left_list .c_s a{display:block;}
#left_list .c_s_s{position:absolute;margin-left:204px;margin-top:-20px;width:788px;height:auto; overflow:hidden;z-index:99999999999999;background:#f1f1f1;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s_n{display:inline-block; float:left; margin-left:5px;height:25px;line-height:25px;width:145px; text-align: center; overflow:hidden;}
#left_list .c_s_n a{font-weight:normal;}


.video_list{margin:auto; margin-top:30px;margin-bottom:50px;width:100%; height:auto; overflow:hidden;}
.video_list ul{display:block;float:left; margin:1%; width:30.3%;padding:0.5%;box-shadow:0 0 20px #fff;background: #fff;height:auto;overflow:hidden;border-radius: 10px;}
.video_list ul:hover{box-shadow:0 0 20px #ccc; border-radius: 10px;}
.video_list .p{padding-bottom:88%;padding-top:88%;height:0; overflow: hidden; background:#ededed no-repeat center center;background-size:contain; display: flex; justify-content: center; align-items: center;  border-radius: 3px;}
.video_list .p span{ font-size: 50px; color: rgb(255, 255, 255,0.5);}
.video_list .n{ margin-top: 10px;height:30px; line-height:15px;overflow: hidden; text-align: center;}



.video_view{ text-align: center; padding-bottom: 50px;}
#video{ background: #000; border-radius: 5px; width: 800px; height: 600px;}
.video_button{margin-top:30px;text-align:center;}
.video_button a{padding:5px 15px 5px 15px;border:none; width:150px;height:45px;text-align:center; background:#e77817;color:#fff;cursor:pointer;border-radius:5px;}


@media screen and (max-width: 750px) {
#main{width:100%;margin-top:20px;}
#center_title span{ display: none;}
#main_left{position:fixed; top:0; left:0;width:150px; height:100%; overflow-y:scroll; background:#FFF; border-right: #ededed 1px solid; z-index:999999999999; display:none;}
#left_list .c{font-size:14px;}
#left_list .c a{font-size:14px;}
#main_center{width:100%;}
    
.video_list{ width: 100%;}
.video_list ul{width:46%; padding:2%; margin: 0px; border-bottom:#f2f2f2 20px solid;box-shadow:none; border-radius: 0px;}
.video_list ul:hover{box-shadow:none; border-radius: 0px;}

#video{ margin: 0; padding: 0; background: #000; border-radius: 0px; width: 100%; height: auto;}

.center_content{ width:95%;}

#page select{display:none;}
}