@charset "utf-8";.home-banner{padding:0px !important}#homeBanner .swiper-button-next:after,#homeBanner .swiper-button-prev:after{content:'';position:absolute;width:100%;height:100%;background-color:var(--darkcolor);border-radius:50%;top:0px;right:100%;transition:all 0.2s ease}#homeBanner .swiper-button-prev:after{left:100%;right:auto}#homeBanner .swiper-button-next,#homeBanner .swiper-button-prev{width:50px;height:50px;background-color:#FFF;color:#000;border-radius:50%;transition:all 0.2s ease;overflow:hidden;right:3%}#homeBanner .swiper-button-prev{right:auto;left:3%}#homeBanner em{font-size:24px;position:absolute;top:50%;right:50%;transform:translate(50%,-50%);z-index:2}#homeBanner .swiper-button-next:hover:after{right:0}#homeBanner .swiper-button-prev:hover:after{left:0px}#homeBanner .swiper-button-next:hover,#homeBanner .swiper-button-prev:hover{color:#FFF}#homeBanner .swiper-slide{position:relative}.banner-text{position:absolute;top:40%;transform:translateY(-50%);left:9%;opacity:0}#homeBanner .swiper-slide-active .banner-text{animation:bannertext 0.5s forwards;animation-delay:0.8s}.banner-text p{font-size:36px;font-weight:bold;max-width:650px}@keyframes bannertext{0%{opacity:0;transform:translateX(30px) translateY(-50%)}100%{opacity:1;transform:translateX(0) translateY(-50%)}}.home-about{padding-top:0 !important;margin-top:-40px;background:linear-gradient(0deg,#EEEEEE 0%,#FFFFFF 100%)}.about-num{margin-bottom:80px;position:relative;z-index:2}.about-num ul{display:flex;justify-content:space-between;flex-wrap:wrap}.about-num ul li{width:23%;background-color:#FFF;box-shadow:0px 3px 13px 0px rgba(0,0,0,0.15);padding:30px 40px 50px;color:#000;margin-bottom:20px;transition:all 0.2s ease}.about-num ul li div{display:flex;align-items:center;margin-bottom:20px}.about-num ul li div em{font-size:30px;font-weight:bold;color:var(--color)}.about-num ul li div span{font-size:24px;color:#252525;font-weight:bold;margin-left:20px;transition:color 0.2s ease}.about-num ul li>p{text-transform:uppercase}.about-num ul li:hover{background-color:var(--color);color:#FFF}.about-num ul li:hover em{color:#FFF}.about-num ul li:hover div span{color:#FFF}.about-con .container{display:flex;justify-content:space-between;flex-wrap:wrap}.about-con .container>div{width:48%}.about-con .left{display:flex;align-items:center;position:relative}.about-con .left img{width:90%}.about-pendants{position:absolute;top:50%;right:10%;transform:translate(50%,-50%);width:170px;height:170px;margin-left:-10%;background-color:#FFF;box-shadow:0px 3px 3px 0px rgba(0,0,0,0.13);border-radius:50%;padding:8px}.about-pendants .internal{width:100%;height:100%;border-radius:50%;border:2px dashed #E5E5E5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase}.about-pendants .internal span{color:#000;font-size:14px}.about-pendants .internal p{font-size:24px;color:#000;font-weight:500}.home-title{font-size:24px;color:#000;font-weight:bold;padding-top:30px;position:relative;line-height:1.4;text-transform:uppercase}.home-title:after{position:absolute;content:'';width:32px;height:3px;background-color:var(--color);top:0px;left:0px;text-align:center}.home-title.center{text-align:center}.home-title.center:after{left:50%;transform:translateX(-50%)}.about-con .right{display:flex;flex-direction:column;justify-content:space-between}.about-con .right p{font-size:18px;color:#000;line-height:1.7;margin-bottom:30px}.home-more{width:180px;height:50px;line-height:50px;background-color:var(--color);text-align:center;color:#FFF;text-transform:uppercase;border:1px solid var(--color);transition:0.3s ease}.home-more:hover{background-color:#FFF;color:var(--color)}.new-pro-list{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between}.new-pro-item{width:24%;margin-bottom:40px;border:1px solid #DCDCDC}.new-pro-item:nth-child(n + 5){margin-bottom:0}.new-pro-img{position:relative;overflow:hidden}.new-pro-img img{width:100%}.new-pro-mb{position:absolute;width:100%;height:100%;top:100%;left:0px;background:linear-gradient(0deg,#030000 0%,rgba(34,34,34,0) 100%);transition:all 0.3s ease;padding:40px}.new-pro-mb em{width:40px;height:40px;border-radius:50%;background-color:var(--color);color:#FFF;display:flex;align-items:center;justify-content:center;margin-left:auto;border:1px solid var(--color);transition:0.3s ease}.new-pro-item:hover .new-pro-mb{top:0px}.new-pro-mb em:hover{background-color:#FFF;color:var(--color)}.new-pro-info{padding:30px 25px}.new-pro-tit{font-size:16px;color:#000;font-weight:400;margin-bottom:10px;transition:all 0.3s ease}.new-pro-more{color:#555;font-size:18px;transition:all 0.3s ease}.new-pro-item:hover .new-pro-tit,.new-pro-item:hover .new-pro-more{color:var(--color)}.hot-pro{background:url(/themes/zakra/images/hotpro-bg.webp) no-repeat;background-size:cover}.hot-pro .home-title{color:#FFF}.hot-pro-list{display:flex;flex-wrap:wrap;margin-top:60px}.hot-pro-item{width:23%;border:1px solid #EEEEEE;background-color:#FFF;margin-right:2%;margin-bottom:20px}.hot-pro-item:nth-child(4n){margin-right:0}.hot-pro-img img{width:100%;transition:0.3s ease}.hot-pro-item:hover img{transform:scale(1.2)}.hot-pro-info{padding:20px;border-top:1px solid #EEE;text-align:center}.hot-pro-tit{color:#000;font-size:16px}.hot-pro-more{width:80%;display:block;margin:15px auto 0;height:45px;line-height:45px;background:#F4F4F4;color:#000;font-size:15px;transition:0.2s ease}.hot-pro-item:hover .hot-pro-more{background-color:var(--color);color:#FFF}.home-news-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}.home-news-item{width:23%;box-shadow:0px 3px 10px 0px rgba(0,0,0,0.16);margin-bottom:20px}.home-news-img{position:relative}.home-news-img img{width:100%;transition:0.3s ease}.home-news-item:hover img{transform:scale(1.2)}.home-news-date{position:absolute;top:20px;left:20px;padding:5px 15px;background-color:var(--color);color:#FFF}.home-news-info{padding:25px;padding-top:70px}.home-news-tit{font-size:16px;color:#000;font-weight:400;transition:0.2s ease}.home-news-more{margin-top:25px;padding-top:25px;color:#555;font-size:14px;display:block;border-top:1px solid #E5E5E5;transition:0.2s ease}.home-news-item:hover .home-news-tit,.home-news-item:hover .home-news-more{color:var(--color)}@media (max-width:1280px){.about-pendants{width:150px;height:150px}.about-pendants .internal span{font-size:13px}.about-pendants .internal p{font-size:18px}}@media (max-width:768px){#homeBanner{height:300px}#homeBanner img{height:100%;object-fit:cover}#homeBanner .swiper-button-next,#homeBanner .swiper-button-prev{display:none}.banner-text{left:15px}.banner-text p{font-size:20px;max-width:80%}.about-num{margin-bottom:40px}.about-num ul li{width:48%;border-radius:10px;padding:20px 30px}.about-num ul li div em{font-size:36px}.about-num ul li div span{font-size:30px}.about-num ul li div{margin-bottom:10px}.about-con .container>div{width:100%}.about-pendants{display:none}.about-con .left img{width:100%}.about-con .home-title:after{display:none}.about-con .right p{margin:20px 0;font-size:16px}.home-more{width:120px;height:40px;line-height:40px}.new-pro-item{width:49%;margin-bottom:20px}.new-pro-item:nth-child(n + 5){margin-bottom:20px}.new-pro-mb{display:none}.hot-pro-item{width:48%;margin-bottom:20px}.home-news-item{width:49%;margin-bottom:20px}}@media (max-width:500px){.banner-text p{font-size:16px}.about-num ul li{padding:10px 20px;border-radius:5px}.about-num ul li div em{font-size:24px}.about-num ul li div span{font-size:20px}.about-num ul li p{font-size:14px}.home-about{margin-top:-20px}.about-num{margin-bottom:20px}.home-title{font-size:18px}.about-con .right p{font-size:15px}.new-pro-info{padding:10px}.new-pro-tit{font-size:16px;-webkit-line-clamp:2;margin-bottom:0px;font-weight:400}.new-pro-more{display:none}.hot-pro-tit{font-size:16px;-webkit-line-clamp:2;font-weight:400}.hot-pro-list{margin-top:40px}.hot-pro-info{padding:10px}.hot-pro-more{height:30px;line-height:30px;font-size:14px}.home-news-list{margin-top:40px}.home-news-info{padding:10px;padding-top:40px}.home-news-tit{font-size:16px;font-weight:400}.home-news-more{display:none}.home-news-date{top:0px;left:0px;font-size:12px;padding:5px}.home-news-more{margin-top:15px;padding-top:15px}}.new-pro-img a,.hot-pro-img a{display:block;width:100%;height:100%}.new-pro-img a img,.hot-pro-img a img{width:100%;height:100%;object-fit:cover}