@charset "utf-8";

@media screen and (max-width: 1880px) {}

@media (min-width: 1521px) {
  .page .pic img {
    height: 100vh;
    object-fit: cover;
  }
}

@media screen and (max-width: 1520px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1250px) {

  /* 145px 7.552vw */
  .in1 .intr h1,
  .ab3 .intr h1 {
    /* font-size: 94px; */
    font-size: 4.896vw;
  }

  /* 58px 3.021vw */
  .banner .intr h1,
  .tit h1,
  .tit b,
  .ab2 .intr h1,
  .ab8 .intr h1 {
    font-size: 36px;
  }

  /* 56px 2.917vw */
  .home1 .intr h1 {
    font-size: 34px;
  }

  /* 42px 2.188vw */
  .tit h2,
  .contact .intr h2,
  .ab3 .intr h2 {
    font-size: 26px;
  }

  /* 36px 1.875vw */
  .sarMenu dt>a,
  .pro_pl .intr h3,
  .ab4 .intr h3,
  .Pop-form .txt h3,
  .ca11 .intr h3 {
    font-size: 22px;
  }

  /* 32px 1.667vw */
  .ab5 .intr h4,
  .sarMenu dd>a,
  .banner .intr h4,
  .tit h4 {
    font-size: 20px;
  }

  /* 24px 1.25vw */
  .home1 .intr h2,
  .ab7 .ev:nth-child(1) span,
  .ab7 .ev:nth-child(2) span,
  .ab7 .ev:nth-child(3) span,
  .ab5 .intr h6,
  .s_btn2 span,
  .s_btn2 i,
  .f_form h5,
  .tit p,
  .co1 .intr h6,
  .ca1 .intr p,
  .ca3 .intr p,
  .ca4 .intr p,
  .ca6 .intr p,
  .ca7 .intr p,
  .ab1 .intr p,
  .ab2 .intr p,
  .download span,
  .download i,
  .ab8 .intr span,
  .covr .sub span {
    font-size: 18px;
  }

  /* 20px 1.042vw */
  .Pop-form .btn span,
  .Pop-form .close i,
  .s_btn i {
    font-size: 18px;
  }

  /* 18px 0.938vw */
  .home1 .swiper-txt span,
  .home1 .link span,
  .home1 .intr p,
  .pro_pl .intr p,
  .view span,
  .in1 .intr p,
  .banner .intr p,
  .co1 .intr p,
  .ca9 .ev span,
  .ca11 .intr p {
    font-size: 16px;
  }

  /* 16px 0.833vw */
  .footB .f_menu span,
  .lang-box a,
  header .link span,
  header .talk span,
  .expand i,
  .expand span,
  .expand h6,
  .cont span,
  .f_form .btn span,
  .banner .scroll p,
  .more span,
  .Pop-form .txt p {
    font-size: 14px;
  }

  /* 14px 0.729vw */
  .footC span,
  .sarCopy span,
  .home1 .city span,
  .expand p,
  .sarCall p,
  .sarCall span,
  .footB .f_call span {
    font-size: 12px;
  }


  header {
    padding: 20px 0;
  }

  .scroll header {
    padding: 15px 0;
  }

  .f_form input {
    width: 300px;
    height: 30px;
  }

  .f_form .btn {
    width: 100px;
    height: 30px;
  }

  .Call_r .app {
    width: 20px;
    width: 20px;
  }

  .ca10 .app {
    width: 20px;
    height: 20px;
  }

  .Call_r .lang-box {
    width: 78px;
    height: 30px;
  }

  .lang-box a {
    width: 35px;
    height: 25px;
  }

  header .talk {
    width: 100px;
    height: 35px;
  }

  .home1 .swiper-txt em {
    width: 30px;
    margin-left: 10px;
  }

  .expand .push {
    width: 220px;
    height: 35px;
  }

  .expand .txt {
    padding: 10px;
  }

  .pro_pl .view em,
  .ca11 .view em {
    width: 25px;
    margin-right: 10px;
  }

  .cont,
  .more {
    width: 110px;
    height: 35px;
  }

  .banner .scroll .line {
    height: 40px;
  }

  .banner .scroll .line::before {
    height: 20px;
  }

  .Pop-form .input {
    width: 250px;
    height: 35px;
  }

  .Pop-form .btn {
    width: 130px;
    height: 35px;
  }

  .ab5 .intr img {
    width: 16px;
  }

  .ab8 .intr img {
    width: 16px;
  }

  .ab8 .covr .sub,
  .ca11 .s_btn2 {
    height: 45px;
  }

  .co1 .pic img {
    width: 40px;
    height: 40px;
  }

  .s_btn {
    width: 40px;
    height: 40px;
  }

  .pr1,
  .editor {
    margin: 74px 0 0;
  }

  .ab1 .tit,
  .ab1 .intr {
    padding: 0;
  }

  .home1 .city {
    top: 10.417vw;
    left: 2.083vw;
  }

  .home1 .intr {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
  }

  .banner .intr,
  .home1 .intr,
  .ab8 .intr {
    padding: 0 8.333vw;
  }

  footer {
    padding: 0 8.333vw;
  }

  .in1,
  .co1,
  .ca1,
  .ca3,
  .ca4,
  .ca6,
  .ca7,
  .ab7,
  .editor {
    padding: 7.813vw 8.333vw;
  }

  .ca9 {
    padding: 2.083vw 8.333vw 3.125vw;
  }

  .ca10 {
    width: 100%;
    padding: 2.083vw 8.333vw 4.167vw;
  }

  .ab1,
  .ab2 {
    padding: 6.25vw 8.333vw;
  }

  .ab4 {
    padding: 7.813vw 0 7.813vw 8.333vw;
  }

  .ab5 {
    padding: 0 8.333vw 5.729vw;
  }

  .ab4 .swiper-slide {
    width: 30vw !important;
  }

  .home1 .link {
    width: 250px;
    height: 40px;
  }
}

@media screen and (max-width: 991px) {

  header .menu,
  header .talk,
  .home1 .city,
  .footA .f_logo,
  .footB .f_menu {
    display: none;
  }

  .home1 .swiper-txt,
  .banner .txt_s,
  .banner .txt_l,
  .banner .scroll {
    display: none;
  }

  header .logo img,
  .footA .f_logo img {
    width: 100px;
  }

  header,
  .scroll header {
    padding: 10px 0;
    background: #111111;
  }

  [data-page="home"] header {
    background: transparent;
  }

  .pr1,
  .editor {
    margin: 54px 0 0;
  }

  .banner {
    margin: 54px 0 0;
  }


  header .row {
    padding: 0 5%;
  }

  .banner .intr,
  .home1 .intr,
  .ab8 .intr {
    padding: 0 5%;
  }

  footer {
    padding: 0 5%;
  }

  .in1,
  .co1,
  .ca1,
  .ca3,
  .ca4,
  .ca6,
  .ca7,
  .ab7,
  .editor {
    padding: 7.813vw 5%;
  }

  .ca9 {
    padding: 7.813vw 5%;
  }

  .ca10 {
    padding: 7.813vw 5%;
  }

  .ca11 {
    padding: 7.813vw 0 0;
  }

  .ab1,
  .ab2 {
    padding: 6.25vw 5%;
  }

  .ab4 {
    padding: 7.813vw 0 7.813vw 5%;
  }

  .ab5 {
    padding: 0 5% 5.729vw;
  }

  .pro_pl .intr,
  .ca11 .intr {
    padding: 20px 5%;
  }

  .sarCall .Call_l,
  .footB .Call_l {
    width: 100px;
  }

  .Call_r .app {
    margin-right: 15px;
  }

  .footA .f_form {
    width: 100%;
  }

  .f_form input {
    margin-right: 20px;
  }

  .ab5 .col {
    width: 30%;
  }

  .in1 .col,
  .co1 .col {
    width: 48%;
  }

  .ca1 .intr,
  .ca3 .intr,
  .ca3 .pic,
  .ab2 .intr {
    width: 100%;
  }

  .in1 .col,
  .co1 .col,
  .ca3 .intr,
  .ab5 .col,
  .ab7 .col,
  .ab2 .pic {
    margin: 0 0 20px;
  }

  .in1 .col,
  .co1 .col,
  .ab4 .intr {
    padding: 20px;
  }

  .ab3 .swiper-slide {
    width: 90% !important;
  }

  .ab3 .prev,
  .ca5 .prev {
    left: 5%;
  }

  .ab3 .next,
  .ca5 .next {
    right: 5%;
  }

  .ab3 .s_btn {
    background: rgba(0, 0, 0, 0.6);
  }

  .ab3 .intr {
    width: 100%;
  }

  .ab2 .intr p {
    max-width: 100%;
  }

  .ab4 .tit {
    padding: 0 5% 0 0;
  }

  .sarBox .sarRow {
    padding: 100px 5% 20px 5%;
  }

  .sarMenu dl dt {
    margin: 0 0 20px;
  }

  .sarCall .Call_b {
    margin: 0 0 20px;
  }

  .sarMenu dl dd {
    margin: 0 0 15px;
  }

  .home1 .intr img,
  .banner .intr img {
    width: 110px;
  }

  .Pop-form .input {
    padding: 0 10px;
  }

  .ab7 .col {
    padding: 10px;
  }

  .ab1 .ev1,
  .ab1 .ev2 {
    width: 300px;
  }

  .ab1 .ev3 {
    width: 350px;
  }

  .in1 .col:hover {
    transform: translateY(-10px);
  }
}

@media screen and (max-width: 768px) {

  /* 145px 7.552vw */
  .in1 .intr h1,
  .ab3 .intr h1 {
    /* font-size: 94px; */
    font-size: 30px;
  }

  /* 58px 3.021vw */
  .banner .intr h1,
  .tit h1,
  .tit b,
  .ab2 .intr h1,
  .ab8 .intr h1 {
    font-size: 26px;
  }

  /* 56px 2.917vw */
  .home1 .intr h1 {
    font-size: 24px;
  }

  /* 42px 2.188vw */
  .tit h2,
  .contact .intr h2,
  .ab3 .intr h2 {
    font-size: 22px;
  }

  /* 36px 1.875vw */
  .sarMenu dt>a,
  .pro_pl .intr h3,
  .ab4 .intr h3,
  .Pop-form .txt h3,
  .ca11 .intr h3 {
    font-size: 20px;
  }

  /* 32px 1.667vw */
  .ab5 .intr h4,
  .sarMenu dd>a,
  .banner .intr h4,
  .tit h4 {
    font-size: 18px;
  }

  /* 24px 1.25vw */
  .home1 .intr h2,
  .ab7 .ev:nth-child(1) span,
  .ab7 .ev:nth-child(2) span,
  .ab7 .ev:nth-child(3) span,
  .ab5 .intr h6,
  .s_btn2 span,
  .s_btn2 i,
  .f_form h5,
  .tit p,
  .co1 .intr h6,
  .ca1 .intr p,
  .ca3 .intr p,
  .ca4 .intr p,
  .ca6 .intr p,
  .ca7 .intr p,
  .ab1 .intr p,
  .ab2 .intr p,
  .download span,
  .download i,
  .ab8 .intr span,
  .covr .sub span {
    font-size: 16px;
  }

  /* 20px 1.042vw */
  .Pop-form .btn span,
  .Pop-form .close i,
  .s_btn i {
    font-size: 16px;
  }

  /* 18px 0.938vw */
  .home1 .swiper-txt span,
  .home1 .link span,
  .home1 .intr p,
  .pro_pl .intr p,
  .view span,
  .in1 .intr p,
  .banner .intr p,
  .co1 .intr p,
  .ca9 .ev span,
  .ca11 .intr p {
    font-size: 14px;
  }

  /* 16px 0.833vw */
  .footB .f_menu span,
  .lang-box a,
  header .link span,
  header .talk span,
  .expand i,
  .expand span,
  .expand h6,
  .cont span,
  .f_form .btn span,
  .banner .scroll p,
  .more span,
  .Pop-form .txt p {
    font-size: 12px;
  }

  .pro_pl .col {
    width: 100%;
  }

  .ab5 .col {
    width: 45%;
  }

  .ab4 .swiper-slide {
    width: 250px !important;
  }

  .ca5 .swiper-slide {
    width: 300px !important;
  }

  .sarBox .sarMenu dl {
    width: 50%;
    margin-right: 0;
  }

  .in1 .col,
  .co1 .col {
    width: 100%;
  }

  .ca9 .ev {
    padding: 4px 10px;
    margin: 0 10px 10px 10px;
  }

  .ca10 .app {
    margin: 0 10px;
  }

  .ab7 .row,
  .ca9 .row,
  .ca10 .row {
    margin: 3.125vw 0 0;
  }

  .Pop-form .close {
    top: 20px;
    right: 20px;
  }

  .Pop-form {
    padding: 40px;
  }

  .Pop-form .input {
    width: calc(100% - 140px);
  }

  .ab3 .intr h2 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .pro_pl .intr .tt2,
  .ca11 .intr .tt2 {
    display: block !important;
  }

  .pro_pl .intr .tt1,
  .ca11 .intr .tt1 {
    margin: 0 0 15px;
  }

  .pro_pl .intr p,
  .ca11 .intr p {
    width: 100%;
    display: none;
    /* display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; */
  }

  .pro_pl .col .pic::after,
  .ca11 .col .pic::after {
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1800) 0%, #000000 100%);
  }

  .contact {
    padding: 6.25vw 5%;
  }

  .contact .cont {
    margin: 20px auto 0;
  }

  footer .footA {
    padding: 6.25vw 0%;
  }

  footer .footB {
    padding: 0 0 20px;
  }

  footer .footC {
    padding: 15px 0;
  }

  .sarBox .sarImg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
  }

  .home1 .expandB .expand {
    margin: 10px;
  }

  .ca5 {
    padding: 6.25vw 0%;
  }
}

@media screen and (max-width: 480px) {
  .f_form input {
    width: 100%;
    margin: 15px 0;
  }

  .ab2 .pic {
    width: 100%;
  }

  .ab5 .col {
    width: 48%;
  }

  .Pop-form .txt {
    margin: 0;
  }

  .Pop-form .input {
    width: 100%;
    margin: 15px 0;
  }

  .Pop-form .btn {
    width: 100%;
  }

  .ab7 .ev {
    margin-right: 20px;
  }

  .ab1 .ev1,
  .ab1 .ev2 {
    width: 150px;
  }

  .ab1 .ev3 {
    width: 200px;
  }
}