*{ 
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
 }

.w100b{ width: 100%; max-width: 1920px; margin: auto;}
.w90b{ width: 90%; margin: auto;}
.w85b{ width: 85%; margin: auto;}
.w1620max{ max-width: 1620px; margin: auto;  position: relative;}
.w1564max{ max-width: 1564px; margin: auto;  position: relative; }
.w1440max{ max-width: 1440px; margin: auto;  position: relative; }
.w1350max{ max-width: 1350px; margin: auto;  position: relative; }
.w1200max{ max-width: 1200px; margin: auto;  position: relative; }
.w1090max{ max-width: 1090px; margin: auto;  position: relative; }
.w990max{ max-width: 910px; margin: auto;  position: relative; }

.padding-ud90{ padding: 90px 0;}
.padding-ud60{ padding: 60px 0;}

.CBox{ width: 100%; height:auto; z-index: 0; position:relative; overflow: hidden}

.dh li a>i,.language,.qualiul li>div .img img,.mainvideo .ib .iconfont,.gonyinul li>div,.infantproul li>div img,.fontbox b,.newslistbox li>div>.img img,.a-more,.dairy-aimg img,.boxpage-dairy .nrbox .btmin>b,.kehuul li>div>img,.lichenul li .y-lichen b, .liaojieewm li>div>a b, .liaojieewm li>div>a img{-webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}

.logo{ background: url(../image/logo1.png) center no-repeat; background-size: 100% auto;}
.DH_Box{ height: 90px; background: #f7a63f; z-index: 5; box-sizing: border-box; position: relative}
.DH_Box .Head_Box{ height: 100%; position: relative; border-bottom:0px solid #e0e0e0; }
.DH_Box .Head_Box .logo{ width: 166px; height: 90px; position: absolute; }
.DH_Box .Head_Box .logo a{ display: block; width: 100%; height: 100%}
.DH_Box .Head_Box .language{ width: 114px; height: 34px; line-height: 34px; color: #fff; background: #f7a63f; border: 1px solid #fff; border-radius: 20px; position: absolute; right: 0; top:26px;overflow: hidden;}
.DH_Box .Head_Box .language:hover{ height: 68px;}
.DH_Box .Head_Box .language>a{ display: block; height: 34px; width: 100%; color: #fff;}
.DH_Box .Head_Box .language>a>svg{ display:block; float: left; width: 26px; height: 26px; border-radius: 100px; margin-top: 4px; margin-left: 4px; margin-right: 4px}
.DH_Box .Head_Box .language>a:hover{ background: #f49010}
.DH_Box .DHbox{ height: 90px; text-align: center; position: absolute; top:0; left: 18%; width: 82%}
.dh{  width: 100%; margin: auto; padding-top:0; height: 100%;}
.dh li{  width:auto; float: left; padding: 0 3.4%; position: relative; height: 100%; display: flex; align-items: center}
.dh li span{ display: block}
.dh li b{ font-weight: normal; font-weight: 500; font-size: 20px}
.dh li a{ display: inline-block; margin: auto; font-size: 14px; color: #fff; position: relative}
.dh li a>i{ display: block; height: 1px; background: #fff; position: absolute; bottom:-2px; left: 0;  width: 0; }
.dh li.ok a b,.dh li a:hover b,.dh li a:hover span{color: #fff}
.dh li a:hover>i{ width: 100%}

.dh-sub-box{ position: absolute; top:90px; left:0; width: 700px; background-color: #fff; padding: 20px; display: flex; flex-wrap: wrap; visibility: hidden; opacity: 0;}
.dh li .dh-sub-box>a{ color: #0f0f0f !important; font-size: 16px; display: block; }
.dh li .dh-sub-box>a:hover{ color: #f7a63f !important;}

.dh li:hover{ background-color: #f7a63f;}
.dh li:hover .dh-sub-box{visibility: initial; opacity: 1}

.Wap_DH_Box{ min-height: 73px;  background: #f7a63f; padding-top: 5px; box-sizing: border-box; position: relative}
.Wap_DH_Box .Head_Box .logo{ width: 154px; height: 60px; margin: auto;}
.Wap_DH_Box .Head_Box .logo a{ display: block; width: 100%; height: 100%}
.Wap_DH_Box .DHbox{ height: 0px; overflow: hidden}
.Wap_DH_Box .dh{ width: 100%; height: 0px; display: block; margin-top: 30px; text-align: center}
.Wap_DH_Box .dh li{ width: 100%; float: none; height: 22%;padding: 0;}
.Wap_DH_Box .dh li a{ display: block; font-size: 20px;}
.Wap_DH_Box .dh li a span{ font-size: 14px}
.Wap_DH_Box.open .Head_Box .logo{ width: 174px; height: 65px;}
.Wap_DH_Box.open{ padding-top: 90px;}
.Wap_DH_Box.open .DHbox{ height: 480px;}
.Wap_DH_Box.open .dh{ height: 300px;}
.Wap_DH_Box .banmenu{ position: absolute; top:20px; right: 10px; text-align: center; width: 46px; height: 46px; line-height: 18px; cursor: pointer; color: #fff}
.Wap_DH_Box .banmenu i.iconfont{ display: block; font-size: 28px; }
.Wap_DH_Box .banmenu span{ letter-spacing: 0; font-size: 10px}
.Wap_DH_Box .icons{ text-align:center;}
.Wap_DH_Box .icons a.iconfont{ font-size: 45px; margin: 0 15px}
.Wap_DH_Box .icons a:hover{ color: #000; cursor: pointer}
.Wap_DH_Box .language{ width: 174px; height: 68px; line-height: 34px; color: #fff; background: #f7a63f; border: 1px solid #fff; border-radius: 20px; margin: auto; margin-top: 40px;}
.Wap_DH_Box .language>a{ display: block; height: 34px; width: 100%; color: #fff; border-bottom: 1px solid #fff}
.Wap_DH_Box .language>a>svg{ display:block; float: left; width: 26px; height: 26px; border-radius: 100px; margin-top: 4px; margin-left: 4px; margin-right: 4px}
.Wap_DH_Box .language>a:hover{ background: #f49010}
.Wap_DH_Box .language>a>span{ float: right; margin-right: 5px}

.FooterBox{ width: 100%;}
.FooterBox .bqnr{ background: #f7a63f; padding: 35px 0; color: #fff; text-align: center}
.FooterBox .bqnr .Ul{ display: inline-block; margin: 0 10px}
.FooterBox .bqnr .Ul li{ display: inline-block}
.FooterBox .bqnr .Ul li a{ border-left: 1px solid #fff; margin-right: 2px; padding-left: 6px;}
.FooterBox .bqnr .Ul li:nth-child(1) a{border-left: 0}
.FooterBox .bqnr a{ color: #fff;}
.FooterBox .bqnr a:hover{ text-decoration: underline}
.FooterBox .mapbox,.FooterBox .contact{ float: left; width: 50%;; height: 325px; position: relative}
.FooterBox .mapbox iframe{ width: 100%; height: 325px}
.FooterBox .mapbox .zz{ width: 100%; height: 100%; background:rgba(0, 0, 0, 0.8); position: absolute; top:0; left: 0;}
.FooterBox .mapbox:hover .zz{ display: none}
.FooterBox .contact{ background: #1f232a}
.FooterBox .contact>div{ margin: 75px 0 0 75px; color: #ededed; font-size: 15px; display: inline-block;}
.FooterBox .contact>div div{ padding-bottom: 7px}
.FooterBox .contact>div .bt{ font-size: 18px; color: #f1a33e; border-bottom: 1px solid #f1a33e; padding: 5px 0; margin-bottom: 15px}
.FooterBox .contact>div i.iconfont{ color: #f1a33e; margin-right: 5px}

.TstextBox{ width: 100%; height: 100%; overflow: auto; background:rgba(0, 0, 0, 0.5); z-index: 100; position: fixed; top:0; left: 0; }
.TstextBox *{ letter-spacing: 1px}
.TstextBox>div{ display : table; width : 100%; height : 100% }
.TstextBox>div>div{display : table-row; height: 100%}
.TstextBox>div>div>div{ display : table-cell; vertical-align: middle; height: 100%}
.TstextBox>div>div>div>div.box{ width: 90%; margin:20px auto; max-width: 720px; background: #fff; padding: 60px; position: relative; box-sizing: border-box;}
.TstextBox>div>div>div>div.box h1{ border-bottom:1px dotted #929292; margin-bottom: 30px; font-size: 16px; padding-bottom: 10px}
.TstextBox>div>div>div>div.box i.iconfont.icon-cuowu{ position: absolute; right: 15px; top:15px; font-size: 25px; cursor: pointer; font-weight: 200}
.ewms{ margin: auto; width: 100%; max-width: 250px}
.TstextBox>div>div>div>div.box .textts b{ font-weight: bold}
.TstextBox>div>div>div>div.box .textts p{ margin-bottom: 10px}

.BannerBox{ width: 100%; position: relative; overflow: hidden}
.BannerBox .bannerbox-b{ display: block; width: 100%; opacity: 0;}
.BannerBox .mainbanner{ width: 100%; height:100%!important; position: absolute; overflow: hidden; top:0; left: 0;}
.BannerBox .mainbanner .swiper-slide{ background-size: cover; background-position: center}
.swiper-pagination-bullet {width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #fff; opacity: 1; vertical-align: middle; margin: 0 15px!important;}
.swiper-pagination-bullet-active{ height: 15px; width: 15px}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:38px}
.nrpagination .swiper-pagination-bullet{background: #f7a63f}
.nrpagination .swiper-pagination-bullet-active{background: #f7a63f}

.BannerBox .iconfont{ position: absolute; left: 50%; margin-left: -30px; bottom:10%; color: #f7a63f; font-size: 60px; font-weight: 900; display: block; z-index: 10;animation: float 2s ease-in-out infinite; }
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.BoxPage-About{ width: 100%; background: url(../image/bj.jpg) #f7a63f; background-size: 100% auto; background-position: top center; background-repeat: no-repeat; text-align: center}
.BoxPage-Qualification,.BoxPage-Video,.BoxPage-Lichen,.BoxPage-Dairy,.BoxPage-Gonyinshan,.BoxPage-Kuhu,.BoxPage-Infant-brand,.BoxPage-Infant-product,.BoxPage-Infant-shili,.BoxPage-Infant-video,.BoxPage-Infant-liaojie{ width: 100%; background: #efeeee; background-size: cover; background-position: center; text-align: center; position: relative;}
.BoxPage-Lichen{ background: url(../image/lichen-bj.jpg) #f5f5f5 center top no-repeat; background-size: 100% auto}
.BoxPage-Kuhu{ background: url(../image/kehu-logo-bj.png) #efeeee center bottom no-repeat; background-size: 100% auto}
.BoxPage-Gonyinshan{ background: #b5b5b5; overflow: hidden}
.BoxPage-Infant-brand{ background: url(../image/brand-1.jpg) #f3f8f9 center bottom no-repeat; background-size: 100% auto}
.BoxPage-Infant-product{ background: url(../image/pro-bj.jpg) #f3f8f9 center no-repeat; background-size: cover}
.BoxPage-Infant-video{background-color: #f7f7f7}
.BoxPage-Infant-liaojie{ background-color: #f7a63f}

.boxpage-bt{ width: 100%; height: 138px; background-size: auto 100%; background-repeat: no-repeat; background-position: center; margin: auto; margin-bottom: 50px}
.boxpage-bs{ width: 100%; border-radius: 10px; background: #fff; margin-top: 200px}
.about-info-box{ background: #fff; display: flex; align-items: center; text-align: left; box-sizing: border-box; padding: 50px 50px 50px 0px; margin-top: 17%}
.about-info-box .photo{ width: 28%; text-align: center}
.about-info-box .photo img{ width: 60%; display: block; margin: auto;}
.about-info-box .content{ width: 72%; font-size: 24px; line-height: 1.6em; font-weight: 500}
.about-info-box .content p{ margin: 12px 0; font-weight: 400}

.home-about-logo{ display: block; margin: auto; max-width: 45%; margin-bottom: 60px}
.about-nrbox{ width: 90%; margin: auto; max-width: 953px; color: #9d9d9d; text-align: justify}
.about-nrbox p{ margin-bottom: 20px;}
.about-nr1{ width: 90%; height: 50px; background: url(../image/about-nr-1.png) center no-repeat; background-size: 953px 50px;  margin: auto; margin-bottom: 30px; }
.about-nr2{ width: 90%; height: 50px; background: url(../image/about-nr-2.png) center no-repeat; background-size: 953px 50px;  margin: auto; margin-bottom: 30px; }

.qualiul{ width: 100%;}
.qualiul li{ float: left; width: 50%;}
.qualiul li>div{ text-align: center; background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); max-width: 568px; width: 95%; padding: 50px 0;}
.qualiul li:nth-child(even)>div{ float: right}
.qualiul li>div .img{ position: relative; overflow: hidden; margin: auto; width: 88%;}
.qualiul li>div .img img{ display: block; margin: auto; width: 100%}
.qualiul li>div .nr{ padding-top: 45px; color: #f7a63f; width: 88%; margin: auto;}
.qualiul li>div .nr p{ font-weight: 300; margin-top: 10px}
.qualiul li>div .img:hover img{transform:scale(1.1)}

.mainvideo{ width: 100%; position: relative; z-index: 2; box-shadow: 0 5px 10px rgba(255, 107, 0, 1); border-radius: 10px; overflow: hidden }
.mainvideo .ib{ width: 100%; position: relative; vertical-align: middle;  cursor: pointer}
.mainvideo .ib .iconfont{ position: absolute; color: #f7a63f; font-size: 120px; top:50%; margin-top: -60px; left: 50%; margin-left: -60px; font-weight: 300; }
.mainvideo .ib>img{ width: 100%; display: block; height: auto; border-radius: 10px}
.mainvideo .ib:hover .iconfont{color: #fff;  }
.mainvideo .video{ width: 100%; height: 100%; position: absolute; top:0; left: 0; display: none;border-radius: 10px; overflow: hidden}

.BoxPage-Video .w1200max{ position: relative; z-index: 2}
.BoxPage-Video .bdiv{ width: 100%; background: #f7a63f; height: 50%; position: absolute; bottom:0; border-top:2px solid #fff}

.lichenul{ width: 3px; background: #f7a63f; margin: auto}
.lichenul li{ position: relative; padding:20px 0}
.lichenul li .y-lichen{ background: #fff; border: 2px solid #f7a63f; width: 84px; height: 84px; padding: 3px; border-radius: 100px; margin-left: -47px; position: absolute; top:50%; margin-top: -47px; left: 0; z-index: 2}
.lichenul li .y-lichen b{ display: block; width: 100%; height: 100%; background: #f7a63f; line-height: 84px; text-align: center; font-size: 21px; font-weight: 300; color: #fff; border-radius: 100px}
.lichenul li .nr-lichen{ width: 600px;  background: #fff; border-radius: 8px; border: 2px solid #d1d1d1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  text-align: left; color: #575757; position: relative;left: 98px; visibility: hidden; animation-duration: .6s;}
.lichenul li .nr-lichen>div{ padding: 28px}
.lichenul li .nr-lichen>div b{ font-weight: 600; display: block; margin-bottom: 5px}
.lichenul li>i{ display: block; height: 2px; width: 60px; background: #b0b0b0; position: absolute; top:50%; left: 42px;}
.lichenul li.l-left .nr-lichen{ left: initial; left: -698px; text-align: right}
.lichenul li.l-left>i{ top:50%; left: inherit; right: 42px}
.lichenul li .nr-lichen.fmin{ top:23%}

.lichenul li:hover .y-lichen b{ background: #fff; color: #f7a63f}
.lichenul li .y-lichen.y-lichen2017{margin-top: 113px;}

.lichenul li.hebin{ z-index: 1}
.lichenul li.hebin .nr-lichen{ top: 80px}
.lichenul li.hebin>i{ top: 100%; left: 72px;}
.lichenul li.hebin-d>i{ display: block; background:none; height:100%; width: 28px; border: 2px solid #b0b0b0; border-left: 0; top:-50%}
.lichenul li.hebin-d .nr-lichen{ opacity: 0}
.lichenul li.hebin-d .y-lichen{ opacity: 0}

.Hezouul.swiper-container {  width: 100%;  height: 100%;}

.Hezouul .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;

   
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center; height: 102px; background-size:  auto 160%; background-position: center; background-repeat: no-repeat
 }

 .swiper-slide .w1564max{ height: 100%}
 .aggbtbox{ position: absolute; top:14%; left: 1%; display: none; color: #fc7a0c}
 .aggbtbox b{ display: block; animation-duration: .6s; font-size: 53px; font-weight: 600;letter-spacing: 2px; }
 .aggbtbox b span{ font-weight: 300; font-size: 40px; display: inline-block; margin: 0 10px}
 .aggbtbox p{ display: block; -webkit-animation-delay: 0.05s;animation-delay: 0.05s; animation-duration: .6s; font-weight: 600; font-size: 23px; margin-top: 40px; line-height: 30px; font-family:'Times New Roman', Times, serif; text-transform:uppercase }
 .swiper-slide-active .aggbtbox{ display: block}

 .boxpage-dairy{ background: #fff; width: 100%; text-align: center; padding-bottom:70px; margin-bottom: 30px }
 .boxpage-dairy h3{ display: inline-block; margin-bottom: 45px; font-size: 24px}
 .boxpage-dairy h3>a{background: #f7a63f; color: #fff; padding: 26px 48px; display: block; font-weight: 400;border: 1px solid #f7a63f;  }
 .boxpage-dairy h3>a:hover{border: 1px solid #f7a63f; background: none; color: #f7a63f }
 .boxpage-dairy .nrbox{ width: 90%; margin: auto; max-width: 960px; text-align: center;}
 .boxpage-dairy .nrbox img{ max-width: 100%}
 .boxpage-dairy .nrbox .btmin{ width: 100%; height: 72px; line-height: 72px; text-align: center; margin-bottom: 20px; position: relative; display: block}
 .boxpage-dairy .nrbox .btmin>b{ display: block; margin: auto; width: 72px; height: 72px; border: 1px solid #fff; color: #fff; font-size: 28px; background: #f7a63f; border-radius: 100px; font-weight: 500}
 .boxpage-dairy .nrbox .btmin>div{  width: 44%; position: absolute; height: 36px; border-bottom: 1px solid #f7a63f; left: 0; top:0}
 .boxpage-dairy .nrbox .btmin>div>i{ display: block; width: 8px; height: 8px; border: 1px solid #f7a63f; background: #fff; position: absolute; right: 0; bottom:-5px; border-radius: 100px}
 .boxpage-dairy .nrbox .btmin>div.r{ left: initial; right: 0;}
 .boxpage-dairy .nrbox .btmin>div.r>i{right: initial; left: 0}
 .boxpage-dairy .nrbox .btmin:hover>b{border: 1px solid #f7a63f; color: #f7a63f; background: none }
 .boxpage-dairy .p-country{ width: 100%; text-align: center; margin-bottom:20px; margin-top: 10px}
 .boxpage-dairy .p-country>img{ display: inline-block; margin: 0 10px}
 .dairy-aimg{ display: block; overflow: hidden}
 .dairy-aimg:hover img{ transform: scale(1.05)}


 .gonyinul{ width: 110%;}
 .gonyinul li{ float: left; width: 18.4%;}
 .gonyinul li>div{ margin-right: 8%; border: 4px solid #c6c6c6; border-radius: 3px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
 .gonyinul li>div>img{ width: 100%;}
 .gonyinul li>div:hover{ transform: scale(1.1)}

 .kehuul{ width: 100%;}
 .kehuul li{ float: left; width: 10%;}
 .kehuul li>div{ padding: 3px; text-align: center}
 .kehuul li>div>img{ width: 100%;max-width: 313px;}
 .kehu-font{ width: 100%; margin-left: -12px; margin-bottom: 0px; margin-top: 90px}
 .kehu-font>div{ float: left; width: 25%; text-align: left;}
 .kehu-font>div>div{ border-left: 1px solid #fff}
 .kehu-font>div a{ display: block; padding-bottom: 15px; padding-left: 18px; color: #fff; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
 .kehu-font>div a.footz24{ font-size: 22px}
 .kehuul li>div>img:hover{ transform: scale(.95)}

 .adlabout{ background: #fff; border-radius: 10px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); padding: 18px; text-align: left; max-width: 1120px; margin: auto; box-sizing: border-box; margin-bottom: 280px}
 .adlabout .imglogo{ background-color: #f6f6f6; background-size: 80%; background-repeat: no-repeat; background-position: center; width: 28%;float: left;}
 .adlabout .imglogo>img{ display: block; width: 100%;}
 .adlabout .nr{ width: 72%; float: left; color: #9d9d9d; text-align: justify}
 .adlabout .nr>div{ padding-left: 8%; padding-right: 5%}
 .adlabout .nr>div img{ display: block; margin: 40px 0}
 .adlabout .nr>div p{ margin-bottom: 15px}

 .infantproul{ width: 100%; padding-top: 50px}
 .infantproul li{float: left; width: 33.33%; text-align: center}
 .infantproul li>div{ width: 65%; margin: auto; max-width: 285px}
 .infantproul li>div img{ display: block; position: relative; margin: auto; width: 100%;}
 .infantproul li>div img:hover{ transform: scale(1.1)}
 .infantproul li>div { color: #f7a63f;}
 .infantproul li>div b{ display: block;font-weight: 400;}

 .fontbox{ margin-bottom: 70px}
 .fontbox b{ color: #31a4e4; margin-bottom: 20px; display: block; font-weight: 300}
 .fontbox b:hover{ color: #fff}
 .fontbox p{ color: #9d9d9d; line-height: 30px}

 .shiliagg{ background: #fff; border-radius: 10px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);  box-sizing: border-box; padding: 10px; position: relative}
 .shiliagg>img{ display: block; width: 100%; }
 .infantbanner{ width: 100%; height:100%!important; position: absolute; overflow: hidden; top:0; left: 0; box-sizing: border-box; border: 10px solid #fff; border-radius: 10px; overflow: hidden}
 .infantbanner .swiper-slide{ background-size: cover; background-position: center}
 .infantbanner .swiper-pagination{ bottom:5px; text-align: right; left: -10px}
 .infantbanner .swiper-pagination .swiper-pagination-bullet{ margin: 0 5px !important}

 .BoxPage-Infant-video .mainvideo{ box-shadow: 0 5px 10px rgba(0, 0, 0, .2);  }

 .liaojieewm{ width: 107.5%;}
 .liaojieewm li{ width: 25%; float: left; text-align: center;}
 .liaojieewm li>div{ width: 70%; margin: 0}

 .liaojieewm li img{ display: block; width: 100%; border: 8px solid #fbd29d; border-radius: 8px; box-sizing: border-box}
 .liaojieewm li b{ display: block; color: #fff; font-weight: 400; border: 1px solid #fff; border-radius: 100px;padding: 5px 0; margin: auto; margin-top: 16px; }

 .liaojieewm li>div>a{ background:  #f7a63f;}
 .liaojieewm li>div>a::selection{ background:  #f7a63f;}
 .liaojieewm li>div>a:hover b{ color: #f7a63f; border: 1px solid #fff;  background: #fff; }
 .liaojieewm li>div>a:hover img{ border: 8px solid #fff; }

 .newslistbox{ width: 85%;  color: #8d8d8d}
 .newslistbox li{ margin-bottom: 50px}
 .newslistbox li>div>.img{ width: 40%; float: left; border-radius: 30px; overflow: hidden}
 .newslistbox li>div>.img img{ display: block; width: 100%;}
 .newslistbox li>div>.img:hover img{ transform: scale(1.05)}
 .newslistbox li>div>.nr{ width: 60%; float: left;}
 .newslistbox li>div>.nr>div{ padding-left: 5%}
 .newslistbox li>div>.nr>div h3{padding: 20px 0}
 .newslistbox li>div>.nr>div h3 a{ font-weight: 400; }
 .newslistbox li>div>.nr>div p{display: block; min-height: 155px }
 .newslistbox li>div>.nr>div p a{color: #8d8d8d}
 .newslistbox li>div>.nr>div p a:hover{ color:#f7a63f}
 .newslistbox li>div>.nr>div .info span{ margin-right: 30px}
 .newslistbox li>div>.nr>div .info span i{ margin-right: 5px; font-size: 20px}

 .a-more { display: block; width: 480px; height: 48px; line-height: 46px; border: 1px solid #f7a63f; font-size: 16px; text-align: center; margin: 0 auto 50px; color: #f7a63f; overflow: hidden; border-radius: 10px; cursor: pointer}
 .a-more:hover{ background: #f7a63f; color: #fff;}

.bdsharebuttonbox{ text-align: center; width: 190px; margin: auto; padding: 20px 0;}


.newsdetails .news-l{ float: left; width: 68%; }
.newsdetails .news-r{ float: left; width: 32%;}

.newsdetails .news-l>h3.bt{ font-weight: 400; margin-bottom: 20px; font-size: 28px}
.newsdetails .news-l .info{ border-bottom: 1px solid #E3E3E3; padding-bottom: 20px; margin-bottom: 20px}
.newsdetails .news-l .info span{ margin-right: 30px}
.newsdetails .news-l .info span i{ margin-right: 5px; font-size: 20px}
.newsdetails .news-l .nrdetails{ font-size: 16px; line-height: 25px; padding-bottom: 50px}
.newsdetails .news-l .nrdetails img{ max-width: 100%; display: inline-block}
.newsdetails .news-l .nrdetails p{ display: block;}

.newsdetails .news-r>div{padding-left: 17%; margin-bottom: 20px}
.newsdetails .news-r .lbt{margin-bottom: 20px; font-weight: 400;}
.news-l-list li{border-bottom: 1px solid #E3E3E3; padding: 10px  0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.news-l-list li a{ font-size: 14px; color: #ff8a00}
.news-l-list li:hover{border-bottom: 1px solid #f7a63f;}

.bt-dairy{ height: 182px}
.nr-dairy{margin: auto; text-align: center; width: 90%; max-width: 1040px; padding-top: 70px}
.nr-dairy>img{ display: block; width: 100%}

.dairybt{ visibility: hidden;}

.section-title{ text-align: center; font-size: 25px; margin-bottom: 48px;}
.section-title>h1{ font-size: 2em; font-weight: 500; color: #ee6d0f; display: block; margin-bottom: .3em}
.section-title>div{ position: relative; padding: 0 3em; display: inline-block; color: #575757;}
.section-title>div:after{ content: ""; width: 100%; height: 2px; background-color: #575757; position: absolute; top:50%; left: 0;}
.section-title>div>span{font-size: 1em; font-weight: 500; background-color: #fff; display: block; padding: 0 .5em; position: relative; z-index: 1;}

.home-product-list{ display: flex; gap: 2%;}
.home-product-list>div{ flex: 1;}

.product-box{ background-color: #fff; border-radius: 14px; overflow: hidden; box-shadow: 1px 0 10px rgba(138,138,138,0.35); font-size: 28px; display: block}
.product-box>.content{ height: 6.7em; box-sizing: border-box; padding: 1.2em 0 0 1.3em; }
.product-box>.content>h3{ font-weight: bold; color: #172749; line-height: 1.2em; transition: all 0.3s ease-out 0s;}
.product-box>.content>span{ font-size: 16px; font-weight: 500}
.product-box>.content>span>i{ color: #ee6d0f;  transform: rotate(-90deg); display: inline-block; font-size: 1.2em}
.product-box>.product-img{ width: 100%; display: block; aspect-ratio: 326 / 246; object-fit: cover;}
.product-box:hover>.content>h3{ color: #ee6d0f; }

.product-rail{ height: 8px; background: linear-gradient(to right, #f7a540, #fc7b0e); }

.home-product-application-list{ display: flex; gap: 2%;  flex-wrap: wrap;}
.home-product-application-list>div{ width: 23%}

.product-application-box{ font-size: 24px; text-align: center; margin-bottom: 1.6em;}
.product-application-box>.product-img{ width: 100%; display: block; aspect-ratio: 640 / 548; object-fit: cover;}
.product-application-box>.title{ background: linear-gradient(to right, #f7a540, #fc7b0e); color: #fff; padding: 10px 0; font-weight: 500}

.product-category-box{ width: 100%; max-width: 1260px; margin: auto; display: flex;}
.product-category-box>div{ flex: 1; text-align: center;}
.product-category-box>div>a{ display: inline-block; margin: auto; background-color: #ee6d0f; font-size: 18px; border-radius: 100px; color: #fff; font-weight: 500; padding: 8px 0; width: 210px}
.product-category-box>div>a:hover,.product-category-box>div>a.active{ background-color: #f7a63f;}

.product-details-box{ border-radius: 30px; overflow: hidden; box-shadow: 1px 0 10px rgba(138,138,138,0.35); font-size: 28px; display: block; margin-top: 50px;}
.product-details-box>h1{ background-color: #ee6d0f; color: #fff; text-align: center; font-size: 38px; font-weight: bold; padding: 22px 0;}
.product-details-box>.details>img{ display: block; width: 100%}

@media screen and (max-width: 1700px){
    .kehu-font>div a.footz24{ font-size: 20px}
    .aggbtbox b{ font-size: 45px;}
    .aggbtbox b span{ font-size: 40px; }
    .aggbtbox p{ font-size: 23px; margin-top: 30px; line-height: 30px;}
}
@media screen and (max-width: 1600px){
    .dh li b{ font-size: 18px}
    .dh li a{ font-size: 13px;}
    .Hezouul .swiper-slide {height: 90px;}

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

    .kehu-font{  margin-left: -12px; margin-top: 60px}
    .kehu-font>div a.footz24{ font-size: 18px}
    .kehu-font>div a{  padding-bottom: 10px; padding-left: 18px; }

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

    .section-title{ text-align: center; font-size: 22px;}
    .product-box{ font-size: 24px;}
    .product-details-box>h1{font-size: 32px;padding: 22px 0;}
}
@media screen and (max-width: 1400px){
    .boxpage-bt{ height: 120px; margin-bottom: 40px}
    .home-about-logo{ max-width: 30%; margin-bottom: 60px}
    .lichenul li .nr-lichen{ width: 500px;}
    .lichenul li.l-left .nr-lichen{left: -598px;}
    .Hezouul .swiper-slide {height: 80px;}

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

    .kehu-font{  margin-left: -12px; margin-top: 60px}
    .kehu-font>div a.footz24{ font-size: 16px}
    .kehu-font>div a{  padding-bottom: 10px; padding-left: 18px; }

    .adlabout{ margin-bottom: 230px}
    .infantproul li>div b{ font-weight: bold}

    .bt-dairy{ height: 152px}

    .aggbtbox b{ font-size: 40px;}
    .aggbtbox b span{ font-size: 30px; }
    .aggbtbox p{ font-size: 18px; margin-top: 20px; line-height: 25px;}

    .section-title{ text-align: center; font-size: 20px;}
    .product-box{ font-size: 22px;}

    .product-application-box{ font-size: 20px;}

    .about-info-box{margin-top: 12%}
    .about-info-box .content{  font-size: 22px;}

    .product-details-box>h1{font-size: 30px;padding: 16px 0;}
}
@media screen and (max-width: 1300px){
    .dh li b{ font-size: 16px}
    .dh li a{ font-size: 12px;}
    .Wap_DH_Box .dh li a  b{ font-size: 18px; font-weight: 400}
    .Hezouul .swiper-slide {height: 70px;}
    .adlabout{ margin-bottom: 200px}

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

     .newslistbox li>div>.nr>div p{display: block; min-height: 100px }

    .section-title{ text-align: center; font-size: 18px;}
    .product-box{ font-size: 20px;}

    .about-info-box .content{  font-size: 20px;}
}
@media screen and (max-width: 1200px){
    .about-nr1{ width: 100%; height: 50px; background-size: 953px 50px; margin-bottom: 30px }
    .about-nr2{ width: 100%; height: 50px; background-size: 953px 50px; margin-bottom: 30px }
    .lichenul li .nr-lichen{ width: 430px;}
    .lichenul li .nr-lichen>div{ padding: 20px}
    .lichenul li .nr-lichen>div b{ font-size: 16px}
    .lichenul li.l-left .nr-lichen{left: -528px;}

     .boxpage-dairy h3{ font-size: 20px}
     .boxpage-dairy .p-country>img{ height: 200px}

    .kehu-font{  margin-left: -12px; margin-top: 40px}
    .kehu-font>div a.footz24{ font-size: 14px}
    .kehu-font>div a{  padding-bottom: 10px; padding-left: 18px; }

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

    .aggbtbox b{ font-size: 35px;}
    .aggbtbox b span{ font-size: 25px; }
    .aggbtbox p{ font-size: 16px; margin-top: 20px; line-height: 25px;}

    .product-box{ font-size: 18px;}

    .about-info-box .content{  font-size: 18px;}

    .product-category-box>div>a{ font-size: 18px; padding: 8px 0; width: 90%}
}
@media screen and (max-width: 1020px){
    .lichenul li .nr-lichen{ width: 350px;}
    .lichenul li .nr-lichen>div{ padding: 20px}
    .lichenul li .nr-lichen>div b{ font-size: 16px}
    .lichenul li.l-left .nr-lichen{left: -448px;}
    .lichenul li .y-lichen.y-lichen2017{margin-top: 101px;}


}
@media screen and (max-width: 800px){
}