﻿.location{padding-top:0;}
.location .container{display:flex;justify-content: space-between;flex-wrap:wrap;}
.location .loaction-map{width:calc(100% - 400px)}
@media (max-width:768px){.location .loaction-map,.location-box{width:100%;}
.location .loaction-map iframe{height:350px;}}
.home-more {text-transform: unset;}
.homecate{padding: 2% 0;}
.homecate .home-des{margin-top: 20px;}
.homecate .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.homecate .item{width: 16%;text-align: center;margin-bottom: 20px;}
.homecate .item a{display: block;}
.homecate .info{padding: 10px 0;}
.homecate img{width: 100%;}
@media (max-width:1024px) {
.homecate .item{width: 32%} }
@media (max-width:768px){.homecate .home-title{text-align:center}
.homecate .home-des p{margin-bottom:20px}
.homecate .item{width:100%}
.homecate .info{text-align:center}}
.homecate .home-title{text-align: center;}


#product{padding:4% 0}
#product .home-title,#product .home-des{text-align:center;}
#product .home-des{margin-top:10px;}
#product .pro-list{margin-top:2.5%;display:flex;flex-wrap:wrap;justify-content: space-between;}
#product .pro-list li{width:19%;}
#product .pro-list li:nth-of-type(4n){margin-right:0px}
#product .pro-list li .pro-img{border:1px solid #E8E8E8;overflow:hidden}
#product .pro-list li .pro-img .lazy-wrap::after{padding-bottom:0px}
#product .pro-list li .pro-cont{padding:10px;}
#product .pro-list li .pro-cont .pro-name{margin:0px 0px 10px 0px;text-transform:capitalize;display:-webkit-box;line-height:1.4;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#product .pro-list li .pro-cont .more-btn{display: inline-block;color: var(--color);padding: 8px 0px;transition: color .5s, padding .5s, border .5s;position: relative;z-index: 1;overflow: hidden;border-radius: 2px;}
#product .pro-list li:hover .pro-name{color:var(--color)}
#product .pro-list li:hover .pro-img img{transform:scale(1.1)}
#product .pro-list li .pro-cont .more-btn:hover{color: #FFF;padding-left: 20px;padding-right: 20px;background: var(--color);}
#product .all-products{position:relative;text-align:center;font-size:var(--fontsize14);font-weight:var(--fontbold5);text-transform:uppercase}
#product .all-products::before{content:"";display:block;width:100%;height:1px;background-color:#EBEBEB;position:absolute;top:20px;left:0px}
#product .all-products::after{content:"";display:block;width:128px;height:1px;background-color:#FFF;position:absolute;top:20px;left:50%;transform:translateX(-50%)}
#product .all-products a{display:inline-block;position:relative;z-index:1}
#product .all-products a:hover{color:var(--color)}
#product .all-products span:nth-of-type(1){display:block;width:40px;height:40px;background:var(--color);border-radius:50%;color:#FFF;font-size:var(--fontsize30);text-align:center;line-height:38px;margin:0px auto 20px;font-weight:var(--fontbold4)}
@media (max-width:768px){#product{padding:40px 0}
#product .pro-list{justify-content:space-between;margin-top:20px;}
#product .pro-list li{width:48%;margin:0px 0px 20px}
#product .pro-list li .pro-cont{padding:10px 0px}}
@-webkit-keyframes aperture{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2)}}
@keyframes aperture{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2)}}
.aperture{position:relative;z-index:1}
.aperture::before,.aperture::after{content:"";display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;border-radius:50%;border:1px solid var(--color);opacity:0}
.aperture:hover::before{-webkit-animation:aperture 1.5s ease infinite;animation:aperture 1.5s ease infinite}
.aperture:hover::after{-webkit-animation:aperture 1.5s ease infinite .4s;animation:aperture 1.5s ease infinite .4s}
.aperture-wrap .aperture-tg{position:relative;z-index:1}
.aperture-wrap .aperture-tg::before,.aperture-wrap .aperture-tg::after{content:"";display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;border-radius:50%;border:1px solid var(--color);opacity:0}
@media(max-width:1024px){
.aperture-wrap .aperture-tg::before{-webkit-animation:aperture 1.5s ease infinite;animation:aperture 1.5s ease infinite}
.aperture-wrap .aperture-tg::after{-webkit-animation:aperture 1.5s ease infinite .4s;animation:aperture 1.5s ease infinite .4s}}
@media(min-width:1025px){
.aperture-wrap:hover .aperture-tg::before{-webkit-animation:aperture 1.5s ease infinite;animation:aperture 1.5s ease infinite}
.aperture-wrap:hover .aperture-tg::after{-webkit-animation:aperture 1.5s ease infinite .4s;animation:aperture 1.5s ease infinite .4s}}
@media (min-width: 1025px) {
#product .pro-list{justify-content: initial;}
#product .pro-list li{width: 32%;margin-right: 2%;}
#product .pro-list li:nth-child(3){margin-right: 0;}
#product .pro-list li:nth-of-type(4n){margin-right: 2%;}}
@media (max-width: 1024px) {
#product .pro-list li {width: 48%;margin: 0px 0px 20px;}
}