@charset "utf-8";
@media only screen and (max-width:1700px){	
    .nutrition-faq .text .in {padding-top:30px;padding-bottom:35px}
    .nutrition-faq .text .subject {font-size:40px;}
    .nutrition-faq .text li {margin-top:25px}
    .contact .contact-title {margin-bottom:5%}
   
	.home-about .pic{right: -6%;}
	.zlcf01{width: 40.88%;position: absolute; bottom: 45%;}
}
@media only screen and (max-width:1600px){
	.banText p {font-size: clamp(24px,4vw,39px);}

    .banText span {font-size: clamp(30px,4vw,55px);} 
    .indBan .wrap-box1 .banText p{font-size: clamp(18px,4vw,28px);}
    .indBan .wrap-box1 .banText span:before{width: clamp(120px,4vw,230px);height: clamp(120px,4vw,230px);top: clamp(40px,7vw,65px); left: clamp(-45px,4vw,-120px);}
  .home-about .text .title{font-size: clamp(22px,4vw,40px);}
  .home-about .text .subtitle{font-size:clamp(18px,4vw,24px);}
  .home-about .text .content{font-size: 16px;}
  .home-numbers li h2,.home-numbers li h3{font-size:clamp(22px,4vw,39px); }
  .top-pic .text .title {font-size: clamp(26px,4vw,46px);}
  .top-pic-contact .text .title span{font-size: clamp(22px,4vw,57px)}
  .service-consult .top-title{font-size: clamp(22px,4vw,45px)}
  .service-consult .card-name{font-size: clamp(18px,3.5vw,24px);}
  .about-brand2-t{font-size: clamp(26px,4vw,50px);}
  .about-brand2-subt{font-size: clamp(22px,4vw,30px);}
  .about-story .story-item .left-text .span-num{font-size: clamp(26px,4vw,50px);}
  .about-story .story-item .main-title{font-size: clamp(22px,4vw,26px);}
  .brand-chanquan .title-main{font-size: clamp(22px,4vw,40px);}
  .brand-chanquan .title-sub{font-size:clamp(16px,4vw,22px)}
  .brand-maps p{font-size: 18px;}
  .home-pic .txt4 img{width: 90%;}

  
}
@media only screen and (max-width:1444px){	
	.brand-maps p{font-size: 16px;}
}
@media only screen and (max-width:1366px){	
	.proDetailTop .proDetail_right .brand_name{
		font-size: 18px;
	}
	.proDetailTop .proDetail_right .subtitle{
		font-size: 14px;
	}
	.proDetailTop .proDetail_right .desc{
		font-size: 14px;
	}
	.all_title .cn {
	  font-size: 2rem;
	  line-height: 1;
	}
	  .home-about .text .title{font-size: clamp(22px,4vw,35px);}
	  .home-about .text .subtitle{font-size:clamp(18px,4vw,20px);}
	  .home-about .text .content{font-size: 15px;}
	  .home-numbers li h2,.home-numbers li h3{font-size:clamp(22px,4vw,34px); }
	  .top-pic .text .title {font-size: clamp(26px,4vw,34px);}
	  .top-pic-contact .text .title span{font-size: clamp(22px,4vw,42px)}
	  .service-consult .top-title{font-size: clamp(22px,4vw,37px)}
	  .service-consult .card-name{font-size: clamp(18px,3.5vw,24px);}
	  .about-brand2-t{font-size: clamp(26px,4vw,36px);}
	  .about-brand2-subt{font-size: clamp(18px,4vw,24px);}
	  .about-story .story-item .left-text .span-num{font-size: clamp(26px,4vw,30px);}
	  .about-story .story-item .main-title{font-size: clamp(22px,4vw,26px);}
	  .brand-chanquan .title-main{font-size: clamp(22px,4vw,30px);}
	  .brand-chanquan .title-sub{font-size:clamp(14px,4vw,16px)}
	  .brand-maps p,.foot .foot-contact .content{font-size: 14px;}
	  .home-about .text .title::after{width: 84%;}
	  .home-about .text .content{width: 84%;}
	  .service-consult .card-desc{font-size: 16px;}
	  
	  .about-brand-p2{font-size: 16px;}
	  .about-story .story-item .item-list li,.about-story .story-item .sub-content{font-size: 16px;}
	  .home-about .pic{right: -3%;}
	  .home-about .pic{width: 48%;}
 
}

@media only screen and (max-width:1280px){
	.wrap{
		max-width: 1140px;
	}
	.list_contact_one .content .left .contact_ul li p {
    font-size: 1.125rem;
  }
  .list_contact_one .content .left .title {
    font-size: 1.5rem;
  }
  .list_join .sub_title h3 {
    font-size: 1.8rem;
  }
  .list_join .sub_title p {
    font-size: 1.4rem;
  }
  .banText p {font-size: clamp(24px,4vw,36px);}
 
 
}
@media only screen and (max-width:1260px){	
   /* .wrap {margin:0 4%}  */  
    .home-about {margin:80px 0;}
    .home-about .text .logo {padding-top:40px;}
    .home-about .text .logo:before {width:25px;height:3px; }
    .home-about .text .logo img {height:35px}
    .home-about .text .content {font-size:15px;line-height: 1.7;}
    .home-about .text ul {padding-top:30px}
    .home-about .text li {font-size:16px;}
    .home-about .text li img {width:35px;margin-bottom:3px}
    .home-about .pic {width:47%;right:-4%}
    .home-about .text li:before {height:67%;}
   
    .product .mix .btn a {padding:0 15px;margin:0 4px;}    
    .nutrition-faq .text .in {width:auto;padding:30px 8% 35px 8%;}    
    .about-brand,.culture{padding: 40px 0;}
    .about-brand .about-brand-left{padding: 80px 40px 0 0;}
    .proDetailTop{padding:80px 0}
    .list_contact_one{padding:80px 0}
    .contact-box{width: 60%;}
}

@media only screen and (max-width:1160px){	
	body {line-height:1.8;}   
	html,body,input,button,select,textarea,big,small {font-size:14px;font-weight:400}
    .list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 17px;}
	.phonemenu { display:block;}
    .fixtop .navpc {display:none;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:21px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}	     
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
    .swiper-pagination-bullet {width:5px;height:5px;}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}	
    .swiper-button-next,.swiper-button-prev {width:25px;height:25px;margin-top:-12px;}
    .swiper-button-next:after,.swiper-button-prev:after {font-size:14px;width:25px;height:25px;line-height:25px;}
    .swiper-button-prev {left:0}
    .swiper-button-next{right:0} 
    /*.indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.swiper-pagination-fraction {right:4%;width:7px;}*/
    /*.indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:5px 0;}*/
    .fixtop { height:50px;}
    .fixtop .logo {top:13px;}
    .fixtop .logo a {width:271px;height:24px;}    
    .pic-position {top:-50px;}    
    .fixtop.active .nav__icon,.fixtop.active .nav__icon:before,.fixtop.active .nav__icon:after {background-color:#004ac5}
    .fixtop.active .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
    .fixtop.active .phonemenu .nav--active .nav__icon:before,.fixtop.active .phonemenu .nav--active .nav__icon:after {background: #fff}
    .foot {padding-top:30px;font-size:13px}
    .foot .foot-contact a.logo {width:150px; height:35px;}
    .foot .social .wx {width:100px;}
    .social {width:200px;}
    .social ul {margin-top:120px;}
    .social li .icon {width:20px;height:20px;}
    .social li .pic { bottom:40px;width:100px;margin-left:-50px;}
    .social li .pic:before {bottom:-8px;margin-left:-8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;}
    .social li:last-of-type .pic {left:auto;right:0;margin-left:0;}
    .social li:last-of-type .pic:before {left:auto;right:0; margin-left:0;}
    .footer {padding:12px 0;margin-top:15px; text-align: center;display:block}
    .footer ul {display:none;}
    .footer .copy {font-size:13px;}    
    .home-about {margin:40px 0;}
    .home-about .text {width:50%;padding-right:6%}
    .home-about .text .logo {padding-top:25px;}
    .home-about .text .logo:before {width:25px;height:2px;}
    .home-about .text .logo img {height:25px}
    .home-about .text .content {font-size:14px;line-height: 1.8;}
    .home-about .text ul {padding-top:5px}
    .home-about .text li {font-size:14px;}
    .home-about .text li img {width:35px;}
    .home-about .pic {width:44%;right:0}
    .home-about .text li:before {height:88%;}    
    .home-pic .swiper-button-next,.home-pic .swiper-button-prev { width:2.6042vw;height:3.3333vw;margin-top:-7.15vw;opacity:1}
    .home-pic .swiper-button-next:after,.home-pic .swiper-button-prev:after { font-size:1.2vw;width:2.6042vw;height:3.3333vw;line-height:3.3333vw;}
    .home-numbers {height:90px;}
    .home-numbers ul {height:90px;}
    /*.home-numbers li {margin-left:50px;}*/
    .home-numbers li h2,.home-numbers li h3 {font-size:28px; }
    .home-numbers li .content {font-size:13px; line-height: 1.8;margin-top:5px}    
    .home-history {padding:40px 0 50px 0;}
    .home-history .subject {font-size:25px; margin:0 0 40px 0}    
    .home-history .line { height:1px;margin:0 100px;top:-180px}    
    .home-history .line:before {left:-100px;height:1px;width:100px;}
    .home-history .line:after {right:-100px;height:1px;width:100px; }
    .home-history .swiper-container {height:360px}
    .home-history .swiper-slide {height:180px;width:175px;}
    .home-history .swiper-slide .text {width:315px;height:180px;border-width:1px;padding-left:15px;left:-105px;}
    .home-history .swiper-slide .text .title {font-size:25px; line-height: 20px;}
    .home-history .swiper-slide .text .title span {font-size:15px;margin:4px 0 0 3px}
    .home-history .swiper-slide .text .content {border-radius:3px;font-size:13px; line-height: 1.6;left:0;top:0}
    .home-history .swiper-slide:first-of-type .text .content {padding:4px 12px 4px 12px;border-radius:3px;}
    .home-history .swiper-slide .text:hover .content {background:#fff;color:#1a1a1a}
    .home-history .swiper-slide .text:hover .title {color:#002066}
    .home-history .swiper-slide .text:before {bottom:-4px;left:-4px;width:7px;height:7px;}
    .home-history .swiper-slide:nth-child(odd) .text {top:180px;left:20px; }
    .home-history .swiper-slide:nth-child(odd) .text:before {top:-3px}
    .home-history .swiper-slide:last-of-type {width:175px}
    .home-history .swiper-slide:last-of-type .text .title { line-height: 35px;top:-6px; letter-spacing: 1px}
    .home-history .swiper-button-next,.home-history .swiper-button-prev {top:2px;width:30px;height:22px;border-radius:35px;}
    .home-history .swiper-button-next:after,.home-history .swiper-button-prev:after {font-size:13px;width:30px;height:22px;line-height:21px; border-radius:35px;}
    .home-history .swiper-button-prev {right:36px}
    .top-pic .text .title {padding-top:30px}    
    .product-text {padding:35px 0 40px 0}
    .product-text .title {font-size:22px; line-height: 1.6;margin-bottom:15px}
    .product-text .content {font-size:14px;}    
    .namemj {top:-50px}
    .product {padding:35px 0 40px 0}
    .product .cate li {margin:5px}
    .product .cate li a {height:30px; line-height: 28px;padding:0 15px;border-radius:30px;font-size:16px;}
    .product .controls {margin:15px 0 30px 0;}
    .product .controls i {height:15px;margin:9px 8px 0 7px}
    .product .control {font-size:14px; line-height: 22px;margin:5px 0}
    .product .mix .in {border-radius:5px}
    .product .mix .pic,.product .mix .pic img {border-top-left-radius:5px;border-top-right-radius:5px}
    .product .mix .text {padding:15px 15px 20px 15px;}
    .product .mix .text .title {height:20px; line-height: 20px;font-size:18px;margin-bottom:8px}
    .product .mix .text .subtitle {height:20px; line-height: 20px;font-size:14px}
    .product .mix .btn {padding:0 0 15px 0;bottom:-50px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
    .product .mix .btn:before {top:-5px;height:5px;}
    .product .mix .btn a {height:30px; line-height: 28px;border-radius:3px;padding:0 10px;margin:3px;font-size:13px;}
    .product .mix .btn a i {width:15px;height:15px;margin:6px 5px 0 0}
    .product .mix {width:calc(33.3333% - 6.6666px);width:-webket-calc(33.33333% - 6.6666px);}    
    .new_telst {margin:40px 0 30px 0}
    .new_telst li {height:30px;line-height:29px;border-radius:30px;font-size:16px;padding:0 15px 0 13px;margin:0 5px;}
    .new_telst li i.active,.new_telst li i.hover {width:18px;height:18px;margin:6px 7px 0 0;}
    .new_telst li i.hover {left:13px;}
    .strength {padding-bottom:50px}
    .strength .new_con_2 {margin-top:50px}
    .nutrition-standard .text {padding:30px 4% 4% 4%;}
    .nutrition-standard .text .title {font-size:22px;}
    .nutrition-standard .text .new_telst {margin:15px 0 20px 0;}
    .nutrition-standard .text .new_telst li {font-size:14px; line-height: 22px;margin:5px 0}
    .nutrition-standard .text .new_telst li i {height:15px;margin:5px 8px 0 9px}
    .nutrition-standard {padding-bottom:50px}
    .nutrition-faq .text .subject {font-size:25px; margin:0 0 0px 0}
    .nutrition-faq .text li {margin-top:25px}
    .nutrition-faq .text li .title {font-size:20px; padding:0 0 0 32px;margin:0 0 10px 0}
    .nutrition-faq .text li .sub {top:6px;width:22px;height:22px; line-height: 20px;font-size:14px; }
    .nutrition-faq .text li .content {padding:0 0 0 32px; line-height: 1.6;font-size:13px}
    .get_more{width:130px;margin:40px 0 0 -60px;border-radius:35px;}
    .get_more p {height:45px; line-height:43px;font-size:16px;}
    .get_more i{font-size:14px;}
    .news {margin:40px 0}
    .news .item {border-radius:5px; }
    .news .item:before {height:2px;}
    .news .item .pic,.news .item .pic img {border-top-left-radius:5px;border-top-right-radius:5px;}
    .news .item .text {padding:20px 5% 0 5%;}
    .news .item .text .title {line-height: 22px;height:25px;}
    .news .item .text .title a {font-size:18px;}
    .news .item .text .content {font-size:14px;line-height: 23px; height:48px; margin-top:12px;}
    .news .item .text .date-more {padding:10px 0 15px 0;margin-top:15px}
    .news .item .text .date-more .date {font-size:14px;}
    .news .item .text .date-more .more {top:10px}
    .news .item .text .date-more .more a {font-size:14px;}
    .news .item .text .date-more .more a i {width:18px;height:18px;margin:2px 0 0 5px}
    .contact .contact-title {font-size:30px; line-height: 1.6; margin:30px 0 6% 0}
    .contact .contact-content {font-size:16px}
    .contact .contact-content img.wx {width:100px}
    .contact .contact-content img.email {width:20px;margin:5px 8px 0 0}    
    .to-top {right:5px;bottom:5px;width:20px;height:20px;border-radius:2px; }
    .to-top i {width:10px;height:10px;}    
    .rshow {padding:90px 0 50px 0}
    .rshow .title {font-size:20px; line-height:30px;}
    .rshow .date {margin:10px 0;font-size:12px}
    .rshow .addtime { padding:15px;font-size:14px;}
    .rshow .content {font-size:14px;margin:30px auto 40px auto}
    .rshow .prevnext { padding:10px 20px; }
    .rshow .prevnext .back {margin-left:-10px;}
    .foot,.footer {letter-spacing: 0}
    .foot .foot-contact .content .links {margin:12px 0 -10px 0}
    .about-brand{padding: 20px 0;}
    .about-brand .about-brand-left{padding: 40px 20px 0 0;}
    .subtit{margin-bottom: 30px;}
    .curList{width: 90%;}
    .proDetailTop{padding:40px 0}
    .list_contact_one{padding:40px 0}
    .list_contact_one .content .left .contact_ul li{margin-top: 15px}
    .list_contact_one .content .left .contact_ul li p{font-size: 14px;}
    .list_contact_one .content .left .contact_ul li p span{font-size: 14px;}
    .list_contact_one .content .left .contact_ul li .icon{width: 25px; height: 25px;}
    .list_contact_one .content{margin-top:40px}
    .case-one-xia-a{padding: 20px;}
    .cp-zong-onea-xia h2{font-size: 18px;}
    .cp-zong-onea-xia h1{font-size: 20px;}
    .cp-zong-onea-xia h3{font-size: 14px; padding: 5px 10px;}

}
@media only screen and (max-width:1024px){	
	.banText p {
    font-size: clamp(24px,4vw,28px);
	}
	.home-about .text .subtitle {
	    font-size: clamp(16px,4vw,18px);
	}
	.home-about .text .title {
	    font-size: clamp(22px,4vw,31px);
	}
	.home-about .text .title::after{
		width: 96%;
	}
	.home-about .text .content{
		width: 98%;
	}
	.home-pic .txt4{
		width: 98%;
	}
	.indBan .wrap-box1 .banText span:before{width: clamp(100px,4vw,200px);height: clamp(100px,4vw,200px);top: clamp(30px,7vw,45px); left: clamp(-30px,4vw,-120px);}
 
}
@media only screen and (max-width:992px){
	.newsxq-one h1{font-size: 18px;}
	.news-onec-a h1,.case-one-xia-b-xia-a h1{font-size: 18px;}
	.news-onec-a-a ul li a{font-size: 14px;}
	.case-one-xia-b-xia-a{padding: 15px;}
	.case-one-xia-b-xia-a p,.newsxq-p p{font-size: 14px;}
	
	.home-about .text .content{
		width: 100%;
	}
	   .home-about .text .title{font-size: clamp(22px,4vw,35px);}
	  .home-about .text .subtitle{font-size:clamp(18px,4vw,20px);}
 
	  .home-numbers li h2,.home-numbers li h3{font-size:clamp(22px,4vw,34px); }
	  .top-pic .text .title {font-size: clamp(26px,4vw,34px);}
	  .top-pic-contact .text .title span{font-size: clamp(22px,4vw,42px)}
	  .service-consult .top-title{font-size: clamp(22px,4vw,30px)}
	  .service-consult .card-name{font-size: clamp(18px,3.5vw,22px);}
	  .about-brand2-t{font-size: clamp(26px,4vw,30px);}
	  .about-brand2-subt{font-size: clamp(18px,4vw,24px);}
	  .about-story .story-item .left-text .span-num{font-size: clamp(26px,4vw,30px);}
	  .about-story .story-item .main-title{font-size: clamp(22px,4vw,22px);}
	  .brand-chanquan .title-main{font-size: clamp(22px,4vw,30px);}
	  .about-story .story-item .item-list li .num{    flex: 0 0 20px;}
}

@media only screen and (max-width:788px){
	 .banText p {
	    font-size: clamp(14px,4vw,21px);
	}
	.indBan .wrap-box1 .banText p {
	    font-size: clamp(14px,4vw,18px);
	}
	.indBan .wrap-box1 .banText span:before {
	    width: clamp(70px,4vw,100px);
	    height: clamp(70px,4vw,100px);
	    top: clamp(30px,7vw,35px);
	    left: 0;
	}
	.home-about .pic{
		position: relative;
		width: 90%;
		left: 5%;
		padding-top: 40px;
	}
	.home-about .wrap{
		flex-wrap: wrap;
	}
	.home-about .text{
		width: 100%;
		padding-right: 0;
	}
	.about-story .story-item .left-text{
		width: 65%;
	}
	.about-story .story-item .right-icon{
		width: 30%;
	}
	.about-story .story-item .right-icon .strory-pic{width: 60%;}
	.about-story .story-item .sub-desc{font-size: 19px;}
	.about-brand2,
	.brand-chanquan,
	.service-consult{
		padding: 30px 0;
	} 
	.about-story .story-item{
		padding: 20px 0;
	}
	.indBanBox .swiper-pagination-bullet {width: 40px;}
    /*.indpics .swiper-slide {height:0;padding:31% 0}*/
    .product .mix {width:calc(50% - 5px);width:-webket-calc(50% - 5px); }
    .foot {text-align:center}
    .foot .foot-contact {float:none}
    .foot .foot-contact .content .links {margin:15px 0 0px 0}
    .foot .social {float:none; text-align:center}
    .foot .social .wx {right:auto;left:50%; top:0;width:100px;margin-left:-50px}
    .social {width:200px;margin:0 auto}
    .social ul {margin-top:20px;padding-top:120px;}
    .news-index .more-news{margin-top: 30px; height: 45px; line-height: 45px; width: 150px;}
    .about-brand .about-brand-left{padding-right: 0;}
    .about-brand-p{margin-top: 20px;font-size: 14px;}
    .proDetailTop{padding:20px 0}
    .proDetailTop .proDetail_left{width: 100%;}
    .proDetailTop .proDetail_right{width: 100%;}
     .list_contact_one{padding:20px 0; min-height: 22vh; justify-content: center; align-items: center; display: flex;}
     .case-one-xia{flex-wrap: wrap;}
     .case-one-xia-a,.case-one-xia-b{width: 100%;}
     .case-one-xia-b{width: 100%;margin-top: 20px;}
     .case-one-xia-b-xia-a{margin-top: 20px;}
     .newsxq-one h2{font-size: 14px; padding: 15px 0;}
     .newsxq-a{padding: 20px 0;margin-top:20px}
     .newsxq-a a{font-size: 14px;}
     .newsxq-a a strong{font-size: 14px;}
     .case-one-xia-a{padding: 0;}
     .news-onec-a{padding: 20px;}
}
@media only screen and (max-width:767px){
	.banText{padding-left: 0px;}
	.about-brand .about-brand-left{width: 100%; padding: 0 0 30px 0;}
	.about-brand .about-brand-right{width: 100%;}
	.subtit p{font-size: 16px;font-weight: bold;}
    .subtit b{font-size: 20px;}
    .curList{margin-bottom: 20px; padding: 0; width: 100%;}
    .curList ul li {width: 100%!important;display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
	.curList ul li .icon {margin-bottom: 0px;}
	.curList ul li .info {width: calc(100% - 70px);}
	.curList ul li .info .name {font-size: 16px;margin-bottom: 5px;	font-weight: bold;	}
	.ydh {width: 100%;display: block;padding: 25px 0px;}
	.ydh .img {	width: 146px;margin: 0px auto;margin-bottom: 0px;}
	.ydh .txt {	margin-left: 0%;padding-left: 0%;text-align: center;font-size: 14px;}
	.ydh .txt::after {display: none;}
	.proDetailTop .proDetail_right .pro-title{font-size: 5.8vw;}
	.proDetailTop .proDetail_right .buybtn{padding: 5px 15px; margin: 0 auto}
	.all_title .en{font-size: 18px;}
	.all_title .cn {font-size: 20px;}
	
	.list_contact_one .row{flex-direction: column;}
	.list_contact_one .content {border-radius: 50px 0px 50px 0px; margin-top: 20px;}
	.list_contact_one .content .left {padding: 44px 0 30px 0;}
	.list_contact_one .left, .list_contact_one .right{width: 100%;}
	.list_contact_one .content .left .title {font-size: 20px;padding-bottom: 10px;}
	.list_contact_one .content .left .title,.list_contact_one .content .left .contact_ul,.list_contact_one .content .left .ewm_ul{margin-left: 20px; margin-right: 20px;}
	.list_contact_one .content .right{height: 40vh;}
	.list_contact_one .content .left .contact_ul li .icon{margin-right: 10px;}
	.online_message { padding-top: 30px; padding-bottom: 30px;}
	.online_message .lx-cont2 .contact .msg-a1 {flex-wrap: wrap;margin-top: 15px;}
	.online_message .lx-cont2 .contact .msg-a1 .inpt{flex: unset;  width: 100%; margin-right: unset;  margin-top: 20px;}
	.online_message .lx-cont2 .contact .msg-a3{margin-top: 20px;}
	.online_message .lx-cont2 .contact .div_aghgha{margin-top: 30px; text-align: center;}
	.online_message .des{font-size: 14px;}
	.online_message .lx-cont2 .contact .div_aghgha button{font-size: 14px;}
	.online_message .lx-cont2 .contact .div_aghgha button img{width: 16px;}
	.all_title .en::before{width: 30px; height: 30px;}
	.fixtop{background: none;backdrop-filter:none}
	.foot-top{display: none;}
	.foot .foot-contact a.logo {text-align: center;margin: 0 auto;}
	.news-detail{padding: 20px 0;}
	.indBan .wrap-box1 .banText  p,.indBan .wrap-box1 .banText  span{padding-left: clamp(10px,4vw,20px);}
    .banText span {font-size: clamp(17px,4vw,22px);} 
    .indBan .wrap-box1 .banText p{font-size: clamp(10px,4vw,12px);}
    .indBan .wrap-box1 .banText span:before{width: clamp(40px,4vw,10px);height: clamp(40px,4vw,100px);top: clamp(10px,7vw,20px); }
    .banText p {
	    font-size: 12px;
	    padding-top: 5px;
	}
  	.indBan .wrap-box1 .banText p{padding-top: 0;}
  	.banner-iso{bottom: 4%;}
  	.home-about .text .subtitle{font-size: 16px; line-height: 1.4;}
  
	}
@media only screen and (max-width:640px){
	.home-about{margin: 20px 0;}
    .home-about .text {width:100%;padding-right:0}
    .about-brand2-t{font-size: clamp(20px,4vw,26px);}
    .about-brand-p2{font-size: 14px;line-height: 1.5;}
    .about-story .story-item .left-text{width: 100%;}
    .about-story .story-item{gap:0px; flex-wrap: wrap;}
    .about-story .story-item .right-icon{width: 100%;}
    .about-story .story-item .main-title { font-size: clamp(18px,4vw,18px);}
    .about-story .story-item .item-list li, .about-story .story-item .sub-content {
	    font-size: 14px;line-height: 1.5;
	}
	.about-story .story-item .left-text .span-num {
	    font-size: clamp(20px,4vw,22px);
	}
	.about-story .story-item .sub-desc {
	    font-size: 15px;
	}
	.about-story .story-item .item-list li{gap:0px;}
	.about-story .story-item .right-icon .strory-pic{width: 26%;}
	.brand-maps img{max-width: 100%;}
    .home-pic .swiper-button-next:after,.home-pic .swiper-button-prev:after { font-size:1.5vw;}
    .home-history .line {margin:0 auto;position:absolute;width:90%;top:3px;left:5%}
    .home-history .line:before {left:-5%;width:5%;}
    .home-history .line:after {right:-5%;width:5%;}
    .home-history .swiper-container {height:auto}
    .home-history .swiper-slide {height:auto;width:auto;}
    .home-history .swiper-slide .text,.home-history .swiper-slide:nth-child(odd) .text {width:auto;height:auto;padding:0; position:relative;border-width:1px;left:4px;top:0;display:block; }
    .home-history .swiper-slide .text:before,.home-history .swiper-slide:nth-child(odd) .text:before {top:0;left:-4px;width:7px;height:7px;}
    .home-history .swiper-slide .text .content {font-size:14px; line-height: 1.8;}
    .home-history .swiper-slide .text .in {padding:25px 30px 0 20px}
    .home-history ::-webkit-scrollbar {width: 0}
    .top-pic {padding:20% 0}
    .top-pic .text .title {font-size:4.5vw; line-height:1.6;letter-spacing: 1px;}
    .product .mix {width:100%; text-align: center}    
    .social li:last-of-type .pic {left:50%;right:auto;margin-left:-50px;}
    .social li:last-of-type .pic:before {left:50%;right:auto; margin-left:-8px;}
    .new_telst li {font-size:14px;padding:0 10px 0 12px;margin:0 3px;}
    .new_telst li i.active,.new_telst li i.hover {width:15px;height:15px;margin:7px 5px 0 0;}
    .new_telst li i.hover {left:12px;}
    .nutrition-faq {display:block}
    .nutrition-faq .text .in {padding:40px 4% 40px 4%;}
    .nutrition-faq .text li .content {line-height: 1.8;font-size:14px}
    .news .single_item {width:100%;margin:-4% 0 0 0}
    .news .item {width:100%;margin:4% 0 0 0;}
    .news .item .text .title {line-height: 22px;height:auto}
   
    .news .item .text .title {line-height: 28px;height:auto;}
    .news .item .text .title a {font-size: 16px;}
	.rshow .prevnext {text-align:left;}
	.rshow .prevnext .prev {width:100%;}
	.rshow .prevnext .next {width:100%; text-align: left;}
	.rshow .prevnext .back,.rshow .addtime span {display:none;}
	.all_title .en::before{width: 10px; height: 10px;}
	.home-numbers ul{justify-content: center;}
	.brand-maps p, .foot .foot-contact .content {
	    font-size: 13px;
	}
	.home-numbers,.home-numbers ul{height: 60px;}
	.news-index .more-news{font-size: 14px;}
	.home-pic .pic{overflow: hidden;}
	.home-about .text .remark{font-size: 12px; padding-top: 0;}
	.news{margin: 20px 0 30px 0;}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 0px;
	}
	.about-brand2, .brand-chanquan, .service-consult{padding: 20px 0;}
	.service-consult .card-row{grid-template-columns: repeat(2,1fr);gap: 12px;}
	.service-consult .top-title {
	    font-size: clamp(20px,4vw,34px);
	        margin-bottom: 25px;
	}
	.service-consult .card-item{margin-bottom: 10px;}
	.service-consult .img-box{margin-bottom: 15px;border-top-right-radius:20px}
	.service-consult .card-name{font-size: 18px;padding-top: 15px;}
	.service-consult .card-desc{font-size: 14px;}
	.contact-box {
	    width: 80%;
	} 
	.newsxq-one h1 {
    line-height: 1.5;
}
.newsxq-one h2{font-size: 12px;line-height: 1.5; margin-bottom: 15px;}
.newsxq-p{font-size: 14px;}
.newsxq-p p{line-height: 2;}	
.home-pic .txt4 img{width: 80%;}
.zlcf01{bottom: 53%;}
.zlcf02{width: 70%;}

}
@media only screen and (max-width:380px){
	.banText p {
	    font-size: 12px;
	    letter-spacing: -0.3px;
	}
	.home-about .text .title{font-size: clamp(20px,4vw,22px);}
}
/*Bootstrap5 原生断点转成 @media 写法*/
/* ≥1400px 超大屏幕 */
@media only screen and (min-width:1400px){
  .wrap{max-width:1240px;}
}
/* 1200px ≤屏幕＜1400px */
@media only screen and (min-width:1200px) and (max-width:1399.98px){
  .wrap{max-width:1140px;}
}
/* 992px ≤屏幕＜1200px */
@media only screen and (min-width:992px) and (max-width:1199.98px){
  .wrap{max-width:960px;}
}
/* 768px ≤屏幕＜992px */
@media only screen and (min-width:768px) and (max-width:991.98px){
  .wrap{max-width:720px;}
}
/* 576px ≤屏幕＜768px */
@media only screen and (min-width:576px) and (max-width:767.98px){
  .wrap{max-width:540px;}
}
/* ＜576px 手机竖屏 */
@media only screen and (max-width:575.98px){
  .wrap{max-width:92%;}
}