@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.layoutWidget78 {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  position: absolute;
  left: -100%;
  opacity: 0;
  z-index: 2;
  transition: opacity .5s; }
  .layoutWidget78 li {
    list-style: none; }
  .layoutWidget78 a {
    text-decoration: none; }
  .layoutWidget78 .warpper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem 0rem 1rem; }
    .layoutWidget78 .warpper .leftPart {
      width: 25%;
      box-sizing: border-box;
      display: inline-block;
      padding: 1rem 0 0 1rem;
      position: relative;
      vertical-align: top; }
      .layoutWidget78 .warpper .leftPart .navTitle {
        border-bottom: 1px solid #eeeeee;
        font-family: "songti SC",SimSun, STSong, Times,"Times New Roman",serif;
        font-size: 1rem;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 1rem;
        padding: 0.875rem 0 1.125rem;
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .layoutWidget78 .warpper .leftPart .navDescription {
        min-height: 4.75rem;
        color: #999999;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.5em;
        margin-top: 1rem; }
      .layoutWidget78 .warpper .leftPart .navButton {
        width: 100%;
        display: block;
        line-height: 1em;
        font-size: 0.75rem;
        text-align: center;
        padding: 0.75rem 0;
        box-sizing: border-box;
        margin-top: 2rem;
        letter-spacing: 0;
        transition: all .3s; }
        .layoutWidget78 .warpper .leftPart .navButton::after {
          content: '';
          height: 100%;
          width: 100%;
          margin: 1px; }
        .layoutWidget78 .warpper .leftPart .navButton:hover {
          letter-spacing: 2px; }
    .layoutWidget78 .warpper .spacingPart {
      width: 5%;
      box-sizing: border-box;
      display: inline-block; }
    .layoutWidget78 .warpper .rightPart {
      width: 69%;
      box-sizing: border-box;
      display: inline-block; }
      .layoutWidget78 .warpper .rightPart .pageTurn {
        color: #dbdbdb;
        font-size: 36px;
        text-align: right;
        padding-right: 1rem;
        opacity: 0;
        display: none; }
        .layoutWidget78 .warpper .rightPart .pageTurn .nextPage {
          cursor: pointer;
          transition: transform .3s;
          margin-left: 0.5rem;
          font-style: normal; }
          .layoutWidget78 .warpper .rightPart .pageTurn .nextPage:hover {
            transform: translateX(5px) scale(1.01); }
        .layoutWidget78 .warpper .rightPart .pageTurn .prevPage {
          cursor: pointer;
          transition: transform .3s;
          margin-left: 0.5rem;
          font-style: normal; }
          .layoutWidget78 .warpper .rightPart .pageTurn .prevPage:hover {
            transform: translateX(-5px) scale(1.01); }
      .layoutWidget78 .warpper .rightPart .navItemList {
        overflow: hidden;
        margin-top: 4rem; }
        .layoutWidget78 .warpper .rightPart .navItemList .navItem {
          float: left;
          width: 33.3%;
          padding: 0 1rem;
          margin-bottom: 1rem;
          box-sizing: border-box; }
          .layoutWidget78 .warpper .rightPart .navItemList .navItem > a {
            display: block; }
            .layoutWidget78 .warpper .rightPart .navItemList .navItem > a:hover .itemBtn > .arrowRight {
              margin: 0 0 0 0.8rem;
              transition: margin .15s; }
          .layoutWidget78 .warpper .rightPart .navItemList .navItem .itemPic {
            width: 100%;
            min-height: 100px;
            display: block; }
          .layoutWidget78 .warpper .rightPart .navItemList .navItem .itemTit {
            font-family: "songti SC",SimSun, STSong, Times,"Times New Roman",serif;
            font-size: 1rem;
            font-weight: 300;
            letter-spacing: 1px;
            line-height: 1em;
            margin: 1.25rem 0 0.625rem 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .layoutWidget78 .warpper .rightPart .navItemList .navItem .itemBtn {
            font-size: 0.75rem;
            cursor: pointer;
            position: relative;
            display: block; }
            .layoutWidget78 .warpper .rightPart .navItemList .navItem .itemBtn .arrowRight {
              margin-left: 0.5rem;
              font-style: normal; }

/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .layoutWidget78 .warpper {
    display: block;
    padding: 0; }
    .layoutWidget78 .warpper .leftPart {
      width: 100%;
      padding: 0.5rem 24px 1rem 24px;
      display: block;
      background: #f8f8f8;
      box-sizing: border-box; }
      .layoutWidget78 .warpper .leftPart .navTitle {
        padding: 0.75rem 0; }
      .layoutWidget78 .warpper .leftPart .navDescription {
        min-height: 0;
        color: #666666; }
      .layoutWidget78 .warpper .leftPart .navButton {
        margin-top: 1.375rem; }
    .layoutWidget78 .warpper .spacingPart {
      display: none; }
    .layoutWidget78 .warpper .rightPart {
      width: 100%;
      display: block;
      padding: 0.5rem 24px 2rem;
      box-sizing: border-box; }
      .layoutWidget78 .warpper .rightPart .pageTurn {
        display: none; }
      .layoutWidget78 .warpper .rightPart .navItemList {
        margin-top: 0; }
        .layoutWidget78 .warpper .rightPart .navItemList .navItem {
          width: 100%;
          float: none;
          display: block;
          border-bottom: 1px solid #f5f5f5;
          text-align: left;
          padding: 0;
          position: relative; }
          .layoutWidget78 .warpper .rightPart .navItemList .navItem .itemPic, .layoutWidget78 .warpper .rightPart .navItemList .navItem .itemBtn {
            display: none; }
          .layoutWidget78 .warpper .rightPart .navItemList .navItem .itemTit {
            margin: 0;
            line-height: 3.125rem;
            font-size: 0.875rem;
            font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans CN","Helvetica Neue","Helvetica","Arial",sans-serif;
            font-weight: 500; }
          .layoutWidget78 .warpper .rightPart .navItemList .navItem::after {
            content: '';
            width: 0;
            height: 1px;
            position: absolute;
            bottom: -1px;
            left: 0;
            transition: width .5s; }
          .layoutWidget78 .warpper .rightPart .navItemList .navItem:hover::after {
            width: 100%; } }

/*# sourceMappingURL=layoutWidget78.css.map */