.head {
  color: #fff;
  height: 100vh; }
  .head .box-data {
    width: 85vw;
    max-width: 1440px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; }
    .head .box-data > div:last-child {
      width: 200px; }
    .head .box-data .box-value {
      display: flex;
      padding-bottom: 28px;
      margin-bottom: 29px;
      border-bottom: 2px solid #fff; }
      .head .box-data .box-value .split-number {
        line-height: 85px;
        display: flex; }
        .head .box-data .box-value .split-number .digit {
          font-size: 100px;
          font-weight: bold; }
      .head .box-data .box-value .box-unit {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        margin-left: 10px; }
        .head .box-data .box-value .box-unit .unit {
          flex: 2;
          display: flex;
          justify-content: center;
          align-items: center;
          font-weight: 300;
          font-size: 30px; }
        .head .box-data .box-value .box-unit .en {
          font-size: 19px;
          margin-top: 0px;
          font-weight: 100; }
      .head .box-data .box-value .unit-other {
        display: flex; }
        .head .box-data .box-value .unit-other span:nth-child(1) {
          font-size: 78px;
          line-height: 85px; }
        .head .box-data .box-value .unit-other span:nth-child(2) {
          margin-top: -8px;
          margin-left: 2px;
          display: block;
          font-size: 57px;
          line-height: 1;
          font-weight: 300; }
    .head .box-data .label {
      font-size: 18px;
      line-height: 1.5; }
  .head .swiper-container.bg {
    margin-top: -100px;
    z-index: 0; }
    .head .swiper-container.bg .swiper-slide img {
      width: 100vw;
      height: 100vh;
      object-fit: cover; }
  .head .swiper-container .swiper-pagination {
    bottom: 152px; }
    .head .swiper-container .swiper-pagination .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background: #fff;
      opacity: 0.6; }
      .head .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 35px;
        opacity: 1;
        border-radius: 6px; }
  .head .swiper-hd {
    width: 100%;
    position: absolute;
    bottom: 50px;
    pointer-events: none; }

.box {
  width: 80%;
  max-width: 1200px;
  margin: 10vh auto 0; }
  .box.max {
    width: 100%;
    max-width: none; }
    .box.max .main-title {
      width: 80%;
      max-width: 1200px;
      margin: 0 auto 5vh; }
  .box .main-title {
    margin-bottom: 6vh; }
    .box .main-title .icon {
      margin-right: 20px;
      vertical-align: auto; }
    .box .main-title p:nth-child(1) {
      font-size: 28px;
      line-height: 29px;
      margin-bottom: 20px; }
    .box .main-title p:nth-child(2) {
      position: relative;
      font-size: 23px;
      line-height: 20px; }
      .box .main-title p:nth-child(2)::after {
        content: '';
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: -10px;
        background: #e9242a; }

.content {
  display: flex;
  flex-wrap: wrap; }
  .content .box-xwdt {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }

.box.zp .content {
  background-color: #e9242a;
  color: #fff;
  margin-bottom: 19vh; }
  .box.zp .content > div {
    position: relative;
    max-width: 1200px;
    width: 80%;
    margin: auto; }
    .box.zp .content > div .box-zp {
      width: 40%;
      padding-left: 23px;
      padding-bottom: 43px; }
      .box.zp .content > div .box-zp li:hover {
        text-decoration: underline; }
      .box.zp .content > div .box-zp .position {
        flex: 2;
        margin-left: 25px;
        margin-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .box.zp .content > div .more {
      margin-top: 61px; }
      .box.zp .content > div .more:hover {
        background: #f9dfe0; }
  .box.zp .content img {
    position: absolute;
    right: 0;
    top: 101px; }
.box.fwys .content {
  padding: 120px 0;
  background-image: url(../image/bg_fwys.png); }
  .box.fwys .content .box-fwys {
    position: relative;
    max-width: 1200px;
    width: 80%;
    display: flex;
    margin: auto; }
    .box.fwys .content .box-fwys > div {
      width: calc((100% - 60px) /4);
      height: 326px;
      overflow: hidden; }
      .box.fwys .content .box-fwys > div:not(:last-child) {
        margin-right: 20px; }
      .box.fwys .content .box-fwys > div > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        transition: ease-in-out .3s; }
        .box.fwys .content .box-fwys > div > div.white {
          background-color: rgba(255, 255, 255, 0.8); }
        .box.fwys .content .box-fwys > div > div.red {
          background-color: #e9242a;
          opacity: .9; }
          .box.fwys .content .box-fwys > div > div.red .label {
            color: #fff; }
            .box.fwys .content .box-fwys > div > div.red .label::after {
              content: '';
              position: absolute;
              bottom: -22px;
              width: 50px;
              height: 2px;
              background: #fff;
              left: 0;
              right: 0;
              margin: auto; }
          .box.fwys .content .box-fwys > div > div.red img {
            display: none; }
          .box.fwys .content .box-fwys > div > div.red span {
            display: block; }
      .box.fwys .content .box-fwys > div img {
        max-height: 87px;
        margin-bottom: 48px; }
      .box.fwys .content .box-fwys > div .label {
        font-size: 20px;
        position: relative; }
      .box.fwys .content .box-fwys > div span {
        margin-top: 22%;
        display: none;
        color: #fff;
        font-size: 14px;
        padding: 0 30px;
        line-height: 1.5; }
      .box.fwys .content .box-fwys > div:hover {
        box-shadow: 0 0 6px rgba(13, 13, 14, 0.5); }
        .box.fwys .content .box-fwys > div:hover > div {
          transform: translateY(-100%); }
.box.hzhb {
  margin-bottom: 10vh; }
  .box.hzhb .content > div {
    width: calc(100% / 3);
    min-height: 135px;
    margin: -1px 0 0 -1px;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .box.hzhb .content > div img {
      margin-top: 26px;
      height: 63px;
      width: 63px;
      object-fit: contain; }
      .box.hzhb .content > div img.zjnl {
        height: 30px;
        margin-top: 41px;
        margin-bottom: 18px; }
    .box.hzhb .content > div .label {
      padding: 14px 0 22px;
      color: #808080;
      font-size: 14px;
      text-align: center; }

ul.list li {
  position: relative;
  display: flex;
  justify-content: space-between; }
  ul.list li::before {
    content: '';
    position: absolute;
    top: 7px;
    left: -17px;
    width: 8px;
    height: 8px;
    border-radius: 50%; }
  ul.list li + li {
    margin-top: 22px; }
ul.list.xwdt {
  margin-left: 59px; }
  ul.list.xwdt li {
    color: #1a1a1a;
    letter-spacing: 2px; }
    ul.list.xwdt li::before {
      background-color: #999; }
    ul.list.xwdt li span {
      transition: none; }
      ul.list.xwdt li span.name {
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    ul.list.xwdt li:hover {
      color: #e9242a; }
      ul.list.xwdt li:hover::before {
        background-color: #e9242a; }
      ul.list.xwdt li:hover .date {
        color: #e9242a; }
  ul.list.xwdt .date {
    color: #808080; }
ul.list.zp li::before {
  left: -23px;
  background-color: #fff; }

button.more {
  width: 108px;
  height: 40px;
  border: none;
  font-size: 18px;
  border-radius: 30px;
  line-height: 40px;
  font-family: Arial;
  cursor: pointer; }
  button.more:hover {
    background: #d0191f; }

.hxfw .content > div {
  width: calc((100% - 60px) /4);
  cursor: pointer; }
  .hxfw .content > div:not(:last-child) {
    margin-right: 20px; }
  .hxfw .content > div .box-img {
    font-size: 0;
    overflow: hidden; }
    .hxfw .content > div .box-img img:hover {
      transform: scale(1.2); }
  .hxfw .content > div .box-text {
    padding: 34px 20px;
    background: #f2f2f2;
    color: #1a1a1a; }
    .hxfw .content > div .box-text .title {
      font-size: 20px;
      margin-bottom: 18px; }
    .hxfw .content > div .box-text .introduce {
      line-height: 1.5;
      font-size: 14px;
      color: #4c4c4c; }

@media screen and (max-width: 1678px) {
  .head .box-data {
    width: 68%;
    justify-content: unset; }
    .head .box-data > div:nth-child(1), .head .box-data > div:nth-child(2), .head .box-data > div:nth-child(3) {
      width: calc(100% / 3);
      display: flex;
      flex-direction: column;
      margin-bottom: 8%; }
    .head .box-data > div:nth-child(1) {
      align-items: flex-start; }
    .head .box-data > div:nth-child(2) {
      align-items: center; }
    .head .box-data > div:nth-child(3) {
      align-items: flex-end; }
    .head .box-data > div:nth-child(4), .head .box-data > div:nth-child(5) {
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: center; }

  .box.zp .content > div .box-zp {
    width: 47%; } }
@media screen and (max-width: 1440px) {
  * {
    font-size: 15px; }

  .head .box-data {
    width: 72%; }
  .head .box-nav ul.navbar li {
    width: 90px; }
    .head .box-nav ul.navbar li:last-child {
      margin-right: 50px; }
    .head .box-nav ul.navbar li.active, .head .box-nav ul.navbar li:hover {
      font-size: 17px; }

  .box .main-title p:nth-child(1) {
    margin-bottom: 14px;
    font-size: 24px; }
  .box .main-title p:nth-child(2) {
    font-size: 21px; }
  .box.xwdt .content img {
    width: 42%; }
  .box.xwdt .content .box-xwdt {
    width: 58%; }
  .box.zp .content img {
    width: 43%;
    height: auto; }
  .box.xhfw .content > div .box-text .title {
    font-size: 19px; }
  .box.xhfw .content > div .box-text .introduce {
    font-size: 15px; }
  .box.fwys .content {
    padding: 80px 0; }
    .box.fwys .content .box-fwys > div {
      height: 310px; }
      .box.fwys .content .box-fwys > div .label {
        font-size: 19px; }
      .box.fwys .content .box-fwys > div img {
        max-height: 80px;
        margin-bottom: 38px; }

  .footer .content > div:nth-child(1) {
    margin-bottom: 23px;
    padding: 34px 0 22px; }
    .footer .content > div:nth-child(1) p {
      font-size: 17px; }
    .footer .content > div:nth-child(1) ul {
      margin-top: 23px; }
      .footer .content > div:nth-child(1) ul li:not(:last-child) {
        padding-bottom: 8px; }
  .footer .content > div:nth-child(2) {
    margin-bottom: 24px; }

  button.more {
    width: 98px;
    height: 37px;
    font-size: 16px; } }
@media screen and (max-width: 1280px) {
  .head .box-nav ul.navbar li {
    width: 80px; }
    .head .box-nav ul.navbar li:last-child {
      margin-right: 20px; }
    .head .box-nav ul.navbar li.active, .head .box-nav ul.navbar li:hover {
      font-size: 17px; }
  .head .box-data {
    width: 79%; }

  .box.hzhb .content > div .label {
    padding: 14px 20px 22px; }

  .box.zp .content > div .box-zp {
    width: 52%; } }
@media screen and (max-width: 1200px) {
  .head .box-data .box-value .split-number .digit {
    font-size: 55px; }
  .head .box-data .box-value .box-unit .unit {
    font-size: 28px; }
  .head .box-data .box-value .box-unit .en {
    font-size: 17px; }
  .head .box-data .box-value .unit-other span:not(:last-child) {
    font-size: 68px; }
  .head .box-data .box-value .unit-other span:not(:last-child) {
    font-size: 60px; }
  .head .box-data .box-value .label {
    font-size: 16px; }

  .box.hzhb .content > div {
    width: calc(100% / 5); } }
@media screen and (max-width: 1080px) {
  .head .box-data {
    width: 81%; }

  .box.xwdt {
    position: relative; }
    .box.xwdt .content img {
      width: 100%;
      height: 100px;
      object-position: center;
      object-fit: cover; }
    .box.xwdt .content .box-xwdt {
      width: 100%;
      margin-top: 40px; }
      .box.xwdt .content .box-xwdt > div {
        position: absolute;
        top: 22px;
        right: 0;
        margin-bottom: 0; }
      .box.xwdt .content .box-xwdt ul {
        margin-left: 18px; }

  .box.zp .content {
    margin-bottom: 14vh; }
    .box.zp .content > div .box-zp {
      width: 100%;
      padding-top: 40px;
      padding-bottom: 40px; }
      .box.zp .content > div .box-zp > div {
        position: absolute;
        top: -101px;
        right: 0; }
        .box.zp .content > div .box-zp > div button {
          margin-top: 0;
          background-color: #e9242a;
          color: #fff; }
          .box.zp .content > div .box-zp > div button:hover {
            background: #d0191f; }
    .box.zp .content img {
      display: none; }

  .box.hxfw .content > div {
    width: calc((100% - 40px) / 2); }
    .box.hxfw .content > div:not(:last-child) {
      margin-right: auto; }
    .box.hxfw .content > div:nth-child(2n+1) {
      margin-right: 40px;
      margin-bottom: 40px; }
    .box.hxfw .content > div .box-img {
      height: 166px; }
      .box.hxfw .content > div .box-img img {
        width: 100%;
        height: 100%; }

  .box.fwys .content .box-fwys {
    flex-wrap: wrap; }
    .box.fwys .content .box-fwys > div {
      width: calc((100% - 40px) / 2);
      height: 280px; }
      .box.fwys .content .box-fwys > div:not(:last-child) {
        margin-right: auto; }
      .box.fwys .content .box-fwys > div:nth-child(2n+1) {
        margin-right: 40px;
        margin-bottom: 40px; }
      .box.fwys .content .box-fwys > div span {
        margin-top: 16%; }

  .box.hzhb .content > div {
    width: calc(100% / 4); } }
@media screen and (max-width: 1024px) {
  .box {
    margin: 8vh auto 0; }
    .box.max .main-title {
      margin: 0 auto 6vh; }
    .box.xwdt .content .box-xwdt > div {
      margin-bottom: 30px; }
    .box.zp .content {
      margin-bottom: 10vh; }

  .box.hxfw .main-title,
  .box.hzhb .main-title {
    width: 100%; }

  .box.xwdt .main-title {
    width: calc(100% - 70px);
    margin: 0 0 4vh !important; }

  .box.zp .main-title {
    width: calc(90% - 70px) !important;
    margin: 0 5% 4vh !important; } }
@media screen and (max-width: 980px) {
  .box.zp .content img {
    display: none; }

  .box.zp .content > div .box-zp {
    width: calc(100% - 23px); } }
@media screen and (max-width: 930px) {
  .head .box-data > div .box-value .split-number .digit {
    font-size: 64px; }
  .head .box-data > div .box-value .box-unit .unit {
    font-size: 28px; }
  .head .box-data > div .box-value .box-unit .en {
    font-size: 17px; }
  .head .box-data > div .box-value .unit-other span:not(:last-child) {
    font-size: 68px; }
  .head .box-data > div .box-value .unit-other span:not(:last-child) {
    font-size: 60px; }
  .head .box-data > div .box-value .label {
    font-size: 16px; } }
@media screen and (max-width: 860px) {
  .head .box-data > div .box-value .split-number {
    height: 62px !important;
    line-height: 62px; }
    .head .box-data > div .box-value .split-number .digit {
      font-size: 53px; }
  .head .box-data > div .box-value .box-unit .unit {
    font-size: 23px; }
  .head .box-data > div .box-value .box-unit .en {
    font-size: 17px; }
  .head .box-data > div .box-value .unit-other span:not(:last-child) {
    font-size: 53px;
    line-height: 62px; }
  .head .box-data > div .box-value .unit-other span:not(:nth-child(1)) {
    font-size: 44px;
    font-weight: 300; }
  .head .box-data > div .box-value .label {
    font-size: 16px; }
  .head .box-data .label {
    font-size: 16px; }

  .box.hzhb .content > div {
    width: calc(100% / 4); } }
@media screen and (max-width: 800px) {
  .head .box-data > div .box-value .split-number .digit {
    font-size: 3.3rem; }

  .box.fwys .content .box-fwys > div span {
    padding: 0 20px; }

  .footer .content > div:nth-child(1) > div {
    transform: translateX(-22%); }
  .footer .content > div:nth-child(2) span:not(:last-child) {
    margin-right: 42px; } }
@media screen and (max-width: 640px) {
  .head {
    background: url(../image/swiper1.png);
    background-position: center;
    background-size: cover; }
    .head .box-data {
      left: 5% !important;
      pointer-events: auto; }
      .head .box-data > div:nth-child(1), .head .box-data:nth-child(2), .head .box-data:nth-child(3) {
        flex-direction: row; }

  .box.xwdt .content .box-xwdt > div {
    top: 21px; }

  ul.list li + li {
    margin-top: 17px; }
  ul.list.xwdt li span.name {
    width: calc(100% - 130px); }

  .box {
    margin: 5vh auto 0;
    width: 90%; }
    .box .main-title {
      margin: 0 auto 4vh !important; }
      .box .main-title img {
        height: 43px; }
      .box .main-title > div p:nth-child(1) {
        margin-bottom: 9px;
        font-size: 22px; }
      .box .main-title > div p:nth-child(2) {
        font-size: 16px; }
    .box.max .main-title {
      width: 90%; }
    .box.xwdt .content img {
      height: 200px; }
    .box.xwdt .content .box-xwdt {
      margin-top: 35px; }
    .box.zp .content {
      margin-bottom: 0; }
      .box.zp .content > div {
        width: 90%; }
        .box.zp .content > div .box-zp {
          padding-bottom: 30px; }
          .box.zp .content > div .box-zp > div {
            top: -76px; }
    .box.hxfw .content > div {
      width: 47.5%; }
      .box.hxfw .content > div:nth-child(2n+1) {
        margin-right: 5%; }
      .box.hxfw .content > div:nth-child(3) {
        margin-bottom: 0; }
      .box.hxfw .content > div .box-img {
        height: 140px; }
      .box.hxfw .content > div .box-text {
        padding: 15px 12px; }
        .box.hxfw .content > div .box-text .title {
          font-size: 18px;
          margin-bottom: 10px; }
        .box.hxfw .content > div .box-text .introduce {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden; }
    .box.fwys .content {
      padding: 5vh 0; }
      .box.fwys .content .box-fwys {
        width: 90%; }
        .box.fwys .content .box-fwys > div {
          width: 100%;
          height: auto;
          display: flex;
          margin-right: 0 !important; }
          .box.fwys .content .box-fwys > div:not(:last-child) {
            margin-bottom: 22px !important; }
          .box.fwys .content .box-fwys > div > div.white {
            width: 38%; }
            .box.fwys .content .box-fwys > div > div.white .label {
              font-size: 16px;
              padding: 0 8px;
              text-align: center; }
          .box.fwys .content .box-fwys > div > div.red {
            padding-bottom: 20px;
            flex: 2;
            justify-content: flex-start; }
            .box.fwys .content .box-fwys > div > div.red .label {
              margin-top: 20px;
              font-size: 18px; }
              .box.fwys .content .box-fwys > div > div.red .label::after {
                display: none; }
          .box.fwys .content .box-fwys > div:hover > div {
            transform: none; }
          .box.fwys .content .box-fwys > div img {
            max-height: 44px; }
          .box.fwys .content .box-fwys > div span {
            margin-top: 3%;
            padding: 0 22px;
            letter-spacing: 1px; }
          .box.fwys .content .box-fwys > div > div.red .label::after {
            bottom: -13px; }
    .box.hzhb {
      margin-bottom: 5vh; }
      .box.hzhb .content > div {
        width: calc(100% / 3); }

  button.more {
    width: 69px;
    height: 32px;
    font-size: 13px;
    line-height: 32px; } }
@media screen and (max-width: 517px) {
  .head .box-data {
    left: 8% !important; }
    .head .box-data > div .box-value {
      margin-right: 40% !important; }
  .head .label {
    margin-right: 56px !important; }
  .head .swiper-container {
    width: 92% !important; } }
@media screen and (max-width: 500px) {
  .head .box-nav .box-logo img:nth-child(1) {
    height: 22px !important; }
  .head .box-nav .box-logo img:nth-child(2) {
    height: 31px !important; }

  .head .box-nav .van-dropdown-menu .van-icon-bars {
    top: -5px;
    right: -4px;
    font-size: 33px !important; } }
@media screen and (max-width: 430px) {
  .box.fwys .content .box-fwys > div > div.white .label {
    padding: 0 26px; }

  .box.hxfw .content > div .box-img {
    height: 115px; }
  .box.hxfw .content > div .box-text .introduce {
    -webkit-line-clamp: 1; }

  .box.zp .content > div .box-zp > div {
    top: -76px; }

  .box.box.hzhb .content > div {
    width: calc(100% / 2); }

  ul.list.xwdt li span.name {
    width: calc(100% - 110px); }

  ul.list.xwdt .date {
    font-size: 14px;
    line-height: 21px; } }
@media screen and (max-width: 400px) {
  .box.hxfw .content > div .box-text .title {
    margin-bottom: 6px;
    font-size: 17px; }
  .box.hxfw .content > div .box-text .introduce {
    font-size: 13px; } }
@media screen and (max-width: 370px) {
  .box.zp .content > div .box-zp ul.zp li span:nth-child(3) {
    display: none; } }
@media screen and (max-width: 350px) {
  .box.fwys .content .box-fwys > div > div.white .label {
    padding: 0 13px; } }

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