/* 手机端头部 */
.left_bar{ position:fixed; width:6.5rem; height:100%;  top:0; left:0; z-index:6;}
.left_bar:before{content:"";position:absolute;right:0;top:0;width:0;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C707C82', endColorstr='#4C707C82');background:rgba(112,124,130,0.3);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.left_bar.bg:before{ left:0; width:100%;}
.left_bar:after{ width:1px; height:0; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
.left_bar.on:after{ height:100%; transition-delay:2.6s;}
 .menu-btn{ position:relative; width: 6.5rem; line-height: 120px; cursor: pointer; float:left; z-index:101; display: none;   box-sizing: border-box;}
 .menu-btn:before{content:"";position:absolute;right:0;top:0;width:0;height:100%;background:#fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
 .menu-btn:hover:before{ left:0; width:100%; transition-delay:0}
 .menu-btn .icon{position:absolute;left:50%;top:50%;width:30px;height: 18px;transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
 .menu-btn .icon span{width:30px;height:2px;background:#fff;display: block;-webkit-transition: 0.36s;-o-transition: 0.36s;-moz-transition: 0.36s;transition: 0.36s;position: absolute;}
 .menu-btn .icon span.span02{margin: 8px 0;}
 .menu-btn .icon span.span01{ position:absolute; top:0}
 .menu-btn .icon span.span03{ position:absolute; bottom:0}
 .menu-btn:hover span{ background:#333}
 .menu-btn.on .icon span.span01{transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);margin-top: 8px;}
 .menu-btn.on .icon span.span03{transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);margin-bottom: 8px;}
 .menu-btn.on .icon span.span02{ width:0;}

/*导航*/
 .nav001{position:absolute;z-index:100;right: 0; top:0;width:12.625rem;height: 100vh;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');background:rgba(255,255,255,0.6);transform-origin: right;-webkit-transition: all 0.36s;-moz-transition: all 0.36s;-o-transition: all 0.36s;transition: all 0.36s;-webkit-transform: perspective(12.625rem) rotateY(-90deg);-moz-transform: perspective(12.625rem) rotateY(90deg);-ms-transform: perspective(12.625rem) rotateY(90deg);-o-transform: perspective(12.625rem) rotateY(90deg);transform: perspective(12.625rem) rotateY(-90deg);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;}
 .nav001.on{ transform: perspective(12.625rem) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
 .nav001 .logo{height:12rem;line-height:12rem;text-align:center;padding: 2rem 0 0; display: flex;  align-items: center;}
 .nav001 .logo embed{ width:8.5rem; display:inline-block}
 .nav001 .logo embed.wap{ display:none}
 .nav001 ul{ margin:2rem 1rem 2rem 1rem; padding-bottom:3rem; border-bottom:#e2e0df 1px solid}
 .nav001 ul li{ height:3.4375rem; line-height:3.4375rem; padding:0 0 0 2.5rem; margin-top: 1rem;}
 .nav001 ul li a{ font-size:2rem; color:#707c82; display:inline-block; height:3.4375rem; line-height:3.4375rem; position:relative}
 .nav001 ul li a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#707c82; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
 .nav001 ul li.on a:before, .nav001 ul li:hover a:before{ width:100%; left:0;}
 .nav001 ul li.on a, .nav001 ul li:hover a{ color:#707c82}
 .nav001 p{ font-size:0.75rem; line-height:2.125rem; color:#aeb1b2; padding:0 1rem;}
 .nav001 p a{ font-size:0.75rem; line-height:2.125rem; color:#aeb1b2;}



/* 手机端底部 */

@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}


       /* 设置滚动条的样式 */
       .all-list-nav::-webkit-scrollbar {
        /* width: 5px;
        height: 10px;
        border-radius: 8px; */
        /* background: rgba(255,255,255,1); */
        /* display: none; */
        border-radius: 10px; 
    }
    /* 滚动槽 */
    .all-list-nav::-webkit-scrollbar-track {
        background: rgba(122, 122, 122, 0.1);
        border-radius: 10px; 
    }
    /* 滚动条滑块 */
    .all-list-nav::-webkit-scrollbar-thumb {
        /* border-radius: 8px;
        width: 20px; */
        background: #5a8ec0;
       -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    }


   
    .pro-fields table tr td p {line-height: inherit !important}
    .pro-fields table tr td p span {display: flex;   word-break: break-all;  word-break: break-word; align-items: center; justify-content: center; height: 85px; padding: 0 10px; box-sizing: border-box; line-height: 20px; font-weight: 600;}


/* ======================================================1800px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1800px) {
/* ======解决方案=========== */
.solution-fields-box {width: 95%;}
.solution-fields-box .container {width: 85%;}

.container {  width: 92%;}


.solution-banner-list .yidong-jt {margin: -20px auto;}
}

/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
    .container {  width: 80%;}

    /* ===========产品详情============= */
    .introduction-left ul li a {margin-right: 10px;}
    .mySwiper2-pro {    width: 70%;     height: 100%;   position: static;}
    .mySwiper2-pro .slide-img {height: 100%; } 
    .introduction-right {width: 50%; height: 500px;}
    .mySwiper-pro {width: 25%;     height: 80%;}
    .mySwiper2-pro .swiper-button-prev {width: 25%;}
    .mySwiper2-pro .swiper-button-next {width: 25%;}


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

    .solution-banner-list .about-ban .ban-box {    height: auto;   padding: 20px 0;}
    .solution-details .about-ban .ban-box {padding:0;}
    .solution-banner-list ul { width: 100%;}
    .solution-banner-list .ban-list {width: 100%;  align-items: center; }
    .solution-banner-list .ban-list a {width: 20%; padding: 1rem 0.5rem; box-sizing: border-box; text-align: center; line-height: 20px;}
    /* .solution-banner-list .yidong-jt {margin: 0 auto;} */


    /* .all-list-nav dl {padding: 0 40px;} */

    .firstRow img {width: 100% !important; height: auto !important; display: block;}
    .fields-swiper table  {width: 100%;}
    .fields-swiper .applicon-img2 {width: auto !important}
    .fields-swiper td p {line-height: 4.3rem !important}
    .fields-swiper td p span {font-size: 1.1rem !important}

    .fields-swiper  tr td{margin:0 0.5%}
	  /* .fields-swiper  tr td img{width: 100%;} */
    .application-one {    width: max-content !important}

    .fields-swiper .application-one  tr td {float: none;}

    .nav-right {width: 20%;}

    .about-foot li:nth-child(2) span:nth-child(3) {display: block;}
    .about-foot li:nth-child(4) span:nth-child(2) {display: block;}


    .bottom-con .bottom-right a:nth-child(3) {display: block;margin-top: 0.5rem;}


    .Values-box li p {width: 72%;}

    .about-foot .foot-nav .nav-list dl {width: 15%;}


    /* 2026.7.17响应式调整 */
    .pro-search .layui-btn{padding: 0 .1rem;}

}


/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
  .ny-banner {height: 550px;}

	.pro-content .title{padding:60px 0}
    .index-right {bottom: 20%;}
    .bottom-txtScroll {margin-left: 8%;}
    .index-left dl {margin-bottom: 20%;padding: 0 30px;}
    .pro-fields .title{padding:60px 0}
    .head-nav1 > li > dl { top: 90px;}

    .nav-right {width: 22%;}
	
    /* ======关于我们=========== */
    .Values-box li {width: 32%;}
    .profile2 .w1200 {width: 92%;}
  .slideTxtBox2 .hd222 ul li{line-height: 57px;}

    /* ======所有产品=========== */
    .all-list-banner {height: 100vh;}
    /* .all-list-nav {padding: 100px 0 3rem 0; overflow-x: scroll;} */
    .all-list-nav dl {text-align: center; flex-shrink: 0;}
    .all-list-nav dt {}
    .all-list-nav dl a {}
    .all-list-nav dl::after {height: 100%;}



   
    /* .all-list-nav dl:nth-child(3):after {display: none;} */


    /* ======解决方案列表=========== */
    /* .solution-banner-list .banner-title {width: 92%;} */


    /* ======新闻中心=========== * */
    .trade-fair .fair-box .box-img span {width: 35%;}
    .trade-fair .fair-box .box-right {padding: 20px 20px 10px 20px; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; justify-content: center;}
    .trade-fair .fair-box .box-right a {margin-top: 20px;}


    /* .introduction-left ul li a {width: 160px;} */
    .introduction-left ul li a {width: 130px; height: 40px; font-size: 1rem;}
    .introduction-left ul li a img {    width: 14%;}

    /* .ny-banner2 .banner-title {width: 80%;} */
    .ny-banner2 .banner-img {width:60%; margin-left: 2rem;}
    .ny-banner2 .banner-title h1 {font-size: 3rem; }
    /* .ny-banner2{height:280px;} */
    .all-list-banner {height: 100vh;}
    .news-details {height: 266px !important}
    .banner-title h1{font-size:50px}
    .ny-banner2-details .banner-title h2{margin-top:0;}
    .ny-banner2-details{height:320px}
    .ny-banner2-details .banner-title{padding-top:180px}
    .ny-banner2-details ul{margin-top:-20px}

    .solution-details {height: auto;}
    .solution-details .details-banner {padding: 120px 0 ; position: static; transform: inherit;} 

    .company-news .companyNews-box { padding: 3.125rem 2.8rem;}

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

    

}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {

    /* ========头部===== */
    /* .head-right > ul > li > a {padding: 0 12px;} */
    /* .head-right > ul > li > a {} */


    /* ===========关于我们============ */
    .Company .Company-left {width: 50%;}
    .Company h4 {margin: 10px 0;}
    .Company i {margin-bottom: 0;}
    .Company p {margin-top: 10px;line-height: 25px;}


    /* ===========产品详情============= */
    .introduction-left ul li a {margin-right: 10px;}
    .introduction-right {width: 55%; height: 500px;}
    .mySwiper2-pro {width: 74%;}
    .mySwiper-pro {    width: 20%; height: 78%;}
    .mySwiper2-pro .swiper-button-prev {width: 20%;}
    .mySwiper2-pro .swiper-button-next {width: 20%;}


    /* .all-news-list li .companyNews-box {padding: 50px;} */



    /* .about-foot ul {flex-wrap: wrap;} */
    .about-foot ul li:nth-child(1) {width: 10%;}
    .about-foot ul li {width: 20%; }
    .about-foot li:nth-child(2) span:nth-child(3) {display: block;}

    .about-foot li:nth-child(4) span:nth-child(3) {display: block;}

    .about-foot li p {line-height: 20px;}
    .about-foot li span {line-height: 20px;}


    .about-foot .foot-nav .nav-list {width: 72%;}


    .slideTxtBox2 {width: 50%;}
    /* .slideTxtBox2 .hd222 {width: 35%;} */
    /* .slideTxtBox2 > .hd222 > ul > li > dl {width: 58%;} */


    .culturn-info {width: 25%;}
    

}

/* ======================================================1400px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1400px) {

    .ny-banner2 .banner2-list { width: 80%;}

    .index-bottom .container {width: 86%;}

    .banner-title h1 {font-size: 2.8rem;}
    .introduction-left .title h4 {font-size: 40px;}
   
    /* ===========关于我们============= */
    .profile2 .w1200 {flex-wrap: wrap;}

    .nav-right {width: 25%;}


    /* ===========产品中心============= */
  /* .ny-banner2 .banner-title {width: 80%;} */
  .ny-banner2 .banner2-list {width: 80%;}

  /* ===========产品详情============= */



  
  /* ======解决方案列表=========== */



  /* ======解决方案详情=========== */
  .solution-details-list li .list-right {padding: 30px;}
  .solution-details-list li a {margin-top: 40px;}

  /* ======新闻中心=========== * */
  /* .company-news .companyNews-box { padding: 30px;} */


  .ny-banner2-details {position: relative;}
  .ny-banner2-details ul {position: absolute; bottom: 5%; justify-content: flex-start;}


  /* 2026.7.17响应式调整 */
  .proOne .lsit_nav li .title h3{font-size: 1.3rem;}
}

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {


    /* ===========关于我们============= */
    .Company p {margin-top: 10px;line-height: 23px;}
    .Company h4 {font-size: 34px;}

    .container13 {width: 92%;}
    .container12 {width: 80%;}
    .culture-imgs img {width: 300px;}

    .profile2 {padding: 100px 0; padding-top: 0;}
    .profile2 .w1200 {    flex-wrap: wrap;   }
    .profile2 .w1200 .left {  width: 100%;   margin-bottom: 30px;    text-align: center;  }
    .profile2 .left .about-title {text-align: center;}
    .profile2 .left .about-title i {margin: auto; margin-top: 20px;}
    .profile2 .w1200 .left .aline {     margin: 30px auto;   }
    .profile2 .w1200 .right {     width: 100%; }
    .profile2 .w1200 .right .box {   justify-content: center; }


    /* ===========产品详情============= */
    /* .mySwiper-pro {    height: 420px}
    .mySwiper2-pro .swiper-button-prev {top: 60px;}
    .mySwiper2-pro .swiper-button-next {bottom: 35px;} */

    .nav-right {width: 28%;}


    /* ===========加入我们============= */
    .talent-acquisition li { padding: 35px 30px;}


  /* ======新闻中心=========== * */
  .trade-fair .fair-box {justify-content: center;}


  .ny-banner2 .banner-title h1 {font-size: 2.3rem;}
  .ny-banner2 .banner-title h1::after {    bottom: -25px;}

  /* .all-list-nav dl {width: 25%;} */
  .all-list-nav dl {width: 33%;}
  .all-list-nav {max-height: 360px;}


  /* .all-list-nav::-webkit-scrollbar {display: block;} */


  
    /* 2026.7.17响应式调整 */

    .pro-search{flex-wrap: wrap; height: auto;}
    .pro-search .layui-input {border: 1px solid rgba(51, 51, 51, .7);  margin-bottom: 1.2rem;}
    .pro-search input{height: 30px;}
    .pro-search .layui-btn{flex:1;}
    .proOne .lsit_nav li .title h3{font-size: 1rem;}
    .proOne .lsit_nav li .title .menu-arrow{width: 1rem;}
   

}

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
    /* 手机端头部 */
    .head-right > ul {display: none;}
    .menu-btn {display: block;}
    
    /* .head:hover .head-right > dl > dd:nth-child(3) {border-right: 1px solid #e1e1e1;} */
    /* .head:hover .head-right .menu-btn{ border-left: 1px solid #e1e1e1;} */
    .nav001{    top: 0;   bottom: 0;   height: 100vh;    width: 100vw;  background: #fff;      right: 0;}
    .head-right > dl > dd:nth-child(3) {    border-right: 1px solid rgba(255, 255, 255, .15);}
    .index-left:after {display: none;}

    .nav001 .logo a img {width: 30%; display: block; margin: auto;} 

    /* 首页 */
    .bottom-con {flex-wrap: wrap;}
    .bottom-txtScroll {width: 100%;}
    .bottom-right {margin-left: 8%;width: 100%;display: none;}
	.banner .miso-prev{left:0}
	.banner .miso-next{right:0}

    /* ===========关于我们============= */
    .Company {flex-wrap: wrap;}
    .Company .Company-left {   width: 92%;    margin: 0 auto; margin-bottom: 2rem;}
    .Company .Company-right {width: 92%; margin: auto;}
    .Company .Company-right img {width: 100%; display: block;}

    .Values-box li {width: 49%;}

    .about-foot .foot-nav {flex-wrap: wrap;}
    .about-foot .foot-nav .nav-list {width: 100%;}
    .about-foot .nav-right {width: 100%; justify-content: center; margin-top: 2%;}
    .about-foot .nav-right div:nth-child(2) {margin-left: 20px;}
    .about-foot li p {line-height: 20px;}
    .about-foot li span {line-height: 20px;}


    /* ==========产品中心==========*/

    .product-center-list li {width: 48%;}

    /* ===========产品详情============= */
    /* .mySwiper-pro {    height: 420px}
    .mySwiper2-pro .swiper-button-prev {top: 60px;}
    .mySwiper2-pro .swiper-button-next {bottom: 35px;} */

    .pro-introduction .introduction {flex-wrap: wrap;}
    .introduction-left {width: 100%; margin-bottom: 2rem; order: 0;}
    .introduction-right {display: initial; width: 100%;     height: 100%;}
    .mySwiper2-pro {width: 100%; }
    .mySwiper-pro {height: auto; width: 79%;     margin: 20px auto;}
    .mySwiper2-pro .swiper-button-next {     bottom: 18px;   right: 0;    width: 6%;     height: 20%;}
    .mySwiper2-pro .swiper-button-next::after {content: "＞";}
    .mySwiper2-pro .swiper-button-prev {top: initial;     bottom: 18px;  left: 0;  width: 6%;     height: 20%;}
    .mySwiper2-pro .swiper-button-prev::after {content: "＜";}

    #zlxz {width: 80%;}
    #btn-video {width: 80%;}


   /* ===========加入我们============= */
    .concept-right {width: 50%;}
    .concept-right img {width: 100%;}
    .talent-acquisition li {width: 48%;}


   /* ===========联系我们============= */
   .contact-way ul li {width: 48%;}
   /* .contact-way ul li:nth-child(1) {margin-top: 2rem;} */


   /* ===========新闻中心2============= */
   /* .all-news-list ul::after {width: 50%;}
   .all-news-list ul li {width: 50%;}
   .all-news-list ul li:nth-child(3n+3) {    border-left: 1px solid rgba(221,221,221,.5)}
   .all-news-list li .companyNews-box {padding: 50px;} */

   .all-news-list li .companyNews-box .box-left {width: 50%;}

    /* 新闻详情 */
    .ny-news-xq{padding-top:30px;margin-bottom:30px}
    .ny-news-xq .container{max-width:96%;}
    .news-title .fr a{display: none;}
    .news-title h2{font-size:1.25rem;line-height: 1.6rem;text-align: center;margin-bottom:10px}
    .news-title span{font-size:0.875rem;text-align: center;}
    .news-title{padding-bottom:20px;margin-bottom:20px;}
    .nr-content p{font-size:1rem;line-height: 1.875rem;}
    .page-fy div{float:none;margin-top: 1rem;}

    .ny-news-xq .news-title {flex-wrap: wrap;}
    .ny-news-xq .news-title .title {width: 100%;}
    .ny-news-xq .news-title .fra {margin-top: 2rem;}

    /* 新闻详情 */
    .ny-news-xq .box-left {width: 100%;}
    .ny-news-xq .box-right {width: 100%; margin-top: 20px;}






   /* ==========视频速递==========*/
   .all-video-list .list-right h3 {margin-top: 20px;}
   .all-video-list .list-left {margin-right: 50px;}

   .introduction-left ul li a { width: 170px;  height: 60px;  font-size: 18px;  color: #fff;}
   .message-box .box-right::after {display: none;}
   .fields-swiper  tr td {float: left; width: 49%; margin-top: 2rem;}
   .pro-content .content {width: 100%; overflow-x: scroll;}
   .pro-content .content table {width: 1000px;}
   .all-list-nav dl {width: 33%;}
   .about-foot ul {flex-wrap: wrap;}
   .about-foot ul li {width: 48%; margin-top: 5%;}

   .solution-banner-list .banner-title p {width: 80%;}
   .solution-banner-list .ban-list {flex-wrap: wrap; }
   .solution-banner-list .ban-list a {width: 33%;}

    /* 2026.7.17响应式调整 */
    .pro-head .menu-btn .icon span{background: #333;}
    .pro-introduction2 .introduction-left{width: 100%;}
    .pro-introduction2 .introduction-right{width: 100%;}
    
}
/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
    /* ===========关于我们============= */
    .Company-num {background-size: cover;}
    .Company-num ul {flex-wrap: wrap;height: auto; padding: 20px 0; align-items: baseline;}
    .Company-num li {width: 49%; padding-top: 1rem;}
    .Company-num li:nth-child(2):after {display: none;}

    .founder ul {flex-wrap: wrap;}
    .founder ul li {width: 100%; text-align: center; margin-top: 2rem;}
    .founder ul li .founder-img {width: 60%; margin: 0 auto;}
    .founder ul li img {width: 100%;}
    /* .founder dd {justify-content: center;} */


    .profile2 {    padding: 60px 0; }
    .profile2 .w1200 .right { transform: translate(0); }
    .profile2 .w1200 .right .box {  flex-direction: column;}
    .profile2 .w1200 .right .box .swiper-timeline { display: none;}
    .profile2 .w1200 .right .box .swiper-time {  height: auto;  padding: 0;  width: 100%;  margin-right: 0;}
    .profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide.swiper-slide-active h5 { color: #5a8ec0;}
    .profile2 .w1200 .right .box .swiper-timebox {  margin-top: 30px; width: 100%;}
    .profile2 .w1200 .right .box .swiper-timebox .prev {  top: 100px ;}
    .profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next { left: 70px; }
    .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide {  padding: 0 30px; }
    .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide h5 {  font-size: 100px;}


    /* ======解决方案列表=========== */
    .solution-banner-list .banner-title {padding-top: 180px;}
    .Superbiotics ul li {width: 48%; margin-top: 2rem;}
    .Superbiotics ul::after {width: 48%;}

    .solution-banner .about-ban {flex-wrap:wrap; height: auto;}
    .solution-banner .about-ban a {width: 30%; padding: 1rem 0.5rem; box-sizing: border-box; line-height: 20px;}


    /* ======解决方案详情=========== */
    /* .solution-details {height: 900px;} */
    .solution-details .details-banner {flex-wrap: wrap;}
    .solution-details .details-banner .banner-title {width: 100%;}
    .solution-details .details-video {width: 55%;}

    .solution-details-list li .list-right {padding: 15px;}
    .solution-details-list li a {margin-top: 20px;}
    .solution-details-list li span {line-height: 25px;}


    .solution-banner-list .about-ban .ban-box {flex-wrap: wrap;}
    .solution-banner-list ul {order: 2; margin-top: 1.5rem;}

    .solution-details ul {margin-top: 0;}


    /* 2026.7.17 */
    .pro-class-bg ul { justify-content: space-around;}

}

/* ======================================================1000px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1000px) {
    /* 首页 */
    .index-left {display: none;}
    .banner .miso-prev {left: 2rem;}
    .banner .miso-list li h2 {margin-left: 7rem; margin-right: 2rem;}

    /* ===========关于我们============= */
    .culturn-info {position: relative; margin-top: 3rem; width: 100% !important}


    /* ===========产品中心============= */
    .ny-banner2 .banner-img {width: 50%;}
    .ny-banner2 .banner-img img {width: 100%;}
    /* .ny-banner2 .banner2-list {flex-wrap: wrap; justify-content: flex-start;} */
    .ny-banner2 .banner2-list li {width: 25%;     height: 110px;}
    .ny-banner2 .banner2-nav {height: auto;}
    .ny-banner2 .banner2-list {height: 100%; flex-wrap: wrap;}




     /* ===========产品详情============= */
    .ny-banner2-details ul {margin-top: 30px;}



    /* ======解决方案=========== */
    .solution-fields-box {width: 92%;}
    .solution-fields-box .container {width: 70%;}


    /* ===========联系我们============= */
    .message-box {flex-wrap: wrap;}
    .message-box .box-right {width: 100%; }
    .message-box .box-left {width: 100%; order: 2;margin-top: 2rem;}

    /* ===========加入我们============= */
    .concept {flex-wrap: wrap;}
    .concept-left {width: 100%;}
    .concept-right {width: 100%; margin-top: 2rem; margin-left: 0;}
    .concept-right::after {display: none;}


    .about-foot .foot-nav .nav-list {flex-wrap: wrap; justify-content: space-between; gap: 2rem;}
    .about-foot .foot-nav .nav-list dl {width: 28%;}


    .all-list-nav {max-height: 310px;}


}

/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
  /* ===========加入我们============= */
  .acquisition-info {padding: 30px;}


  .all-list-nav dl {width: 50%;}

  .all-news-list li .companyNews-box .box-left {width: 90%;}


  .banner .miso-list li.miso-current h2{text-align: center;}
  .banner .miso-list li a{margin:0 auto;margin-top: 2rem;}
  .banner .miso-list li h2{margin: 0 auto; width: 92%;}
  .banner .miso-list li h2 p{width:100%;margin:0 auto;line-height:50px;}
  .banner .miso-list li h2 p span{display: block;font-weight:bold}

  .banner .miso-list li h2 em {width: 100%; text-align: center;}

}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
    .join-us-banner {background-position-x:84%;}
    .contact-banner {background-position-x: 20%;}
    .container {  width: 92%;}

    .banner .miso-list li h2 p span {font-size: 2rem; line-height: 30px; text-align: center;}

    .nav001 ul li a {font-size: 1.3rem;}

    

    /* ===========关于我们============= */
    .profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide h5 { font-size: 18px;text-align: center;}
    .profile2 .w1200 .left .img img { width: 150px;}
    .profile2 .w1200 .right .box .swiper-timebox { height: auto; padding: 15px; box-sizing: border-box;}
    .profile2 .w1200 .right .box .swiper-timebox .prev {  left: 0; position: static;  transform: rotate(-90deg);margin-bottom: 20px;}
    .profile2 .w1200 .right .box .swiper-timebox .next { left: auto; bottom: auto; top: 70px; right: 15px;transform: rotate(-90deg);}
    .profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next { width: 40px;height: 40px; }
    .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide {padding: 0;}
    .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide .flags-time {align-items: center;}
    .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide h5 { font-size: 24px; }
    .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide span {font-size: 16px;line-height: 20px; margin-top: 0;}
    .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide p { font-size: 14px; width: auto; margin-left: 30px; line-height: 20px;}

    .founder .founder-img::after {display: none;}
    .Values-box li .box-con:nth-child(3) {    margin-left: 26px;}

    /* 底部 */
    .footer-copy {padding: 25px;}
    .footer-copy p {line-height: 30px;}
    .footer-copy a {line-height: 30px;}


    /* ===========产品中心============= */
    .product-center-list {margin-bottom: 2rem;}
    .product-center-list li {width: 100%;}
    .product-center-list li .list-img {height: auto;}
    .product-center-list li .title {margin: 0;}
    .product-center-list li h3 {min-height: auto;}


    .product-center-list li::after {bottom: 14px;}




    /* ===========产品详情============= */
    #zlxz {width: 90%; padding: 1rem;}
    #zlxz .box-title {margin-bottom: 0;}
    #zlxz input {height: 5rem;}

    #zlxz form div::after {top: 4rem; right: 1rem;}
    #zlxz .box-title h3 {font-size: 20px; font-size: 1rem;}
    #zlxz form div {width: 100%;}
    #zlxz .sub {width: 50%; margin-top: 1.5rem; height: 4.5rem;}

    #btn-video {width: 90%; padding: 1rem;}
    #btn-video .box-title {padding-bottom: 0;}
    #btn-video .box-title h3 {font-size: 20px; font-size: 1rem;}


   /* ===========加入我们============= */
   .talent-concept {padding-bottom: 2rem;}
   .join-us-title {padding: 2rem 0;}
   .join-us-title h3 { line-height: 50px;}
   .concept-left li p {margin-top: 10px; font-size: 1.3rem;     line-height: 30px;}
   .concept-left li {margin-top: 20px;}
   .talent-acquisition li {width: 100%; padding: 20px 30px; border-radius: 30px;}
   .join-us-title p {line-height: 30px;}
   .concept-right img {border-radius: 25px;}
   

   .acquisition-info {width: 90%; padding: 20px;}
   .acquisition-info .time span {margin-right: 20px;}
   .acquisition-info .box-title h3 {font-size: 18px;}
   .acquisition-info .box-title span {font-size: 30px;}
   .acquisition-info dl {margin-top: 1rem;}
   .acquisition-info dd {margin-top: 1rem;}
   .acquisition-info .more {margin-top: 1rem;}
   .acquisition-info .more a {padding: 10px 15px;}


    /* ======解决方案详情=========== */
    .solution-details-list {margin: 1rem 0 2rem 0;}
    .solution-details-list li {width: 100%;}
    .solution-details-list li h3 { margin-bottom: 0.5rem;}
    .solution-details-list li a {width: 120px; height: 30px;}
    .solution-details-list li a span {font-size: 13px;}

    .solution-details .details-banner {position: static; transform: inherit;}
    /* .solution-details .details-banner .banner-title {    padding-top: 320px;} */
    /* .solution-details .details-banner .banner-title p {color: #333;}   */
    .solution-details .about-ban {display: none;}


    /* ===========联系我们============= */
    .online-message {padding: 2rem 0;}
    .contact-way {margin: 2rem 0;}
    .contact-way ul {margin-top: 0}
    .contact-way ul li {width: 100%; padding: 30px; border-radius: 20px;}
    .contact-way ul li:nth-child(1) {margin-top: 2rem;}

    .message-box p {line-height: 30px;}
    .message-box .sub {width: 50%; margin: 0 auto; margin-top: 2rem;}

    /* ==========视频速递==========*/
    .video-classify {margin: 3rem auto; width: 92%;}
    .video-classify a {    width: 180px;    height: 40px;line-height: 40px;  }
    .all-video-list li {flex-wrap: wrap; padding: 1rem 0;}
    .all-video-list .list-left {width: 100%; margin-right: 0;}
    .all-video-list .list-right {width: 100%;}
    .all-video-list .list-right h3 {font-size: 20px;}
    .all-video-list .list-right span {margin-top: 20px;}

   /* ===========新闻中心2============= */

    .company-news .companyNews-box h3 {min-height: auto;}

    .all-news-list {margin: 2rem 0;}
    .all-news-list ul::after {width: 100%;}
    .all-news-list ul li {width: 100%;border-left: 1px solid rgba(221,221,221,.5) !important; border-right: 1px solid rgba(221,221,221,.5); padding: 0;}
    .all-news-list li .companyNews-box {padding: 30px;}
    .all-news-list li p {margin: 1rem 0;}
    /* .all-news-list ul li */
    .all-news-list li .companyNews-box {flex-wrap: wrap;}
    .all-news-list li .companyNews-box .box-left {width: 100%; margin-right: 0;}
    .all-news-list li .companyNews-box .box-right {margin-top: 3rem; width: 100%;}


    /* .ny-banner2 .banner2-list li {width: 3%;} */


    /* ======所有产品=========== */
    .all-list-banner {height: 100vh;}
    .all-list-nav {top: 20vh; max-height: 35vh;  overflow-x: hidden;  flex-wrap: wrap;}
    /* .all-list-nav::-webkit-scrollbar {display: none;} */
    .all-list-nav dd a {line-height: 15px;}

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

}

@media screen and (min-width: 200px) and (max-width: 640px) {
    /* ===========内页banner============= */
    .ny-banner {height: 400px;}
    /* .banner-title {padding-top: 180px;} */
    /* .banner-title h1 {font-size: 50px;} */
    /* .banner-title h2 {font-size: 50px;} */
    .about-ban {height: 50px;}
    .about-ban a {line-height: 50px;font-size: 15px;}
    .banner .miso-list li h2 em {line-height: 25px; }
    .banner .miso-list li h2 p {font-size: 1.8rem;}
    .banner .miso-list li a {width: 15rem;height: 4rem;}
    .banner .miso-list li a span {font-size: 1rem;}
    .banner .miso-prev, .banner .miso-next {width: 50px; height: 50px; line-height: 50px;}
    .banner .miso-prev:before {font-size: 2rem;}
    .banner .miso-next:before {font-size: 2rem;}




    /* 头部 */
    .head {height: 60px;}
    .head h1 a {background-size: 100%;width: 65px; background: url(../images/wap-logo.png) no-repeat center;  background-size: 100%;}
    .navfixed h1 a {    background: url(../images/wap-logo2.png) no-repeat center; background-size: 100%;}
    .head:hover h1 a {background: url(../images/wap-logo2.png) no-repeat center; background-size: 100%; }
    .head:hover h1 a {  background-size: 100%;     }
    .head-right > dl > dd:nth-child(3) {width: 90px;}
    .menu-btn {width: 4.5rem;}
    .head-right > dl > dd {    width: 60px; line-height: 59px;}
    /* .banner .miso-list li h2 {margin-left: 3rem;} */
    .banner .miso-list li a {margin: 0 auto; margin-top: 2rem;}
    .banner .miso-prev {left: 1rem;}
    .banner .miso-next {right: 1rem;}
    .index-bottom .container {width: 100%;}
    .search-pro {    right: -128px;top: 75px; }
    .search-pro::after {    right: 150px;}
    .search-pro {width: 335px;}
    .search-text {width: 240px;}
    


    /* ===========关于我们============= */
    .Company h4 {font-size: 30px;}
    .Company p {line-height: 30px;}
    .Company-num li h3 {font-size: 3.5rem;}
    .Company-num li b {font-size: 3.5rem;}
    .Company-num li span {margin-top: 10px; font-size: 12px; line-height: 20px;}

    .culture-box {margin: 2rem 0; padding-bottom: 3rem;}
    .about-title {padding: 1rem 1rem;}
    .about-title h4 {line-height: 25px;}
    .culture {margin-top: 1rem;}

    .founder ul li {margin-top: 2rem;}
    .founder dl {margin-left: 0;}
    .founder ul li .founder-img {width: 100%;}

    .Values-box li {width: 100%;}
    .Values-box li p {width: 80%;}

    .about-foot ul {justify-content: center;}
    .about-foot ul li {width: 100%; text-align: center;}

    .footer-copy {padding: 10px;}
    .about-foot .foot-nav {padding-top: 0;}
    .about-foot .foot-nav .nav-list {flex-wrap: wrap;}
    .about-foot .foot-nav .nav-list dl {margin-top: 5%; margin-right: 5%;}
    .about-foot .nav-right {margin-top: 5%;}

    .Values-box li .title h3 {font-size: 1.5rem;}

    


    /* ===========产品中心============= */
    /* .ny-banner2 {height: 870px;} */
    .ny-banner2 .banner-title {flex-wrap: wrap; }
    .ny-banner2 .banner-title h1 {width: 100%;}
    .ny-banner2 .banner-title h1::after {right: 0; left: 0; margin: auto;}
    .ny-banner2 .banner-img {width: 100%;}
    




    /* ===========产品详情============= */
    .pro-introduction {margin: 2rem 0;}
    .introduction-left p {margin: 1rem 0;}
    .introduction-left .title h3 {font-size: 30px;}
    /* .ny-banner2-details .banner-title h1 {font-size: 35px;} */
    .introduction-left .title h4 {font-size: 28px;}
    .introduction-left .title i {margin-top: 1rem;}
    .ny-banner2-details .banner-title {text-align: center; padding-top: 160px;}
    .ny-banner2-details ul {margin-top: 120px; display: none;}
    .introduction-left ul {margin-top: 2rem;}
    .introduction-left ul li {width: 30%;}
    .introduction-left ul li a {width: 100%; height: 40px;    font-size: 14px;}
    .introduction-left ul li a img {margin-right: 0.5rem; width: 15%;}
    .pro-content .title {padding: 2rem 0;}
    /* .pro-content .title h3 {font-size: 30px;} */
    /* .pro-content .title h4 {font-size: 28px;} */
    .pro-content .title i {margin-top: 1rem;}
    /* .pro-fields .title h3 {font-size: 30px;} */
    .pro-fields .title h4 {font-size: 2rem;}
    .pro-fields .title i {margin-top: 1rem;}
    .pro-fields .title {padding: 2rem 0;}
    .pro-fields .swiper-slide span {height: 40px;line-height: 40px; font-size: 18px;}





    /* ======解决方案=========== */
    .ny-banner .about-ban {flex-wrap: wrap; height: 50px; justify-content: space-around;}
    .ny-banner .about-ban a {width: 25%; height: auto; line-height: 50px;}
    /* .news-center-banner {height: 70px;} */
    .news-center-banner .about-ban a {width: 32%; height: auto;}
    /* .solution-banner .banner-title {padding-top: 150px;} */
    .solution-banner .about-ban {height: 160px;}
    .solution-banner .about-ban a {width: 49%;}
    .solution-banner h2 {font-size: 30px;    top: -10px;}

    .solution-fields {padding: 2rem 0;}
    .solution-fields-box {width: 98%;}
    .solution-fields-box .container {width: 70%;}
    .solution-fields .swiper-button-prev {width: 50px; height: 50px;}
    .solution-fields .swiper-button-next {width: 50px; height: 50px;}
    .solution-fields .solution-info {padding: 10px;}

    /* ======解决方案列表=========== */
    /* .solution-banner-list {height: 720px;}
    .solution-banner-list .banner-title {text-align: center;}
    .solution-banner-list .banner-title i {margin: auto;}
    .solution-banner-list .banner-title p {width: 100%; margin: 1rem 0;}
    .solution-banner-list .yidong-jt {margin: 20px auto; display: none;}
    .solution-banner-list .ban-list {    flex-wrap: wrap;  justify-content: center;}
    .solution-banner-list .ban-list a {text-align: center; width: 30%; line-height: 50px; color: #333;}
    .solution-banner-list .about-ban {position: static;}
    .Superbiotics {padding: 2rem 0;}
    .Superbiotics ul li {border-radius: 20px; width: 100%;}
    .Superbiotics ul li img {border-radius: 20px;}
    .Superbiotics ul li .title {padding: 0 10px;}
    .Superbiotics ul li .title h3 {font-size: 16px; line-height: 16px;}
    .Superbiotics ul li .title span {line-height: 20px;}
    .Superbiotics ul li .title-right {width: 25px; height: 25px;} */

    /* ======解决方案详情=========== */
    .solution-details {height: 675px;}
    /* .solution-details .details-banner {padding-top: 100px;} */
    .solution-details .about-ban {position: absolute;}
    .solution-details .details-video {width: 100%;}
    .solution-details .about-ban .ban-box {padding: 0;}
    .solution-details .banner-title h1 {font-size: 45px;}
    .solution-details .details-banner .banner-title h1 {font-size: 2rem;}
    /* .solution-details .details-banner .banner-title h2 {font-size: 25px; top: 0;} */
    

    /* ======新闻中心=========== * */
    .news-title h3 {font-size: 25px;}
    .video-delivery .delivery-box .box-title h3 {font-size: 22px;}
    .news-title {padding: 2rem 0 1rem 0;}
    .company-news {margin: 3rem 0;}
    .news-center-banner .about-ban {height: 50px;}
    .company-news .more {width: 180px;height: 40px; line-height: 40px; font-size: 18px; margin-top: 30px;}
    .trade-fair {padding: 4rem 0;}
    .trade-fair .more {width: 180px;height: 40px; line-height: 40px; font-size: 18px;}
    .trade-fair .fair-box .box-img span {    border-radius: 0px 0px 10px 0px; padding: 10px;     font-size: 12px;    width: 45%;}
    .trade-fair .fair-box .box-right {padding: 10px;}
    .trade-fair .fair-box .box-right h3 {font-size: 16px; line-height: 20px;}
    .trade-fair .fair-box .box-right a {margin-top: 10px;  width: 50%;   height: 30px;  line-height: 30px;    font-size: 14px;}


   /* ===========新闻中心2============= */


   /* ==========视频速递==========*/
   .all-video-list .video-hide {width: 90%; padding: 20px;}
   .all-video-list .video-hide .box-title {padding-bottom: 10px;}
   .all-video-list .video-hide .box-title h3 {font-size: 20px;}
   .all-video-list .video-hide .box-title span {font-size: 30px;}
   .all-video-list .list-left a {background-size: 50%;}

  /* =========新闻中心详情===========*/
   .news-details {height: 266px;}
   .news-details .about-ban {position: absolute; height: 76px;}
   .ny-news-xq .box-left {padding: 20px;}
   .ny-news-xq .box-right {padding: 20px;}

   .mySwiper-pro {width: 85%;}



   .nav001 .logo a img {width: 60%; display: block;}


   .about-foot ul li:nth-child(1) {  width: 100%;}

   .ny-banner2 .banner2-list li {height: auto;}
   .ny-banner2 .banner2-list span {margin-top: 0.5rem;}

   .introduction-left ul li:nth-child(2) {margin: 0 2rem;}
   .introduction-left ul li:nth-child(2) a {margin: 0;}

   .pro-content .title h4 {font-size: 2rem;}


   .message-box form div {width: 100%;}

   .pro-fields table tr td p span {height: 50px !important}



      /* 2026.7.17 */
      .proOne{padding: 2rem 0;}
      .pro-head h1 a {    background: url(../images/wap-logo2.png) no-repeat center; background-size: 100%;}
      .pro-class-bg{height: auto;}
      .pro-class-bg ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
      .pro-class-bg ul li{width: auto;}
      .proList ul li .pic{width: 100%; margin-right: 0; margin-bottom: 1rem;}
      #c-placeholder{height: 60px;}

}


  
  
 @media screen and (min-width: 1200px) and (max-width: 1600px) {
  .head-right > ul > li > a{    font-size:1rem;}
  .head-right > dl > dd{    width: 79px;}
  /* .head,.head-right > dl > dd{height:105px} */
  .head-right > dl > dd:nth-child(3){width:112px;}
  /* .head h1 a{width:110px; background-size:100%;} */
  .head:hover h1 a{background-size:100%;}
  .head h1{margin-left:0.2rem}
  .banner .miso-prev{left:7rem}
  .banner .miso-next{right:0}
  .index-left{width:100px;}
  /* .head-right > ul > li > a::after{height:112px} */
  .slideTxtBox{top:90px}
  .slideTxtBox > .hd > ul > li > a{font-size:1.5rem}
  .slideTxtBox > .hd > ul > li{height:85px;    line-height: 85px;}
  /* .slideTxtBox2 .hd222 ul li a{font-size:16px;} */
  .slideTxtBox2 .hd222 ul li{line-height: 70px;}
  .banner .miso-list li h2{margin-left:11rem}
  .banner .miso-prev, .banner .miso-next{ background: none;}
  .index-bottom,.bottom-con{height:65px}
  /* .banner .miso-list li h2 p{font-size:2.8rem;line-height: 2.8rem;} */
  /* .banner .miso-list li h2 em{line-height: 70px;font-size:20px;} */
  .banner .miso-list li a{width:12rem;  margin-top: 1rem;   height: 3rem;}
  .banner .miso-list li a span{font-size:0.9rem;}
  .banner .miso-list li.miso-current h2{margin-top:-12rem}
  
  
  }
  
   @media screen and (min-width: 200px) and (max-width: 1300px) {
	   /* .slideTxtBox > .hd > ul > li > a{font-size:20px} */
	   .slideTxtBox2 .hd222 ul li{line-height: 50px;}
	   /* .slideTxtBox2 .hd222 ul li a{font-size:14px;} */
	   .banner .miso-list li.miso-current h2{margin-top:-7rem}
	   /* .banner .miso-list li h2 p{font-size: 2.4rem;} */
	   /* .banner .miso-list li h2 em{font-size:1rem;} */
	   .index-bottom .container{width:92%}
	   /* .banner .miso-list li a{margin-top:0} */
	   .head-right > dl > dd{width:65px;}
	   .head-right > dl > dd:nth-child(3){width:102px;}
	   /* .head h1 a{width:90px; background-size: 100%;} */
	   .head h1{margin-left:1rem}
	   
	   /* .head,.head-right > dl > dd{height:80px;line-height:80px} */
	   .menu-btn{width:5.5rem}
	   /* .head-right > ul > li > a::after{height:100px} */
	  /* .slideTxtBox{top:80px} */

    .head:hover .head-right .menu-btn .icon span {background-color: #333;}


    .head-nav1 > li > dl {      top: 90px;}
    .head-nav1 > li > dl > dd {line-height: 20px;}


    /* @-webkit-keyframes ProgressDots2 {
      from {
      height:0;
      }
      to {
        height: 90.5%; 
  
      }
    } */
	 
   }
   
   @media screen and (min-width: 200px) and (max-width: 750px) {
	   /* .banner .miso-list li.miso-current h2{text-align: center;}
	   .banner .miso-list li a{margin:0 auto}
	   .banner .miso-list li h2{margin: 0 auto;}
	   .banner .miso-list li h2 p{width:70%;margin:0 auto;line-height:50px;}
	   .banner .miso-list li h2 p span{display: block;font-weight:bold} */
	   .banner .miso-list li .img {    background-position-x: 70% !important;}
	   .banner .miso-list li h2 em{width:100%;margin:1rem auto;line-height:25px;font-size:1.5rem}
     .banner .miso-list li:nth-child(1) h2 em {margin: 5rem 0;}
	   /* .head-right > dl > dd:nth-child(3){width:88px} */
     .head-right > dl > dd:nth-child(3){width:65px;}
     /* .head-right > dl > dd:nth-child(3) em {display: none;} */
     /* .head-right > dl > dd:nth-child(3) a:nth-child(3) {display: none;} */
	   .head-right > dl > dd{width:52px}
	   .ny-banner2 .banner-title h1{font-size:2rem}
	   .ny-banner2 .banner-title h1::after{}
	   .search-pro{top:100px}
	   .head:hover .head-right .menu-btn .icon span{background: #333 !important;}
	   /* .ny-banner2{height: auto;} */
	   /* .ny-banner2 .banner2-nav{ position:initial} */
	   .ny-banner2 .banner-title{height: 60%;}
	   .ny-banner2 .banner-img{height:auto;margin:70px 0}
	   .nav-list{display:none}
	   .about-foot .foot-nav .nav-list{display:none}
	   .about-foot li h3{margin-bottom:14px}
	   .about-foot ul{padding-top:10px}
	   .banner-title h1{font-size:3rem}
     .ny-banner2-details .banner-title h1 {font-size: 2rem;}
	   .about-title h3{font-size:2rem}
	   .profile2 .left .about-title h4{font-size:1.4rem}
	   .profile2 .left .about-title{text-align:center}
	   .profile2 .left .about-title i{margin:0 auto}
	   .about-title h4{margin-top:5px}
	   .profile2 .left .about-title i{margin-top:16px}
	   .Values-box{padding-top:50px}
	   .Values-box li p{opacity:0.8}
	   .Company{text-align:center;margin: 2rem 0; width: 100%;}
	   .Company i{margin:0 auto;width:60px;height:3px; margin-top: 1rem;}
	   .Company p{font-size:14px;line-height:26px}
	   .about-title h4{font-size:0.9rem}
	   .culturn-info strong{font-size:1.5rem;font-weight:400}
	   .Company h3{font-size:2rem}
	   .founder-box{padding-top:40px;}
	   .Company h4{font-size:1.4rem}
	   .profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next{display:none}
	   .founder .founder-title h3,.founder .founder-title span{display:block;text-align:center;padding:0;margin:10px 0}
	   .founder .founder-title{padding:0}
	   .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide{display:block;text-align:center}
	   .flags-time{font-size:1.5rem;margin:20px 0;justify-content: center;}

     .head-right > dl > dd:nth-child(2) {position: static;}
     .head-right > dl > dd:nth-child(2)::after {display: none;}
     .search-pro {top: 80px; width: 90%;     right: 5%;}
     .search-pro::after {display: none;}


     /* .solution-banner-list {height: 720px;} */
     .solution-banner-list .banner-title {text-align: center; padding-top: 210px; width: 92%;}
     .solution-banner-list .banner-title i {margin: auto; margin-top: 1rem;}
     .solution-banner-list .banner-title p {width: 100%; margin: 1rem 0;}
     .solution-banner-list .yidong-jt {margin: 20px auto; display: none;}
     .solution-banner-list .ban-list {    flex-wrap: wrap;  justify-content: center;}
     .solution-banner-list .ban-list a {text-align: center; width: 49%;  color: #333; padding: 1rem 0;}
     .solution-banner-list .ban-list a:hover {color: #5a8ec0;}
     .solution-banner-list .ban-list a.on {color: #5a8ec0;;}

     .solution-banner-list .about-ban {position: static; height: 100%;}
     .Superbiotics {padding: 2rem 0;}
     .Superbiotics ul li {border-radius: 20px; width: 100%;}
     .Superbiotics ul li img {border-radius: 20px;}
     .Superbiotics ul li .title {padding: 0 10px;}
     .Superbiotics ul li .title h3 {font-size: 16px; line-height: 16px;}
     .Superbiotics ul li .title span {line-height: 20px;}
     .Superbiotics ul li .title-right {width: 25px; height: 25px;}

     .solution-banner-list {        background-position: center top !important; background-size: contain !important; height: auto !important}
     .solution-banner-list .banner-title {height: auto;}
     .solution-banner-list .banner-title h1 {color: #333;}
     .solution-details .details-banner .banner-title p {color: #333;}
     .solution-banner-list .banner-title h2 {    color: rgb(151 150 150 / 15%);}
     .solution-banner-list .banner-title p {color: #444;}
     .solution-banner-list .banner-title a {border: 1px solid #5a8ec0; }
     .solution-banner-list .banner-title a span {color: #5a8ec0;}
     .solution-banner-list .banner-title a:hover span {color: #fff;}
     .solution-banner-list .banner-title a img {display: none;}

     .solution-banner-list ul {display: none;}
     

     .solution-details {height: auto; }
     .solution-details  .details-banner { padding: 0;padding-top: 320px;}

     /* .news-details {height: 250px;} */
     .news-details {
      background: url(../images/news-details-banner.jpg) no-repeat center;
      background-size: cover;
      height: 250px;
  }



     /* .concept-right:hover::after {  bottom: -35%;  right: -80%;}
    .concept-right::after {  content: "";   position: absolute; background: rgba(255, 255, 255, 0.1);  border-radius: 50%;   bottom: -374%;  right: -325%;  width: 1000px;   height: 1000px;   transition: 1s;   } */
    .message-box .box-right {border-radius: 30px;}
    .message-box .box-right img {border-radius: 30px;}
    .message-box .box-right:hover::after {  bottom: -35%;  right: -80%;}
    .message-box .box-right::after {  content: "";   position: absolute; background: rgba(255, 255, 255, 0.1);  border-radius: 50%;   bottom: -374%;  right: -325%;  width: 1000px;   height: 1000px;   transition: 1s;   }
    .video-delivery-list {width: 90%;     padding: 20px;}
    .video-delivery-list .box-title h3 {font-size: 18px;}
    .video-delivery-list .box-title {padding-bottom: 15px;}

    
}
	   

@media screen and (max-width: 480px) {
  .profile2 .w1200 .left .img:first-child {
    margin-bottom: 5px;
  }
  .profile2 .w1200 .left .img img {
    width: 80px;
  }
  .profile2 .w1200 .left .aline {
    margin: 20px auto;
    width: 120px;
    height: 2px;
  }

  /* .solution-details .details-banner .banner-title {padding-top: 200px;} */
  .solution-details  .details-banner  {padding: 0; padding-top: 200px;}

  /* .ny-banner2 .banner2-list li {width: 45%;}  */
}

/* 屏幕分辨率放大为 150 */
 /* 缩放数值需要根据效果调试 */
/* @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) {
  .app-main {
   
      transform: scale(0.665, 0.665); 
      transform-origin: left top;
  }
} */



/* 屏幕分辨率放大为 125 */
/* @media (-webkit-min-device-pixel-ratio: 1.25) {
  
} */




/* @media (max-width: 1919px) and (min-width: 768px) {
    html {
        zoom: 80%;
    }
    @-ms-viewport { width: 1920px; }
} */