.home-banner{position:relative;background-repeat:no-repeat;background-position:top center;background-size:cover;padding-bottom:43%;height:80vh}.home-banner .slogan{opacity:0;-webkit-transform:translate(-50%, -30%);-ms-transform:translate(-50%, -30%);transform:translate(-50%, -30%);position:absolute;-webkit-animation:1s 1s indexbanner forwards;animation:1s 1s indexbanner forwards;top:50%;left:50%;color:#fff;font-size:2.769rem;letter-spacing:1px;line-height:1.2;font-weight:bold;white-space:nowrap}.home-banner .txt2{background:#078D98;display:inline-block;padding:0 0.1em;margin-left:4em}@media screen and (max-width:800px){.home-banner{height:60vh}.home-banner .slogan{font-size:1.769rem}}@media screen and (max-width:450px){.home-banner .slogan{font-size:1.8rem}}@-webkit-keyframes indexbanner{0%{opacity:0;-webkit-transform:translate(-50%, -30%);transform:translate(-50%, -30%)}to{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}@keyframes indexbanner{0%{opacity:0;-webkit-transform:translate(-50%, -30%);transform:translate(-50%, -30%)}to{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}.index-about{margin-bottom:30px;padding-top:60px;padding-right:7%;padding-bottom:60px;padding-left:7%;background-color:#EBF1F6}.index-about .col1>.inner{background:#009aa6 url(../images/transparent-lens.png)}.index-about .col2>.inner{background:#5bc6e8 url(../images/transparent-bottle.png)}.index-about .col3>.inner{background:#72ce9b url(../images/transparent-eye.png)}.index-about .item>.inner{background-position:right top;background-repeat:no-repeat}.index-about .inner{border-radius:10px 10px 150px 10px;padding-top:25px;padding-left:40px;padding-right:40px;padding-bottom:35px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.index-about h2{color:#fff;font-size:1.385rem;letter-spacing:1px;text-transform:uppercase;font-weight:bold;width:100%}.index-about p{color:#fff;line-height:1.7;font-size:0.9rem;margin-top:auto;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.index-about .read-more{display:inline-block;border-bottom:1px solid rgba(255, 255, 255, 0.5);color:#fff;font-size:0.538rem;position:relative;text-transform:uppercase;line-height:1.5;vertical-align:bottom}.index-about .read-more:after{position:absolute;top:0px;right:-40px}@media screen and (max-width:650px){.index-about{padding-top:30px;padding-bottom:10px}}.index-prod-outer .title{margin-top:5%;margin-bottom:0}.index-prod-outer .uod{padding-bottom:100%}.index-prod-outer .name{color:#908C8C;text-align:center;width:100%}.index-prod-outer .prod-list>div{display:block}@media screen and (max-width:650px){.index-prod-outer .title{margin-bottom:5%}.index-prod-outer .uod{padding-bottom:60%}.index-prod-outer .prod-list>div{margin-bottom:5%}}.index-history{margin-top:5%;margin-bottom:1%}.index-history .col{position:relative}.index-history .col:hover .txt{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.index-history .col:hover .txt{opacity:1}.index-history .col:hover .bg{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.index-history .col:hover .inner:after{opacity:1}.index-history .bg{width:100%;max-width:initial;-webkit-transition:300ms all;-o-transition:300ms all;transition:300ms all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.index-history .inner{overflow:hidden;position:relative}.index-history .inner .txt,.index-history .inner:after{background-color:rgba(1, 52, 59, 0.5);-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;content:'';opacity:0}.index-history .inner .txt{background:none;opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:500ms all;-o-transition:500ms all;transition:500ms all;font-size:18px;color:#fff;line-height:1.5;padding:0 20px;z-index:1}@media screen and (max-width:1150px){.index-history .row-cols-5 .col:nth-child(2),.index-history .row-cols-5 .col:nth-child(3),.index-history .row-cols-5>.col:first-child{max-width:33.3%;-webkit-box-flex:0;-ms-flex:0 0 33.3%;flex:0 0 33.3%;margin-bottom:3%}.index-history .row-cols-5 .col:nth-child(5),.index-history .row-cols-5>.col:nth-child(4){max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;margin-bottom:3%}.index-history .bg{max-width:initial;width:100%}}@media screen and (max-width:650px){.index-history{margin-top:20%}.index-history .row-cols-5>.col:nth-child(n){max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-bottom:0}}
/*# sourceMappingURL=index.css.map */