@media screen and (max-width: 1025px) {
  .page-banner {
    height: 0;
    padding-bottom: 30%;
  }
  .page-banner img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: auto;
  }
  .banner-pro-text p {
    display: none;
  }
  .banner-pro-text h4 {
    font-size: 2rem;
  }
  .services-1 {
    padding: 2rem 0 2rem 1rem;
  }
}

@media screen and (max-width: 992px) {
  .banner-contact {
    padding: 5rem 0;
  }
  .banner-contact .container {
    flex-direction: column-reverse;
  }
  .banner-contact .contact-text {
    margin-top: 3rem;
  }
  .footer-form input {
    width: 23%;
    padding: 0 20px;
  }
  .page-news-list div figure .figure {
    margin-top: 1.12rem;
  }
  .page-news-list div figure figcaption {
    margin-top: 24px;
  }
  .page-news-list div figure figcaption p {
    -webkit-line-clamp: 2;
  }
}

@media screen and (max-width: 800px) {
  .index-pro-wrap .container {
    width: 100%;
  }
  .index-pro-wrap .index-pro-info {
    align-items: center;
    margin: 3rem 0;
  }
  .index-pro-wrap .pro-pic {
    margin-bottom: 3rem;
  }
  .index-pro-wrap .pro-pic img {
    max-width: 400px;
    width: 100%;
  }
  .index-pro-wrap .pro-pic,
  .index-pro-wrap .index-pro-info {
    width: 100%;
    text-align: center;
  }
  .page-about .about-img {
    margin-top: 2rem;
    width: 100%;
    margin-left: 0;
  }
  .page-about .about-img img {
    max-width: 400px;
  }
}

@media screen and (max-width: 768px) {
  .index-pro-info h2 {
    font-size: 2.45rem;
  }
  .services-1-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 3rem;
  }
  .services-1-list li {
    margin-left: 0;
    margin-right: 0;
    width: 48.5%;
  }
  .services-1-wrap h4 {
    font-size: 1.813rem;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .ask-btn {
    display: none;
  }
  .page-news-list div figure figcaption {
    margin-top: 15px;
  }
  .page-news-list div a {
    padding-bottom: 1.8rem;
  }
  .page-news-list div figure .figure em {
    padding-bottom: 0;
    height: auto;
  }
  .page-news-list div figure figcaption,
  .page-news-list div figure .figure {
    width: 90%;
    margin-left: 5%;
  }
  .news-title {
    padding: 3rem 0 2rem;
  }
  .page-banner h4 {
    font-size: 1.613rem;
    padding-bottom: 0;
  }
  .page-banner p {
    display: none;
  }
  .page-title {
    padding-top: 3rem;
  }
  .banner-app {
    padding-bottom: 24%;
  }
  .banner-app h4 {
    font-size: 1.2rem;
  }
  .banner-more {
    display: none;
  }
  .banner-pro-text h4 {
    line-height: 1.5;
    font-size: 1.6rem;
  }
  .pro-l, .pro-r {
    width: 100%;
  }
  .pro-r,
  .pro-news {
    margin-top: 2.8rem;
  }
  .pro-t {
    padding: 3rem 0 2rem;
  }
  .ft-logo img {
    width: 130px;
    height: auto;
  }
  .certification-left,
  .certification-right {
    display: none;
  }
  .services-2-wrap h2 {
    padding-top: 2.313rem;
    padding-bottom: 1.13rem;
    font-size: 2rem;
  }
  .btn-app {
    margin-bottom: 3.6rem;
  }
  .services-3-3 .container {
    padding: 4rem 0;
  }
  .services-3-3 h4 {
    margin-top: 3rem;
  }
  .services-3-1 .container {
    padding: 3.6rem 0;
  }
  .services-3-1 h2 {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .services-3-2 {
    padding: 4rem 0;
  }
  .services-3-2-text h4 {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .services-3-2-list {
    order: 2;
  }
  .services-3-2-img {
    order: 1;
  }
  .services-3-2-img img {
    display: block;
    max-width: 300px;
    margin: 0 auto;
  }
  .services-3-2-wrap {
    padding-top: 3rem;
  }
  .services-3-2-wrap .services-3-2-list,
  .services-3-2-wrap .services-3-2-img {
    width: 100%;
  }
  .services-3-2-list > div {
    margin-top: 2.2rem;
  }
  .services-3-2-list,
  .services-3-2-list:nth-of-type(3) {
    margin-top: 2.2rem;
    text-align: left;
  }
}

@media screen and (max-width: 740px) {
  .ft-links {
    flex-wrap: wrap;
  }
  .ft-links nav {
    display: none;
    width: 100%;
  }
  .ft-bottom .container {
    justify-content: center;
    flex-wrap: wrap;
    line-height: 1.7;
  }
  .index-article {
    padding: 2.6rem 0;
  }
  .index-title {
    font-weight: bold;
    padding: 3rem 0 2.2rem;
    font-size: 1.6rem;
  }
  .index-app-list a + a {
    margin-top: 1.2rem;
  }
  .index-app-list a {
    width: 100%;
  }
  .index-pro-wrap .pro-pic {
    margin-bottom: 0;
  }
  .index-pro-info h2 {
    font-size: 1.85rem;
  }
  .index-pro-info sup {
    font-size: 1rem;
    margin-top: -1rem;
  }
  .index-news-list {
    padding-bottom: 3rem;
  }
  .index-reports-list li:first-child,
  .index-news-list li:first-child {
    margin-top: 0;
  }
  .index-reports-list li,
  .index-news-list li {
    width: 100%;
    margin-left: 0;
    margin-top: 1.6rem;
  }
  .list-info h4 {
    margin-top: 10px;
  }
  .footer-form input {
    width: 100%;
    margin: 0 !important;
    margin-bottom: 1rem !important;
  }
  .ft-submit {
    width: 100%;
  }
  .page-title {
    font-size: 2rem;
  }
  .page-certification {
    padding-bottom: 4rem;
  }
  .banner-contact .contact-text h2 {
    font-size: 1.8rem;
  }
  .banner-contact {
    padding: 3rem 0;
  }
  .banner-contact figure {
    width: 100%;
  }
  .online {
    padding: 3rem 0;
  }
  .contact-info h2 {
    font-size: 1.5rem;
  }
  .online-form,
  .contact-info {
    width: 100%;
  }
  .services-1 {
    margin: 3rem auto;
    padding: 0;
    box-sizing: border-box;
  }
  .services-1 .services-1-wrap,
  .services-1 figure {
    width: 100%;
  }
  .services-1 .services-1-wrap {
    padding: 1.6rem;
  }
  .services-1-wrap h4 {
    font-size: 1.5rem;
  }
  .services-1-title {
    font-size: 1.8rem;
    margin-bottom: 2.6rem;
  }
  .services-1-list {
    padding-bottom: .8rem;
  }
  .services-1-list li {
    width: 100%;
  }
  .page-application {
    padding-bottom: 3rem;
  }
  .application-artilce {
    padding-top: 3rem;
  }
  .application-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .application-list li {
    width: 48.5%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 350px) {
  .banner-app h4 {
    font-size: 1.0rem;
  }
}