* {
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none; }

.header .header-top {
  background: #f3f3f5; }
  .header .header-top > .row {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end; }
    .header .header-top > .row ul {
      width: 350px;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .header .header-top > .row ul li a {
        color: #666666;
        font-size: 12px;
        line-height: 30px; }

.header .header-center {
  height: 137px;
  background: #ffffff; }
  .header .header-center > .row {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 137px; }
    .header .header-center > .row .search {
      width: 300px; }

.header .nav > .row {
  background: #ae0a29;
  height: 45px;
  width: 100%; }

.banner {
  margin: 0 auto;
  max-width: 1920px;
  width: 100%; }

.notification {
  background: #f8f8f8;
  padding-bottom: 60px; }
  .notification .container {
    width: 1100px;
    display: flex;
    margin: 0 auto;
    padding-top: 61px;
    justify-content: space-between; }
    .notification .container .lt {
      width: 553px; }
    .notification .container .rt {
      flex: 1;
      margin-left: 30px; }

.index-title {
  margin-bottom: 44px;
  display: flex;
  flex-direction: row;
  align-items: flex-end; }
  .index-title h3 {
    display: inline-block;
    font-size: 24px;
    color: #ae0a29; }
    .index-title h3 span {
      color: #333333; }
  .index-title p {
    display: inline-block;
    font-size: 16px;
    color: #b4b4b4; }
  .index-title .more {
    display: inline-block;
    margin-left: auto;
    align-self: center; }
    .index-title .more a {
      display: block;
      padding: 4px 14px;
      font-size: 14px;
      color: #b4b4b4; }

.class {
  background: #f8f8f8;
  padding-bottom: 43px; }
  .class .container {
    width: 1100px;
    margin: 0 auto; }
    .class .container .item {
      background: #ffffff;
      width: calc(16.6% - 35px);
      height: 140px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .class .container .item .row {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 30px auto; }
        .class .container .item .row img {
          width: 43px; }
          .class .container .item .row img.white {
            display: none; }
        .class .container .item .row span {
          font-size: 20px;
          display: block;
          color: #555555; }
      .class .container .item:hover {
        background: #ad0a29; }
        .class .container .item:hover img.white {
          display: block; }
        .class .container .item:hover img.red {
          display: none; }
        .class .container .item:hover span {
          color: #ffffff; }

.article-list .title-img {
  display: block;
  width: 1100px;
  margin: 29px auto; }

.article-list .row {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  .article-list .row .arc-lt {
    width: calc(50% - 10.5px);
    background: #f3f3f5;
    padding: 47px;
    display: flexbox;
    box-sizing: border-box; }
    .article-list .row .arc-lt .arc-title {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 24px;
      margin-bottom: 40px; }
      .article-list .row .arc-lt .arc-title::before {
        content: '';
        display: block;
        height: 22px;
        width: 4px;
        background: #ad0a29; }
      .article-list .row .arc-lt .arc-title h3 {
        font-size: 24px;
        color: #333333;
        margin-left: 10px; }
      .article-list .row .arc-lt .arc-title span {
        display: block;
        font-size: 18px;
        color: #b3b3b3;
        align-self: flex-end; }
      .article-list .row .arc-lt .arc-title a.more {
        display: block;
        margin-left: auto; }
        .article-list .row .arc-lt .arc-title a.more img {
          display: block;
          width: 15px; }
  .article-list .row .arc-rt {
    width: calc(50% - 10.5px);
    background: #f3f3f5;
    padding: 47px;
    box-sizing: border-box; }
    .article-list .row .arc-rt .arc-title {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 24px;
      margin-bottom: 40px; }
      .article-list .row .arc-rt .arc-title::before {
        content: '';
        display: block;
        height: 22px;
        width: 4px;
        background: #ad0a29; }
      .article-list .row .arc-rt .arc-title h3 {
        font-size: 24px;
        color: #333333;
        margin-left: 10px; }
      .article-list .row .arc-rt .arc-title span {
        display: block;
        font-size: 18px;
        color: #b3b3b3;
        align-self: flex-end; }
      .article-list .row .arc-rt .arc-title a.more {
        display: block;
        margin-left: auto; }
        .article-list .row .arc-rt .arc-title a.more img {
          display: block;
          width: 15px; }

.article-list-img {
  background-image: url(../img/bg1.png); }
  .article-list-img .row {
    display: flex;
    width: 1100px;
    margin: 0 auto;
    margin-top: 59px;
    justify-content: space-between; }
    .article-list-img .row .lt {
      width: calc(50% - 23.5px); }
    .article-list-img .row .rt {
      width: calc(50% - 23.5px); }

.teacher .row {
  width: 1100px;
  margin: 0 auto; }
  .teacher .row .teacher-title {
    margin-top: 53px; }
    .teacher .row .teacher-title .top {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #e9e9e9; }
      .teacher .row .teacher-title .top h3 {
        font-size: 24px;
        color: #333333;
        border-bottom: 3px solid #ae0a29; }
      .teacher .row .teacher-title .top span {
        display: block;
        font-size: 18px;
        color: #888888; }
      .teacher .row .teacher-title .top a.more {
        font-size: 14px;
        color: #888888;
        margin-left: auto; }

.zt {
  margin-top: 90px; }
  .zt .row {
    width: 1100px;
    margin: 0 auto; }
    .zt .row .container {
      display: flex;
      justify-content: space-between; }
      .zt .row .container .zt-item {
        width: calc(25% - 12px); }
        .zt .row .container .zt-item a {
          display: block; }
          .zt .row .container .zt-item a img {
            display: block;
            font-size: 0; }
          .zt .row .container .zt-item a .bottom {
            width: 100%;
            background: #F8F8F8;
            box-sizing: border-box;
            padding: 16px 13px; }
            .zt .row .container .zt-item a .bottom h3 {
              font-size: 22px;
              color: #AE0A29; }
            .zt .row .container .zt-item a .bottom span {
              font-size: 14px;
              color: #CACACA;
              margin-top: 23px; }

.bg {
  background-image: url(../img/bg2.png); }

.footer {
  background: #a80a29 url(../img/bg2.png) no-repeat center center/100% auto;
  background-blend-mode: multiply; }
  .footer .row {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 369px; }
    .footer .row h1 {
      width: 33.33%;
      border-right: 1px solid rgba(255, 255, 255, 0.4); }
      .footer .row h1 a img {
        display: block;
        width: 284px;
        margin: 0 auto; }
    .footer .row .contact {
      width: 33.33%;
      border-right: 1px solid rgba(255, 255, 255, 0.4); }
      .footer .row .contact ul {
        margin-left: 70px; }
        .footer .row .contact ul li {
          color: #FFFFFF;
          font-size: 16px; }
    .footer .row .qr {
      width: 33.33%;
      display: flex;
      justify-content: space-around; }
      .footer .row .qr .qr-item span {
        display: block;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center; }

.arc-index-img {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 47px;
  padding-bottom: 44px;
  border-bottom: 8px solid #F8F8F8; }
  .arc-index-img .arc-index-img-item {
    width: calc(33.33% - 8px);
    background: #F8F8F8;
    box-sizing: border-box;
    padding: 12px; }

.arc-index-text {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 47px;
  padding-bottom: 44px;
  border-bottom: 8px solid #F8F8F8; }
  .arc-index-text .arc-index-text-item {
    width: calc(33.33% - 18px);
    box-sizing: border-box; }

.index-title-underline {
  margin-top: 53px;
  margin-bottom: 33px; }
  .index-title-underline .top {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e9e9e9; }
    .index-title-underline .top h3 {
      font-size: 24px;
      color: #AE0A29;
      border-bottom: 3px solid #ae0a29; }
      .index-title-underline .top h3 span {
        font-size: 24px;
        font-weight: bold;
        color: #333333; }
    .index-title-underline .top > span {
      display: block;
      font-size: 18px;
      color: #888888; }
    .index-title-underline .top a.more {
      font-size: 14px;
      color: #888888;
      margin-left: auto; }

.index-teacher {
  width: 1100px;
  margin: 0 auto; }

.index-word {
  width: 1100px;
  margin: 0 auto; }

.index-work-row {
  width: 1100px;
  margin: 0 auto;
  margin-bottom: 90px;
  display: flex;
  justify-content: space-between; }
  .index-work-row .index-work-item {
    width: calc(33.3% - 17px);
    margin-top: 45px; }
    .index-work-row .index-work-item img {
      display: block;
      width: 100%; }

.list a {
  display: block;
  width: 100%;
  display: flex;
  height: 38px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EFEFEF; }
  .list a:hover p {
    color: #A80A29; }
  .list a p {
    font-size: 14px;
    color: #333333; }
  .list a span {
    font-size: 16px;
    color: #B4B4B4; }
.arc-img {
  width: 100%;
  position: relative; }
  .arc-img a {
    display: block;
    width: 100%;
    height: 100%; }
    .arc-img a .mask {
      position: absolute;
      opacity: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .arc-img a .mask p {
        font-size: 22px;
        text-align: center;
        color: #FFFFFF; }
      .arc-img a .mask span {
        background: #FFFFFF;
        width: 40px;
        height: 4px;
        margin: 0 auto;
        margin-top: 10px;
        display: block;
        border-radius: 10px; }
    .arc-img a img {
      display: block;
      width: 100%; }
    .arc-img a:hover .mask {
      opacity: 1;
      background: rgba(0, 0, 0, 0.5);
      transition: all .5s; }