@charset "utf-8";h3{font-size:var(--font-size-36);font-weight:var(--font-bold)}@media (max-width:1024px){h3{font-size:var(--font-size-24)}}.banner{position:relative}.banner .banner-text{width:40%;position:absolute;left:6.33%;top:50%;color:#000;-webkit-transform:translateY(-30%);transform:translateY(-30%);opacity:0;-webkit-transition:0.5s;transition:0.5s;-webkit-transition-delay:0.5s;transition-delay:0.5s}.banner .banner-text .title{font-size:var(--font-size-36);font-weight:var(--font-bold)}.banner .swiper-slide-active .banner-text{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1}.banner img{width:100%}@media (max-width:1024px){.banner .banner-text{width:70%}.banner .banner-text .title{font-size:var(--font-size-24)}}@media (max-width:768px){.banner{height:300px}.banner .swiper{height:100%}.banner .banner-text{left:var(--base-size-42)}.banner img{height:100%;-o-object-fit:cover;object-fit:cover}}.banner .home-banner-prev,.banner .home-banner-next{position:absolute;left:0px;top:50%;width:var(--base-size-32);height:var(--base-size-60);background:#FFF;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.banner .home-banner-prev i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.banner .home-banner-next{left:unset;right:0px}.home-about .about-left{position:relative}.home-about .about-left .img{margin-left:auto;position:relative}.home-about .about-left .img img{-webkit-transition:0.3s;transition:0.3s}.home-about .about-left .img > img:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.home-about .about-left .vertical-text{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left center;transform-origin:left center;text-transform:uppercase;padding-left:var(--base-size-20);top:-10px;left:var(--base-size-32)}.home-about .about-left .vertical-text::before{content:"";position:absolute;width:12px;height:12px;background-color:var(--dark-blue);left:0px;top:6px}.home-about .about-left .vertical-text::after{content:"";position:absolute;width:150%;height:1px;background-color:var(--line-color);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:105%}@media (max-width:1024px){.home-about .about-left{margin-bottom:var(--base-size-16)}}@media (max-width:768px){.home-about .about-left .vertical-text{display:none}}.home-about .about-right .ab-subtitle{font-size:var(--font-size-24);padding-bottom:var(--base-size-16);position:relative;margin-bottom:var(--base-size-24)}.home-about .about-right .ab-subtitle:after{content:"";width:50px;height:2px;bottom:0;position:absolute;left:0px;background:var(--line-color)}.home-about .about-right h3{margin-bottom:var(--base-size-24)}.home-about .about-right p{font-size:var(--font-size-18)}@media (max-width:768px){.home-about .about-right .ab-subtitle{font-size:var(--font-size-18);margin-bottom:var(--base-size-16)}.home-about .about-right h3{margin-bottom:var(--base-size-16)}.home-about .about-right p{font-size:var(--font-size-16)}}.title-box img{margin:var(--base-size-12) 0 var(--base-size-8)}.home-product{background-color:var(--second-color)}.home-product .home-pro-list li{width:calc((100% - 90px) / 4);margin-right:30px;margin-bottom:var(--base-size-32);position:relative;border:1px solid var(--product-border-color)}.home-product .home-pro-list li:nth-child(4n){margin-right:0px}.home-product .home-pro-list li .imgbox{padding-bottom:100%;height:0px;position:relative}.home-product .home-pro-list li .imgbox a{position:absolute;top:0px;left:0px;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-product .home-pro-list li .imgbox a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-product .home-pro-list li:hover .imgbox img{-webkit-transform:scale(1.1);transform:scale(1.1)}.home-product .home-pro-list li .hidden-mask{opacity:0;position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:rgba(17,32,56,0.8);color:#FFF;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-transition:0.3s;transition:0.3s;padding:0px var(--base-size-12)}.home-product .home-pro-list li .hidden-mask .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.home-product .home-pro-list li .hidden-mask .name{text-transform:capitalize;font-size:var(--font-size-18);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.home-product .home-pro-list li .pro-name{position:absolute;bottom:0;left:0px;width:100%;background:#FFF;font-size:var(--font-size-18);font-weight:var(--font-bold);padding:var(--base-size-16) var(--base-size-12);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}.home-product .home-pro-list li:hover .hidden-mask{opacity:1}@media (max-width:1024px){.home-product .home-pro-list li{width:calc((100% - 48px) / 4);margin-right:16px;margin-bottom:var(--base-size-16)}.home-product .home-pro-list li:nth-child(4n){margin-right:0px}.home-product .home-pro-list li .hidden-mask{display:none}.home-product .home-pro-list li .pro-name{position:static;padding:var(--base-size-8)}}@media (max-width:768px){.home-product .home-pro-list li{width:calc((100% - 16px) / 2);margin-right:16px;margin-bottom:var(--base-size-16)}.home-product .home-pro-list li:nth-child(2n){margin-right:0px}.home-product .home-pro-list li:nth-last-child(-n+2){margin-bottom:0px}}.home-news .home-news-box{margin-top:var(--base-size-48)}@media (max-width:768px){.home-news .home-news-box{margin-top:var(--base-size-24)}}.home-news .home-news-box .home-news-list li + li{border-top:2px solid var(--second-color)}.home-news .home-news-box .home-news-list .date{font-weight:var(--font-bold);text-align:center;width:var(--base-size-72)}.home-news .home-news-box .home-news-list .date .day{font-size:var(--font-size-24);line-height:1}.home-news .home-news-box .home-news-list .date .mon{font-size:var(--font-size-24)}.home-news .home-news-box .home-news-list .news-con{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:var(--base-size-28) 0 var(--base-size-28) var(--base-size-20)}.home-news .home-news-box .home-news-list .news-con h4{font-size:var(--font-size-18);text-transform:capitalize;margin-bottom:var(--base-size-8);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-news .home-news-box .home-news-list .news-con .news-more{margin-top:var(--base-size-12)}.home-news .home-news-box .home-news-list .news-con .news-more:hover{color:var(--darkcolor)}@media (max-width:1024px){.home-news .home-news-box .home-news-list .date .day{font-size:var(--font-size-36)}.home-news .home-news-box .home-news-list .date .mon{font-size:var(--font-size-20)}.home-news .home-news-box .home-news-list .news-con{padding:var(--base-size-8)}}@media (max-width:768px){.home-news .home-news-box .home-news-list{margin-top:var(--base-size-16)}}.home-advan .advan-left .imgbox{height:100%}.home-advan .advan-left .imgbox .lazy-wrap,.home-advan .advan-left .imgbox img{height:100%}.home-advan .advan-left .imgbox img{-o-object-fit:cover;object-fit:cover}.home-advan .advan-right{background-color:var(--second-color);padding:4% 10% 4% 6%}.home-advan .advan-right .advan-subtitle{font-size:var(--base-size-28)}.home-advan .advan-right h3{margin:var(--base-size-12) 0 var(--base-size-42);position:relative;padding-bottom:var(--base-size-16)}.home-advan .advan-right h3:after{content:"";position:absolute;width:15%;height:4px;background:var(--darkcolor);bottom:0;left:0px}.home-advan .advan-right ul h4{font-size:var(--font-size-18);font-weight:var(--font-bold);margin-bottom:var(--base-size-12)}.home-advan .advan-right ul li{margin-bottom:var(--base-size-12)}.home-advan .advan-right .ab-more{margin-top:var(--base-size-48)}@media (max-width:1440px){.home-advan .advan-right{padding:6% 4%}}@media (max-width:1024px){.home-advan .advan-right .advan-subtitle{font-size:var(--font-size-18)}.home-advan .advan-right h3{margin:var(--base-size-12) 0 var(--base-size-24)}.home-advan .advan-right .ab-more{margin-top:var(--base-size-24)}}@media (max-width:768px){.home-advan .advan-right p{font-size:var(--font-size-16)}}.home-blog .home-blog-list{margin-top:var(--base-size-60);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.home-blog .home-blog-list li{width:calc((100% - 72px) / 4);margin-right:24px}.home-blog .home-blog-list li:nth-child(4n){margin-right:0px}.home-blog .home-blog-list .home-blog-con{background:var(--second-color);position:relative;padding:var(--base-size-24) var(--base-size-28)}.home-blog .home-blog-list .home-blog-con h4{font-size:var(--font-size-18);font-weight:var(--font-bold);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-blog .home-blog-list .home-blog-con p{margin:var(--base-size-16) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;color:var(--desc-font-color)}.home-blog .home-blog-list .home-blog-con .ab-more{margin-top:0px;border:none;padding-left:0px;overflow:hidden}.home-blog .home-blog-list .home-blog-con .ab-more:hover{padding-left:var(--base-size-20)}@media (max-width:1024px){.home-blog .home-blog-list{margin-top:var(--base-size-24)}.home-blog .home-blog-list .home-blog-con{padding:var(--base-size-16);margin:0px}}@media (max-width:768px){.home-blog .home-blog-list li{width:calc((100% - 0px) / 1);margin-right:0px;margin-bottom:var(--base-size-16)}.home-blog .home-blog-list li:nth-child(1n){margin-right:0px}.home-blog .home-blog-list li:last-child{margin-bottom:0px}}