@charset "utf-8";

.banner2.subBanner{ height: 260px; position: relative;}
.banner2::before{ content: ''; display: block; width: 100%; height: 126px; background: url(../images/zi-banner_gray.png) no-repeat; background-size: cover; position: absolute; top: 0px;}
.banner2.subBanner .title{ font-family: 'FZZhengHeiS-DB-GB'; color: #fff; line-height: 36px; position: absolute; top: 150px; left: 50%; margin-left: -105px;}
.banner2.subBanner img{ width: 100%;}
.subBody .lt{ width: 158px; border-right: 1px solid #94070a; box-sizing: content-box;}
.subBody .rt{ width: calc(100% - 160px); margin-bottom: 44px;}
.bread{ position: absolute; top: 213px; left: 50%; margin-left: -115px;}
.bread a,.bread span{ color: #fff;}
.subBody .rt .content{ margin-left: 80px; background-color: #f3f7fe;}

/*侧边栏*/
.gp-subLeft{width: 100%; padding: 10px 0 50px; }
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{padding:30px 0 20px;display: block;border-bottom: 1px solid #dcdcdc; color: #666; margin-right: 50px;transition: all 0.35s ease-in-out;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{/* background: #fff; */color:#121d36}
.gp-subLeft .gp-toggles{width: 58px;height: 58px;position: absolute;right: 0;top: 0;line-height: 58px;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{font-size: 14px;display: none;background: #e8f5ea;}
.gp-second-nav dd a{display: block;padding:10px 15px 10px 20px;color:#666;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.active{background: #fff;}

/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:#e1ebe3;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#666;}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;text-align: center;}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#a70510}
@media screen and (max-width:998px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}

.subBody .rt .content.gp-article{ padding:100px 50px 80px;}
.subBody .rt .content.gp-article p{ line-height: 28px; color: #333; min-height: 38px;}
.picList{ padding-top: 100px;}
.picList ul{ width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
.picList li{ margin-bottom: 53px; overflow: visible; }
.picList li:hover .title{ color: #b48952;}
.picList li a{ display: block; width: 100%; padding: 0 43px; box-sizing: border-box; position: relative; z-index: 1;}
.picList li .title{ color: #121d36; line-height: 28px; margin-bottom: 13px;}
.picList li .img{ float: none; width: 100%; padding-bottom: 56.24%; background-color: #c2d9f8;}
.picList .addList li .img{ padding-bottom: 150%;}
.picList li .img:hover{
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);/*firefox*/
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);/*webkit*/
}
.picList li:hover a::before{ content: ''; display: block; width: 66px; height: 66px; border-top: 3px solid #94070a; border-left: 3px solid #94070a; position: absolute; top: 38px; left: 40px; z-index: 999;}
.picList li:hover a::after{ content: ''; display: block; width: 66px; height: 66px; border-bottom: 3px solid #94070a; border-right: 3px solid #94070a; position: absolute; bottom: -3px; right: 40px;}

/*分页*/
.gp-page { padding: 27px 0 80px; color:#999;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page .pageBox>a,.gp-page .pageBox>span{display:inline-block; zoom:1;cursor: pointer;width: 34px;height: 44px;line-height: 44px;
 position:relative;text-align: center; vertical-align: top;}
.gp-page-select{height: 24px;line-height: 32px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top; border: none; margin-bottom: 3px; background-color: #fcf8f7;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page .pageBox > span {width: auto;padding:0 15px;}
.gp-page .pageBox > span{border:none}
.gp-page .pageBox > a:hover,.gp-page .pageBox > a.on_pages { color: #c8a164; border-bottom: 2px solid #94070a;}
.gp-m-page a{display: inline-block;margin:0 10px}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-m-page{ display: none;}
.pageBox{max-width: 475px; margin: 0 auto; font-size: 0px; border: 1px solid #e5e5e5;}
.pageBox a{font-size: 1.4rem;}
.gp-page .pageBox .gp-page-start,.gp-page .pageBox .gp-page-prev,.gp-page .pageBox .gp-page-next,.gp-page .pageBox .gp-page-end{ width: 50px; padding: 0 5px;}

.threeChannel{ margin-top: 30px; text-align: center; font-size: 0px;}
.threeChannel span{ display: inline-block; width: 200px; height: 60px; line-height: 60px; text-align: center; margin-right: 80px; margin-bottom: 50px;}
.threeChannel span.on,.threeChannel span:hover{ background-color: #94070a; color: #fff; }
.threeChannel span.on a,.threeChannel span:hover a{ background-color: #94070a; color: #fff; }
.threeChannel span:last-child{ margin-right: 0;}
.video li:hover a::before,.video li:hover a::after{ display: none;}
.video li .img:hover{
  box-shadow: 0px 10px 20px rgba(148, 23, 17, 0.15);
  -moz-box-shadow: 0px 10px 20px rgba(148, 23, 17, 0.15);/*firefox*/
  -webkit-box-shadow: 0px 10px 20px rgba(148, 23, 17, 0.15);/*webkit*/
}
.video li .img{ margin-bottom: 20px;}
.video li .date{ line-height: 28px; margin-top: 8px; padding-bottom: 13px; padding-left: 22px; position: relative; border-bottom: 2px solid #94070a;}
.video li .date::before{ content: ''; display: block; width: 12px; height: 14px; background: url(../images/newslist_time_icon.png) no-repeat; background-size: cover; position: absolute; left: 0px; top: 6px;}
.video li:hover .title,.video li:hover .date{ color: #121d36;}

.textList .date{ float: right; color: #333; padding-top: 7px; padding-bottom: 17px; border-bottom: 1px solid #e5e5e5;}
.textList li{ margin-bottom: 30px;}
.textList li a{ padding: 0 40px;}
.textList li:hover a::before,.textList li:hover a::after{ display: none;}
.textList li .title{ padding-left: 27px; position: relative; color: #333; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; transition: all .3s ease;}
.textList li:hover .title,.textList li:hover .date{ color: #121d36; text-indent: .4em;}
.textList li .title::before{ content: ''; display: block; width: 12px; height: 13px; background: url(../images/zi-video-listicon1.png) no-repeat; background-size: cover; position: absolute; top: 8px; left: 0;}
.textList li:hover .title::before{ background: url(../images/zi-video-listicon2.png) no-repeat;}

/* 有问必答 */
.questionList { padding-top: 87px;}
.questionList ul{ padding-left: 50px; padding-right: 50px;}
.questionList li{ margin-bottom: 50px; border-bottom: 1px solid #d2a9ab;}
.questionList li::marker{ content: '';}
.questionList li a{ display: block; padding-left: 17px; position: relative; overflow: hidden;}
/* .questionList li:nth-of-type(odd) a{ border-right: 1px solid #d2d2d2;  padding-right: 30px;} */
/* .questionList li:nth-of-type(even) a{ padding-left: 47px;} */
.questionList li span{ line-height: 36px; max-height: 108px;}
.questionList .qustion{ margin-bottom: 2px;}
.questionList li a::before{ content: ''; display: block; width: 7px; height: 7px; background: url(../images/mode004_icon.png) no-repeat; position: absolute; left: 0px; top: 15px}
/* .questionList li:nth-of-type(even) a::before{ left: 30px;} */
.questionList .qustion .lf,.mode004 .answer .lf{ font-weight: bold; color: #3e44d0;}
.questionList .qustion .rt{ font-weight: bold;}
.questionList .answer .lf{ color: #4c82fc; font-weight: bold;}
.questionList .answer .lf{ /* width: 6.89%; */ display: block;}
.questionList .answer .rt{ width: calc(100% - 36px); display: block; margin-bottom: 30px;}
.questionList .page{ padding-bottom: 100px;}

/* 文章页 */
.gp-title{
    display: block;
    text-align: center;
    line-height: 1.25;
    padding: 0 50px;
    font-weight: bold;
}
.gp-info{
    text-align: center;
    color: #a7bd99;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a7bd99;
}
.gp-article{
    margin-top: 30px;
    line-height: 1.5;
}
.gp-article p{
    margin-bottom: 20px;
}
.gp-article img{
    width:auto;
}

/* addPage 2022-09-20 */
.picList .add0920 li:hover a::before,
.picList .add0920 li:hover a::after{
  display: none;
}
.add0920{
  padding: 0px 16px;
}
.add0920 li{
  display: block;
  position: relative;
  overflow: visible;
  margin-bottom: 70px;
  transition: all 0.35s ease;
}
.add0920 li a{
  position: relative;
  width: unset;
  display: block;
  margin: 0 24px;
  padding: 43px 18px 30px;
  background: url(../images/teacherList_bg.png) no-repeat bottom center;
  /* background-size: 100% auto; */
  background-size: 100% 100%;
  text-align: center;
  z-index: 1;
}
.add0920 li:hover{
  transform: translateY(-10px);
}
.add0920 li::after{
  content: '';
  display: block;
  width: calc(100% - 80px);
  height: 50px;
  border-radius: 10px;
  background-color: #94060A;
  position: absolute;
  top: -5px;
  right: 24px;
  z-index: 0;
}
.picList .add0920  li:hover::after{
  display: block;
}
.itemLogo{
  display: block;
  width: 58px;
  height: 62px;
  background: url(../images/itemLogo.png) no-repeat right center/cover;
  position: absolute;
  left: 0px;
  top: -24px;
}
.itemLogo::after{
  content: '';
  display: none;
  width: 58px;
  height: 62px;
  background: url(../images/itemLogoLine.png) no-repeat center;
}

.add0920 .name{
  display: inline-block;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 12px;
  border-bottom: 1px solid #FFB42B;
  position: relative;
}
.add0920 .name .more{
  font-weight: normal;
  line-height: 1;
  padding: 3px 17px 2px 11px;
  border: 1px solid #94060A;
  border-radius: 9px;
  background: url(../images/triangle.png) no-repeat;
  background-position: 80% 55%;
  position: absolute;
  right: -100px;
  top: 3px;
}
.add0920 .post{
  text-align: center;
  line-height: 18px;
  margin-top: 14px;
  height: 36px;
}




/* 响应式样式 */

@media screen and (max-width:1600px) {
  .banner2.subBanner img{ height: 121%; width: 100%;}
  .add0920 li a{
    /* min-height: 138px; */
    background-position: center;
  }
}
@media screen and (max-width:1480px) {
  .add0920 li a{
    min-height: 95px;
  }
  .add0920 li{
    width: 50%;
  }
  .add0920 .name .more{
    right: -80px;
  }
}
@media screen and (max-width:1240px) {
  .add0920 li a{
    min-height: 138px;
  }
}
@media screen and (max-width:1100px) {
  .nav ul{ font-size: 0px;}
  .nav { width: 56.6%;}
  .add0920 li{
    margin-bottom: 40px;
  }
  .add0920 li a{
    min-height: 100px;
  }
}
@media screen and (max-width:996px) {
  .banner2.subBanner{ height: 135px;}
  .banner2.subBanner .title{ top: 30px;}
  .bread{ top: 185px;}
  .subBody .lt,.subBody .rt{ width: 100%;}
  .subBody .lt{ margin-top: 25px;}
  .gp-m-inner-header{ background-color: #c3d9f8;}
  .subBody .rt .content{ margin-left: 0;margin-top: 20px;}
  .subBody .rt .content.gp-article{ padding: 50px;}
  .gp-page{ display: none;}
  .gp-m-page{ display: block;}
  .gp-m-page a.gp-page-prev,.gp-m-page a.gp-page-next{ display: inline-block; padding: 10px 25px; margin: 0; border: 1px solid #d2d2d2; }
}
@media screen and (max-width:768px) {
  .picList li a{ padding: 0 20px;}
  .add0920 li a{
    min-height: 100px;
    margin: 0px 15px;
  }
}
@media screen and (max-width:680px) {
  .add0920 li{
    width: 100%;
  }
  .add0920 li a{
    min-height: 100px;
    margin: 0px 15px;
  }
}
@media screen and (max-width:640px) {
  .threeChannel span{ display: inline-block; width: 45%; margin-right: 0;}
}
@media screen and (max-width:540px) {
  .picList li{ width: 100%; margin-bottom: 30px;}
  .picList{ padding-top: 50px;}
  .bread{ top: 160px;}
  .questionList ul{ padding: 15px;}
  .questionList li{ margin-bottom: 30px;}
  .questionList{padding-top: 40px;}
}
@media screen and (max-width:480px) {
  .threeChannel span{ display: block; width: 60%; margin: 0 auto; margin-top: 0;}
  .threeChannel span:last-child{ margin: 0 auto; margin-top: 10px; margin-bottom: 20px;}
  .add0920{
    padding: 0px;
  }
}
@media screen and (max-width:414px) {
  .picList li a{ padding: 0;}
  .add0920 .name .more{
    right: -80px;
  }
}
@media screen and (max-width:380px) {
  .add0920 li::after{
    /* top: 10px; */
  }
  .itemLogo{
    /* top: 0px; */
  }
}