.hd {
  height: 40px;
  
}
.hd .tit {
  float: left;
  font-size: 22px;
  color: #333;
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 22px;
}
.hd .more {
  float: right;
}
.hd .more a {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  color: #555;
  letter-spacing: 1px;
  transition: all 0.5s;
}
.hd .more:hover a {
  color: #317444;
  font-weight: bold;
}
.main {
  margin-top: 27px;
}
.main .list1,
.main .list2,
.main .list3 {
  width: 380px;
  float: left;
}
.main .list1 .bd a,
.main .list2 .bd a,
.main .list3 .bd a {
  font-size: 16px;
  color: #333;
  letter-spacing: 1px;
}
.main .list1,
.main .list2,
.main .list3 {
  margin-right: 30px;
}
.main .list1 .bd,
.main .list2 .bd,
.main .list3 .bd {
  margin-top: 4px;
}
.main .list1 .bd li,
.main .list2 .bd li,
.main .list3 .bd li {
  padding: 10px 0;
}
.main .list1 .bd .name,
.main .list2 .bd .name,
.main .list3 .bd .name {
  float: left;
  width: 330px;
  line-height: 16px;
  transition: all 0.5s;
}
.main .list1 .bd .time,
.main .list2 .bd .time,
.main .list3 .bd .time {
  letter-spacing: 1px;
  float: right;
  width: 50px;
  font-size: 14px;
  color: #777;
  text-align: right;
  line-height: 16px;
  transform: all 0.5s;
}
.main .list1 .bd .fast .cover,
.main .list2 .bd .fast .cover,
.main .list3 .bd .fast .cover {
  float: left;
  height: 90px;
  width: 160px;
  overflow: hidden;
}
.main .list1 .bd .fast .cover img,
.main .list2 .bd .fast .cover img,
.main .list3 .bd .fast .cover img {
  height: 100%;
  width: 100%;
  transition: all 1s;
}
.main .list1 .bd .fast .video-box,
.main .list2 .bd .fast .video-box,
.main .list3 .bd .fast .video-box {
  position: relative;
  float: left;
  height: 90px;
  width: 160px;
  background: #555;
}
.main .list1 .bd .fast .video-box video,
.main .list2 .bd .fast .video-box video,
.main .list3 .bd .fast .video-box video {
  height: 100%;
  width: 100%;
  object-fit: fill;
  text-align: center;
}
.main .list1 .bd .fast .video-box .play,
.main .list2 .bd .fast .video-box .play,
.main .list3 .bd .fast .video-box .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48px;
  width: 48px;
  
}
.main .list1 .bd .fast .video-box .play:hover,
.main .list2 .bd .fast .video-box .play:hover,
.main .list3 .bd .fast .video-box .play:hover {
  
  cursor: pointer;
}
.main .list1 .bd .fast .right,
.main .list2 .bd .fast .right,
.main .list3 .bd .fast .right {
  float: right;
}
.main .list1 .bd .fast .right .name,
.main .list2 .bd .fast .right .name,
.main .list3 .bd .fast .right .name {
  width: 212px;
  float: none;
  line-height: 28px;
}
.main .list1 .bd .fast .right .time,
.main .list2 .bd .fast .right .time,
.main .list3 .bd .fast .right .time {
  margin-top: 12px;
  float: none;
  text-align: left;
}
.main .list1 .bd a:hover .name,
.main .list2 .bd a:hover .name,
.main .list3 .bd a:hover .name {
  color: #317444;
  font-weight: bold;
}
.main .list1 .bd a:hover .time,
.main .list2 .bd a:hover .time,
.main .list3 .bd a:hover .time {
  color: #317444;
}
.main .list1 .bd a:hover .cover img,
.main .list2 .bd a:hover .cover img,
.main .list3 .bd a:hover .cover img {
  transform: scale(1.1);
}
.main .list2 {
  margin-right: 30px;
}
.main .list3 {
  margin-right: 0;
}
.main .list3 .bd {
  margin-top: 10px;
}
.main .list3 .bd li {
  padding: 3px 0;
}
.course {
  margin-top: 30px;
}
.course .hd {
  margin-left: 557px;
  margin-right: 492px;
  background: url(../images/ht-tit-bg2.png) no-repeat 18px bottom;
}
.course .bd {
  padding-top: 8px;
}
.course .bd .btns {
  float: left;
  width: 380px;
}
.course .bd .btns a {
  position: relative;
  margin-top: 12px;
  display: block;
  height: 50px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
}
.course .bd .btns a .des {
  position: absolute;
  bottom: 32px;
  left: 5px;
  width: 22px;
  height: 28px;
  
}
.course .bd .btns1 {
  margin-left: 8px;
}
.course .bd .btns1 a {
  background: #659442;
}
.course .bd .btns2 {
  margin-left: 8px;
}
.course .bd .btns2 a {
  background: #53bd72;
}
.course .bd .btns3 {
  margin-left: 8px;
}
.course .bd .btns3 a {
  background: #78bf4d;
}
.course .bd .btns li {
  margin-top: 12px;
}
.course .bd .con {
  padding-left: 13px;
}
.hvr-trim:before {
  border-width: 2px;
}