.banner-img{
  width:100%;
  height:488px;
}
.list-wrap {
  position: relative;
  width: 1440px;
  /*min-height: 840px;*/
  padding: 24px 48px;
  margin: 0 auto;
  font-family: PingFangSC, PingFangSC-Medium;
  box-sizing: border-box;
}

.list-wrap .list-nav {
  float:left;
  position: relative;
}

.list-wrap .list-nav .head {
  width: 240px;
  height: 56px;
  background: #7D2223;
  padding-left: 24px;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 56px
}

.list-wrap .list-nav .head .dw {
  float: right;
  width: 78px;
  height: 48px;
  margin: 4px
}

.list-wrap .list-nav .item {
  box-sizing: border-box;
  position: relative;
  width: 240px;
  height: 56px;
  background: #f0f5fd;
  text-align: left;
  color: rgba(0, 0, 0, 0.85);
  line-height: 56px;
  border-bottom: 1px solid rgba(31, 70, 147, 0.2);
  cursor:pointer;
}
.list-wrap .list-nav .item a {
  display: block;
  box-sizing: border-box;
  padding-left: 24px;
  width: 100%;
  height:100%;
}

.list-wrap .list-nav .item:hover a, .list-wrap .list-nav .item.active a{
  color: #7D2223;
}

.list-wrap .list-nav .item:hover i, .list-wrap .list-nav .item.active i {
  position: absolute;
  left: 16px;
  top: 20px;
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #df8425
}

.list-wrap .list-data {
  float: right;
  width: 984px
}

.list-wrap .list-data .title {
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  box-sizing: border-box;
  padding-bottom:24px;
}

.list-wrap .list-data .title h4 {
  display: inline-block;
  width:200px;
  height:72px;
  box-sizing: border-box;
  padding-left:32px;
  font-size:28px;
  color: rgba(0,0,0,0.85);
  line-height: 72px;
  background-image: url(../images/breadNav.png);
}
.lightColor{
  color: rgba(0,0,0,0.45);
}
.location{
  display: inline-block;
  margin-bottom:3px;
  vertical-align: middle;
  margin-right:8px;
}
.list-wrap .list-data .title .bread {
  float: right;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  color: rgba(0, 0, 0, 0.45);
  line-height: 72px;
}
/*鏂伴椈鍒楄〃*/
.list-wrap .list-data .item-data {
  padding-left: 8px;
  width: 960px;
  height: 64px;
  border-radius: 2px;
  border-bottom: 1px solid #d8d8d8;
  box-sizing: border-box;
  font-weight: 400;
  text-align: left;
  color: rgba(0, 0, 0, 0.85);
  line-height: 64px
}
.list-wrap .list-data .item-data a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height:100%;
}
.list-wrap .list-data .item-data:hover {
  background: #f4f8ff;
  color: #7D2223;
}

.list-wrap .list-data .item-data:hover .circle {
  border: 1px solid #df8425;
  background: #df8425
}

.list-wrap .list-data .item-data .date {
  float: right
}

.list-wrap .list-data .item-data .circle {
  display: inline-block;
  margin-right: 8px;
  width: 8px;
  height: 8px;
  border: 1px solid #7D2223;
  border-radius: 50%
}
.list-wrap .list-data .item-data .txt{
  width: 774px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
/* 缁勭粐鏈烘瀯 */
.boxbg {
  /*background: rgba(31, 70, 147, 0.04);*/
  padding: 24px 24px 0px 0px;
  margin-top: 24px;
}

.orgs-list li {
  box-sizing: border-box;
  display: block;
  float: left;
  width: 210px;
  height: 62px;
  border: 1px solid #d6e0f4;
  box-shadow: 0px 3px 6px 0px rgba(31, 70, 147, 0.10);
  margin: 0px 0px 24px 24px;
  text-align: center;
  cursor: pointer;
  background: white;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.orgs-list li:hover {
  background:  #7d2223;
  color: white;
}
.orgs-list li a {
  display: block;
  box-sizing: border-box;
  width:100%;
  height:100%;
  padding: 20px 17px;
  text-align: center;
  line-height: 1.5;
}
.orgs-list li:hover a{
  color:white;
}

/* 鏂伴椈璇︽儏 */
.mgt24 {
  margin-top: 24px;
}

.news-part .title-part {
  text-align: center;
  padding: 0px 0px 16px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom:24px;
}

.news-part .title-part .titles {
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 20px;
  border: 0px;
  line-height: 26px;
}

.news-part .title-part .info span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  margin: 0px 20px;
  display: inline-block;
}

/* 鏍″洯椋庡厜 */
.img-view {
  margin-right: -24px;
  padding-top: 24px;
}

.view-list li {
  float: left;
  margin-right: 24px;
  text-align: center;
  margin-bottom: 24px;
  cursor: pointer;
}
.view-list li .imgWraps{
  width:312px;
  height:224px;
  overflow: hidden;
}

.view-list li img {
  display: block;
  width:100%;
  height:100%;
}
.view-list li .imgInfo{
  border-left:3px solid #792123;
  text-align: left;
  padding-left: 13px;
  margin-top:16px;
}
.view-list li .imgInfo .imgName{
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: rgba(0,0,0,0.85);
  line-height: 24px;
  width:290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list li .imgInfo .imgTime{
  font-size: 14px;
  font-weight: 400;
  color: rgba(0,0,0,0.65);
  line-height: 22px;
}
.view-list li:hover img {
  transform: scale(1.1)
}

.view-list li:hover p {
  /*color: #1f4693;*/
  /*font-size: 16px;*/
  /*transform: translateY(10px)*/
}

.no-data {
  text-align: center;
  padding-top: 30px;
  color: #999;
  font-size: 16px;
}
/*瀛愰〉闈㈠乏渚у鑸牱寮�*/
.channelName{
  position: absolute;
  top:0px;
  left:0px;
  right: 0px;
  height:96px;
  line-height:96px;
  padding-left: 64px;
  font-size:30px;
  color:white;
}
.channelName .library {
  position: absolute;
  display: block;
  width:336px;
  height:96px;
  right:0px;
  bottom: 0px;
}
.newLeftNav{
  width: 336px;
  box-sizing: border-box;
  background-color: #792123;
  padding: 96px 0px 64px 24px;
}
.nav-left-container {
  width:100%;
  background:white;
  box-sizing: border-box;
  border-right:1px solid #d8d8d8;
}
.leftNavBg{
  background-color: white;
  box-sizing: border-box;
  border-right:1px solid #d8d8d8;
  width:100%;
  height: 344px;
}
.leftNavBg .navBg{
  display: block;
  width:100%;
  height:100%;
}
.nav-left-container li a {
  font-size: 20px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  font-weight:500;
  padding: 35px 20px 35px 40px;
  display: block;
  color: rgba(0,0,0,0.85);
  border-bottom:1px solid #d8d8d8;
}

/*.nav-left-container .active {*/
/*  border-left: 4px solid #7D2223;*/
/*}*/

.nav-left-container li:hover {
  background-color: #ffffff;
  color: #7D2223;
}

.nav-left-container .active>a, .nav-left-container li:hover>a {
  color: #7D2223;
}
.nav-left-container .active>a{
  background:rgba(0,0,0,0.05);
  position: relative;
}
.nav-left-container .active>a::after{
  content: '';
  display: block;
  width:3px;
  height:24px;
  background:#792123;
  position:absolute;
  left:24px;
  top:31px;
}
.nav-left-container-small li a {
  font-size: 14px;
  padding: 7px 15px 7px 52px;
}

.nav-left-container-small {
  display: none;
}
.nav-left-container>li.active .nav-left-container-small {
  display: block;
}
.nav-left-container .icon.right {
  float: right;
  display: block;
  width:7px;
  height:7px;
  border-top:1px solid  rgba(0,0,0,0.45);
  border-right:1px solid  rgba(0,0,0,0.45);
  transform: rotate(45deg);
}
.nav-left-container .icon.bottom {
  float: right;
  display: block;
  width:7px;
  height:7px;
  border-top:1px solid  rgba(0,0,0,0.45);
  border-right:1px solid  rgba(0,0,0,0.45);
  transform: rotate(135deg);
}
/*鏂扮増鏈浘鐗囨枃瀛楁柊闂�*/
.picNewsList li{
  display: block;
  width:100%;
  box-sizing: border-box;
  border-bottom:1px solid #d8d8d8;
}
.picNewsList li a {
  display: flex;
  padding:30px 0px;
  justify-content: space-between;
  align-items: flex-start;
}
.picNewsList li a .newsDate{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width:88px;
  height:80px;
  border:1px solid #792123;
}
.picNewsList li a .newsDate .timeDate{
  display: block;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #792123;
  line-height: 32px;
  width:64px;
  border-bottom: 1px solid rgba(147,149,152,0.50);
}
.picNewsList li a .newsDate .timeYear {
  font-size: 16px;
  font-family: Arial, Arial-Regular;
  font-weight: 400;
  text-align: center;
  color: #939598;
  line-height: 20px;
}
.picNewsList li a .newsPic{
  display: block;
  width:264px;
  height:160px;
}
.picNewsList li a .newsWrap{
  flex:1;
  text-align: left;
  padding:0px 32px 0px 24px;
}
.picNewsList li a .newsWrap .newsTit{
  width: 572px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 600;
  color: rgba(0,0,0,0.85);
  line-height: 32px;
  margin-bottom:14px;
}
.picNewsList li a:hover .newsWrap .newsTit{
  color:#792123;
}
.picNewsList li a .newsWrap .newsDec{
  font-size: 16px;
  font-weight: 400;
  color: rgba(0,0,0,0.65);
  line-height: 28px;
}
.noticeList{
  margin-right:-28px;
  margin-top:31px;
}
.noticeList li {
  float:left;
}
.noticeList li a{
  cursor:pointer;
  display: flex;
  align-items: stretch;
  border: 1px solid #eeeef1;
  width:478px;
  margin-right:24px;
  margin-bottom:32px;
}
.noticeList li a:hover{
  box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.10);
}
.noticeList li a .noticeTime{
  width:88px;
  height:90px;
  background:#792123;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.noticeList li a .noticeTime .weekNum{
  font-size: 18px;
  color: white;
  line-height: 24px;
  margin-bottom:8px;
}
.noticeList li a .noticeTime .date{
  font-size: 16px;
  color: white;
  line-height: 20px;
}
.noticeList li a .noticeCont{
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding:10px 16px;
}
.noticeList li a  .noticeCont  .noticeTit{
  font-size: 16px;
  font-weight: 400;
  color: rgba(0,0,0,0.85);
  line-height: 24px;
}
.noticeList li a  .noticeCont .publishTime span{
  font-size: 14px;
  font-weight: 400;
  color: rgba(0,0,0,0.65);
  line-height: 22px;
}
.imgBannerWraps{
  width:100%;
}
.videosWrap{
  position:relative;
}
.playBtn{
  position: absolute;
  left: 0px;
  right:0px;
  top:0px;
  bottom:0px;
  background: url(../images/play.png) rgba(0,0,0,0.65) center no-repeat;
  background-size: 100%;
}
/*鏂扮悊宸ラ潚骞村垪琛ㄩ〉*/
/* 鏁堟灉CSS寮€濮� */
.mod18{width:984px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 .prev.small{left:72px;}
.mod18 .next.small{right:72px;}
.mod18 #prevTop,.mod18 #nextTop{top:293px;width:40px;height:48px;}
.mod18 #prev,.mod18 #next{top:644px;width:21px;height:16px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:984px;height:554px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:860px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:984px; height:594px; padding-left:0px; padding-right:0px;position:relative;overflow:hidden;padding-top:40px;}
.mod18 .picBox ul{height:554px;position:absolute; left:0;}
.mod18 .picBox li img {display: block;width:100%;height:100%;}
.mod18 .picBox li{padding-left:0px; padding-right:1px; width:984px;height:554px;}
.mod18 .listBox{width:642px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:127px;height:77px;cursor:pointer;position:relative; padding:5px 0 0 0;opacity: 1;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;background-color:#cfa972;opacity: 0.6;}
.mod18 .listBox img{background-color:#cfa972;opacity: 0.6;display: block;height:100%;width:100%;}
.mod18 .listBox .on a{opacity: 1;}
.mod18 .listBox .on img{opacity: 1;}
.mod18 .listBox .on i{display:block;}
.listBox img{width: 100%}
/*--------------------------------鐜颁换棰嗗鏍峰紡-------------------------*/
.teacherList{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding:32px 0px;
}
.teacherList li {
  display:block;
  position: relative;
  width:304px;
  cursor:pointer;
  overflow: hidden;
  margin:12px;
}
.teacherList li .teacherImage {
  display: block;
  width:100%;
  height:228px;
}
.teacherList li .infoWrap{
  display: block;
  background:#e1e1e19c;
  padding:5px 15px;
}
.teacherList li  .teacherName{
  font-size:18px;
  font-weight: bold;
  line-height: 32px;
}
.teacherList li .teacherDec {
  line-height: 18px;
  height:55px;
  overflow: hidden;
}
.teacherList li  .moreBtn{
  text-align: right;
  color:#bab5b6;
  line-height: 32px;
}
.teacherList li .popWrap {
  position: absolute;
  top:0px;
  left:0px;
  background:rgba(255,255,255, .9);
  padding:8px;
  width:100%;
  height:100%;
  display: none;
}
.teacherList li .popWrap .closeBtn {
  font-size:24px;
  text-align: right;
  line-height: 24px;
}
.teacherList li  .popCont .teacherDec{
  height:260px;
  overflow: auto;
}
/*--------鑱旂郴鎴戜滑-------------*/
.xueyuan{
  margin-bottom:40px;
}
.xueyuan .academy{
  font-size:36px;
  line-height: 64px;
  margin-bottom:32px;
  text-align: center;
  border-bottom:1px solid #e6e6e6;
}
.modulesWrap{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.modulesWrap  .modules{
    width:470px;
    border-bottom: 1px solid #e6e6e6;
    margin:10px;
    padding:16px;
}
.modulesWrap  .modules .modulesName{
  font-weight: bold;
  margin-bottom: 8px;
}
.addressWrap{
  display: flex;
  align-items: flex-start;
  /* justify-content: center; */
  margin:24px 0px 32px;
}
.addressWrap .addressPng{
  display: block;
  width:400px;
  height:320px;
  margin-left:46px;
  border:1px solid #808080;
}
.addressWrap .addressTit{
  font-size:36px;
  line-height:36px;
  margin-bottom:20px;
  color: #444;
}
.addressWrap .addressCont{
  font-size:16px;
  line-height: 32px;
  color: #444;
}