@media screen and (max-width: 1400px) {
  body {
    word-break: keep-all;
  }
  #content .section.section_6 .sec_box .con_box {
    flex-wrap: wrap;
  }
  #content .section.section_2 .con_box {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1200px) {
  #content .section.section_5 .mySwiper_2 .swiper-wrapper .swiper-slide {
    gap: 100px;
  }
  #content
    .section.section_5
    .mySwiper_2
    .swiper-wrapper
    .swiper-slide
    .img
    img:nth-child(2) {
    display: none;
  }
  #content .section .mySwiper .swiper-wrapper .swiper-slide h4 {
    font-size: 56px;
    line-height: 64px;
  }
  #content .section.section_2 .con_box .right h2 {
    font-size: 48px;
    line-height: 56px;
  }
  #content .section.section_2 .con_box .right h3 {
    word-break: keep-all;
    font-size: 24px;
  }
  #content .section.section_3 .con_box .top {
    width: 90%;
    margin: 0 auto;
  }
  #content .section.section_3 .con_box .bottom {
    width: 90%;
    margin: 0 auto;
  }
  #content .section.section_4 {
    flex-wrap: wrap;
    max-height: unset;
    justify-content: center;
  }
  #content .section.section_4 .left {
    width: 100%;
    height: 400px;
  }
  #content .section.section_4 .left .img {
    height: 100%;
  }
  #content .section.section_3 .con_box .bottom a h4 {
    font-size: 24px;
    line-height: 28px;
  }
  #content .section.section_4 .right {
    width: 100%;
  }
  #content .section.section_4 .right .box {
    height: 300px;
  }
  #content .section .mySwiper .swiper-wrapper .swiper-slide .txt {
    width: 90%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 120px;
    padding-bottom: 120px;
    margin: 0 auto;
  }
  #content .section.section_3 .con_box .top .left h2 {
    font-size: 48px;
    line-height: 56px;
  }
  #content .section .sec_bar {
    display: none;
  }
  #content
    .section.section_5
    .mySwiper_2
    .swiper-wrapper
    .swiper-slide
    .txt
    h4 {
    margin-left: 5%;
  }
  #content
    .section.section_5
    .mySwiper_2
    .swiper-wrapper
    .swiper-slide
    .txt
    h2 {
    margin-left: 5%;
  }
  #content .section.section_5 .mySwiper_2 .swiper-wrapper .swiper-slide .txt p {
    margin-left: 5%;
  }
  #content .section.section_5 .swiper-button-prev {
    top: 84%;
    left: 20px;
  }
  #content .section.section_5 .swiper-button-next {
    top: 84%;
    left: 72px;
  }
}
@media screen and (max-width: 900px) {
  #content .section.section_4 .left .hide a h4 {
    font-size: 36px;
    line-height: 42px;
  }
  #content .section.section_4 .right .box .hide a h4 {
    font-size: 36px;
    line-height: 42px;
  }
  #content .section.section_3 .con_box .top .left h2 {
    font-size: 48px;
    line-height: 56px;
  }
  #content .section.section_6 .sec_box .con_box {
    justify-content: center;
  }
  #content .section.section_3 .con_box .top {
    flex-direction: column;
    align-items: flex-start;
  }
  #content .section.section_3 .con_box .bottom {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #content .section.section_3 .con_box .bottom a {
    padding-left: 0px;
    text-align: center;
    border: none;
  }
  #content .section.section_5 .mySwiper_2 .swiper-wrapper .swiper-slide {
    gap: 0px;
  }
  #content
    .section.section_5
    .mySwiper_2
    .swiper-wrapper
    .swiper-slide
    .img
    img:nth-child(2) {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  #content .section.section_2 .con_box .left .bg {
    width: 90%;
    margin: 0 auto;
  }
  #content .section .mySwiper .swiper-wrapper .swiper-slide h4 {
    font-size: 36px;
    line-height: 42px;
  }
  #content .section.section_3 .con_box .bottom a h4 {
    font-size: 20px;
    line-height: 24px;
  }
  #content .section.section_6 .sec_box {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 500px) {
  #content .section.section_5 .mySwiper_2 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  #content .section.section_2 .con_box .right {
    width: 90%;
  }
  #content .section.section_6 .sec_box .con_box .con .img {
    width: 100%;
  }
  #content .section .mySwiper .swiper-wrapper .swiper-slide .txt p {
    font-size: 15px;
    line-height: 20px;
  }
  #content .section.section_2 .con_box .left h2 {
    font-size: 28px;
    line-height: 36px;
    box-sizing: border-box;
    right: 5%;
    padding: 38px;
    top: 560px;
  }

  #content .section.section_2 .con_box .right h2 {
    font-size: 36px;
    line-height: 42px;
  }
  #content .section.section_2 .con_box .right h3 {
    font-size: 16px;
    line-height: 20px;
  }
  #content .section.section_2 .con_box .right span {
    gap: 0px;
  }
  #content .section.section_2 .con_box .right span p {
    font-size: 16px;
    line-height: 20px;
  }
  #content .section.section_2 .con_box .right a {
    font-size: 16px;
  }
  #content .section.section_3 .con_box .top .left h2 {
    font-size: 36px;
    line-height: 42px;
  }
  #content .section.section_3 .con_box .top .right span {
    font-size: 16px;
    line-height: 20px;
  }
  #content
    .section.section_5
    .mySwiper_2
    .swiper-wrapper
    .swiper-slide
    .txt
    h2 {
    font-size: 36px;
    line-height: 42px;
  }
  #content .section.section_6 .sec_box h2 {
    font-size: 36px;
    line-height: 42px;
  }
  #content .section.section_6 .sec_box .con_box .con .bottom {
    font-size: 16px;
    line-height: 20px;
  }
  #content .section.section_4 .right .box .hide a h4 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }
  #content .section.section_4 .left .hide a h4 {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
  }
  #content .section.section_4 .right .box .hide a span {
    padding: 10px 20px;
  }
  #content .section.section_4 .left .hide a span {
    padding: 10px 20px;
  }
  #content .section.section_5 .mySwiper_2 .swiper-wrapper .swiper-slide {
    gap: unset;
  }
  #content .section.section_5 .mySwiper_2 .swiper-wrapper .swiper-slide .txt p {
    font-size: 16px;
    line-height: 20px;
  }
  #content .section.section_5 .mySwiper_2 .swiper-wrapper .swiper-slide {
    flex-wrap: wrap;
  }
  #content .section.section_5 .mySwiper_2 .swiper-wrapper .swiper-slide .img {
    width: 100%;
    height: 200px;
    margin-top: 24px;
  }
  #content
    .section.section_5
    .mySwiper_2
    .swiper-wrapper
    .swiper-slide
    .img
    img {
    width: 100%;
    margin: 0 auto;
  }
  #content .section.section_5 .swiper-button-next {
    top: 90%;
  }
  #content .section.section_5 .swiper-button-prev {
    top: 90%;
  }

  #content .section.section_2 .con_box {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #content .section.section_3 .con_box {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}