.flex {
  display: flex; }

.of {
  overflow: hidden; }

.fen img {
  width: 100%;
  transition: all .3s ease-out; }
.fen:hover img {
  transform: scale(1.1); }

.w1720 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1720px; }
  @media (max-width: 1750px) {
    .w1720 {
      padding: 0 15px; } }

.w1488 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1488px; }
  @media (max-width: 1488px) {
    .w1488 {
      padding: 0 15px; } }

.flexs {
  display: flex; }

.tou {
  height: 96px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 11;
  transition: all .3s ease-out; }
  .tou.block .con .logo img.logo2 {
    display: inline; }
  .tou.block .con .logo img.logo1 {
    display: none; }
  .tou.block1 .con .logo img.logo2 {
    display: none; }
  .tou.block1 .con .logo img.logo1 {
    display: inline; }
  .tou.fixed {
    background: #fff; }
    .tou.fixed .con .logo img.logo2 {
      display: inline; }
    .tou.fixed .con .logo img.logo1 {
      display: none; }
  .tou .con {
    justify-content: space-between;
    align-items: center; }
    .tou .con .logo {
      line-height: 96px; }
      .tou .con .logo img.logo2 {
        display: none; }
    .tou .con .zi {
      width: 53.024%;
      justify-content: space-between;
      align-items: center; }

#ui-fullpage {
  position: relative; }
  @media (max-width: 780px) {
    #ui-fullpage .c1 .con {
      flex-wrap: wrap; } }
  #ui-fullpage .c1 .c1-1 {
    position: relative;
    width: 50%; }
    @media (max-width: 780px) {
      #ui-fullpage .c1 .c1-1 {
        width: 100%; } }
    #ui-fullpage .c1 .c1-1 .tu img {
      width: 100%; }
      @media (min-width: 1025px) {
        #ui-fullpage .c1 .c1-1 .tu img {
          height: 100vh;
          object-fit: cover; } }
    #ui-fullpage .c1 .c1-1 .play {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 1;
      transform: translate(-50%, -50%);
      width: 13.542%; }
      #ui-fullpage .c1 .c1-1 .play img {
        max-width: 100%; }
  #ui-fullpage .c1 .c1-2 {
    width: 50%;
    background: url("../../../../ef5ebc53/23/05/1fd472909647474fd222145cd35901f181ee99dd.png") no-repeat 50%;
    background-size: cover;
    padding: 8.75vw 5.21vw 0 4.43vw;
    position: relative; }
    @media (max-width: 1025px) {
      #ui-fullpage .c1 .c1-2 {
        padding-top: 4.75vw; } }
    @media (max-width: 780px) {
      #ui-fullpage .c1 .c1-2 {
        width: 100%; } }
    @media (max-width: 480px) {
      #ui-fullpage .c1 .c1-2 {
        padding: 0; } }
    @media (max-width: 480px) {
      #ui-fullpage .c1 .c1-2 .conn {
        padding: 25px 20px; } }
    #ui-fullpage .c1 .c1-2 h2 .tu {
      width: 66.023%; }
      #ui-fullpage .c1 .c1-2 h2 .tu img {
        max-width: 100%; }
    #ui-fullpage .c1 .c1-2 h2 b {
      display: block;
      margin-top: 14px;
      line-height: 1;
      font-size: 24px;
      color: #111111; }
      @media (max-width: 1025px) {
        #ui-fullpage .c1 .c1-2 h2 b {
          font-size: 18px; } }
      @media (max-width: 480px) {
        #ui-fullpage .c1 .c1-2 h2 b {
          margin-top: 8px; } }
    #ui-fullpage .c1 .c1-2 dd {
      font-size: 16px;
      color: #333333;
      line-height: 28px;
      margin-top: 2.5vw;
      margin-bottom: 2.7vw; }
      @media (max-width: 1025px) {
        #ui-fullpage .c1 .c1-2 dd {
          font-size: 14px;
          line-height: 24px; } }
      @media (max-width: 480px) {
        #ui-fullpage .c1 .c1-2 dd {
          margin-top: 20px;
          margin-bottom: 20px; } }
    #ui-fullpage .c1 .c1-2 a.ck {
      display: flex;
      align-items: flex-end;
      line-height: 1;
      font-size: 16px;
      color: #333333;
      font-weight: bold; }
      @media (max-width: 1025px) {
        #ui-fullpage .c1 .c1-2 a.ck {
          font-size: 14px; } }
      #ui-fullpage .c1 .c1-2 a.ck span {
        margin-left: 8px; }
    #ui-fullpage .c1 .c1-2 .list2 {
      width: 100%; }
      @media (min-width: 780px) {
        #ui-fullpage .c1 .c1-2 .list2 {
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1; } }
      @media (max-width: 780px) {
        #ui-fullpage .c1 .c1-2 .list2 {
          margin-top: 30px; } }
      #ui-fullpage .c1 .c1-2 .list2 li {
        width: calc(100% / 3);
        padding: 5.21vw 3.7vw 3.2vw; }
        @media (max-width: 480px) {
          #ui-fullpage .c1 .c1-2 .list2 li {
            padding: 20px 15px; } }
        #ui-fullpage .c1 .c1-2 .list2 li:nth-child(1) {
          background: rgba(240, 238, 238, 0.2); }
        #ui-fullpage .c1 .c1-2 .list2 li:nth-child(2) {
          background: rgba(240, 238, 238, 0.6); }
        #ui-fullpage .c1 .c1-2 .list2 li:nth-child(3) {
          background: #f0eeee; }
        #ui-fullpage .c1 .c1-2 .list2 li h3 {
          display: flex;
          align-items: flex-end; }
          #ui-fullpage .c1 .c1-2 .list2 li h3 b {
            font-size: 54px;
            font-family: Arial;
            letter-spacing: -3.2px;
            color: #333333;
            line-height: 0.7; }
            @media (max-width: 1450px) {
              #ui-fullpage .c1 .c1-2 .list2 li h3 b {
                font-size: 42px; } }
            @media (max-width: 1025px) {
              #ui-fullpage .c1 .c1-2 .list2 li h3 b {
                font-size: 32px; } }
          #ui-fullpage .c1 .c1-2 .list2 li h3 span {
            width: 31px;
            text-align: center;
            background-color: #0095D9;
            border-radius: 20px;
            line-height: 31px;
            margin-left: 7px;
            font-size: 18px;
            letter-spacing: -1.1px;
            color: #ffffff; }
            @media (max-width: 1450px) {
              #ui-fullpage .c1 .c1-2 .list2 li h3 span {
                font-size: 16px;
                width: 26px;
                line-height: 26px; } }
            @media (max-width: 1025px) {
              #ui-fullpage .c1 .c1-2 .list2 li h3 span {
                font-size: 14px; } }
        #ui-fullpage .c1 .c1-2 .list2 li .zi {
          font-size: 16px;
          line-height: 28px;
          letter-spacing: -1px;
          color: #333333;
          margin-top: 20px; }
          @media (max-width: 1450px) {
            #ui-fullpage .c1 .c1-2 .list2 li .zi {
              margin-top: 10px; }
              #ui-fullpage .c1 .c1-2 .list2 li .zi br {
                display: none; } }
          @media (max-width: 1025px) {
            #ui-fullpage .c1 .c1-2 .list2 li .zi {
              font-size: 14px;
              line-height: 24px; } }

.c2 {
  background: url("../../../../ef5ebc53/23/05/1c3293bdc941e8435dfbe6086d783fab97deaac4.png") no-repeat 50% 0;
  background-size: cover; }
  @media (max-width: 1025px) {
    .c2 {
      padding-top: 40px; } }
  .c2 .fp-tableCell {
    vertical-align: bottom; }
  .c2 .con {
    display: flex;
    align-items: flex-end; }
    @media (max-width: 780px) {
      .c2 .con {
        flex-wrap: wrap; } }
    .c2 .con .list1 {
      width: 63.91%; }
      @media (max-width: 780px) {
        .c2 .con .list1 {
          width: 100%; } }
      .c2 .con .list1 li h3 {
        font-size: 3.33vw;
        color: #111111;
        padding-left: 9.27vw;
        font-weight: 600;
        margin-bottom: 4px; }
        @media (max-width: 1025px) {
          .c2 .con .list1 li h3 {
            font-size: 32px; } }
        @media (max-width: 780px) {
          .c2 .con .list1 li h3 {
            font-size: 24px;
            padding-left: 30px;
            padding-right: 30px; } }
        .c2 .con .list1 li h3 span {
          color: #0095D9; }
      .c2 .con .list1 li .img {
        position: relative; }
        .c2 .con .list1 li .img dd {
          font-size: 24px;
          line-height: 2em;
          color: #ffffff;
          position: absolute;
          top: 18px;
          left: 9.27vw;
          font-weight: bold;
          z-index: 11;
          width: 59.5%; }
          @media (max-width: 1025px) {
            .c2 .con .list1 li .img dd {
              font-size: 18px;
              line-height: 1.6em; } }
          @media (max-width: 780px) {
            .c2 .con .list1 li .img dd {
              font-size: 16px;
              width: 100%;
              left: 0;
              padding: 0 30px; } }
    .c2 .con .list2 {
      margin-left: 30px;
      margin-bottom: 8.23vw; }
      @media (max-width: 780px) {
        .c2 .con .list2 {
          margin-top: 10px;
          margin-bottom: 40px; } }
      .c2 .con .list2 li {
        line-height: 1;
        margin-top: 2.45vw;
        display: flex;
        position: relative;
        cursor: pointer; }
        @media (max-width: 780px) {
          .c2 .con .list2 li {
            margin-top: 20px; } }
        .c2 .con .list2 li h3 {
          color: #111111;
          font-size: 24px;
          border-bottom: 2px solid transparent;
          font-weight: 600;
          display: flex;
          align-items: center;
          padding-bottom: 2px;
          flex-direction: row-reverse; }
          @media (max-width: 1025px) {
            .c2 .con .list2 li h3 {
              font-size: 18px; } }
          @media (max-width: 780px) {
            .c2 .con .list2 li h3 {
              font-size: 16px; } }
          .c2 .con .list2 li h3 span {
            margin-right: 8px; }
          .c2 .con .list2 li h3:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            background: transparent;
            width: 83px;
            left: -83px;
            z-index: 11;
            height: 2px; }
        .c2 .con .list2 li.on h3 {
          color: #0095D9;
          border-color: #0095D9;
          flex-direction: inherit; }
          .c2 .con .list2 li.on h3 span {
            margin-right: 0;
            margin-left: 8px; }
          .c2 .con .list2 li.on h3:after {
            background: #0095D9; }

.c3 {
  background: url("../../../../ef5ebc53/23/05/c8b32ab8cbbc063be9d45973f112e41aeb3b203a.png") no-repeat 50% 0;
  background-size: cover; }
  .c3 .con {
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 780px) {
      .c3 .con {
        flex-wrap: wrap; } }
    .c3 .con .c3-1 {
      padding-top: 7.55vw;
      width: 42.084%;
      margin-left: 13.28%; }
      @media (max-width: 1380px) {
        .c3 .con .c3-1 {
          width: 46%;
          margin-left: 8.28%; } }
      @media (max-width: 1025px) {
        .c3 .con .c3-1 {
          padding-top: 0; } }
      @media (max-width: 780px) {
        .c3 .con .c3-1 {
          width: 100%;
          padding-left: 20px;
          padding-right: 20px;
          margin-left: 0; } }
      .c3 .con .c3-1 h2 {
        font-size: 48px;
        font-family: arial;
        color: #0095D9;
        font-weight: 600; }
        @media (max-width: 1380px) {
          .c3 .con .c3-1 h2 {
            font-size: 42px; } }
        @media (max-width: 780px) {
          .c3 .con .c3-1 h2 {
            font-size: 32px; } }
      .c3 .con .c3-1 h3 {
        font-size: 32px;
        font-weight: 600;
        color: #111111;
        margin-top: 3.489583vw;
        margin-bottom: 2.2vw; }
        @media (max-width: 1380px) {
          .c3 .con .c3-1 h3 {
            font-size: 24px; } }
        @media (max-width: 780px) {
          .c3 .con .c3-1 h3 {
            margin-top: 20px;
            margin-bottom: 30px;
            font-size: 18px; } }
        .c3 .con .c3-1 h3 p {
          font-size: 24px;
          color: #666666;
          margin-top: 12px; }
          @media (max-width: 1380px) {
            .c3 .con .c3-1 h3 p {
              font-size: 18px; } }
          @media (max-width: 780px) {
            .c3 .con .c3-1 h3 p {
              font-size: 16px; } }
          @media (max-width: 480px) {
            .c3 .con .c3-1 h3 p {
              line-height: 1.4em; } }
      .c3 .con .c3-1 .list2 {
        text-align: center;
        flex-wrap: wrap;
        margin-left: -0.835vw;
        margin-right: -0.835vw; }
        .c3 .con .c3-1 .list2 li {
          width: calc(100% / 3);
          padding: 0 0.835vw;
          margin-bottom: 16px; }
          @media (max-width: 1380px) {
            .c3 .con .c3-1 .list2 li {
              margin-bottom: 10px; } }
          @media (max-width: 480px) {
            .c3 .con .c3-1 .list2 li {
              width: calc(100% / 2); } 
			  
		
			  }
          .c3 .con .c3-1 .list2 li .img {
            border: solid 1px #cccccc; }
          .c3 .con .c3-1 .list2 li dd {
            font-size: 16px;
            color: #2d2d2b;
            line-height: 42px; }
            @media (max-width: 780px) {
              .c3 .con .c3-1 .list2 li dd {
                line-height: 28px;
                font-size: 14px; } 
				.c3 .con .c3-1 .list2 li:nth-child(3){ display:none}
				
				}
    .c3 .con .c3-2 {
      position: relative;
      width: 40%; }
      @media (max-width: 780px) {
        .c3 .con .c3-2 {
          width: 100%;
          margin-top: 10px; } }
      @media (min-width: 1025px) {
        .c3 .con .c3-2 .img img {
          height: 100vh;
          object-fit: cover; } }
      .c3 .con .c3-2 .zi {
        padding-bottom: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 11;
        left: 5.68vw; }
        .c3 .con .c3-2 .zi h2 {
          font-size: 48px;
          color: #ffffff;
          line-height: 64px;
          max-width: 363px; }
          @media (max-width: 1380px) {
            .c3 .con .c3-2 .zi h2 {
              font-size: 42px;
              line-height: 58px; } }
          @media (max-width: 1025px) {
            .c3 .con .c3-2 .zi h2 {
              font-size: 32px;
              line-height: 44px;
              padding-right: 3.68vw; } }
          @media (max-width: 780px) {
            .c3 .con .c3-2 .zi h2 {
              font-size: 24px;
              line-height: 38px; } }
        .c3 .con .c3-2 .zi dd {
          font-size: 18px;
          color: #ffffff;
          margin-top: 17px;
          margin-bottom: 32px; }
          @media (max-width: 1380px) {
            .c3 .con .c3-2 .zi dd {
              font-size: 16px;
              margin-top: 8px;
              margin-bottom: 20px; } }
        .c3 .con .c3-2 .zi a.ck {
          display: flex;
          align-items: flex-end;
          line-height: 1;
          font-size: 16px;
          color: #fff;
          font-weight: bold; }
          @media (max-width: 1025px) {
            .c3 .con .c3-2 .zi a.ck {
              font-size: 14px; } }
          .c3 .con .c3-2 .zi a.ck span {
            margin-left: 8px; }

.c4 {
  background: url("../../../../ef5ebc53/23/05/fb51a8f65844d268f0ff5a93609f6520450a90a7.png") no-repeat 50% 100%;
  background-size: cover; }
  .c4 .con {
    align-items: center; }
    @media (max-width: 780px) {
      .c4 .con {
        flex-wrap: wrap; } }
    .c4 .con .c4-1 {
      width: 39.05%;
      position: relative; }
      @media (max-width: 780px) {
        .c4 .con .c4-1 {
          width: 100%; } }
      @media (min-width: 1025px) {
        .c4 .con .c4-1 .img img {
          height: 100vh;
          object-fit: cover; } }
      .c4 .con .c4-1 .zi {
        padding-bottom: 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 11;
        right: 7.4vw; }
        @media (max-width: 1025px) {
          .c4 .con .c4-1 .zi {
            right: 4.6vw; } }
        @media (max-width: 780px) {
          .c4 .con .c4-1 .zi {
            right: auto;
            left: 5.68vw; } }
        .c4 .con .c4-1 .zi h2 {
          font-size: 48px;
          color: #ffffff;
          line-height: 64px;
          max-width: 288px; }
          @media (max-width: 1380px) {
            .c4 .con .c4-1 .zi h2 {
              font-size: 42px;
              line-height: 58px; } }
          @media (max-width: 1025px) {
            .c4 .con .c4-1 .zi h2 {
              font-size: 32px;
              line-height: 44px; } }
          @media (max-width: 780px) {
            .c4 .con .c4-1 .zi h2 {
              font-size: 24px;
              line-height: 38px; } }
        .c4 .con .c4-1 .zi dd {
          font-size: 18px;
          color: #ffffff;
          margin-top: 17px;
          margin-bottom: 32px; }
          @media (max-width: 1380px) {
            .c4 .con .c4-1 .zi dd {
              font-size: 16px;
              margin-top: 8px;
              margin-bottom: 20px; } }
        .c4 .con .c4-1 .zi a.ck {
          display: flex;
          align-items: flex-end;
          line-height: 1;
          font-size: 16px;
          color: #fff;
          font-weight: bold; }
          @media (max-width: 1025px) {
            .c4 .con .c4-1 .zi a.ck {
              font-size: 14px; } }
          .c4 .con .c4-1 .zi a.ck span {
            margin-left: 8px; }
    .c4 .con .c4-2 {
      padding-left: 3.65vw;
      padding-right: 5.21vw;
      width: 60.05%; }
      @media (max-width: 780px) {
        .c4 .con .c4-2 {
          width: 100%;
          padding-top: 40px;
          padding-bottom: 40px; } }
      .c4 .con .c4-2 h2 {
        font-size: 48px;
        font-family: arial;
        color: #0095D9;
        font-weight: 600; }
        @media (max-width: 1380px) {
          .c4 .con .c4-2 h2 {
            font-size: 42px; } }
        @media (max-width: 780px) {
          .c4 .con .c4-2 h2 {
            font-size: 32px; } }
      .c4 .con .c4-2 .tit {
        align-items: flex-end;
        margin-top: 3.489583vw;
        margin-bottom: 3.33vw; }
        @media (max-width: 780px) {
          .c4 .con .c4-2 .tit {
            margin-top: 20px;
            margin-bottom: 30px; } }
        .c4 .con .c4-2 .tit h3 {
          font-size: 32px;
          font-weight: 600;
          color: #111111; }
          @media (max-width: 1380px) {
            .c4 .con .c4-2 .tit h3 {
              font-size: 24px; } }
          @media (max-width: 780px) {
            .c4 .con .c4-2 .tit h3 {
              font-size: 18px; } }
        .c4 .con .c4-2 .tit .list1 {
          margin-left: 4.32vw;
          width: 285px;
          justify-content: space-between; }
          @media (max-width: 780px) {
            .c4 .con .c4-2 .tit .list1 {
              width: 210px; } }
          .c4 .con .c4-2 .tit .list1 li a {
            display: block;
            font-size: 16px;
            color: #111111;
            padding-bottom: 1px;
            border-bottom: 2px solid transparent; }
            @media (max-width: 780px) {
              .c4 .con .c4-2 .tit .list1 li a {
                font-size: 14px;
                line-height: 1;
                padding-bottom: 3px;
                border-bottom: 1px solid transparent; } }
          .c4 .con .c4-2 .tit .list1 li:hover a {
            color: #0095D9;
            border-bottom: 2px solid #0095D9; }
            @media (max-width: 780px) {
              .c4 .con .c4-2 .tit .list1 li:hover a {
                border-bottom: 1px solid #0095D9; } }
      .c4 .con .c4-2 .list2 {
        margin-left: -1.095vw;
        margin-right: -1.095vw; }
        .c4 .con .c4-2 .list2 li {
          padding: 0 1.095vw; }
          .c4 .con .c4-2 .list2 li .times {
            font-size: 16px;
            color: #111111; }
            .c4 .con .c4-2 .list2 li .times span {
              font-size: 24px;
              padding-right: 6px; }
          .c4 .con .c4-2 .list2 li h3 {
            font-size: 18px;
            color: #111111;
            font-weight: bold;
            margin-top: 7px;
            margin-bottom: 13px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            transition: all .3s ease-out; }
            @media (max-width: 780px) {
              .c4 .con .c4-2 .list2 li h3 {
                font-size: 16px; } }
            @media (max-width: 480px) {
              .c4 .con .c4-2 .list2 li h3 {
                margin-top: 2px;
                margin-bottom: 7px; } }
          .c4 .con .c4-2 .list2 li dd {
            font-size: 14px;
            line-height: 24px;
            color: #666666;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
          .c4 .con .c4-2 .list2 li .ck {
            width: 76px;
            line-height: 30px;
            border: solid 1px #999999;
            font-size: 12px;
            color: #111111;
            text-align: center;
            margin-top: 16px;
            transition: all .3s ease-out; }
          .c4 .con .c4-2 .list2 li:hover h3 {
            color: #0095D9; }
          .c4 .con .c4-2 .list2 li:hover .ck {
            color: #fff;
            border-color: #0095D9;
            background: #0095D9; }
      .c4 .con .c4-2 .bd {
        align-items: center;
        margin-top: 1.82vw; }
        @media (max-width: 780px) {
          .c4 .con .c4-2 .bd {
            margin-top: 20px; } }
        .c4 .con .c4-2 .bd .xx {
          cursor: pointer;
          width: 17px;
          height: 4px; }
          .c4 .con .c4-2 .bd .xx.zb {
            background: url("../../../../ef5ebc53/23/05/f7141bc914ef409f354fe97602351ba05c435f88.png") no-repeat 50%; }
            .c4 .con .c4-2 .bd .xx.zb:hover {
              background: url("../../../../ef5ebc53/23/05/e26cc059797afa646b6546c214408afa6692817d.png") no-repeat 50%; }
          .c4 .con .c4-2 .bd .xx.yb {
            background: url("../../../../ef5ebc53/23/05/1209881cbaa139121e6ba1caf4bac627a9a6f8d1.png") no-repeat 50%; }
            .c4 .con .c4-2 .bd .xx.yb:hover {
              background: url("../../../../ef5ebc53/23/05/f356217cdb81e733b95f2c2927cad1bee96a62e1.png") no-repeat 50%; }
        .c4 .con .c4-2 .bd span {
          width: 1px;
          height: 9px;
          background-color: #999999;
          margin: 0 18px; }

.c5 .con {
  position: relative; }
  @media (min-width: 1025px) {
    .c5 .con .list2 li .img img {
      height: 100vh;
      object-fit: cover; } }
  .c5 .con .c5-1 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 39.74%;
    background: url("../../../../ef5ebc53/23/05/745c8f2074027895cdb5ec69c2f28660be85e812.png") no-repeat 50%;
    background-size: cover;
    height: 100%;
    padding: 15.42vw 6.77vw 0 7.66vw; }
    @media (max-width: 1610px) {
      .c5 .con .c5-1 {
        padding-right: 4.77vw;
        padding-left: 4.77vw; } }
    @media (max-width: 1025px) {
      .c5 .con .c5-1 {
        width: 50%;
        padding-top: 9.42vw; } }
    @media (max-width: 780px) {
      .c5 .con .c5-1 {
        width: 100%;
        padding-top: 40px; position:relative} }
    @media (max-width: 480px) {
      .c5 .con .c5-1 {
        padding-top: 20px; } }
    .c5 .con .c5-1 h2 {
      font-weight: bold;
      font-size: 48px;
      font-family: arial;
      color: #fff; }
      @media (max-width: 1380px) {
        .c5 .con .c5-1 h2 {
          font-size: 42px; } }
      @media (max-width: 1025px) {
        .c5 .con .c5-1 h2 {
          font-size: 32px; } }
      @media (max-width: 780px) {
        .c5 .con .c5-1 h2 {
          font-size: 24px; } }
    .c5 .con .c5-1 h3 {
      color: #ffffff;
      margin-top: 3.64583vw;
      margin-bottom: 1.979vw; }
      @media (max-width: 780px) {
        .c5 .con .c5-1 h3 {
          margin-bottom: 20px; } }
      @media (max-width: 480px) {
        .c5 .con .c5-1 h3 {
          margin-bottom: 14px;
          margin-top: 8px; } }
      .c5 .con .c5-1 h3 b {
        display: block;
        font-size: 32px; }
        @media (max-width: 1380px) {
          .c5 .con .c5-1 h3 b {
            font-size: 24px; } }
        @media (max-width: 1025px) {
          .c5 .con .c5-1 h3 b {
            font-size: 18px; } }
      .c5 .con .c5-1 h3 p {
        font-size: 18px;
        margin-top: 18px; }
        @media (max-width: 1380px) {
          .c5 .con .c5-1 h3 p {
            font-size: 16px; } }
        @media (max-width: 1024px) {
          .c5 .con .c5-1 h3 p {
            font-size: 14px; } }
        @media (max-width: 480px) {
          .c5 .con .c5-1 h3 p {
            margin-top: 6px; } }
    .c5 .con .c5-1 .list1 {
      border-left: solid 1px rgba(255, 255, 255, 0.6);
      border-top: solid 1px rgba(255, 255, 255, 0.6);
      flex-wrap: wrap; }
      .c5 .con .c5-1 .list1 li {
        width: 50%;
        border-right: solid 1px rgba(255, 255, 255, 0.6);
        border-bottom: solid 1px rgba(255, 255, 255, 0.6);
        padding: 18px 24px; }
        @media (max-width: 480px) {
          .c5 .con .c5-1 .list1 li {
            padding: 10px 10px; } }
        .c5 .con .c5-1 .list1 li h4 p {
          color: #999999;
          font-size: 14px;
          opacity: 0;
          transition: all .3s ease-out; }
          @media (max-width: 480px) {
            .c5 .con .c5-1 .list1 li h4 p {
              display: none; } }
        .c5 .con .c5-1 .list1 li h4 b {
          display: block;
          color: #ffffff;
          font-size: 18px;
          transition: all .3s ease-out;
          margin-top: 6px; }
          @media (max-width: 780px) {
            .c5 .con .c5-1 .list1 li h4 b {
              font-size: 16px; } }
          @media (max-width: 480px) {
            .c5 .con .c5-1 .list1 li h4 b {
              font-size: 14px;
              margin-top: 0; } }
        .c5 .con .c5-1 .list1 li.on {
          background-color: #ffffff; }
          .c5 .con .c5-1 .list1 li.on h4 p {
            opacity: 1; }
          .c5 .con .c5-1 .list1 li.on h4 b {
            color: #111111; }

.foot {
  background-color: #F0F0F0;
  padding-top: 3.33vw;
  padding-bottom: 2.083vw; }
  @media (max-width: 1025px) {
    .foot {
      padding-top: 40px;
      padding-bottom: 20px; } }
  .foot .con {
    justify-content: space-between;
    align-items: flex-start; }
    .foot .con .foot1 {
      width: 100%; }
      @media (max-width: 780px) {
        .foot .con .foot1 {
          width: 100%; } }
      .foot .con .foot1 .flogo {
        max-width: 500px; float:left }
        .foot .con .foot1 .flogo img {
          max-width: 100%; margin-right:20px;}
      .foot .con .foot1 .fdao {
        margin-top: 1.82vw;
        display: flex;width: 70%;}
        @media (max-width: 1025px) {
          .foot .con .foot1 .fdao {
            margin-top: 25px; width:100%; flex-wrap: wrap;} }
        @media (max-width: 480px) {
          .foot .con .foot1 .fdao {
            flex-wrap: wrap; } }
        .foot .con .foot1 .fdao li {
          margin-right: 9px; text-align:center}
		    @media (max-width: 768px) {
            .foot .con .foot1 .fdao li {
              width: calc(100% / 3 - 9px);
              margin-bottom: 9px; } }
          @media (max-width: 480px) {
            .foot .con .foot1 .fdao li {
              width: calc(100% / 2 - 9px);
              margin-bottom: 9px; } }
          .foot .con .foot1 .fdao li a {
            display: block;
            padding: 9px 25px;
            font-size: 14px;
            color: #666666;
            border-radius: 4px;
            border: solid 1px #cccccc;
            transition: all .3s ease-out; }
          .foot .con .foot1 .fdao li:hover a {
            border: solid 1px #0095D9;
            background: linear-gradient( 135deg,#49cfed,#0094D7);
            color: #fff; }
      .foot .con .foot1 .lx {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        margin-top: 2.7083vw; }
        @media (max-width: 1025px) {
          .foot .con .foot1 .lx {
            margin-top: 30px; } }
        @media (max-width: 480px) {
          .foot .con .foot1 .lx {
            margin-top: 10px; } }
        .foot .con .foot1 .lx p {
          color: #333333;
          font-size: 16px; }
          @media (max-width: 1025px) {
            .foot .con .foot1 .lx p {
              font-size: 14px; } }
          .foot .con .foot1 .lx p:nth-child(1) {
            margin-right: 6.15vw; }
            .foot .con .foot1 .lx p:nth-child(1) span {
              color: #0095D9;
              font-family: Arial;
              font-weight: bold;
              font-size: 24px;
              padding-left: 0.89vw;
              line-height: 1; }
              @media (max-width: 1025px) {
                .foot .con .foot1 .lx p:nth-child(1) span {
                  font-size: 18px; } }
          .foot .con .foot1 .lx p:last-child {
            width: 100%;
            margin-top: 9px; }
      .foot .con .foot1 .ban {
        font-size: 14px;
        color: #666666;
        line-height: 32px;
        margin-top: 24px; }
        @media (max-width: 1025px) {
          .foot .con .foot1 .ban {
            line-height: 26px; } }
        @media (max-width: 480px) {
          .foot .con .foot1 .ban {
            margin-top: 14px; } }
        .foot .con .foot1 .ban a {
          color: #666666;
          transition: all .3s ease-out; }
          .foot .con .foot1 .ban a:hover {
            color: #0095D9; }
    .foot .con .foot2 {
      display: flex;
      padding-right: 2.5vw;
      justify-content: flex-end;
      margin-top: 7.81vw; }
      @media (max-width: 780px) {
        .foot .con .foot2 {
          display: none; } }
      .foot .con .foot2 .link {
        position: relative;
        cursor: pointer; }
        .foot .con .foot2 .link p {
          font-size: 14px;
          color: #111111;
          padding: 0 36px;
          border: solid 1px #333333;
          line-height: 67px;
          background: url("../../../../ef5ebc53/23/05/74201fd304178ef456e4fae6a00fd1c039c553c8.png") no-repeat 87% 50%;
          width: 258px;
          font-weight: bold; }
        .foot .con .foot2 .link dd {
          bottom: 69px;
          left: 0;
          width: 100%;
          position: absolute;
          z-index: 11;
          background: #fff;
          display: none; }
          .foot .con .foot2 .link dd a {
            display: block;
            line-height: 38px;
            color: #333;
            padding: 0 36px;
            transition: all .3s ease-out; }
            .foot .con .foot2 .link dd a:hover {
              color: #0095D9; }
        .foot .con .foot2 .link:hover dd {
          display: block; }

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