.tong {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }

.w1700 {
  max-width: 1730px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }

.flex {
  display: flex;
  justify-content: space-between; }

p {
  margin: 0; }

.fen img {
  transition-duration: .3s; }
.fen:hover img {
  transform: scale(1.1); }

.of {
  overflow: hidden; }

html {
  font-size: 100px;
  overflow-x: hidden; }

@media screen and (max-width: 1440px) {
  html {
    font-size: 80px; } }
@media screen and (max-width: 800px) {
  html {
    font-size: 70px; } }
@media screen and (max-width: 600px) {
  html {
    font-size: 50px; } }
.tou {
  height: 150px; }
  .tou .con .logo {
    line-height: 150px;
    width: 44.47%; }
    .tou .con .logo img {
      max-width: 100%; }
  .tou .con .zi {
    width: 50%;
    padding-top: 32px; }
    .tou .con .zi .zi1 {
      display: flex;
      justify-content: flex-end; }
      .tou .con .zi .zi1 .dh {
        padding-left: 38px;
        background: url(//cdn.myxypt.com/ff740125/22/02/d00719934ba51e6944c71e2d4bc63dd6fb40b040.png) no-repeat 0 50%;
        font-family: Impact;
        font-size: 30px;
        letter-spacing: 2px;
        color: #a2c435;
        margin-right: 28px; }
      .tou .con .zi .zi1 #formsearch {
        background: url(//cdn.myxypt.com/ff740125/22/02/0dc087147be4e856a0f5c8e71f67d31636fdb2df.png) no-repeat 0 50%;
        width: 136px;
        height: 34px; }
        .tou .con .zi .zi1 #formsearch input {
          border: none;
          background: none;
          outline: none;
          line-height: 34px;
          height: 34px; }
          .tou .con .zi .zi1 #formsearch input#keyword {
            float: left;
            color: rgba(255, 255, 255, 0.9);
            font-size: 14px;
            text-indent: 15px;
            width: calc(100% - 40px); }
            .tou .con .zi .zi1 #formsearch input#keyword::-webkit-input-placeholder {
              color: rgba(255, 255, 255, 0.9); }
          .tou .con .zi .zi1 #formsearch input#s_btn {
            float: right;
            color: #fff;
            text-align: center;
            font-size: 0;
            width: 40px;
            padding: 0; }

h2.bt {
  line-height: 1;
  color: #000000;
  text-align: center; }
  h2.bt b {
    display: block;
    font-size: .4rem; }
  h2.bt p {
    margin-top: 12px;
    font-size: .3rem; }

.c1 {
  padding-top: 7.4vw;
  background: url(//cdn.myxypt.com/ff740125/22/02/6c60be3e2262987a5dbccfd6717e5ce844fc7288.png) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 6.46vw; }
  @media (max-width: 780px) {
    .c1 {
      padding-top: 30px;
      padding-bottom: 30px;
      background: url(//cdn.myxypt.com/ff740125/22/02/bf874b9bbf87938258110ec7e3b3b929b4de2eeb.png) no-repeat 50% 0;
      background-size: cover; } }
  .c1 .con {
    margin-top: 4.9vw;
    position: relative; }
    @media (max-width: 780px) {
      .c1 .con {
        margin-top: 20px; } }
    .c1 .con .xx {
      outline: none;
      position: absolute;
      z-index: 11;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer; }
      @media (max-width: 780px) {
        .c1 .con .xx {
          width: 30px; } }
      .c1 .con .xx img {
        max-width: 100%; }
      .c1 .con .xx.prev1 {
        left: 16.04vw; }
        @media (max-width: 780px) {
          .c1 .con .xx.prev1 {
            left: 20px; } }
        @media (max-width: 480px) {
          .c1 .con .xx.prev1 {
            left: -15px; } }
      .c1 .con .xx.next1 {
        right: 16.04vw; }
        @media (max-width: 780px) {
          .c1 .con .xx.next1 {
            right: 20px; } }
        @media (max-width: 480px) {
          .c1 .con .xx.next1 {
            right: -15px; } }
    .c1 .con .list2 li {
      max-width: 1200px;
      border-radius: 10px;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
      .c1 .con .list2 li img {
        width: 100%; }

.c2 {
  padding-top: 6.46vw;
  background-color: #f9f9f9;
  padding-bottom: 3.23vw;
  background-color: #f9f9f9; }
  @media (max-width: 780px) {
    .c2 {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .c2 .con {
    margin-top: 5.26vw; }
    @media (max-width: 780px) {
      .c2 .con {
        margin-top: 20px; } }
    .c2 .con .list2 {
      margin-left: -0.675vw;
      margin-right: -0.675vw; }
      .c2 .con .list2 li {
        padding: 0 0.675vw; }
        .c2 .con .list2 li .img {
          position: relative;
          background: #fff; }
          .c2 .con .list2 li .img img {
            width: 100%; }
          .c2 .con .list2 li .img:before {
            content: '';
            height: 4px;
            background-color: #a2c435;
            width: 0%;
            transition-duration: .6s;
            display: block;
            position: absolute;
            z-index: 1;
            left: 0;
            bottom: 0; }
        .c2 .con .list2 li .zi {
          color: rgba(18, 18, 18, 0.9);
          line-height: 1;
          margin-top: 15px; }
          .c2 .con .list2 li .zi h3 {
            font-size: 18.42px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
          .c2 .con .list2 li .zi .ck {
            font-size: 14.33px;
            margin-top: 11px; }
        .c2 .con .list2 li:hover .img:before {
          width: 100%; }
      .c2 .con .list2 .slick-dots {
        margin-top: 3.07vw;
        display: flex;
        justify-content: center; }
        @media (max-width: 780px) {
          .c2 .con .list2 .slick-dots {
            margin-top: 20px; } }
        .c2 .con .list2 .slick-dots li {
          cursor: pointer;
          padding: 0;
          border-radius: 20px;
          width: 12px;
          height: 12px;
          background-color: #393939;
          margin: 0 1vw;
          outline: none; }
          .c2 .con .list2 .slick-dots li.slick-active {
            background-color: #a2c435; }
          .c2 .con .list2 .slick-dots li button {
            display: none; }

.c3 {
  margin-top: 6.88vw; }
  @media (max-width: 780px) {
    .c3 {
      margin-top: 30px; } }
  .c3 .con {
    margin-top: 4.58vw; }
    @media (max-width: 780px) {
      .c3 .con {
        margin-top: 20px; } }
    .c3 .con .list1 {
      margin-left: -4.5px;
      margin-right: -4.5px;
      margin-bottom: 8px; }
      @media (max-width: 780px) {
        .c3 .con .list1 {
          flex-wrap: wrap; } }
      .c3 .con .list1 li {
        padding: 0 4.5px;
        width: 50%; }
        @media (max-width: 780px) {
          .c3 .con .list1 li {
            width: 100%; }
            .c3 .con .list1 li:nth-child(1) {
              margin-bottom: 8px; } }
        .c3 .con .list1 li .img img {
          width: 100%; }
    .c3 .con .list2 {
      margin-left: -2.65px;
      margin-right: -2.65px; }
      .c3 .con .list2 li {
        padding: 0 2.65px; }
        .c3 .con .list2 li .img img {
          width: 100%; }

.c4 {
  padding-top: 6.51vw;
  background: url(//cdn.myxypt.com/ff740125/22/02/58480fb20560822e6f0b5188303bb1d2f7b153a4.png) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 5.26vw; }
  @media (max-width: 780px) {
    .c4 {
      padding-top: 30px;
      padding-bottom: 30px;
      background: url(//cdn.myxypt.com/ff740125/22/03/56b92ababcc829871ac837bd47b807dc7b131b7c.png) no-repeat 50% 0;
      background-size: cover; } }
  .c4 .tu {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    margin-top: .38rem;
    margin-bottom: .38rem; }
    .c4 .tu img {
      max-width: 100%; }
  .c4 .zi {
    font-size: 16px;
    text-align: center;
    letter-spacing: 1.6px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 24px;
    max-width: 649px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 780px) {
      .c4 .zi {
        font-size: 14px; } }
  .c4 .list2 {
    margin-top: 4.6vw;
    margin-left: -0.99vw;
    margin-right: -0.99vw; }
    @media (max-width: 780px) {
      .c4 .list2 {
        flex-wrap: wrap; } }
    .c4 .list2 li {
      text-align: center;
      width: 25%;
      padding: 0 0.99vw; }
      @media (max-width: 780px) {
        .c4 .list2 li {
          width: 50%;
          margin-bottom: 14px; } }
      @media (max-width: 480px) {
        .c4 .list2 li {
          margin-bottom: 8px; } }
      .c4 .list2 li a {
        display: block;
        padding-top: 30px;
        padding-bottom: 30px;
        background: url(//cdn.myxypt.com/ff740125/22/03/7237590e08f99c1a2c71c2626feb0ff48da14dbe.png) no-repeat 50% 0;
        height: 100%;
        background-size: cover; }
      .c4 .list2 li .img {
        line-height: 62px;
        position: relative; }
        .c4 .list2 li .img img {
          position: relative;
          z-index: 1; }
        .c4 .list2 li .img:before {
          content: '';
          background: rgba(241, 241, 241, 0.2);
          width: 100%;
          display: block;
          height: 1px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0; }
          @media (max-width: 780px) {
            .c4 .list2 li .img:before {
              display: none; } }
      .c4 .list2 li .zi1 {
        margin-top: 20px; }
        .c4 .list2 li .zi1 h3 {
          font-size: 20px;
          color: #fff;
          padding: 0 11px; }
          @media (max-width: 480px) {
            .c4 .list2 li .zi1 h3 {
              font-size: 15px;
              line-height: 1.4; } }
          .c4 .list2 li .zi1 h3 p {
            font-size: 13px;
            margin-top: 11px; }
            @media (max-width: 480px) {
              .c4 .list2 li .zi1 h3 p {
                font-size: 12px;
                margin-top: 6px;
                line-height: 1; } }
          .c4 .list2 li .zi1 h3:after {
            content: '';
            margin-top: 22px;
            margin-left: auto;
            margin-right: auto;
            display: block;
            width: 26px;
            height: 1px;
            background-color: #d9d9d9; }
            @media (max-width: 480px) {
              .c4 .list2 li .zi1 h3:after {
                margin-top: 10px; } }
        .c4 .list2 li .zi1 dd {
          font-size: 16px;
          letter-spacing: 1.6px;
          color: #ffffff;
          line-height: 22px;
          margin-top: 18px;
          text-align: left;
          padding: 0 29px; }
          @media (max-width: 480px) {
            .c4 .list2 li .zi1 dd {
              font-size: 12px;
              padding: 0 9px;
              letter-spacing: normal;
              margin-top: 8px;
              line-height: 20px; } }
        .c4 .list2 li .zi1 .ck {
          margin-left: auto;
          margin-right: auto;
          margin-top: 13px;
          font-size: 12px;
          color: #9d9d9d;
          width: 80px;
          line-height: 26px;
          background-color: #ffffff;
          border-radius: 13px;
          border: solid 1px #dcdcdc; }

.c5 {
  background: url(//cdn.myxypt.com/ff740125/22/03/2ead282f5e4d595af8321d71113113eb4ef2022a.jpg) no-repeat 50% 0;
  background-size: cover;
  padding-top: 20vw;
  padding-bottom: 19.22vw; }
  @media (max-width: 480px) {
    .c5 {
      background: url(//cdn.myxypt.com/ff740125/22/03/c77df562e938257f21f4322c6cb2a3c289b1ea37.png) no-repeat 50% 100%;
      background-size: cover;
      padding-top: 30px;
      padding-bottom: 130px; } }
  .c5 .con {
    padding-left: 4.27vw; }
  .c5 h2 {
    font-size: .4rem;
    color: #fff;
    font-weight: 600; }
  .c5 .sec {
    display: flex;
    text-align: center;
    margin-top: .49rem; }
    @media (max-width: 480px) {
      .c5 .sec {
        display: block; } }
    .c5 .sec a {
      display: block;
      width: 1.79rem;
      line-height: .51rem;
      border-radius: 10px;
      border: solid 1px rgba(255, 255, 255, 0.5);
      color: #ffffff;
      font-size: .16rem;
      overflow: hidden;
      position: relative; }
      @media (max-width: 480px) {
        .c5 .sec a {
          width: 120px;
          line-height: 36px;
          font-size: 12px; }
          .c5 .sec a:nth-child(1) {
            margin-bottom: 10px; } }
      .c5 .sec a:before {
        content: '';
        display: block;
        left: 0;
        top: 0;
        background-color: #a2c435;
        position: absolute;
        height: 100%;
        width: 0;
        transition-duration: .3s; }
      .c5 .sec a span {
        position: relative;
        z-index: 2; }
      .c5 .sec a img {
        padding-right: 1.04vw; }
        @media (max-width: 480px) {
          .c5 .sec a img {
            padding-right: 10px;
            height: 12px; } }
      .c5 .sec a:nth-child(1) {
        margin-right: 1.88vw; }
      .c5 .sec a:hover:before {
        width: 100%; }

.foot {
  background-color: #f0f0f0;
  padding-top: 5px; }
  @media (max-width: 780px) {
    .foot {
      padding-top: 14px;
      padding-bottom: 30px; } }
  .foot .foot1 {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .46rem; }
    @media (max-width: 780px) {
      .foot .foot1 {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0; } }
    .foot .foot1 img {
      max-width: 100%; }
    .foot .foot1 .tu {
      margin-bottom: 10px; }
  @media (max-width: 780px) {
    .foot .con1 {
      display: block; } }
  .foot .con1 .foot2 {
    width: 700px; }
    .foot .con1 .foot2 .foot21 {
      width: 100%;
      display: flex;
      line-height: 26px;
      font-size: 14px;
      color: rgba(18, 18, 18, 0.9);
      justify-content: space-between; }
      .foot .con1 .foot2 .foot21 a {
        color: rgba(18, 18, 18, 0.9);
        transition-duration: .3s; }
        .foot .con1 .foot2 .foot21 a:hover {
          transform: translateY(-10px); }
    .foot .con1 .foot2 .foot22 {
      margin-top: .54rem;
      padding-left: 8px; }
      @media (max-width: 780px) {
        .foot .con1 .foot2 .foot22 {
          margin-top: 30px; } }
      .foot .con1 .foot2 .foot22 p {
        padding-left: 47px;
        color: #aac936;
        line-height: 29px; }
        .foot .con1 .foot2 .foot22 p:nth-child(1) {
          font-family: Impact;
          font-size: 30px;
          background: url(//cdn.myxypt.com/ff740125/22/03/df0a3d77a1c89757e4e30d567b1e496038931106.png) no-repeat 0 50%;
          margin-bottom: 18px; }
          @media (max-width: 780px) {
            .foot .con1 .foot2 .foot22 p:nth-child(1) {
              margin-bottom: 10px; } }
        .foot .con1 .foot2 .foot22 p:nth-child(2) {
          font-size: 14px;
          background: url(//cdn.myxypt.com/ff740125/22/03/69c6ba33c3bee4f10a1cf0202afee0d669b24cd6.png) no-repeat 0 50%; }
  .foot .con1 .foot3 {
    width: 276px;
    text-align: center; }
    @media (max-width: 780px) {
      .foot .con1 .foot3 {
        display: 50%; } }
    .foot .con1 .foot3 .list2 li h3 {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.9);
      margin-top: 16px;
      line-height: 1;
      font-weight: 100; }
  .foot .ban {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: .32rem;
    color: rgba(0, 0, 0, 0.5);
    padding: .28rem 0; }
    @media (max-width: 780px) {
      .foot .ban .conn {
        display: block;
        text-align: center; } }
    .foot .ban a {
      color: rgba(0, 0, 0, 0.5); }

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