@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner-title h1 {font-size: 3rem;}

  .solution-banner-list .banner-title {padding-top: 8rem;}

  .container13 {width: 80%;}

  .container12 {width: 70%;}

  .profile2 .w1200 {width: 80%;}
  .profile2 .w1200 .right .box .swiper-timebox {width: 730px; height: 430px;}
  .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide h5 {font-size: 5.25rem;}
  .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide span {line-height: 6.25rem; font-size: 1.85rem;}
  .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide p {width: 390px; font-size: 1rem; line-height: 20px;}
  .profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide h5 {font-size: 1.2rem;}
  .profile2 .w1200 .right .box .swiper-timeline {width: 8.25rem;}
  .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide {padding: 0 40px;}
  .profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next {left: 210px;}

  .profile2 .left .about-title h4 {    font-size: 2.25rem;}


  /* .profile2 .w1200 .right .box .swiper-time {padding-top: 125px;} */

  .banner-title h1 {font-size: 3.125rem;}

  /* .nav-right {width: 23%;} */
  /* .ny-banner2 .banner2-list li img {width: 70%;} */

  .introduction-right {width: 58%;}


  .banner .miso-prev {left: 9rem;}
  .banner .miso-list li h2 {margin-left: 15rem;}


  .solution-details .details-banner {    padding-top: 130px;}
  /* .banner .miso-list li h2 p{font-size:3.2rem;line-height: 3.2rem;} */
  /* .banner .miso-list li h2 em{font-size:1.3rem;line-height:65px;} */
  .index-right{    right: 2rem;}
  .banner .miso-list li.miso-current h2{margin-top: -13rem;}
  .slideTxtBox > .hd > ul > li > a{font-size:1.8rem}
.about-foot ul li:nth-child(1)  img{width:6.875rem}
.about-foot li h3{font-size:1.0625rem;margin-bottom:1.25rem}
.about-foot .foot-nav .nav-list dd{margin-top:11px}
.nav-right div img{width: 8rem;}
.nav-right{width:22%}
.product-center-list li .list-img{height:220px}

.slideTxtBox2 .hd222 ul li {line-height: 50px;}
.slideTxtBox2 .hd222 ul li a {font-size: 1rem;}

.about-title {padding: 50px 0;}

.ny-banner .about-ban a {width: 237px;}

.solution-banner .about-ban a {width: auto;}

.Superbiotics {padding: 80px 0;}


.Company h4 {margin: 10px 0 20px 0;}
.Company p {line-height: 29px;}
.Company i {margin-bottom: 25px;}


.mySwiper-pro {  height: 78%;}


.head {height: 80px;}
.head h1 a {height: 80px;}
.head-right > ul > li > a {line-height: 80px;}
.head-right > dl > dd {line-height: 80px;}
.index-left {top: 80px;}

.slideTxtBox {top: 80px;}

.head-nav1 > li > dl {top: 80px;}
.search-pro {top: 100px;}

.ny-banner2 .banner2-list li {width: 15%;}

.ny-banner2-details .banner-title h1 {font-size: 2.125rem;}


}





@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .nav-right{width:23%}

  .container12 {width: 80%;}

  /* .mySwiper-pro .slide2-img img {height: 100%; image-rendering: pixelated;} */





}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .nav-right{width:25%}
  .profile2 .w1200 .right .box .swiper-timeline {width: 10.25rem; left: 80px;}
  .profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next {left: 300px;}



  .solution-banner-list .banner-title {padding-top: 8.5rem;}
  .solution-banner-list .banner-title p {width: 80%;}
  .solution-banner-list .ban-list a {font-size: .8rem;}


  .solution-details .details-banner .banner-title {width: 80%;}
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .container12 {width: 90%;}

}

@media screen and (min-width: 200px) and (max-width: 1600px) { 
    /* .company-news .companyNews-box h3 {    -webkit-line-clamp: 1;} */
    .introduction-left .title h4 {font-size: 2.2rem;}
    .pro-content .title h4 {font-size: 2.2rem;}
    .pro-fields .title h4 {font-size: 2.2rem;}
}

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


  .mySwiper-pro .slide2-img img {height: 100%; }





}


@media screen and (min-width: 200px) and (max-width: 1100px) {
  .solution-banner-list {height: auto !important;}
  .solution-banner-list .banner-title {padding-top: 150px;}
  .solution-banner-list .about-ban {position: relative; margin-top: 1.5rem;}
}

@media screen and (min-width: 200px) and (max-width: 750px) {
  .solution-banner-list .banner-title {padding-top: 28rem;}
}

@media screen and (min-width: 200px) and (max-width: 500px) {
  .solution-banner-list .banner-title {padding-top: 20rem;}
}