@charset "utf-8"; 
:root{--color:#0e4108}
a{cursor:pointer}
@media (min-width:1025px){li#liproducts {position:static;display:flex;align-items:center}
li#liproducts>em{position:relative;top:auto;transform:translate(0,0);right:10px}
li#liproducts:hover .submenu.nav1 {display:flex!important;}
li#liproducts .submenu.nav1 {width:100%;display:none;flex-wrap:wrap;padding:10px calc(50% - 785px)}
li#liproducts .submenu.nav1>li {width:18.5%;border:none;margin:8px 1.85% 8px 0;height:auto;padding:0}
li#liproducts .submenu.nav1>li:nth-child(5n) {margin-right:0;}
li#liproducts .submenu.nav1>li>a {font-weight:bold;display:inline;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.4;border-bottom:1px solid #ccc;padding:0 0 6px;height:auto}
li#liproducts .submenu.nav1>li ul {position:static;display:none;padding:6px 0 0;box-shadow:0 0 0;}
li#liproducts .submenu.nav1>li ul li {border:none;height:auto;padding:0}
li#liproducts .submenu.nav1>li ul li a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px;line-height:1.4;padding:6px 0;}
li#liproducts .submenu.nav1 li:hover {background:none;}
li#liproducts .submenu.nav1 li:hover a {color:#000}
li#liproducts .submenu.nav1 li a:hover {color:var(--color)}}
@media (max-width:1620px) and (min-width:1025px){li#liproducts .submenu.nav1{padding:10px 15px}}
@media (max-width:1366px) and (min-width:1025px){li#liproducts .submenu.nav1>li {width:24%;border:none;margin:0 1.333% 8px 0;}
li#liproducts .submenu.nav1>li:nth-child(4n) {margin-right:0;}
li#liproducts .submenu.nav1>li:nth-child(5n) {margin-right:1.333%;}}
@media (max-width:1024px){header .head-info .head-nav .nav-ul>li .submenu li ul{display:none !important;}}
.home-why{background:url(https://unifloorwpc.com/wp-content/uploads/2021/08/Charcoal-Classic-Closeup.jpg) no-repeat center/cover fixed;padding:4% 0;color:#fff;}
.home-why .home-title{color:#fff}
.home-why-list{display: flex;justify-content: space-between;flex-wrap:wrap;margin:3% 0;}
.home-why-list .home-why-item{width:24%;text-align:center;}
.home-why-list .home-why-item .icon img{max-width:100px;transition: all .3s;}
.home-why-list .home-why-item:hover .icon img{transform: rotateY(360deg);}
.home-why-list .home-why-item .why-title{font-size:26px;font-weight:var(--fontbold7);margin:15px 0;}
.home-why-list .home-why-item .why-word{font-size:18px;}
.home-why .end-word span{color:var(--color);font-size:18px;}
.home-why .why-more{text-align:center;}
.home-why .why-more a{display:block;background:var(--color);color:#fff;font-size:22px;font-weight:var(--fontbold7);display:inline-block;padding:8px 30px;border-radius: 10px;transition: background .3s;margin-top:3%;}
.home-why .why-more a:hover{opacity: .8;}
.home-board{background:#F9F9FB;padding:3% 0;}
.board-top{margin-top:30px}
.colorbox-list-top,.colorbox-list-bot{display:flex;flex-wrap:wrap;justify-content: space-between;}
.colorbox-list-top>li{width:11%;text-align:center;}
.colorbox-list-top>li .img{border:2px solid #ccc;position:relative;height:0;padding-bottom:230%;}
.colorbox-list-top>li .img img{display:block;width:100%;position:absolute;top:0;left:0;height:100%;object-fit:cover;}
.colorbox-list-top>li p{font-size:18px;margin-top:5px;max-height:inherit;}
.colorbox-list-bot{margin-top:20px;}
.colorbox-list-bot>li{width:32%;text-align:center;}
.colorbox-list-bot>li p{margin:10px 0;font-size:20px;}
.board-top-btn-box{display:flex;justify-content: space-around;flex-wrap:wrap;margin-top:3%;}
.board-top-btn-box a{display:inline-flex;padding:8px 20px;border-radius: 5px;transition: all .3s;align-items: center;}
.board-top-btn-box a img{max-width:20px;margin-left:5px;}
.board-top-btn-box a:nth-child(1){box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);border:2px solid var(--color);background:#fff;color:var(--color)}
.board-top-btn-box a:nth-child(2){background:var(--color);border:2px solid var(--color);color:#fff;}
.board-top-btn-box a:nth-child(1):hover{transform: scale(1.1);background:var(--color);color:#fff;}
.board-top-btn-box a:nth-child(1):hover img{filter: brightness(360);}
.board-top-btn-box a:nth-child(2):hover{opacity:.8;}
.board-center{background:#fff;padding:15px 0;margin-top:4%;}
.board-center-inner{display:flex;align-items: center;flex-wrap:wrap;justify-content: space-between;}
.board-center-inner .center-img{width:40%;}
.board-center-inner .center-img img{width:100%;display:block;}
.board-center-inner .center-des{width:55%;}
.board-center-inner .center-des .home-title{text-align:left;line-height:1.3}
.board-center-inner .center-des .word-list div.li{font-size:20px;padding-left:20px;position:relative;margin:10px 0;}
.board-center-inner .center-des .word-list div.li:before{content:'';width:15px;height:15px;display:block;position:absolute;left:0;top:50%;transform: translateY(-50%);background:var(--color);border-radius: 50%;}
.board-center-inner .center-des .word-list div.li:after{content:'';width:5px;height:5px;display:block;position:absolute;left:5px;top:50%;transform: translateY(-50%);background:#fff;border-radius: 50%;}
.board-center-inner .center-des .center-more a{display:inline-flex;align-items:center;padding:8px 20px;color:#fff;background: var(--color);transition: all .3s;border-radius: 5px;margin-top:20px;}
.board-center-inner .center-des .center-more a img{max-width:20px;margin-left:5px;}
.board-center-inner .center-des .center-more a:hover{box-shadow: 0px 15px 25px -7px rgba(0,0,0,0.1);opacity: .8;}
.board-bottom{padding:4% 0 0;background:#F9F9FB;}
.board-bottom .board-bot-list{display:flex;flex-wrap:wrap;justify-content: space-between;margin:3% 0;}
.board-bottom .board-bot-list>div{width:32%;}
.board-bottom .board-bot-list>div .img img{width:100%;display:block;}
.board-bottom .board-bot-iconlist{display:flex;flex-wrap:wrap;justify-content: space-between;}
.board-bottom .board-bot-iconlist .iconitem{width:24%;text-align:center;}
.board-bottom .board-bot-iconlist .iconitem .icon img{display:block;transition: all .3s;max-width:80px;margin:0 auto;}
.board-bottom .board-bot-iconlist .iconitem:hover img{transform: scale(0.9);}
.board-bottom .board-bot-iconlist .iconitem .icon-title{margin:15px 0;font-size:22px;font-weight:var(--fontbold7);}
.board-bottom .board-bot-iconlist .iconitem .icon-des{font-size:18px;}
@media (max-width:1024px){.home-why-list .home-why-item{width:48%;margin-bottom:30px}}
@media (max-width:768px){.home-why-list .home-why-item,.colorbox-list-bot>li,.board-bottom .board-bot-iconlist .iconitem{width:49%;margin:10px 0;}
.home-why-list .home-why-item .icon img,.board-bottom .board-bot-iconlist .iconitem .icon img{max-width:65px;}
.home-why-list .home-why-item .why-title{font-size:22px;margin:8px 0;}
.home-why-list .home-why-item .why-word,.colorbox-list-top>li p,.board-bottom .board-bot-iconlist .iconitem .icon-des{font-size:16px;}
.home-why .why-more a,.colorbox-list-bot>li p,.board-center-inner .center-des .word-list div.li,.board-bottom .board-bot-iconlist .iconitem .icon-title{font-size:18px;}
.colorbox-list-top>li{width:24%;margin:10px 0;}
.board-center-inner .center-img,.board-center-inner .center-des{width:100%;margin:10px 0;}}
@media (max-width:500px){.home-why-list .home-why-item,.board-bottom .board-bot-iconlist .iconitem{width:100%}
.home-why-list .home-why-item .why-title{font-size:18px;}
.board-center-inner .center-des .word-list div.li{font-size:16px;}
.board-top-btn-box a{width:100%;margin:7px 0;justify-content: center;}
.board-center-inner .center-des .center-more a{width:100%;justify-content: center;}}
.pro-item:hover .pro-item-tit .h2 {background:#0e4108}
.pro-item-tit h2,.pro-item-tit .h2 {display:flex;height:60px;line-height:22px;align-items:center;justify-content:center;text-align:center;}
.pro-item-tit h2 a,.pro-item-tit .h2 a {display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;height:auto!important;padding:0 5px;}
.pro-index.con-title {margin-bottom:10px;}
.home-des {display:none;}
.home-product .product-list,.home-news .newslist {align-items:inherit;}
.home-product .product-list .itempro {height:auto;display:flex;flex-direction:column;}
.home-product .product-list .itempro .info {flex:1;}
.home-product {padding-bottom:25px;}
.home-news .newslist{padding-bottom:2px}
.home-news .newslist .newsitem {height:auto;display:flex;flex-direction:column;}
.home-news .newslist .newsitem .img {height:0;padding-bottom:100%;}
.home-news .newslist .newsitem .img img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;}
.home-news .newslist .newsitem .info {flex:1;box-sizing:border-box}
@media (min-width:769px){.home-news {padding-top:2%;padding-bottom:1%}}
@media (max-width:768px){.home-board{padding:25px 0}
.board-top{margin-top:15px}}
.single-main:not(.contact-us) article{padding:0px 70px;width:100%;max-width:1700px;margin:0 auto;}
@media (max-width:1024px){.single-main:not(.contact-us) article{padding:0 15px}}
.wmkc-list {overflow:inherit!important;}
li.wmkc-whatsapp {position:relative;}
li.wmkc-whatsapp>img {position:absolute;right:100%;top:0;max-width:inherit;width:160px;display:none;}
li.wmkc-whatsapp:hover>img {display:block;}
footer .footer-main .foot-info {width:16%;}
footer .foot-qrimg {max-width:inherit;width:300px;display:flex;justify-content:space-between;}
footer .foot-qrimg img {max-width:48%;height:auto;}
.home-company .company-img::before{display:none}
@media (min-width:1025px){aside.prodetails-sidear {position:sticky;top:100px;z-index:2;}
body {overflow:initial;}
.common-main .page-main {align-items:flex-start;}}