:root{--main-title-size-xxl:2.5rem;--main-title-size-xl:2rem;--main-title-size-lg:1.8rem;--main-title-size-md:1.6rem;--main-title-size-sm:1.4rem;--main-title-size-xs:1.2rem;--main-sub-title-size-xxl:1.8rem;--main-sub-title-size-xl:1.6rem;--main-sub-title-size-lg:1.4rem;--main-sub-title-size-md:1.2rem;--main-sub-title-size-sm:1.1rem;--Recommended-desc1-size-xxl:1.7rem;--Recommended-desc1-size-xl:1.55rem;--Recommended-desc1-size-lg:1.4rem;--Recommended-desc1-size-md:1.3rem;--Recommended-desc1-size-sm:1.1rem;--desc-size-xxl:1.9rem;--desc-size-xl:1.75rem;--desc-size-lg:1.6rem;--desc-size-md:1.5rem;--desc-size-sm:1.4rem;--desc-small-size-xxl:1.4rem;--desc-small-size-xl:1.3rem;--desc-small-size-lg:1.2rem;--desc-small-size-md:1.1rem;--desc-small-size-sm:1rem;--cell-border-color:#c6c6c6;--box-shadow-color:rgba(96,96,96,.5)}.indexCon{font-family:Titillium Web,Arial,Helvetica Neue,Helvetica,sans-serif}.indexCon .indexTitle{color:var(--title-color);display:flex;flex-direction:column;font-size:var(--main-title-size-xxl);font-weight:500;justify-content:center;margin:0 auto;overflow-wrap:normal;position:relative;text-align:center;text-transform:capitalize;width:-moz-fit-content;width:fit-content;word-break:normal}.indexCon .indexTitle .ViewMore{color:#b1b1b1;cursor:pointer;font-size:.8rem;font-style:italic;font-weight:100;position:absolute;right:20%}.indexCon .indexTitle .ViewMore:hover{transform:scale(1.1)}.indexCon .singleTitle{flex-direction:row!important;margin-bottom:80px;margin-top:20px;position:relative}.indexCon .singleTitle:after{background:radial-gradient(circle at center,var(--main-color),#fff);bottom:-20px;content:"";height:3px;left:-60px;position:absolute;width:calc(100% + 90px)}.indexCon .indexTitleCon{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:-moz-fit-content;width:fit-content}.indexCon .HotSellingCon{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:95%}.indexCon .HotSellingCon .HotSelling{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;max-width:450px;padding:10px;text-align:center;width:25%}.indexCon .HotSellingCon .HotSelling .imgCon{box-sizing:border-box;height:auto;overflow:hidden;width:100%}.indexCon .HotSellingCon .HotSelling .imgCon img{box-sizing:border-box;max-width:450px;-o-object-fit:cover;object-fit:cover;transform-origin:center;transition:transform 1s ease-in-out}.indexCon .HotSellingCon .HotSelling img:hover{transform:scale(1.2)}.indexCon .HotSellingCon .HotSelling .bottom{border-radius:10px;color:var(--title-color);font-size:var(--desc-small-size-xxl);position:relative;width:100%}.indexCon .HotSellingCon .HotSelling .bottom .LearnMore{background:var(--main-color);border-radius:10px;font-size:15px;margin:0 auto;padding:5px 10px 5px 0;text-align:center;width:150px;width:-moz-fit-content;width:fit-content}.indexCon .HotSellingCon .HotSelling .bottom .LearnMore:hover{background-color:#215d42cc}.indexCon .HotSellingCon .HotSelling .bottom .desc{margin-bottom:10px}.indexCon .HotSellingCon .HotSelling .mask{background:#000000b3;border-radius:10px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.indexCon .HotSellingCon .HotSelling .icon{color:#fff;font-size:24px;font-size:14px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:2}.indexCon .HotSellingCon .HotSelling .icon .iconSvg{height:30px;width:30px}.indexCon .HotSellingCon .HotSelling:first-child,.indexCon .HotSellingCon .HotSelling:nth-child(2),.indexCon .HotSellingCon .HotSelling:nth-child(3),.indexCon .HotSellingCon .HotSelling:nth-child(4){border-bottom:1px solid var(--cell-border-color);border-left:1px solid var(--cell-border-color);border-top:1px solid var(--cell-border-color)}.indexCon .HotSellingCon .HotSelling:nth-child(4){border-right:1px solid var(--cell-border-color)}.indexCon .HotSellingCon .defaultImg{backface-visibility:hidden;box-sizing:border-box;height:100%;opacity:1;padding:10px;visibility:visible;width:100%;will-change:opacity,display,transform;z-index:1}.indexCon .HotSellingCon .hoverImg{backface-visibility:hidden;box-sizing:border-box;height:0;margin:0;opacity:0;padding:10px;transition:opacity,transform .5s ease;visibility:hidden;width:0;will-change:opacity,display,transform,width,height;z-index:2}.indexCon .HotSellingCon .imgCon.errImg:hover img,.indexCon .HotSellingCon .imgCon:hover .defaultImg{transform:scale(1.2);transition:transform .5s ease}.indexCon .HotSellingCon .imgCon.isHover:hover .defaultImg{height:0;margin:0;opacity:0;padding:0;visibility:hidden;width:0}.indexCon .HotSellingCon .imgCon.isHover:hover .hoverImg{height:100%;opacity:1;transform:scale(1.2);visibility:visible;width:100%}.indexCon .HotSellingCon .imgCon.isHover:hover .hoverImg:after{background:#fff;bottom:0;content:"";height:20px;left:0;position:absolute;width:50px}@media only screen and (max-width:1400px){.indexCon .chooseUsList .desc{font-size:var(--desc-size-xxl)}}@media only screen and (max-width:1024px){.indexCon .newsCon .item img{max-width:250px!important}}@media only screen and (max-width:1200px){.indexCon .chooseUsList .desc{font-size:var(--desc-size-xl)}.indexCon .HotSellingCon .HotSelling .bottom{font-size:var(--desc-small-size-xl)}.indexCon .chooseUsCon,.indexCon .newsCon{width:90%!important}.indexCon .chooseUsCon .chooseUsTitle{font-size:var(--main-title-size-xl)!important}}@media only screen and (max-width:992px){.indexCon .singleTitle:after{content:"";left:0;width:100%}.indexCon .chooseUsList .desc{font-size:var(--desc-size-lg)}.indexCon .HotSellingCon .HotSelling .bottom{font-size:var(--desc-small-size-lg)}.indexCon .chooseUsCon{width:90%!important}.indexCon .chooseUsCon .chooseUsTitle{font-size:var(--main-title-size-lg)!important}.indexCon .chooseUsCon .desc{font-size:var(--desc-small-size-lg)!important}}@media only screen and (max-width:820px){.indexCon .news-container{width:95%!important}}@media only screen and (max-width:768px){.indexCon .HotSellingCon{justify-content:center!important}.indexCon .HotSellingCon .HotSelling{width:45%!important}.indexCon .HotSellingCon .HotSelling:first-child,.indexCon .HotSellingCon .HotSelling:nth-child(2){border-bottom:1px solid transparent!important;border-left:1px solid var(--cell-border-color)!important;border-right:1px solid transparent!important;border-top:1px solid var(--cell-border-color)!important}.indexCon .HotSellingCon .HotSelling:nth-child(3),.indexCon .HotSellingCon .HotSelling:nth-child(4){border:1px solid var(--cell-border-color)!important;border-right:1px solid transparent!important}.indexCon .HotSellingCon .HotSelling:nth-child(2),.indexCon .HotSellingCon .HotSelling:nth-child(4){border-right:1px solid var(--cell-border-color)!important}.indexCon .chooseUsList .desc{font-size:var(--desc-size-md)}.indexCon .HotSellingCon .HotSelling .bottom{font-size:var(--desc-small-size-md)}.indexCon .contactUs{flex-wrap:wrap;justify-content:start!important}.indexCon .contactUs .desc{margin-bottom:10px;width:100%!important}.indexCon .news-container .tag{display:none}.indexCon .chooseUsCon .chooseUsTitle{font-size:var(--main-title-size-md)!important}.indexCon .chooseUsCon .desc{font-size:var(--desc-small-size-md)!important}}@media only screen and (max-width:640px){.indexCon .singleTitle{margin-bottom:30px}.indexCon .singleTitle:after{display:none}}@media screen and (max-width:576px){.indexCon .chooseUsList .desc{font-size:var(--desc-size-sm)}.indexCon .HotSellingCon .HotSelling .bottom{font-size:var(--desc-small-size-sm)}.indexCon .chooseUsCon .ChooseMHNV:before{display:none}.indexCon .chooseUsCon .chooseUsTitle{font-size:var(--main-title-size-sm)!important}.indexCon .chooseUsCon .desc{font-size:var(--desc-small-size-sm)!important}.indexCon .chooseUsCon .mainButton{margin-top:20px}.indexCon .chooseUsCon .row{flex-wrap:wrap}.indexCon .chooseUsCon .row .item{width:90%!important}}@media screen and (max-width:350px){.indexCon .HotSellingCon{width:90%!important}.indexCon .HotSellingCon .HotSelling{width:100%!important}.indexCon .HotSellingCon .HotSelling:first-child,.indexCon .HotSellingCon .HotSelling:nth-child(3){border-right:1px solid var(--cell-border-color)!important}}
