﻿@import url(https://css02.v15cdn.com/m432/aos.css);
body{max-width:1920px;margin:0 auto}
.l-contant{max-width:1750px;padding:0 30px;margin:0 auto}
.home-title{text-align:center}
.home-title h1,.home-title h2,.home-title h3,.home-title h4,.home-title h5{font-weight:var(--fontbold7);font-size:42px;line-height:1;text-transform:uppercase}
.home-manufacturer{padding:70px 0 60px}
.manufacturer-text{margin:57px 0}
.manufacturer-text p{font-size:18px;color:#252525;line-height:27px;text-align:center;margin-bottom:30px}
.manufacturer-text p :nth-last-child(1){margin-bottom:0}
.manufacturer-btns a{width:162px;height:50px;font-size:22px;color:#fff;line-height:1;display:flex;justify-content:center;align-items:center}
.manufacturer-btns{display:flex;justify-content:center}
.manufacturer-btns a:nth-of-type(1){background:#242424;margin-right:22px}
.manufacturer-btns a:nth-of-type(2){background:var(--color)}
.home-abouts{background:#242424;display:flex;justify-content:space-between}
.about-right{width:50%}
.about-left{width:50%;padding:50px 6%;display:flex;flex-direction:column;justify-content:center}
.home-abouts .home-title h2{color:#fff;text-align:left}
.home-abouts .home-title h2 span{color:var(--color)}
.abouts-list li{display:flex;align-items:flex-start;margin-bottom:8px}
.about-im{width:4%}
.abouts-list li p{font-size:18px;color:#ffffffd9;flex:1;padding-left:15px;line-height:1.5}
.abouts-list{margin-top:30px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #eeeeee75}
.about-box p:nth-of-type(1){font-size:24px;color:var(--color);line-height:32px}
.about-box p:nth-of-type(2){font-size:18px;color:rgba(255,255,255,.89);line-height:32px}
.about-box{margin-bottom:15px}
.about-box:nth-last-child(1){margin-bottom:0}
.product-list{display:flex;justify-content:space-between;margin-top:60px;flex-wrap:wrap}
.product-box{width: 23.5%;background: #fff;border: 1px solid #e5e5e5;padding: 25px 15px 50px 15px;margin-bottom: 1%;display: flex;flex-direction: column;justify-content: flex-start;position: relative;}
.product-images a{display: flex;}
.product-images{overflow: hidden;margin-bottom: 20px;}
.product-images img{transition: all .3s ease-in-out;width: 100%;aspect-ratio: 1/1;object-fit: cover;}
.product-text>a{margin-bottom: 30px;display: block;}
.product-text h5{font-size:20px;color:#242424;line-height:23px;text-align:center}
.product-text p{font-size: 14px;color: #242424ed;line-height: 20px;text-align: center;margin-top: 30px;}
.home-product{padding:80px 0 50px}
.product-btns{font-size: 18px;color: #242424;line-height: 1;background: #f2f2f2;padding: 12px 10px;text-align: center;position: absolute;z-index: 2;width: 90%;bottom: 26px;}
.product-btns::after{position: absolute;width: 0;height: 100%;content: '';top: 0;left: 0;background: var(--color);z-index: -1;transition: all .3s ease-in-out;}
.home-appli{background:url(/uploads/36156/hk/appli-back.webp)center no-repeat;background-size: cover;padding:95px 0}
.home-appli .home-title h4{color:#fff}
.home-appli .home-title p{font-size:18px;color:#ffffffd4;line-height:23px;max-width:1200px;margin:0 auto;padding:30px 0 40px}
.home-appli .advan-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -25px}
.home-appli .advan-list>li{width:25%;padding:0 25px;box-sizing:border-box}
.home-appli .advan-item{padding:38px 20px 46px;box-sizing:border-box;height:100%;background:#fff;position:relative}
.home-appli .advan-item .tit{text-align:center;font-weight:var(--fontbold6);margin:20px 0;font-size:var(--fontsize20);text-transform: uppercase;}
.home-appli .advan-item .con{text-align:center;line-height:1.5em;color:var(--introcolor)}
.home-appli .advan-item:hover:after{border-bottom:24px solid var(--color);border-left:24px solid transparent}
.home-appli .advan-item:after{content:"";position:absolute;display:block;height:0;width:0;right:14px;bottom:14px;border-bottom:14px solid var(--color);border-left:14px solid transparent;transition:border .3s ease}
.home-appli .advan-icon{width:65px;height:65px;margin:0 auto;border-radius:5px;background:#f6f6f6;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}
.home-appli .advan-icon img{transition: all .3s ease-in-out;}
.home-application{padding:110px 0 80px}
.application-row{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:80px}
.application-col{width:24%}
.application-col .app-img{overflow: hidden;position: relative;}
.application-col .app-img img{transition: all .3s ease-in-out;}
.app-text p{font-size:20px;color:#2e2e2e;line-height:1;padding:30px 0;text-align:center}
.news-col{display: flex;justify-content: space-between;margin-top: 80px;}
.news-row{width: 16%;background: #FFFFFF;box-shadow: 0px 0px 10px 2px #24242424;}
.news-title{padding: 15px;}
.news-img{overflow: hidden;}
.news-img img{transition: all .3s ease-in-out;}
.news-tit{padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px solid #eee;color: #2B2B2B}
.news-tit p{-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;font-size: 20px;line-height: 22px;}
.news-text{font-size: 14px;line-height: 1.52;color: #2B2B2B;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}
.home-news{margin-bottom: 110px;}
.home-contants{padding: 60px 0;background: #EEEEEE;}
.home-contants .l-contant{display: flex;justify-content: space-between;align-items: center;}
.home-contants .l-contant h5{font-weight: bold;font-size: 30px;color: #2A2A2A;line-height: 1;text-transform: uppercase;}
.contant-btns a{background: var(--color);padding: 10px 20px;line-height: 1;font-size: 18px;color: #FFFFFF;}
.product-box:hover .product-images img{transform: scale(1.05);}
.product-btns:hover::after{width: 100%;}
.product-btns:hover a{color: #fff;}
.home-appli .advan-item:hover .advan-icon img{transform: rotateY(180deg);}
.application-col:hover .app-img img{transform: scale(1.05);}
.news-row:hover .news-img img{transform: scale(1.05);}
@media (max-width:1460px) {
    .l-contant{padding: 0 30px;}
}
@media (max-width:1366px) {
    .home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: 36px;}
    .manufacturer-text {margin: 30px 0;}
    .manufacturer-btns a{font-size: 18px;}
    .manufacturer-text p{line-height: 30px;font-size: 16px;margin-bottom: 20px;}
    .about-left{padding: 35px 30px;}
    .abouts-list li p{font-size: 16px;}
    .about-box p:nth-of-type(1){font-size: 20px;}
    .about-box p:nth-of-type(2),.home-appli .home-title p{font-size: 16px;line-height: 30px;}
    .home-product {padding: 60px 0;}
    .home-appli,.home-application{padding: 65px 0;}
    .application-row,.news-col{margin-top: 50px;}
    .app-text p{font-size: 16px;padding: 20px 0;}
    .news-col{flex-wrap: wrap;}
    .news-row{width: 32%;margin-bottom: 1%;}
    .news-img img{width: 100%;}
    .home-contants .l-contant h5{font-size: 24px;}
    .home-news {margin-bottom: 60px;}
}
@media (max-width:1024px) {
    .l-contant{padding:0 20px;}
    .home-manufacturer,.home-product{padding: 50px 0;}
    .home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: 26px;}
    .home-abouts{flex-direction: column;}
    .about-left,.about-right{width: 100%;}
    .product-list{margin-top: 35px;}
    .product-box{width: 32%;}
    .news-tit p{color: #111;line-height: 1.25;font-size: 16px;}
    .home-appli .advan-list>li{padding: 0 10px;}
    .home-appli .advan-item .tit{margin: 15px 0;font-size: 16px;}
    .home-appli .advan-item{padding: 30px 15px 35px;}
    .application-row, .news-col {margin-top: 30px;}
    .home-news {margin-bottom: 40px;}
    .home-contants .l-contant h5{font-size: 20px;}
    .home-contants{padding: 35px 0;}
}
@media (max-width:768px) {
    .manufacturer-text {margin: 20px 0;}
    .l-contant {padding: 0 15px;}
    .home-manufacturer, .home-product {padding: 30px 0;}
    .manufacturer-text p {font-size: 14px;margin-bottom: 10px;}
    .manufacturer-btns a {width: 140px;height: 35px;font-size: 16px;}
    .about-left {padding: 25px 20px;}
    .about-im {width: 3%;display: flex;align-items: center;}
    .abouts-list li p,.about-box p:nth-of-type(2), .home-appli .home-title p,.product-btns,.contant-btns a{font-size: 14px;}
    .about-box p:nth-of-type(1){font-size: 18px;}
    .product-text p{margin-top: 15px;}
    .home-appli, .home-application{padding: 45px 0;}
    .home-appli .home-title p{padding: 20px 0 30px;line-height: 1.52;}
    .home-appli .advan-list>li{padding: 0 10px;width: 49%;box-sizing: border-box;margin-bottom: 2%;}
    .app-text p {font-size: 14px;padding: 15px 0;}
    .application-col,.news-row{width: 49%;}
    .home-contants .l-contant h5{font-size: 18px;}
    .product-box {width: 49%;}
}
@media (max-width:600px) {
    .home-contants .l-contant{flex-direction: column;}
    .home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: 22px;}
    .contant-btns{display: flex;margin-top: 20px;}
    .home-appli .advan-icon img{max-width: 30px;}
    .home-appli .advan-item .con{font-size: 14px;}
    .product-list {margin-top: 20px;}
    .product-box{width: 100%;margin-bottom: 2%;}
}
.home-abouts lite-youtube > .lty-playbtn{display:none}