.header-wrap-bg{position:fixed;height:169px;width:100%;top:65px;z-index:10}.header-wrap-bg .container{height:100%;background-image:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,0)),to(#fff));background-image:linear-gradient(0deg,hsla(0,0%,100%,0),#fff)}.header-wrap{height:72px;position:fixed;top:0;width:100%;z-index:1;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.3)}@media screen and (max-width:1199px){.header-wrap{height:76px;box-shadow:0 3px 6px rgba(0,93,14,.4);background:#fff}}.header-wrap .menu-list{width:144px;float:right}.header-wrap .menu-list .menu-item{height:35px;font-size:16px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.header-wrap .menu-list .menu-item-bg1{background:#86d150}.header-wrap .menu-list .menu-item-bg2{background:#71c937}.header-wrap .menu-list .menu-item-bg3{background:#60c01d}.header-wrap .menu-list .menu-item-bg4{background:#4cb304}.header-wrap .menu-list .menu-item-bg5{background:#3e9b00}.header-wrap .header{display:flex;justify-content:space-between;width:100%;max-width:1200px;margin:auto;height:100%;padding:0 16px 20px;align-items:flex-end}@media screen and (max-width:1199px){.header-wrap .header{padding:16px}}.header-wrap .header .logo{width:175px}@media screen and (max-width:1199px){.header-wrap .header .logo,.header-wrap .header .logo img{height:100%;width:auto}}.header-wrap .header .menu-logo{font-size:23px;cursor:pointer}.header-wrap .header .links{display:flex}.header-wrap .header .links .link{font-size:18px;color:#06713a;padding-left:26px;cursor:pointer}@media screen and (max-width:1199px){.header-wrap .header .links{display:none}}.header-wrap .header .header-right{display:flex;flex-direction:column;justify-content:flex-end;height:100%}@media screen and (max-width:1199px){.header-wrap .header .header-right{justify-content:flex-end}}.header-wrap .header .header-right .lang{width:88px;height:27px;display:flex;margin-top:6px;font-size:12px;padding:0 17px;border-top-left-radius:20px;border-bottom-left-radius:20px;justify-content:space-around;align-items:center;background:#53a1cb 0 0 no-repeat padding-box}@media screen and (max-width:1199px){.header-wrap .header .header-right .lang{display:none}}.banner{background:transparent -webkit-gradient(linear,left top,right top,from(#fff),to(#edf7fc)) 0 0 no-repeat padding-box;background:transparent linear-gradient(90deg,#fff,#edf7fc) 0 0 no-repeat padding-box;background-size:100% 65%;max-width:1200px;margin:auto}@media screen and (max-width:1199px){.banner{padding-top:0;width:100%;background-size:100% 82%}}.banner .banner-img{width:100%}@media screen and (max-width:1199px){.banner .banner-img{height:unset;margin:auto}}.banner .banner-img img{width:100%;height:auto}@media screen and (max-width:1199px){.banner .banner-img img{width:100%;content:url(/static/media/home-banner-s.961ada6b.png)}}.about-us{margin-bottom:140px;padding:0 16px}@media screen and (max-width:1199px){.about-us{padding-bottom:0;margin-bottom:32px}}.about-us .title{width:39%;margin-bottom:64px}@media screen and (max-width:1199px){.about-us .title{margin-bottom:15px;width:57%}}@media screen and (max-width:1199px){.about-us .title img{content:url(/static/media/title-1-s.5f0514c4.svg)}}.about-us .about-us-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:140px}@media screen and (max-width:1199px){.about-us .about-us-row{flex-direction:column;margin-bottom:32px}}.about-us .about-us-row .about-us-left{width:40%;display:flex;justify-content:flex-end}@media screen and (max-width:1199px){.about-us .about-us-row .about-us-left{width:100%;justify-content:center}}.about-us .about-us-row .about-us-left .image{width:71.4%}@media screen and (max-width:1199px){.about-us .about-us-row .about-us-left .image{width:65%}}.about-us .about-us-row .about-us-right{width:60%;padding-left:10%}@media screen and (max-width:1199px){.about-us .about-us-row .about-us-right{width:100%;padding-left:0}}.about-us .about-us-row .about-us-right .content1{margin-bottom:46px}@media screen and (max-width:1199px){.about-us .about-us-row .about-us-right .content1{margin-bottom:24px}}.about-us .about-us-row .about-us-right p{margin:.5rem 0}@media screen and (max-width:1199px){.about-us .about-us-row .image{margin-bottom:12px}}.microbiome{width:973px;margin-bottom:90px}@media screen and (max-width:1199px){.microbiome{width:100%;box-shadow:0 8px 10px rgba(0,93,14,.2);margin-bottom:0;padding-bottom:60px}}.microbiome .title{margin-bottom:90px}@media screen and (max-width:1199px){.microbiome .title{margin-bottom:-14px}}.microbiome .col{width:200px}@media screen and (max-width:1199px){.microbiome .col{width:100%}}.microbiome .col img{margin-bottom:64px}@media screen and (max-width:1199px){.microbiome .col img{width:57.14%;margin:60px auto 32px}}.lactoferrin{max-width:1200px;margin:auto}@media screen and (max-width:1199px){.lactoferrin.container{padding:0}}.lactoferrin .lactoferrin-bg{background:rgba(106,194,44,.08);position:relative;padding:47px 0 0 16px}@media screen and (max-width:1199px){.lactoferrin .lactoferrin-bg{height:unset}}.lactoferrin .lactoferrin-bg-2{height:80px;float:right;width:calc(100% - 146px);background:rgba(106,194,44,.08);padding:0 0 0 16px}@media screen and (max-width:1199px){.lactoferrin .lactoferrin-bg-2{width:calc(84% - 13.44px);height:40px}}.lactoferrin p{margin:.5rem 0}.lactoferrin .title{width:71.5%}@media screen and (max-width:1199px){.lactoferrin .title{width:100%}}@media screen and (max-width:1199px){.lactoferrin .title img{content:url(/static/media/title-2-s.94493d21.svg)}}.lactoferrin .content{width:calc(100% - 130px);margin-left:130px;background:rgba(106,194,44,.08);padding:80px 257px 80px 116px}@media screen and (max-width:1199px){.lactoferrin .content{padding:27px 16px;margin-left:0;background:transparent;width:100%;position:relative}}@media screen and (max-width:1199px){.lactoferrin .content .lactoferrin-bg-1{height:100%;width:84%;position:absolute;top:0;right:0;background:rgba(106,194,44,.08)}}.lactoferrin .features{background:#fff;opacity:1;width:100%;max-width:1200px;margin:54px auto 91px;padding:50px 0 185px;position:relative;z-index:-1}@media screen and (max-width:1199px){.lactoferrin .features{background:#fff;margin:0 auto;padding:50px 0 47px}}@media screen and (max-width:1199px){.lactoferrin .features .group-circles{width:375px;margin:auto;height:410px;position:relative}}.lactoferrin .features .image{width:71%;margin:auto}@media screen and (max-width:1199px){.lactoferrin .features .image{width:100%}}.lactoferrin .features .circle-content{position:absolute;width:21.67%;border-radius:200px;text-align:center}.lactoferrin .features .circle-content .feature{text-align:left;padding-left:35px;width:90%}.lactoferrin .features .circle-content:before{content:"";float:left;padding-top:100%}.lactoferrin .features .circle-bg1-enter{background:#7dc54a;width:21.67%;top:90px;left:0}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg1-enter{width:166px;height:166px;top:0;left:-84px;bottom:282px}}.lactoferrin .features .circle-bg1-enter-active{background:#7dc54a;width:21.67%;top:90px;left:0;-webkit-transform:translateX(69px);transform:translateX(69px);-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg1-enter-active{width:166px;height:166px;top:0;left:-84px;-webkit-transform:translateX(100px);transform:translateX(100px);-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s;bottom:282px}}.lactoferrin .features .circle-bg1-enter-done{background:#7dc54a;width:21.67%;top:90px;left:69px}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg1-enter-done{width:166px;height:166px;top:0;left:16px;bottom:282px}}.lactoferrin .features .circle-title{font-style:oblique;padding-top:20px}.lactoferrin .features .circle-bg2-enter{background:#7ed342;width:21.67%;bottom:86px;left:0}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg2-enter{width:166px;height:166px;top:75px;right:-86px;left:unset;bottom:188px}}.lactoferrin .features .circle-bg2-enter-active{background:#7ed342;width:21.67%;bottom:86px;left:0;-webkit-transform:translateX(115px);transform:translateX(115px);-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg2-enter-active{width:166px;height:166px;top:75px;right:-86px;left:unset;bottom:188px;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}}.lactoferrin .features .circle-bg2-enter-done{background:#7ed342;width:21.67%;bottom:86px;left:115px}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg2-enter-done{width:166px;height:166px;top:75px;right:16px;left:unset;bottom:188px}}.lactoferrin .features .circle-bg3-enter{background:#5aba16;width:21.67%;top:67px;right:0}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg3-enter{width:166px;height:166px;top:180px;left:-100px;right:unset;bottom:94px}}.lactoferrin .features .circle-bg3-enter-active{background:#5aba16;width:21.67%;top:67px;right:0;-webkit-transform:translateX(-66px);transform:translateX(-66px);-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg3-enter-active{width:166px;height:166px;top:180px;left:-100;right:unset;bottom:94px;-webkit-transform:translateX(126px);transform:translateX(126px);-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}}.lactoferrin .features .circle-bg3-enter-done{background:#5aba16;width:21.67%;top:67px;right:66px}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg3-enter-done{width:166px;height:166px;top:180px;left:26px;right:unset;bottom:94px}}.lactoferrin .features .circle-bg4-enter{background:#83e041;width:17.5%;bottom:124px;right:0}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg4-enter{width:140px;height:140px;top:272px;bottom:unset;right:-70px}}.lactoferrin .features .circle-bg4-enter-active{background:#83e041;width:17.5%;bottom:124px;right:0;-webkit-transform:translateX(-109px);transform:translateX(-109px);-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg4-enter-active{width:140px;height:140px;top:272px;bottom:unset;right:-70px;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}}.lactoferrin .features .circle-bg4-enter-done{background:#83e041;width:17.5%;bottom:124px;right:109px}@media screen and (max-width:1199px){.lactoferrin .features .circle-bg4-enter-done{width:140px;height:140px;top:272px;bottom:unset;right:30px}}.for-who{width:100%;max-width:1199px;margin:0 auto 47px;padding:0 16px;position:relative}.for-who .title{width:682px}@media screen and (max-width:1199px){.for-who .title{width:83%}}@media screen and (max-width:1199px){.for-who .title img{content:url(/static/media/title-3-s.faa98009.svg)}}.for-who .subtitle{font-size:23px;line-height:26px;font-weight:700;font-style:Oblique;color:#000;letter-spacing:1.03px;margin:0 0 13px}@media screen and (max-width:1199px){.for-who .subtitle{font-size:18px}}.for-who .content1{width:410px}@media screen and (max-width:1199px){.for-who .content1{width:100%}}.for-who .for-who-img1{position:absolute;width:338px;right:61px;top:94px}@media screen and (max-width:1199px){.for-who .for-who-img1{position:static;display:flex;justify-content:flex-end}}@media screen and (max-width:1199px){.for-who .for-who-img1 .img-block{display:flex;justify-content:flex-end;width:71%}}@media screen and (max-width:1199px){.for-who .for-who-img1 img{width:100%}}.for-who .for-who-img2{position:relative;width:432px;margin:auto;top:-50px;left:-28px}@media screen and (max-width:1199px){.for-who .for-who-img2{position:static;margin-bottom:62px;display:flex;justify-content:flex-start}}@media screen and (max-width:1199px){.for-who .for-who-img2 img{width:63.1%}}.suitable{width:100%;max-width:1199px;margin:auto}.suitable .suitable-img{width:57.25%}@media screen and (max-width:1199px){.suitable .suitable-img{width:100%;margin-bottom:45px}}.suitable .suitable-content{width:42.75%;padding:0 16px 0 69px}@media screen and (max-width:1199px){.suitable .suitable-content{width:100%;padding:0 16px 24px;box-shadow:0 8px 10px rgba(0,93,14,.2)}}.suitable .suitable-content .subtitle{font-size:23px;line-height:26px;font-weight:700;font-style:Oblique;color:#000;margin:18px 0 6px}@media screen and (max-width:1199px){.suitable .suitable-content .subtitle{font-size:18px;line-height:26px;letter-spacing:.81px;margin:6px 0 18px}}.safe-preparation{padding:0 16px}.safe-preparation .title{width:1129px}@media screen and (max-width:1199px){.safe-preparation .title{width:100%}}@media screen and (max-width:1199px){.safe-preparation .title img{content:url(/static/media/title-4-s.0db274b7.svg)}}.safe-preparation .steps{margin:52px 0}.safe-preparation .steps .step-block{display:flex;margin-bottom:52px;justify-content:center}@media screen and (max-width:1199px){.safe-preparation .steps .step-block{justify-content:space-between;margin-bottom:40px}}.safe-preparation .steps .step-block .image{width:170px;margin-right:26px}@media screen and (max-width:1199px){.safe-preparation .steps .step-block .image{width:22.5%;margin-right:0}}.safe-preparation .steps .step-block .content{padding-top:36px}@media screen and (max-width:1199px){.safe-preparation .steps .step-block .content{width:73.7%;padding-top:0}}.safe-preparation .steps .step-block .content .step-title{color:#7dc54a;text-transform:uppercase;font-size:30px;font-weight:700;line-height:26px;letter-spacing:1.35px;margin-bottom:14px}@media screen and (max-width:1199px){.safe-preparation .steps .step-block .content .step-title{font-size:20px;letter-spacing:.9px;margin-bottom:10px}}.safe-preparation .steps .step-block .content .content1{width:774px}@media screen and (max-width:1199px){.safe-preparation .steps .step-block .content .content1{width:100%}}.contact-us{padding:0 16px;margin-bottom:36px}.contact-us .title{width:639px}@media screen and (max-width:1199px){.contact-us .title{width:83%}}@media screen and (max-width:1199px){.contact-us .title img{content:url(/static/media/title-5-s.61cc5d26.svg)}}.contact-us .form-block{display:flex;justify-content:space-between}@media screen and (max-width:1199px){.contact-us .form-block{flex-direction:column}}.contact-us .form-block .left{padding-top:43px}@media screen and (max-width:1199px){.contact-us .form-block .left{width:100%;padding-top:9px}}.contact-us .form-block .left .email{padding-top:22px}@media screen and (max-width:1199px){.contact-us .form-block .left .email{width:70.4%}}.contact-us .form-block .left .form{width:630px;margin-top:22px}@media screen and (max-width:1199px){.contact-us .form-block .left .form{width:100%}}.contact-us .form-block .left .form input,.contact-us .form-block .left .form textarea{width:100%;height:54px;margin-bottom:20px;border:1px solid #7dc74a;padding:0 20px;color:#7dc74a;font-size:16px}@media screen and (max-width:1199px){.contact-us .form-block .left .form input,.contact-us .form-block .left .form textarea{font-size:16px}}.contact-us .form-block .left .form input::-webkit-input-placeholder,.contact-us .form-block .left .form textarea::-webkit-input-placeholder{color:#7dc74a;font-size:16px}.contact-us .form-block .left .form input::-moz-placeholder,.contact-us .form-block .left .form textarea::-moz-placeholder{color:#7dc74a;font-size:16px}.contact-us .form-block .left .form input:-ms-input-placeholder,.contact-us .form-block .left .form textarea:-ms-input-placeholder{color:#7dc74a;font-size:16px}.contact-us .form-block .left .form input::-ms-input-placeholder,.contact-us .form-block .left .form textarea::-ms-input-placeholder{color:#7dc74a;font-size:16px}.contact-us .form-block .left .form input::placeholder,.contact-us .form-block .left .form textarea::placeholder{color:#7dc74a;font-size:16px}@media screen and (max-width:1199px){.contact-us .form-block .left .form input::-webkit-input-placeholder,.contact-us .form-block .left .form textarea::-webkit-input-placeholder{font-size:16px}.contact-us .form-block .left .form input::-moz-placeholder,.contact-us .form-block .left .form textarea::-moz-placeholder{font-size:16px}.contact-us .form-block .left .form input:-ms-input-placeholder,.contact-us .form-block .left .form textarea:-ms-input-placeholder{font-size:16px}.contact-us .form-block .left .form input::-ms-input-placeholder,.contact-us .form-block .left .form textarea::-ms-input-placeholder{font-size:16px}.contact-us .form-block .left .form input::placeholder,.contact-us .form-block .left .form textarea::placeholder{font-size:16px}}.contact-us .form-block .left .form textarea{height:178px;padding:18px 20px 0}.contact-us .form-block .left .form .submit-block{display:flex;justify-content:flex-end;margin-bottom:36px}@media screen and (max-width:1199px){.contact-us .form-block .left .form .submit-block{margin-top:20px}}.contact-us .form-block .left .form .submit{cursor:pointer;display:flex;background:#7dc74a 0 0 no-repeat padding-box;border-radius:5px;width:191px;height:54px;letter-spacing:0;color:#fff;font-size:20px;align-items:center;justify-content:center}@media screen and (max-width:1199px){.contact-us .form-block .left .form .submit{width:100%}}.contact-us .form-block .right .image{width:480px}@media screen and (max-width:1199px){.contact-us .form-block .right .image{display:none}}.contact{padding:44px 6.2% 32px;background:#ecf7fc 0 0 no-repeat padding-box}@media screen and (max-width:1199px){.contact{padding:28px 0 28px 16px}}.contact .title1{text-align:left;margin-bottom:23px}@media screen and (max-width:1199px){.contact .title1{margin-bottom:16px}}.contact span{padding-left:13px;color:#009dff}.footer{display:flex;justify-content:center;align-items:center;height:45px;background:#002b15 0 0 no-repeat padding-box;box-shadow:0 -10px 10px rgba(0,93,14,.2)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;font-family:Helvetica;outline-width:0}body,html{margin:0;padding:0;width:100%;color:#606060;overflow-x:hidden}@media screen and (max-width:1199px){body{padding-top:73px}}img{display:block;width:100%;height:auto}p{padding:0}a:-webkit-any-link{text-decoration:none;color:inherit}.flex,.flex-end{display:flex}.flex-end{align-items:flex-end}.flex-center{display:flex;align-items:center;justify-content:center}.flex-v-end{display:flex;flex-direction:column;justify-content:flex-end}.pc-show{display:block}@media screen and (max-width:1199px){.pc-show{display:none}}.mobile-show{display:none}@media screen and (max-width:1199px){.mobile-show{display:block}}.container{width:100%;max-width:1199px;margin:auto}@media screen and (max-width:1199px){.container{width:100%;padding:0 16px}}.title1{font-size:60px;line-height:72px;text-align:center;font-weight:700}@media screen and (max-width:1199px){.title1{font-size:40px;line-height:48px;text-align:left}}.title2{font-size:107px;font-weight:700;letter-spacing:5.35px;line-height:100px}@media screen and (max-width:1199px){.title2{font-size:67px;line-height:67px}}.title3{font-size:20px;font-weight:700}@media screen and (max-width:1199px){.title3{font-size:12px;line-height:12px}}.title4{font-size:60px;line-height:65px;font-weight:700}@media screen and (max-width:1199px){.title4{font-size:40px;line-height:48px}}.content1{font-size:20px;line-height:26px;letter-spacing:.9px}@media screen and (max-width:1199px){.content1{font-size:16px;line-height:20px;letter-spacing:.72px}}.content2{font-size:16px;line-height:19px;letter-spacing:.72px}.content3{font-size:10px;letter-spacing:0}.content4{font-size:20px;line-height:35px;letter-spacing:.9px}.sub-content1{font-size:12px;line-height:26px;letter-spacing:.54px;color:#070606}.row{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:1199px){.row{flex-direction:column;align-items:flex-start}}.column2{width:calc((100% - 56px)/2)}@media screen and (max-width:1199px){.column2{width:100%}}.green{color:#008113}.white{color:#fff}.black{color:#000}
/*# sourceMappingURL=main.d9ac4082.chunk.css.map */