@charset "utf-8";

.width{width:100%;max-width:1200px;min-width:1200px;margin:0 auto; overflow:hidden;}




.container{min-height:130px;}
.container .width{margin:10px auto;}
.container-left{width:250px;margin-right:20px;}
.container-right{flex:1;overflow:hidden;}


/* public begin */


.ui-sidebar ul li a{color:#0E77EA;}
.ui-sidebar ul li a:hover{background:#0E77EA;border-color:#0E77EA;}
.ui-sidebar ul li.active a{background:#0E77EA;border-color:#0E77EA;}

.ui-box{box-shadow:0px 0px 30px rgba(0,0,0,0.1);border:1px solid #f3f3f3;background:#fff;}

.ui-box-radius{border-radius:20px 0 0 0;}
.ui-box-radius .ui-box-title{border-radius:20px 0 0 0;}
.ui-box-title{background:linear-gradient(90deg, #0E77EA 0%, #1e50ae 100%);color:#fff;font-size:24px;font-weight:400;padding:30px;}
.ui-box-title span{display:block;font-size:14px;color:#eaeaea;font-weight:300;text-transform:uppercase;line-height:30px;}

.collapse-menu{margin:20px 0;}

.collapse-menu-title a{transition:all 0.5s ease; font-size:16px; line-height:45px;}

.collapse-menu-title:hover a{padding-left:10px;}
.collapse-menu-body li a{transition:all 0.5s ease;}
.collapse-menu-body li a:hover{padding-left:10px;}
.collapse-menu-body li i{color:#999;}
.collapse-menu-body ul li.active i{color:#1890FF;}
.collapse-menu-body ul li.active a{color:#1890FF;}


.ui-box-h2{font-size:24px;padding:20px 30px;border-bottom:1px solid #eaeaea;position:relative;}
.ui-box-h2:after{position:absolute;display:block;content:"";border-bottom:3px solid  #003366;bottom:0;left:30px;width:90px;}
.ui-box-body{padding:25px 30px;word-break:break-all;min-height:380px;}
.ui-box-piclis{padding:25px 10px;word-break:break-all;min-height:380px;}
.ui-box-body .col-10{max-width:760px;}


.ui-box-body p{margin-bottom:20px;line-height:24px;}
.ui-box-body .content a{color:#03C;}
.ui-box-body .content a:hover{color:#f30;}

.artlist{}
.artlist-item{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(0,0,0,.06);min-height:50px;padding:20px 0;}
.artlist-item:first-child{padding-top:10px;}

.artlist-item-image svg{width:100%;text-anchor:middle;border-radius:4px;border:1px solid #eaeaea;}
.artlist-item-body{flex:1;overflow:hidden;padding-right:20px;}
.artlist-item-body .title{font-size:18px;font-weight:400; }
.artlist-item-date{width:110px;padding:0px 0 0 25px;font-size:13px;color:#999;font-weight:280;position:relative;}

.artlist-item-date:after{display:block;content:"";width:1px;height:30px;background:#f3f3f3;left:10px;top:0px;position:absolute;}
.artlist-item:hover .artlist-item-date{color:#1890FF;}
.artlist-item:hover .artlist-item-body .title{color:#1890FF;}
@media (max-width: 600px) {
.container-left{ display: none;}

}


.video_list{width:100%;margin:0 auto}
 .video_list ul{margin:0 auto}
 .video_list ul li{float:left;width:270px;margin:0 15px 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;-webkit-box-shadow:0 2px 10px #ccc;-moz-box-shadow:0 2px 10px #ccc;box-shadow:0 2px 10px #ccc;overflow:hidden}
 .video_list ul li .list-pic{position:relative}
.video_list ul li .list-pic img{width:100%;height:180px;}
.video_list ul li .list-pic .bg{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);height:40px;bottom:0;left:0;position:absolute;width:100%;z-index:10}
.video_list ul li .list-pic .time{position:absolute;bottom:6px;right:10px;color:#fff;z-index:99}
.video_list ul li .list-tit{margin:10px 15px;line-height:1.8em;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:16px;}
.video_list .btn_more{text-align:center;margin:40px 0;overflow:hidden}
.video_list .btn_more span{margin:0 auto;background:#fff;border:1px #158bcb solid;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;line-height:40px;overflow:hidden;text-align:center;width:120px;color:#158bcb;cursor:pointer}
 .video_list .btn_more span:hover{background:#158bcb;color:#fff}
 
 
 
  .video_list ul li .list-pic-1{position:relative}
.video_list ul li .list-pic-1 img{width:100%; max-width:100%;height:350px;}
.video_list ul li .list-pic-1 .bg{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);height:40px;bottom:0;left:0;position:absolute;width:100%;z-index:10}
.list-tit .zaiyao{ width:100%; overflow:hidden; padding:4px 0px; font-size:14px;}
.list-tit span{ font-size:18px;font-weight:400;}