@charset "utf-8"; 
:root{--color:#36930f;--color1:#2B74af;}
.sidebar-item .sidebar-cate>li,.prodetails-tabs{background:var(--color1)}
.home-banner .swiper-slide>a::after{background:rgba(21,21,21,.25)}
.home-callus{display: none;}
.home-products{padding-bottom: 4%;}
@media (min-width:1024px) {.homepro-recommend-item{width: 32%;margin-bottom:2em!important}}
.category{padding:4% 0 0;background: #fcfcfc;}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.news-list li {width: 49%;margin-bottom: 30px;display: flex;background: #FFF;}
.news-date {width: 100px;background: var(--color);color: #FFF;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: background .2s ease-in-out;}
.news-cont {width: calc(100% - 100px);padding: 10px 15px;}
.news-date-day {font-size: 36px;font-weight: 400;border-bottom: 2px solid #FFF;line-height: 1.2;margin-bottom: 4px;}
.news-date-yearsmonth {font-size: 12px;}
.new-name {display: block;font-size: 18px;font-weight: 400;color: var(--fontcolor);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: color .2s ease-in-out;}
.news-bref {color: #555;margin-top: 6px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 46px;}
.home-news .home-title{font-size: 30px;font-weight: 400;color: var(--color);margin-bottom: 40px;text-transform: uppercase;text-align: center;}
.home-news .l-wrap{max-width: 1440px;margin: 0 auto;}
.home-news{background-color: #F9F9F9;margin-top: 50px;}
.home-foottop .l-wrap p{max-width: 800px;text-align: center;}
.home-tit{margin-bottom:2%}
.home-tit strong{font-size:22px;font-weight:var(--fontbold6);color:var(--fontcolor)}
.home-tit span{color:#555;margin-left:20px}
.home-tit-more{color:#555;border:1px solid #999;border-radius:17px;padding:4px 10px;display:block;width:160px;text-align:center;text-transform:capitalize}
.home-tit-more:hover{color:var(--color);border-color:var(--color)}
.category-list>li{width: 49%;margin-bottom: 2%;background:#FFF;list-style:none;position: relative;}
.category-item-img img{width: 100%;display: block;}
.category-item-img{overflow:hidden;background-color:#FAFAFC}
.category-item-img::after{content:'';display:block;position:absolute;width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease-in-out}
.category-item-cont{padding:5%}
.item-tit{color:var(--fontcolor);margin-bottom:6px;max-height:48px}
.item-text{color:#555;max-height:42px;font-size:14px}
.category-list>li:hover .category-item-img::after{opacity:1}
.category-list>li:hover .category-item-img img{transform:scale(1.1)}
.category-list>li:hover .item-tit{color:var(--color)}
@media (max-width:768px){.home-tit{text-align:center;margin-bottom:20px}
.home-tit strong{display:block;font-size:26px}
.home-tit span{margin:0px}
.category-list>li{width:48%;margin-bottom:20px}
.category-list>li:last-child{margin-bottom:0px}
.category-item-cont{padding:10px}
.category{padding-top:0}
.category-item-img img{width:100%;display:block}
.home-tit-more{display:none}
.category>.l-wrap>.flex-jc-sb.flex-ai-fs{justify-content:center}}
@media (max-width:500px){.category-item-cont{padding:10px 0}}
@font-face{font-family:Satisfy;src:url(/js/37056/Satisfy-Regular.ttf)}
@font-face{font-family:"Roboto Slab";src:url(/js/37056/RobotoSlab-VariableFont_wght.ttf)}
.social{text-align:center;padding-top: 4%;}
.section-tab{width:100%;text-align:center;color:#fff;border-top:.5em solid var(--color);padding:0;margin:0 0 2em;font-family:'Roboto Slab',Tahoma,serif;font-weight:700;font-size:1.846em;text-transform:lowercase;position:relative;z-index:5}
.section-tab span{background:url(/uploads/42081/page/p20240716152146cfdfa.png) center top no-repeat;background-size:100% 100%;display:inline-block;padding:.125em 1em 1em 1em;position:relative;min-width:165px}
.center-list{position:relative;width:100%;display:inline-block;text-align:center}
.center-list li{display:inline-block;margin:0 .5em}
.social-btn{text-indent:-9999em;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:36px;height:36px;display:inline-block;text-align:center;background:url(/js/37056/social-icons.png) no-repeat var(--color);background-size:250px 36px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transision:all .5s ease;transition:all .5s ease}
.social-btn.pinterest{background-position:74.5% 0}
.social-btn.youtube{background-position:24.5% 0}
.social-btn.facebook{background-position:48% 0}
.social-btn.instagram{background-position:100% 0}
.social .h1{font-size:3.4615em;font-family:'Roboto Slab',Tahoma,serif;font-weight:300;line-height:1.2em;margin-bottom:10px}
.social .h1 span{font-weight:700}
.social .h2{font-size:2.2307em;font-family:Satisfy,cursive,sans-serif;font-weight:400}
.social .h2 a{color:var(--color);text-decoration:none;cursor:pointer}
@media (max-width:1024px){.section-tab{font-size:1.4em}
.social .h1{font-size:2.6em}
.social .h2{font-size:1.9em}}
@media (max-width:500px){.section-tab{font-size:1.1em;}
.section-tab span{min-width:110px;padding:.125em .7em .7em .7em}
.social .h1{font-size:1.7em}
.social .h2{font-size:1.2em}}
.category-list>li:nth-of-type(2n-1) .category-item-cont{background: var(--color);}
.category-list>li:nth-of-type(2n) .category-item-cont{background: var(--color);}
.category .container{max-width: 1560px;margin: 0 auto;}
.category-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.category-item-cont{padding: 3%;text-align: center;color: #fff;}
.category .item-tit{color: #fff;margin-bottom: 6px;max-height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.home-banner .swiper-slide>a::after{display:none;}
@media (max-width:768px) {
    .news-list li{width: 100%;}
    .news-date-day{font-size: 22px;}
}
.home-indexadv .indexadv-right ul li:hover .icon::after {transform:translate(-50%,-50%) scale(1.01);}
.home-indexadv .indexadv-right ul li .icon {padding:3px;}
@media (min-width:1025px){footer .foot-item{max-width:24%;}}
.category-list>li:hover .item-tit{color:#fff;}
.category-item-img::after{display:none;}
.category .item-tit{font-size:20px;}
.category .home-title{margin-bottom:2%;}
.thumbnail-show .small-box img{height:100%;}
@media (min-width:1025px){.contact-list .contact-item{width:32%}}
footer .foot-bot .foot-share{display: none;}