@charset "utf-8";
/* CSS Document */
.page{clear:both;width:100%; margin-top:30px;margin-bottom:50px;text-align:center;}
.page span{display:inline-block;width:auto;height: 20px;line-height: 20px; margin:5px; padding: 5px 10px 5px 10px; background:#f6f6f6; border:#e3e3e3 1px solid; border-radius: 5px; cursor: pointer;}
.page span:hover{background:#0e58d1; color: #fff;border:#0e58d1 1px solid;}
.page span:hover a{color: #fff;}
.page strong{color:#0e58d1; border-radius: 5px;cursor: pointer;}
.page strong:hover{background:#0e58d1; color: #fff; border:#0e58d1 1px solid;}
.page strong:hover a{color: #fff;}

.center_title{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden;}

.main{clear:both;margin:auto;padding:0; width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden;display: flex;}
.main_center{flex:1; margin:0;padding:0;margin-left: 0px;}
.main_left{margin:0; margin-top:0px;padding:0;width: 250px; height:auto;overflow:hidden;order: -1; }

.main_center .ct{font-weight:normal; font-size:28px; text-align:center;}
.main_center h1{  color:#666; font-weight:normal;font-size: 28px;}
.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:22%;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:50%;padding-top:50%;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: 10px; line-height: 25px; height: 25px;}


#left_list{margin:auto; margin-top:30px;width:95%;}
#left_list .c{padding:15px;border-bottom:#ededed 1px solid;}
#left_list .c a{display:block; font-size:16px;color:#000;}
#left_list .c:hover{ background:#f1f1f1;}

.video_view{ text-align: center; padding-bottom: 50px;}
.video_view .video{background: #ededed; border-radius: 5px; width: 800px; height: 600px;}
.video_view .video_iframe iframe{width:100%;}
.video_content{font-size:1.2rem;line-height:2rem;}
.video_content a{font-size:1.2rem;color:#014f96;text-decoration: underline;}
.video_content img{ max-width:1000px; height:auto;}
.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:#0e58d1;color:#fff;cursor:pointer;border-radius:5px;}

.main_nav{clear:both;margin:auto;padding:0; margin-top:50px;width:95%;height:auto;display: flex; justify-content: center;align-items: center;}
.main_nav_left{ width: 250px; display: none;}
.main_nav_left img{ height: 60px;}
.main_nav_center{flex:1;display: flex; justify-content: center;align-items: center;}
.main_nav_title{ height: auto; display: none;} 
.main_nav_title span{border-bottom: #0e58d1 1px solid; font-size: 18px;font-weight: bold; padding-bottom: 5px;}
.main_nav_list{margin-top: 10px;}
.main_nav_list li{ display: inline-block; width: 150px; margin-top: 10px; margin-right: 10px;}
.main_nav_list li::before{content:"";display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#fff; border: #ccc 1px solid;}
.main_nav_list .on::before{content:"";display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#ccc; border: #ccc 1px solid;}
.main_nav_list li:hover::before{background:#0e58d1; border: #0e58d1 1px solid;}

@media screen and (min-width: 1400px) {
#main{width: 80%;}
.main_nav{width: 80%;}
.video_list{width: 80%;}
.center_title{width: 80%;}
}

@media screen and (max-width: 750px) {
.tt{ font-size: 16px;}

.center_title{ width:95%;}

.main{width:100%; margin-top:20px;display: block;}
.main_center{width:100%; margin-left: 0px;}
.center_title{ padding:0px 10px 0px 10px;}
.main_left{width:100%;}

#left_list{ margin-top:30px; margin-bottom:20px;width:100%;width:100%;}
#left_list .c{padding:10px 15px 10px 0px; text-align:center; background:#f1f1f1; border-bottom:#FFF 1px solid;}
#left_list .c a{display:block; font-size:16px;}
    
.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_list .n{ margin: 10px; line-height: 25px; height: 50px;}

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

.center_content{ width:95%;}

.main_nav_left{ flex: 0.4;}
.main_nav_left img{ height: auto; width: 80%;}
.main_nav_list li{ display: inline-block; width: 120px; margin-top: 10px; margin-right: 10px;}
}