html{height:100%}body{width:100%;height:100%}body.modal-open{padding-right:0!important}body.modal-open header{padding-right:0!important}footer{display:none}.wrap{min-height:100vh;padding-top:78px;display:-webkit-box;display:-ms-flexbox;display:flex;background:-webkit-gradient(linear,left top,left bottom,from(#e5fbdf),to(#f3f8f3));background:linear-gradient(to bottom,#e5fbdf 0%,#f3f8f3 100%)}.wrap .img-leaf{position:fixed;z-index:1;bottom:0;left:-2px;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-transition:1.5s;transition:1.5s;width:14%;min-width:150px}.wrap .img-leaf.hid{left:-200px}@media screen and (max-width:991px){.wrap .img-leaf{display:none}}.wrap .circle-top-right{width:220px;height:220px;background-color:#b5e674;border-radius:50%;position:absolute;right:-90px;top:-110px;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-transition:1s;transition:1s}.wrap .circle-top-right.slow-hid{right:-200px;top:-200px}header{position:absolute!important;-webkit-box-shadow:none;box-shadow:none;background:none!important}.main{padding-top:0!important}.icon-show{position:absolute;z-index:2;width:40px;height:40px;background-color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:100px;left:20px;-webkit-transition:1s;transition:1s;cursor:pointer}.icon-show img{width:20px;-webkit-transition:1s;transition:1s}.icon-show.hidden{left:0}.icon-show.hidden img{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}@media screen and (max-width:991px){.icon-show.re-fm{top:70px;left:0}.icon-show.re-fm img{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}@media screen and (max-width:991px){.icon-show{width:30px;height:30px}.icon-show.hidden{top:70px}.icon-show img{width:15px}}.box-left{width:250px;position:relative;-webkit-transition:1s;transition:1s}.box-left.hidden{margin-left:-250px}@media screen and (max-width:991px){.box-left.re-fm{margin-left:-250px}}.box-left .slide-left{max-height:612px;overflow-y:auto;scrollbar-width:none;background-color:#fff;margin-top:50px;z-index:3;position:relative}.box-left .slide-left::-webkit-scrollbar{width:3px;background-color:#fff}.box-left .slide-left::-webkit-scrollbar-thumb{background-color:#d7d8d7;border-radius:5px}.box-left .slide-left::-webkit-scrollbar-track{background-color:#fff}.box-left .slide-left .parent-cate{padding:5px;position:relative}.box-left .slide-left .parent-cate::after{content:"";width:0;height:3px;background:#17733d;bottom:6px;position:absolute;-webkit-transition:.3s;transition:.3s}.box-left .slide-left .parent-cate:hover::after{width:calc(100% - 10px)}.box-left .slide-left .parent-cate.active::after{width:calc(100% - 10px)}.box-left .slide-left .parent-cate .square{position:relative;width:100%;overflow:hidden}.box-left .slide-left .parent-cate .square::before{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:100%}.box-left .slide-left .parent-cate .square::after{content:"";width:calc(100% - 20px);position:absolute;height:calc(100% - 20px);top:10px;left:10px;border:1px solid #bababa}.box-left .slide-left .parent-cate .square img{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.box-left .slide-left .parent-cate .square img::before{content:"";width:90%;height:100%;border:1px solid #000}.box-left .slide-left .parent-cate .index-num{position:absolute;top:25px;left:30px}.box-left .slide-left .parent-cate .name{position:absolute;top:30px;right:10px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;font-weight:400}@media screen and (max-width:991px){.box-left .slide-left{width:160px;padding:9px}}@media screen and (min-width:992px){.box-left .slide-left{width:180px;padding:11px}}@media screen and (min-width:1200px){.box-left .slide-left{width:200px;padding:13px}}@media screen and (min-width:1600px){.box-left .slide-left{width:220px;padding:15px}}.box-right{-webkit-transition:1s;transition:1s;display:-ms-grid;display:grid;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;-ms-grid-columns:100%;grid-template-columns:100%}.box-right.hidd-left{width:100%}.box-right.hidd-left .box-content .content{width:800px}.box-right.hidd-left .slide-bottom .box-slide{width:calc(100% - 50px)}@media screen and (max-width:991px){.box-right.hidd-left .slide-bottom .box-slide{width:100%}}@media screen and (max-width:991px){.box-right{width:100%}}.box-right .box-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:1s;transition:1s;padding-left:50px}@media screen and (max-width:767px){.box-right .box-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:20px}}.box-right .box-content .content{padding-top:20px;max-width:45%;padding-right:30px;-webkit-transition:1s;transition:1s}@media screen and (max-width:767px){.box-right .box-content .content{max-width:100%}}.box-right .box-content .content .box-title{position:relative;padding-top:10px}.box-right .box-content .content .box-title img{position:absolute;z-index:1;width:80px;left:-25px;top:0}.box-right .box-content .content .box-title .redirect{position:relative;z-index:2;font-weight:400;margin-bottom:10px}.box-right .box-content .content .box-title .redirect a{color:#000;white-space:nowrap}.box-right .box-content .content .box-title .redirect span{margin:0 7px}.box-right .box-content .content .box-title h1{position:relative;z-index:2;font-size:2.5em;font-weight:500}.box-right .box-content .content .box-desc{margin-top:10%;line-height:2;text-align:justify;max-height:35vh;overflow-y:auto;margin-bottom:20px;padding-right:5px}@media screen and (max-width:767px){.box-right .box-content .content .box-desc{max-height:100%}}.box-right .box-content .content .box-desc p,.box-right .box-content .content .box-desc label{margin-bottom:0}.box-right .box-content .content .box-desc p,.box-right .box-content .content .box-desc span{font-family:"SF-Pro"!important;font-size:1em!important}.box-right .box-content .content .box-desc::-webkit-scrollbar{width:0;padding-left:5px;background-color:transparent}.box-right .box-content .content .box-desc::-webkit-scrollbar-thumb{background-color:#d7d8d7;border-radius:5px}.box-right .box-content .content .box-desc::-webkit-scrollbar-track{background-color:transparent}.box-right .image{max-width:55%;width:100%}@media screen and (max-width:767px){.box-right .image{max-width:100%;text-align:center;margin-bottom:20px}}.box-right .image img{-webkit-transition:1s;transition:1s;margin-left:7%;max-height:65vh;max-width:95%;position:relative;z-index:2}@media screen and (max-width:767px){.box-right .image img{margin-left:0;max-width:60%}}.box-right .image.pro-detail img{margin-left:0;max-width:100%;max-height:100%}@media screen and (max-width:991px){.box-right{width:calc(100%)}}@media screen and (min-width:992px){.box-right{width:calc(100% - 210px)}}@media screen and (min-width:1200px){.box-right{width:calc(100% - 230px)}}@media screen and (min-width:1600px){.box-right{width:calc(100% - 250px)}}.slide-bottom{padding-bottom:20px;-webkit-transition:1s;transition:1s;padding-left:50px}@media screen and (max-width:991px){.slide-bottom{padding-left:0;padding-bottom:0}}.slide-bottom .box-slide{width:90%;-webkit-transition:1s;transition:1s}@media screen and (max-width:991px){.slide-bottom .box-slide{width:100%}}.slide-bottom .owl-stage-outer{display:-webkit-box;display:-ms-flexbox;display:flex}.slide-bottom .owl-stage-outer .owl-stage{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch!important;align-self:stretch!important;margin:0 auto}.slide-bottom .owl-stage-outer .owl-stage .owl-item{height:100%}.slide-bottom .cate{height:100%}.slide-bottom .cate a{color:#000}.slide-bottom .cate a:hover img{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.slide-bottom .cate .square{position:relative;width:100%}.slide-bottom .cate .square::after{content:"";display:block;padding-bottom:100%}.slide-bottom .cate .box{padding-bottom:5%;position:absolute;width:100%;height:100%;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:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.slide-bottom .cate .box img{-webkit-transition:.2s;transition:.2s;width:80%;max-height:65%;margin:auto;margin-bottom:10%;-o-object-fit:scale-down;object-fit:scale-down}.slide-bottom .cate .box .name{text-align:center;font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.slide-bottom .owl-nav{margin-top:0}.slide-bottom .owl-nav.disabled{display:initial!important;pointer-events:all!important}.slide-bottom .owl-nav button{position:absolute;top:40%;margin:0;width:30px;height:30px;background:#adb1ad!important;color:#fff!important;border-radius:0!important;-webkit-transition:.3s;transition:.3s;z-index:2;cursor:pointer}.slide-bottom .owl-nav button.owl-prev{left:-55px}@media screen and (max-width:991px){.slide-bottom .owl-nav button.owl-prev{left:0}}.slide-bottom .owl-nav button.owl-next{right:-55px}@media screen and (max-width:991px){.slide-bottom .owl-nav button.owl-next{right:0}}.slide-bottom .owl-nav button:focus{outline:none}.slide-bottom .owl-nav button:hover{background:#8d8d8d!important}@media screen and (max-width:767px){.d-fw{display:none!important}}@media screen and (min-width:768px){.d-fm{display:none!important}}