body, div, canvas
{
	-webkit-image-rendering: optimizeSpeed;
	-webkit-interpolation-mode: nearest-neighbor;
}
html,body{ height:auto;}
body{background-size:auto; background-repeat:repeat-y; background-position:top center;  background-attachment:fixed}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); font-weight: 300}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,select{ -webkit-appearance: none; }

.wapshow{ display:block;}
.pcshow{ display:none;}
#wapshow{ display:block;}
#pcshow{ display:none;}

.footz70{ font-size:25px}
.footz60{ font-size:25px}
.footz45{ font-size:25px}
.footz38{ font-size:18px}
.footz34{ font-size:16px}
.footz30{ font-size:16px}
.footz28{ font-size:16px}
.footz26{ font-size:14px}
.footz24{ font-size:14px}
.footz20{ font-size:14px}
.footz18{ font-size:14px}
.footz17{ font-size:12px}
.footz16{ font-size:12px}

.wap-margin-top-4{  margin-top: 4px!important;}
.wap-margin-top-10{ margin-top: 10px!important;}
.wap-margin-top-14{ margin-top: 14px!important;}
.wap-margin-top-20{ margin-top: 20px!important;}
.wap-margin-top-30{ margin-top: 30px!important;}
.wap-margin-top-34{ margin-top: 34px!important;}
.wap-margin-top-44{ margin-top: 44px!important;}
.wap-margin-top-50{ margin-top: 50px!important;}
.wap-margin-top-60{ margin-top: 60px!important;}
.wap-margin-top-70{ margin-top: 70px!important;}
.wap-margin-top-80{ margin-top: 80px!important;}
.wap-margin-top-90{ margin-top: 90px!important;}
.wap-margin-top-100{ margin-top: 100px!important;}

.wap-margin-bottom-4{ margin-bottom: 4px!important;}
.wap-margin-bottom-10{ margin-bottom: 10px!important;}
.wap-margin-bottom-14{ margin-bottom: 14px!important;}
.wap-margin-bottom-20{ margin-bottom: 20px!important;}
.wap-margin-bottom-30{ margin-bottom: 30px!important;}
.wap-margin-bottom-34{ margin-bottom: 34px!important;}
.wap-margin-bottom-44{ margin-bottom: 44px!important;}
.wap-margin-bottom-50{ margin-bottom: 50px!important;}
.wap-margin-bottom-60{ margin-bottom: 60px!important;}
.wap-margin-bottom-70{ margin-bottom: 70px!important;}
.wap-margin-bottom-80{ margin-bottom: 80px!important;}
.wap-margin-bottom-90{ margin-bottom: 90px!important;}
.wap-margin-bottom-100{ margin-bottom: 100px!important;}

.LR50_Box>div{ width: 100%; float: none;}

.w990max{ max-width: 80%; margin: auto;  overflow: hidden}
.FooterBox .mapbox,.FooterBox .contact{ width: 100%; height: 325px;}
.FooterBox .contact{ text-align: center; height: auto; padding: 30px 0}
.FooterBox .contact>div{ margin: auto; width: 90%; text-align: left; font-size: 14px}
.FooterBox .bqnr{ font-size: 12px}

.TstextBox>div>div>div>div.box{ width: 90%; margin: auto; max-width: 720px; background: #fff; padding: 40px; position: relative;}
.TstextBox.tsnr>div>div>div>div.box{ width: 92%; margin: 20px auto; max-width: 720px; background: #fff; padding: 30px; position: relative;}

.padding-ud90{ padding: 35px 0;}


.home-about-logo{ max-width: 40%; margin-bottom: 60px}
.boxpage-bt{ height: 103px;}

.qualiul li>div{ padding: 20px 0;}
.qualiul li>div .nr{ padding-top: 20px; }
.qualiul li>div .nr b{ font-weight: 500}
.qualiul li>div .nr p{ font-size: 12px; margin-top: 6px; line-height: 14px}

.BoxPage-Video{ padding-top: 0}

.lichenul{ width: 90%; border-left: 2px solid  #f7a63f; background:none; margin-left: 5%}
.lichenul li{ padding:15px 0}
.lichenul li .nr-lichen{ width: 85%;}
.lichenul li.l-left .nr-lichen{ left: 98px; text-align: left; width: 85%}
.lichenul li.l-left>i{ top:50%; left: 42px}
.BoxPage-Lichen{ background-size: 150% auto}
.lichenul li.hebin .nr-lichen{ top: 58px}

.boxpage-dairy h3{ font-size: 20px; font-weight: bold}
.boxpage-dairy .p-country>img{ height: 150px}
.boxpage-dairy .nrbox .btmin>b{ font-size: 20px;}
.boxpage-dairy .nrbox .btmin>div{  width: 40%;}

.kehuul li{  width: 25%;}
 .kehuul li>div{ padding: 2px;}

 .kehu-font{  margin-left: -12px; margin-top: 20px}
 .kehu-font>div a.footz24{ font-size: 14px}
 .kehu-font>div a{  padding-bottom: 10px; padding-left: 18px; }
 .BoxPage-Kuhu{ background-size: 140% auto}

 .adlabout{ margin-bottom: 130px}
 .adlabout .nr>div img{ margin: 10px 0}
 .adlabout .nr>div p{ margin-bottom: 5px}

 .fontbox{ margin-bottom: 30px}
 .fontbox b{margin-bottom: 20px; font-size: 24px}
 .fontbox p{ color: #9d9d9d; line-height: 25px}

 .newslistbox li{ margin-bottom: 20px}
 .newslistbox li>div>.nr>div h3{padding: 10px 0;}
 .newslistbox li>div>.nr>div p{ min-height: 50px }

 .newsdetails .news-l{ float: left; width: 100%; }
 .newsdetails .news-r{ float: left; width: 100%;}
 .newsdetails .news-r>div{ padding-left: 0;}
 .newsdetails .news-r .lbt{font-size: 18px; margin-top: 20px}

 .bt-dairy{ height: 132px}

 .lichenul li .y-lichen.y-lichen2017{margin-top: 72px;}

 .aggbtbox b{ font-size: 27px; font-weight: 800; letter-spacing: 0}
 .aggbtbox b span{ font-size: 20px; margin: 0 10px}
 .aggbtbox p{ font-size: 12px; margin-top: 15px; line-height: 20px;}
 .BannerBox .bannerbox-b{ width: 130%}
.BannerBox .bannerbox-b.about-bannerbox{ width: 100%}
 .BannerBox .bannerbox-b.about-bannerbox{ width: 100%}

 .boxpage-dairy h3 > a{padding: 16px 48px;}

  .newslistbox{ width: 100%;}

.section-title{font-size: 13px;}

.home-product-list{ flex-wrap: wrap; gap: 0;}
.home-product-list>div{ width: 100%; flex: auto; margin-bottom: 15px}
.product-box>.product-img{  aspect-ratio: 326 / 146; }

.home-product-application-list>div{ width: 48%}
.product-application-box{ margin-bottom: 8px}

.BoxPage-About{  background-size: 130% auto; background-position: top center;}
.about-info-box{  padding: 30px; flex-wrap: wrap; margin-top: 17% }
.about-info-box .photo{ width: 100%;}
.about-info-box .content{ width: 100%;}


.product-details-box{ border-radius: 20px; font-size: 28px; margin-top: 20px;}

.product-category-box{ margin-bottom: 40px}
.product-category-box>div>a{ display: block; border-radius: 20px; padding: 8px 0; width:90%; height: 100%;}

@media screen and (max-width: 560px){
	.lichenul li .y-lichen.y-lichen2017{ margin-top: 91px; }

	.aggbtbox b{ font-size: 23px;}
	.aggbtbox b span{ font-size: 20px; margin: 0 5px}
	.aggbtbox p{ font-size: 11px; margin-top: 15px; line-height: 20px;}
	.BannerBox .bannerbox-b{ width: 160%}
	.BannerBox .bannerbox-b.about-bannerbox{ width: 100%}
}

@media screen and (max-width: 450px){
	.home-about-logo{ max-width: 50%; margin-bottom: 60px}
	.about-nr1{ background-size: 593px 28px; height: 28px  }
	.about-nr2{ background-size: 593px 28px; height: 28px }
	.qualiul li>div .nr p{ font-size: 9px; margin-top: 6px; line-height: 14px}
	.mainvideo .ib .iconfont{ font-size: 80px; margin-top: -40px; margin-left: -40px; opacity: 1}

	.qualiul li > div {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}

	.lichenul li{ padding:5px 0}
	.lichenul li>i{ height: 1px;}
	.lichenul li .y-lichen{ border: 1px solid #f7a63f; width: 40px; height: 40px; padding: 3px; margin-top: -25px; margin-left: -26px;}
	.lichenul li .y-lichen b{ line-height: 40px; font-size: 14px;}
	.lichenul li .nr-lichen{ width: 90%; left: 40px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
	.lichenul li .nr-lichen>div{ padding: 15px}
	.lichenul li.l-left .nr-lichen{ text-align: left; width:  90%; left: 40px}
	.lichenul li .nr-lichen>div b{ font-size: 14px; margin-bottom: 3px;}
	.lichenul li .nr-lichen>div p{ font-size: 12px; line-height: 14px}
	.lichenul li.l-left>i,.lichenul li>i{ top:50%; left: 18px}

	.lichenul li.hebin .nr-lichen{ top: 48px}
	.lichenul li.hebin>i{left: 28px}
	.lichenul li.hebin-d>i{width: 10px; border: 1px solid #b0b0b0; border-left: 0; top:-50%}

	.Hezouul .swiper-slide {height: 43px;}

	.boxpage-bt{ height: 75px; margin-bottom: 20px;}

	.FooterBox .mapbox, .FooterBox .contact {height: 220px;}

	.swiper-pagination-bullet {width: 5px; height: 5px; display: inline-block; border-radius: 100%; background: #fff; opacity: 1; vertical-align: middle; margin: 0 8px!important;}
	.swiper-pagination-bullet-active{ height: 8px; width: 8px}
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5px}

	.about-nrbox p {margin-bottom: 10px;}
	.home-about-logo {margin-bottom: 30px; max-width: 45%;}
	.padding-ud60{ padding: 30px 0}

	.boxpage-dairy{ padding-bottom:20px; margin-bottom: 20px }
	.boxpage-dairy .blank80{ height: 30px}
	.boxpage-dairy h3{ font-size: 16px; font-weight: 500; padding: 10px 40px}
	.boxpage-dairy .p-country>img{ height: 100px}
	.boxpage-dairy .nrbox .btmin>b{ font-size: 20px;}
	.boxpage-dairy .nrbox .btmin>div{  width: 30%;}

	.kehu-font{  margin-left: -12px; margin-top: 20px}
	.kehu-font>div{ width: 50%; }
	.kehu-font>div a.footz24{ font-size: 13px}
	.kehu-font>div a{  padding-bottom: 5px; padding-left: 14px; }
	.kehu-font>div>div{ border-left: .5px solid #fff}
	.BoxPage-Kuhu{ background-size: 300% auto}

	.adlabout{ margin-bottom: 60px}
	.adlabout .imglogo{ width: 100%; height: 180px; background-size: 50%}
	.adlabout .nr{ width: 100%;}
	.adlabout .nr>div{ padding: 0}
	.adlabout .nr>div img{margin: 20px 0}

	.infantproul li{width: 50%; margin-bottom: 25px}

	.fontbox{ margin-bottom: 20px}
	.fontbox b{margin-bottom: 20px; font-size: 20px}
	.fontbox p{ color: #9d9d9d; line-height: initial; text-align: justify}

	.liaojieewm{ width: 100%;}
	.liaojieewm li{ width: 50%; margin-bottom: 20px}
	.liaojieewm li>div{ width: 80%; margin: auto}
	.liaojieewm li img{  border: 5px solid #fbd29d; border-radius: 8px;}
	.liaojieewm li b{ font-weight: 400; border: .5px solid #fff;padding: 5px 0; margin-top: 16px; }

	.newslistbox li>div>.img{ width: 100%; border-radius: 10px;}
	.newslistbox li>div>.nr{ width: 100%; float: left;}
	.newslistbox li>div>.nr>div{ padding-left:0}
	.newslistbox li>div>.nr>div p{ min-height: 20px }
	.a-more {width: 100%; margin-bottom: 20px}

	.bt-dairy{ height: 102px}
	.nr-dairy{width: 99%; padding-top: 20px}

	.lichenul li .y-lichen.y-lichen2017{ margin-top: 69px; }

	.aggbtbox b{ font-size: 20px;}
	.aggbtbox b span{ font-size: 16px; margin: 0 2px}
	.aggbtbox p{ font-size: 10px; margin-top: 10px; line-height: 17px;}
	.BannerBox .bannerbox-b{ width: 200%}
	.BannerBox .bannerbox-b.about-bannerbox{ width: 100%}
}
@media screen and (max-width: 380px){
	
}	
@media screen and (max-width: 320px){
	.footz70{ font-size:18px}
	.footz60{ font-size:18px}
	.footz45{ font-size:18px}
	.footz38{ font-size:18px}
	.footz34{ font-size:16px}
	.footz30{ font-size:16px}
	.footz28{ font-size:16px}
	.footz26{ font-size:14px}
	.footz24{ font-size:14px}
	.footz20{ font-size:14px}
	.footz18{ font-size:14px}
	.footz17{ font-size:12px}
	.footz16{ font-size:12px}
}
@media screen and (max-width: 310px){
	.lichenul li .y-lichen.y-lichen2017{ margin-top: 88px; }
}