@media (max-width: 1200px) {
.banner-img{
	height:3.2rem;
	background-attachment: initial;
	background-size: 100%;
}
  .bx-dn {
    display: none;
  }
  .bx-w90 {
    max-width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .section1 .ul-01 li {
    height: 1.5802rem;
  }
  .swipwer-01 .swiper-button-prev {
    left: -25px;
  }
  .swipwer-01 .swiper-button-next {
    right: -25px;
  }
  .section02 {
    height: 2.7045rem;
  }
  .section02 .s-02-left .swiper-slide {
    height: 2.7045rem;
  }
  .section02 .s-02-right .swiper-slide {
    height: .4445rem;
  }
  .section02 .s-02-right .s-02-text {
    padding: 15px 10% 90px;
  }
  .section02 .s-02-right .s-02-text .flex ul {
    padding-top: 60px;
  }
  .section05 .sec-05-bg li {
    height: 1.2217rem;
    padding: .1rem 2.5%;
  }
  .section05 .sec-05-bg li p {
    margin-bottom: .05rem;
  }
  .section07 li .img {
    height: 1.2261rem;
  }
  .section10 li {
    height: 1.1625rem;
  }
  .section03 .sec03-box {
    padding: 0 4%;
  }
  .section03 .sec03-box .img {
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .mx-dn {
    display: none;
  }
  .mx-db {
    display: block;
  }
  .i-title {
    height: 80px;
  }
  .s01-section {
    height: auto;
    margin-top: 6px;
  }
  .s01-section .s01-left {
    width: 94%;
    padding: 0 3%;
  }
  .s01-section .s01-left .box {
    padding: 25px 0;
  }
  .s01-section .s01-right {
    width: 100%;
  }
  .section2 .s02-t-box {
    width: 100%;
  }
  .swipwer-01 .swiper-slide {
    height: 1.3471rem;
  }
  .section02 {
    height: auto;
  }
  .section02 .s-02-left {
    width: 100%;
  }
  .section02 .s-02-left .swiper-slide {
    height: auto;
  }
  .section02 .s-02-right {
    width: 100%;
  }
  .section02 .s-02-right .swiper-slide {
    height: .8699rem;
  }
  .section02 .s-02-right .s-02-text {
    padding: 5px 4% 1rem;
  }
  .section02 .s-02-right .s-02-text .flex ul {
    padding-top: 10px;
  }
  .section03 .s-03-bg {
    position: static;
    padding: 20px 0;
  }
  .section03 .sec03-box {
    opacity: 1;
    filter: alpha(opacity=100);
    max-width: 991px;
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
  }
  .section03 .sec03-box > div {
    width: 100%;
  }
  .section03 .sec03-box .img {
    width: 20%;
    margin: 0 auto 20px;
  }
  .ul-03 {
    margin-left: 0%;
  }
  .ul-03 li {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 15px;
  }
  .ul-03 li > div {
    height: 200px;
    position: relative;
    margin: 15px;
  }
  .section05 .sec-05-bg {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section05 .sec-05-bg li {
    width: 33.33%;
    height: 2rem;
    padding: 25px 2.5% 20px;
  }
  .section05 .sec-05-bg li .c-text {
    -webkit-line-clamp: 5;
    height: 120px;
  }
  .section05 .sec-05-bg li:nth-child(1),
  .section05 .sec-05-bg li:nth-child(3),
  .section05 .sec-05-bg li:nth-child(5),
  .section05 .sec-05-bg li:nth-child(7) {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .section05 .sec-05-bg li:nth-child(6),
  .section05 .sec-05-bg li:nth-child(8) {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .section05 .sec-05-bg li:nth-child(n) {
    border-right: 1px solid #fff;
  }
  .section05 .sec-05-bg li:nth-child(n):nth-child(3n+3) {
    border-right: none;
  }
  .section05 .sec-05-bg li:nth-child(n+4) {
    border-top: none;
  }
  .section05 .sec-05-bg li:nth-child(n+4):nth-child(n+3) {
    border-top: 1px solid #fff;
  }
  .section10 {
    padding-top: .3rem;
    padding-bottom: 1.3rem;
    background-size: 100% auto;
  }
}
@media (max-width: 750px) {
  .sx-dn {
    display: none;
  }
  .sx-db {
    display: block;
  }
  .text {
    font-size: 14px;
    line-height: 1.5;
  }
  .text_m {
    font-size: 18px;
    line-height: 1.5;
  }
  .header-top .slogo {
    padding: 8px;
    width: 36px;
    height: 36px;
  }
  .i-title {
    height: 45px;
  }
  .product {
    width: 100%;
  }
  .section1 .ul-01 li {
    height: 4.7727rem;
  }
  .section1 .ul-01 li .p-text {
    padding: 5px 2%;
  }
  .ul-02 li {
    padding-left: 12px;
    background-size: 5px auto;
    background-position-y: 7px;
  }
  .swipwer-01 .swiper-slide {
    height: 2.058rem;
  }
  .swipwer-01 .swiper-button-prev {
    width: 10px;
    background-size: 10px auto;
    left: -15px;
  }
  .swipwer-01 .swiper-button-next {
    width: 10px;
    background-size: 10px auto;
    right: -15px;
  }
  .swipwer-02 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .swipwer-02 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
  }
  .swipwer-02 .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 5px;
  }
  .section03 .s-03-bg {
    padding: .25rem 0;
  }
  .section03 .sec03-box .img {
    width: 25%;
    margin: 0 auto .25rem;
  }
  .ul-03 li {
    margin-bottom: .15rem;
  }
  .ul-03 li > div {
    height: 2.6rem;
    margin: .2rem;
  }
  .section05 .sec-05-bg {
    padding-top: .4rem;
    padding-bottom: .4rem;
  }
  .section05 .sec-05-bg li {
    width: 50%;
    height: 2.4525rem;
    padding: .2rem 2.5%;
  }
  .section05 .sec-05-bg li .c-text {
    -webkit-line-clamp: 2;
    height: 1.5rem;
  }
  .section05 .sec-05-bg li:nth-child(n) {
    border-right: none;
    background-color: rgba(255, 255, 255, 0.3);
    border-top: none;
  }
  .section05 .sec-05-bg li:nth-child(n):nth-child(2n+1) {
    border-right: 1px solid #fff;
  }
  .section05 .sec-05-bg li:nth-child(n):nth-child(n+3) {
    border-top: 1px solid #fff;
  }
  .section07 li {
    margin-bottom: .2rem;
  }
  .section07 li.small {
    width: 100%;
  }
  .section07 li.long {
    width: 100%;
    margin: 0 0 .2rem;
  }
  .section07 li .img {
    height: auto;
    text-align: center;
  }
  .section07 li .img img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .section07 li .s07-text {
    padding: 0 15px;
    height: 96px;
    -webkit-line-clamp: 4;
  }
  .section09 {
    padding-bottom: .7rem;
  }
}
<!--ºÄʱ1775431890.7281Ãë-->