* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 0; }

#bigWrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-width: 1400px; }

.paginationDiv span.active, .paginationDiv span:hover {
  color: #fff !important;
  background-color: #a13838 !important;
  border-radius: 2px !important; }

.headDiv {
  display: flex;
  height: 168px !important;
  flex-direction: column; }
  .headDiv .head-top {
    width: 100%;
    height: 63%;
    background: url("../images/temp20Img/head-bg.png") no-repeat;
    background-size: 100% 100%; }
    .headDiv .head-top .head-logo {
      width: 1200px;
      margin: 0 auto;
      height: 100%;
      display: flex;
      align-items: center; }
      .headDiv .head-top .head-logo img {
        display: flex; }
  .headDiv .head-foot {
    width: 100%;
    height: 37%;
    background-color: #a13838;
    display: flex;
    justify-content: space-between; }
    .headDiv .head-foot .headMenuDiv {
      width: 1200px;
      display: flex;
      justify-content: space-between;
      margin: 0 auto; }
      .headDiv .head-foot .headMenuDiv .head-menu {
        height: 100%;
        width: 100%;
        display: flex; }
        .headDiv .head-foot .headMenuDiv .head-menu .active {
          background-color: #910b0b; }
        .headDiv .head-foot .headMenuDiv .head-menu .menuItem {
          text-decoration: none;
          padding: 0 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          color: #fff;
          font-size: 16px; }
        .headDiv .head-foot .headMenuDiv .head-menu .menuItem:hover {
          background-color: #910b0b; }
        .headDiv .head-foot .headMenuDiv .head-menu .dropBox {
          color: #fff;
          font-size: 16px;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          padding: 0 20px;
          background: url(../images/downArrow.png) no-repeat right center;
          cursor: pointer; }
          .headDiv .head-foot .headMenuDiv .head-menu .dropBox .dropList {
            font-size: 16px;
            position: absolute;
            top: 55px;
            min-width: 134px;
            z-index: 2;
            background-color: #b33d3dc9;
            display: none; }
            .headDiv .head-foot .headMenuDiv .head-menu .dropBox .dropList a {
              padding: 10px 10px;
              border-bottom: 1px solid #cd9b9b; }
        .headDiv .head-foot .headMenuDiv .head-menu .dropBox:hover {
          background-color: #910b0b; }
          .headDiv .head-foot .headMenuDiv .head-menu .dropBox:hover .dropList {
            display: block; }
  .headDiv .head-loginLogin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    position: relative; }
    .headDiv .head-loginLogin .menuLogin {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .headDiv .head-loginLogin .menuLogin img {
        width: 196px;
        height: 80px;
        right: -10px;
        top: -9px;
        z-index: 2; }
      .headDiv .head-loginLogin .menuLogin .iconDiv {
        width: 100%;
        height: 100%;
        z-index: 11;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: absolute; }
        .headDiv .head-loginLogin .menuLogin .iconDiv img {
          width: 29px;
          height: 29px;
          margin-right: 16px; }
        .headDiv .head-loginLogin .menuLogin .iconDiv span {
          display: inline-block;
          margin-left: 10px;
          font-size: 18px;
          font-weight: 400;
          color: #fff;
          cursor: pointer; }

.mainDiv {
  min-height: 600px;
  margin: 0 auto;
  background-color: #f4f7fc;
  min-width: 1200px;
  display: flex;
  justify-content: center; }
  .mainDiv .main-cont {
    margin: 30px 0 !important;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 30px 45px;
    background-color: #fff; }
    .mainDiv .main-cont .title {
      font-size: 30px;
      font-weight: 400;
      color: #363840;
      text-align: center;
      border-bottom: 1px solid #efefef;
      padding: 20px 0; }
    .mainDiv .main-cont .mainContent {
      padding-bottom: 20px; }
      .mainDiv .main-cont .mainContent .detailData {
        font-size: 16px;
        padding: 20px; }
        .mainDiv .main-cont .mainContent .detailData * {
          font-size: 16px; }
        .mainDiv .main-cont .mainContent .detailData img {
          max-width: 100%; }
      .mainDiv .main-cont .mainContent .mainDataDiv {
        display: flex;
        border-bottom: 1px solid #efefef;
        padding: 25px 0; }
        .mainDiv .main-cont .mainContent .mainDataDiv .news-point {
          margin-top: 8px;
          width: 10px;
          height: 10px;
          background: #a13838;
          border-radius: 10px;
          display: inline-block; }
        .mainDiv .main-cont .mainContent .mainDataDiv .rightData {
          width: 99%;
          cursor: pointer;
          padding-left: 10px; }
          .mainDiv .main-cont .mainContent .mainDataDiv .rightData .data-top {
            display: flex; }
            .mainDiv .main-cont .mainContent .mainDataDiv .rightData .data-top .data-title {
              flex: 9;
              font-size: 18px;
              font-weight: 400;
              color: #363840;
              margin-bottom: 16px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .mainDiv .main-cont .mainContent .mainDataDiv .rightData .data-top .data-fwl {
              flex: 1;
              text-align: right;
              font-size: 14px;
              font-weight: 400;
              color: #999; }
          .mainDiv .main-cont .mainContent .mainDataDiv .rightData .data-foot {
            display: flex; }
            .mainDiv .main-cont .mainContent .mainDataDiv .rightData .data-foot .data-cont {
              flex: 9;
              font-size: 14px;
              color: #999;
              font-weight: 400;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .mainDiv .main-cont .mainContent .mainDataDiv .rightData .data-foot .data-time {
              flex: 1;
              text-align: right;
              font-size: 14px;
              font-weight: 400;
              color: #999; }
    .mainDiv .main-cont .pd {
      text-align: right !important;
      font-size: 14px;
      color: #606266 !important;
      line-height: 28px; }

.footDiv {
  height: 380px !important;
  background-color: #2f3034; }
  .footDiv .navigation {
    height: 96px;
    border-bottom: 1px solid #666; }
    .footDiv .navigation .navigation-menu {
      color: #999;
      display: flex;
      width: 1200px;
      height: 100%;
      margin: 0 auto; }
      .footDiv .navigation .navigation-menu .navigation-leftMenu {
        height: 100%;
        line-height: 96px;
        margin-right: 35px; }
        .footDiv .navigation .navigation-menu .navigation-leftMenu img {
          width: 17px;
          height: 17px;
          margin-right: 6px;
          vertical-align: middle; }
        .footDiv .navigation .navigation-menu .navigation-leftMenu span {
          color: #999;
          font-size: 14px; }
      .footDiv .navigation .navigation-menu .navigation-rightMenu {
        display: flex;
        align-items: center; }
        .footDiv .navigation .navigation-menu .navigation-rightMenu .navigation-rightMenu-a {
          text-decoration: none;
          padding: 0 35px;
          cursor: pointer;
          border-right: 1px solid #999;
          color: #999;
          font-size: 14px; }
        .footDiv .navigation .navigation-menu .navigation-rightMenu .navigation-rightMenu-a:last-of-type {
          border-right: none; }
  .footDiv .companyinfo {
    height: calc(100% - 156px); }
    .footDiv .companyinfo .companyinfo-content {
      display: flex;
      align-items: center;
      width: 1200px;
      height: 100%;
      margin: 0 auto; }
      .footDiv .companyinfo .companyinfo-content .content-left {
        flex: 4;
        display: flex;
        justify-content: start; }
        .footDiv .companyinfo .companyinfo-content .content-left .left-item {
          display: flex;
          font-size: 14px;
          margin-right: 85px; }
          .footDiv .companyinfo .companyinfo-content .content-left .left-item .leftItem-img {
            width: 36px;
            height: 36px;
            margin-right: 10px; }
          .footDiv .companyinfo .companyinfo-content .content-left .left-item .rightItem-img {
            width: 31px;
            height: 36px;
            margin-right: 10px; }
      .footDiv .companyinfo .companyinfo-content .content-right {
        flex: 2;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        color: #999; }
        .footDiv .companyinfo .companyinfo-content .content-right .content-right-ewmArea {
          margin-right: 0;
          display: flex;
          justify-content: center;
          flex-flow: column;
          align-items: center; }
          .footDiv .companyinfo .companyinfo-content .content-right .content-right-ewmArea img {
            width: 90px;
            height: 90px; }
          .footDiv .companyinfo .companyinfo-content .content-right .content-right-ewmArea div {
            text-align: center;
            font-size: 14px;
            margin-top: 10px; }
    .footDiv .companyinfo .companyinfo-content .pub-title {
      font-size: 14px;
      color: #999;
      width: max-content;
      margin-bottom: 4px; }
    .footDiv .companyinfo .companyinfo-content .pub-cont {
      font-size: 14px;
      color: #fff;
      width: -moz-max-content;
      width: max-content; }
  .footDiv .routine {
    height: 60px;
    background-color: #27282c;
    color: #999;
    font-size: 14px; }
    .footDiv .routine .routine-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 1200px;
      height: 100%;
      margin: 0 auto; }
      .footDiv .routine .routine-item .routine-item-cont {
        display: flex;
        margin-left: 10px; }
        .footDiv .routine .routine-item .routine-item-cont a {
          text-decoration: none; }
        .footDiv .routine .routine-item .routine-item-cont span {
          color: #999;
          font-size: 14px; }
        .footDiv .routine .routine-item .routine-item-cont .policeImg {
          width: 18px;
          height: 20px;
          margin-right: 10px;
          vertical-align: middle; }
        .footDiv .routine .routine-item .routine-item-cont .footLogoImg {
          width: 182px;
          height: 33px;
          vertical-align: middle; }
      .footDiv .routine .routine-item .routine-item-cont:first-child {
        margin-left: 0px !important; }

.loginDiv {
  display: none;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }
  .loginDiv .loginBox {
    width: 520px;
    min-height: 450px;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 60px 70px 30px; }
    .loginDiv .loginBox .closeLogin {
      position: absolute;
      right: 24px;
      top: 24px;
      width: 28px;
      height: 28px;
      cursor: pointer; }
      .loginDiv .loginBox .closeLogin .closeImg {
        width: 28px;
        height: 28px; }
    .loginDiv .loginBox .loginTxt {
      display: flex;
      justify-content: space-between; }
      .loginDiv .loginBox .loginTxt .loginTxtImg {
        position: relative;
        font-size: 26px;
        font-weight: 400;
        color: #363840; }
        .loginDiv .loginBox .loginTxt .loginTxtImg .textImg {
          position: absolute;
          top: -20px;
          left: -30px;
          width: 50px;
          height: 50px; }
    .loginDiv .loginBox .loginInput {
      margin-top: 30px;
      overflow: hidden; }
      .loginDiv .loginBox .loginInput div {
        display: flex; }
      .loginDiv .loginBox .loginInput .lblLoginMessage {
        font-size: 14px;
        color: red; }
      .loginDiv .loginBox .loginInput .loginZH {
        margin-top: 15px !important; }
      .loginDiv .loginBox .loginInput .yzmDiv.dnc {
        display: none; }
      .loginDiv .loginBox .loginInput .yzmDiv {
        margin-top: 30px;
        width: 370px;
        height: 50px;
        align-items: center;
        justify-content: space-between; }
        .loginDiv .loginBox .loginInput .yzmDiv .infoDiv {
          margin-top: 0px;
          width: 50% !important; }
        .loginDiv .loginBox .loginInput .yzmDiv .vcodeBox {
          align-items: center; }
          .loginDiv .loginBox .loginInput .yzmDiv .vcodeBox img {
            height: 32px;
            width: auto; }
        .loginDiv .loginBox .loginInput .yzmDiv .changeCode {
          font-size: 14px;
          color: #ababab;
          cursor: pointer; }
      .loginDiv .loginBox .loginInput .infoDiv {
        margin-top: 30px;
        width: 370px;
        height: 50px;
        background: #f6f7f8;
        border-radius: 10px;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 16px 20px; }
        .loginDiv .loginBox .loginInput .infoDiv input {
          border: 0 none;
          outline: 0 none;
          background-color: transparent;
          width: 100%;
          height: 20px;
          padding: 0 15px;
          font-size: 14px;
          color: #606266;
          line-height: 40px; }
        .loginDiv .loginBox .loginInput .infoDiv img {
          width: 16px;
          height: 19px;
          margin-right: 10px; }
      .loginDiv .loginBox .loginInput .loginQT {
        justify-content: space-between;
        margin: 20px 0; }
        .loginDiv .loginBox .loginInput .loginQT span {
          color: #a13838;
          font-size: 14px;
          cursor: pointer; }
      .loginDiv .loginBox .loginInput .loginBtn {
        width: 100%;
        height: 50px;
        background-color: #a13838;
        border-radius: 25px;
        border-color: #a13838;
        border: 0;
        font-size: 14px;
        color: #fff;
        cursor: pointer; }
      .loginDiv .loginBox .loginInput .thirdLogin {
        margin: 24px 0; }
        .loginDiv .loginBox .loginInput .thirdLogin span,
        .loginDiv .loginBox .loginInput .thirdLogin div {
          display: inline-block;
          font-size: 14px;
          color: #7f7f7f;
          width: 100%;
          text-align: center;
          vertical-align: middle; }
        .loginDiv .loginBox .loginInput .thirdLogin .thirdLogin-line {
          background-color: #f2f2f2;
          height: 1px; }
      .loginDiv .loginBox .loginInput .wxLogin {
        width: 40px;
        height: 40px;
        line-height: 50px;
        border: 1px solid #ececec;
        border-radius: 50%;
        cursor: pointer;
        text-align: center;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        .loginDiv .loginBox .loginInput .wxLogin img {
          width: 25px;
          height: 20px; }

.blueContainer .paginationDiv span.active, .blueContainer .paginationDiv span:hover {
  background-color: #4C81DD !important; }
.blueContainer .headDiv .head-foot {
  background-color: #4C81DD; }
  .blueContainer .headDiv .head-foot .headMenuDiv .head-menu .active {
    background-color: #426DB8; }
  .blueContainer .headDiv .head-foot .headMenuDiv .head-menu .menuItem:hover {
    background-color: #426DB8; }
  .blueContainer .headDiv .head-foot .headMenuDiv .head-menu .dropBox .dropList {
    background-color: #5380cd; }
    .blueContainer .headDiv .head-foot .headMenuDiv .head-menu .dropBox .dropList a {
      border-bottom: 1px solid #97add5; }
  .blueContainer .headDiv .head-foot .headMenuDiv .head-menu .dropBox:hover {
    background-color: #426DB8; }
.blueContainer .mainDiv .main-cont .mainContent .mainDataDiv .news-point {
  background: #4C81DD; }
.blueContainer .loginDiv .loginBox .loginInput .loginQT span {
  color: #4C81DD; }
.blueContainer .loginDiv .loginBox .loginInput .loginBtn {
  background-color: #4C81DD;
  border-color: #4C81DD; }

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