@media only screen and (min-width: 1680px) {

  /*-----banner-----*/
  /* .banner .swiper-slide {
    height: 75vh;
  } */
}

@media only screen and (min-width: 1400px) and (max-width: 1679px) {

  .banner .swiper-slide .wrapper {
    left: 5%;
  }

  /* About Us */
  .profile-section .swiper .swiper-slide {
    padding-right: 1.875rem;
  }


  /*  Inside Page */
  .product-des .short h4 {
    font-size: 1.75rem;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .banner .swiper-slide .wrapper {
    left: 5%;
  }

  .container {
    max-width: 95%;
  }


  /* About Us */
  .profile-section .swiper {
    height: 340px;
  }

  .profile-section .swiper .swiper-slide {
    padding-right: 1.75rem;
  }

  .profile-section .about-img img {
    max-width: 85%;
  }

  /* Article */
  .article-section .nav-tabs li {
    padding-right: 1vw;
  }

  ul.item-list li {
    padding-bottom: .45rem;
  }

  ul.item-list li+li {
    padding: .45rem 0;
  }


  /*  Inside Page */
  .product-des .short h4 {
    font-size: 1.625rem;
  }

}

/* min-width: 992px，>=992的设备 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 95%;
  }

  .banner .swiper-slide .wrapper {
    left: 5%;
  }

  /* Header */
  header .logo>img,
  footer .footer-area .footer-logo .logo-info img {
    max-height: 48px;
  }

  header ul.nav>li {
    margin-right: 3%;
  }

  /* Article */
  .article-section .nav-tabs li {
    padding-right: 2vw;
  }

  .article-section .nav-tabs li>a {
    font-size: 1.125rem;
  }

  .article-section .col-lg-5 {
    width: 50%;
  }

  .article-section .col-lg-7 {
    width: 50%;
  }

  ul.item-list li:nth-of-type(7),
  ul.item-list li:nth-of-type(8) {
    display: none !important;
  }

  ul.item-list li {
    padding-bottom: .4rem;
  }

  ul.item-list li+li {
    padding: .4rem 0;
  }

  /* About Us */
  .profile-section .swiper {
    height: 300px;
  }

  .profile-section .swiper .swiper-slide {
    padding-right: 1.625rem;
  }

  .profile-section .about-img img {
    max-width: 85%;
  }

  /*  Inside Page */

  .product-des .short h4 {
    font-size: 1.5rem;
  }

}

/* min-width: 768px，>=768的设备 */
@media only screen and (max-width: 991px) {

  .banner .swiper-slide .wrapper {
    left: 5%;
  }

  .container {
    max-width: 95%;
  }

  .header .header-area.stick {
    background-color: #fff;
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    border: none;
  }

  .header {
    position: relative;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
  }

  .header .header-area,
  .header.active .header-area {
    padding: .625rem 0;
  }

  .application-section .card .card-body h3.card-title {
    margin-bottom: 0;
  }

  .banner .swiper-slide .p_button a {
    padding: 1.25% 2%;
  }

  .banner .swiper-slide .wrapper p {
    margin: 2% 0 2.2% 0;
  }


  /* Article */
  .article-section .nav-tabs li {
    padding-right: 3vw;
  }

  .article-section .nav-tabs li>a {
    font-size: 1.125rem;
  }

  .article-section .col-lg-5,
  .article-section .col-lg-7 {
    width: 100%;
  }

  ul.item-list li:nth-of-type(7),
  ul.item-list li:nth-of-type(8) {
    display: none !important;
  }

  ul.item-list li {
    padding-bottom: .4rem;
  }

  ul.item-list li+li {
    padding: .4rem 0;
  }

  /* Header */

  header .logo>img,
  footer .footer-area .footer-logo .logo-info img {
    max-height: 44px;
  }


  .header .top-menu {
    display: block;
  }


  /*--------------------------------*/
  .header .header-area .nav,
  .navbar-right,
  .banner .swiper-slide img:first-child,
  .sidebar,
  .shop-title {
    display: none !important;
  }

  .header .right-menu {
    display: flex !important;
  }

  .header .header-area .top-menu,
  .banner .swiper-slide img:not(:first-child),
  .wap-title,
  .product-slide {
    display: block;
  }

  .product-gallery {
    display: none !important;
  }

  .product-des {
    width: 100%;
  }

  .section-title h2,
  .profile-section .desc h2 {
    font-size: calc(1.75rem + 1.5vw) !important;
  }

  /* About Us */
  .profile-section .swiper {
    height: 280px;
  }

  .profile-section .swiper .swiper-slide {
    padding-right: 1.5rem;
  }



  .profile-section .profile-left {
    width: 100%;
    padding-bottom: 1rem;
  }

  .profile-section .profile-right {
    position: relative;
    width: 100%;
  }

  .profile-section .about-img {
    float: none;
    text-align: left;
  }

  .profile-section .about-img .img-1 .img-2 {
    display: none;
  }

  /*  Inside Page */
  .section-title .nav-pills .nav-link {
    padding: 0.35rem 0.75rem;
  }

  .service-contents .col-lg-9 {
    width: 100%;
  }

  .service-contents ul.news-list li section h4 {
    font-size: 1.25rem;
  }

  /*  Footer */
  .product-des .short h4 {
    font-size: 1.5rem;
  }


  footer .footer-area>.d-flex {
    flex-direction: column;
  }

  footer .footer-left {
    width: 100%;
    height: 100%;
  }

  footer .footer-left address {
    align-items: start;
    margin-bottom: 1rem;
  }

  footer .footer-left .scan img {
    padding: 5px;
    max-width: 100px;
  }


  footer .footer-right {
    position: relative;
    width: 100%;
    height: 300px;
  }


  footer .copyright-area .container p {
    width: 100%;
    text-align: center;
  }

}

/* min-width: 576px */
@media only screen and (max-width: 767px) {
  .container {
    max-width: 100%;
  }



  .banner .swiper-slide .banner-text-con h4 {
    font-size: calc(1.25rem + .5vw);
  }

  .banner .swiper-slide .banner-text-con p {
    font-size: calc(1rem + .5vw);
  }

  /* Carousel */
  .banner .p_scrool,
  .banner .p_arr {
    display: none;
  }

  .banner .swiper-pagination {
    right: auto;
    top: auto;
    bottom: 15px;
    left: auto;
    width: 100%;
    justify-content: center;
    height: auto;
    transform: unset;
    flex-direction: row;
  }

  .banner .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  .banner .swiper-pagination-bullet-active {
    height: 6px;
    width: 20px;
  }

  /*--------------------------------*/
  header .logo>img,
  footer .footer-area .footer-logo .logo-info img {
    max-height: 40px;
  }

  /* Article */
  .article-section .nav-tabs li {
    padding-right: 4vw;
  }


  /* About Us */
  .profile-section .desc {
    max-width: 100%;
  }

  .profile-section .swiper {
    height: 250px;
  }

  .profile-section .swiper .swiper-slide {
    padding-right: 1.375rem;
  }


  /*  Inside Page */
  .service-contents ul.news-list li section h4 {
    font-size: 1.125rem;
  }

  /*  Footer */


  footer .footer-right {
    height: 250px;
  }

}

/* min-width: <576px */
@media only screen and (max-width: 575px) {


  .section-title h3 {
    padding-left: 3rem;

  }


  /* Article */
  .article-section .nav-tabs li {
    padding-right: 5vw;
  }

  /* About Us */
  .profile-section .desc {
    max-width: 100%;
  }

  .profile-section .swiper {
    height: 200px;
  }

  .profile-section .about-img img {
    width: 100%;
  }

  .profile-section .swiper .swiper-slide {
    padding-right: 1.25rem;
  }

  /* Banner*/
  .banner .swiper-slide .banner-text-con h4 {
    font-size: calc(1.25rem + .3vw);
  }

  .banner .swiper-slide .banner-text-con p {
    font-size: 1rem;
  }


  /*  Inside Page */

  .navbar ul.list-inline .list-inline-item:not(:first-child) {
    display: none;
  }

  .section-padding {
    padding: 1.5rem 0;
  }

  .page-title-section {
    padding: 8% 0;
  }

  .contact address {
    margin-bottom: 0;
  }

  .contact address .social {
    flex-direction: column;
  }

  .service-contents ul.news-list li section h4 {
    font-size: 1rem;
  }

  .service-contents ul.news-list li section p.desc {
    display: none;
  }

  /*------footer---*/
  footer .footer-area address {
    flex-direction: column;
  }

  footer .footer-left .scan {
    margin-left: 0;
  }

  footer .footer-right {
    height: 200px;
  }

  footer .copyright-area .cp {
    display: none;
  }

  footer .footer-left .scan {
    display: none !important;
  }

  .application-section .g-lg-4 {
    --bs-gutter-x: .75rem;
    --bs-gutter-y: .75rem;
  }

  .application-section .container-fluid {
    --bs-gutter-x: 1.5rem;
  }

  #amap-yun {
    height: 250px;
    border: #ccc solid 1px;
  }

}