@charset "utf-8";

#top-bg{width: 100%;height: 450px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.cate_nav{font-family: "PingFang SC,黑体";float: left;display: inline-block;background-color: #e5e5e5;color: #494949;font-size: 18px;padding: 16px 25px;border-right: solid 2px white;height: 25px;line-height: 25px}
.cate_nav:nth-last-child(1){border-right: none;}
#cate_nav .active{color: white;background-color: #013c96}
#cate_nav{margin-top: -57px;height: 57px;background-color: #e5e5e5;overflow: auto;}

#fixd-cate{position: fixed;top: 0;left: 0;z-index: 9}
#fixd-cate .cate_nav{background-color: rgba(229, 229, 229, 0.5);float: none;}
#fixd-cate .active{color: white;background-color: #013c96}

.uecontent{margin-top: 12px}
.uecontent img{max-width: 100%}
.block-card{margin-top: 25px}
.block-title-h1{text-align: center;margin-top: 20px}

#time-line{position: relative;width: 99%;padding-right: 20px;/*overflow-x: scroll;*/overflow-x: hidden;padding-top: 20px;white-space: nowrap;padding-bottom: 120px;margin-top: 20px}
.top-card{vertical-align:bottom;display: inline-block;width: 192px;height: 138px;border-top-left-radius: 24px;border-left: solid 3px #013c96;margin-left: 60px;border-top: solid 3px #013c96;position: relative;}
.line-top-desc{color: #013c96;margin-top: -12px;margin-left: 26px;padding-left: 10px;background-color: white}
.line-top-title{height: 48px;font-size: 15px;font-weight: bold;white-space:normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.line-top-p{max-height: 67px;white-space:normal;font-size:13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.line-time{width: 64px;height: 64px;border-radius: 50%;border: solid 3px #013c96;text-align: center;line-height: 64px;color: #013c96;font-size: 18px;font-weight: bold;background-color: white;position: absolute;left: -38px;top: 36px}
.line-time-point{z-index:2;width: 18px;height: 18px;border: solid 2px #013c96;border-radius: 50%;background-color: white;position: absolute;bottom: -10px;left: -12px;}
#cline{border: solid 2px #013c96;width: 100%}
#icon-right{font-size: 40px;color: #013c96;float: right;margin-top: -12px;margin-right: -30px}
.bottom-card{display: inline-block;width: 192px;height: 138px;border-bottom-left-radius: 24px;border-left: solid 3px #013c96;margin-left: 60px;border-bottom: solid 3px #013c96;position: relative;}
.line-bottom-desc{color: #013c96;padding-left: 10px;background-color: white;position: absolute;left: 26px;bottom: -85px}
.line-time-b{width: 64px;height: 64px;border-radius: 50%;border: solid 3px #013c96;text-align: center;line-height: 64px;color: white;font-size: 18px;font-weight: bold;background-color: #013c96;position: absolute;left: -38px;top: 36px}
.line-time-point-b{z-index:2;width: 18px;height: 18px;border: solid 2px #013c96;border-radius: 50%;background-color: #013c96;position: absolute;top: -10px;left: -12px;}

.top-month{color: #013c96;margin-left: 30px;font-weight: bold;}
.bottom-month{color: #013c96;margin-left: 30px;position: absolute;top: 70px;left: 8px;font-weight: bold;}

.news-cover{width: 100%;height: 344px;background-position: center;background-size: cover;background-repeat: no-repeat;margin-top: 6px}
.video-side{height: 170px;font-size: 18px;cursor: pointer;}
.video-title{position: absolute;bottom: 0;left: 0;color: white;background-color: rgba(0, 0, 0, 0.5);width: 100%;padding: 4px 0;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.play-video{position: absolute;top: 0;left: 0;width: 100%;height: 139px;background-color: rgba(0, 0, 0, 0.5);text-align: center;line-height: 139px;color: white;opacity: 0}
.play-video:hover{opacity: 1;transition: 0.4s}
@media screen and (max-width: 480px){
  .cate_nav{font-size: 15px;padding: 6px 16px;margin-top: 8px;}
  #top-bg{height: 350px}
  #cate_nav{margin-top: -28px;}
}