@charset "utf-8"; 
@import url(https://css02.v15cdn.com/m441/iconfont/iconfont.css);
:root{--footercolor:#fff;--color:#171717;--headercolor:#000000;--fontfamily:"Montserrat",sans-serif;--color2:#171717}
.home-about .about-img::before{display:none}
.home-about  .home-more{background:var(--color);color:#fff}
.home-about .about-img .bgimg{border-radius:unset}
.home-about h1{color:#111;font-weight:normal;padding-bottom:20px;position:relative}
.home-about h1::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:2px;background:var(--color)}
.home-about{background:var(--color)}
.home-about .home-more{background:#231c1b}
.home-about,.home-about .about-img{padding:0}
.home-about .about-info{padding-top:2%;padding-bottom:2%}
.home-about .about-img .bgimg{height:100%;object-fit:cover}
.home-about .l-wrap{align-items:stretch}
.home-news{padding:0;}
.home-projects{padding-bottom:4.5% !important;}
@media (max-width:768px){.home-projects{padding-bottom:40px !important;}}
.home-hotpro .homehotpro-list .homehotpro-item{height:auto;}
.home-choose .home-title ,.home-choose .homechoose-text{color: var(--fontcolor);}

.home-service{padding:50px 0;position:relative}
.home-service .service-flex{display:flex;align-items:center;flex-wrap:wrap}
.home-service .service-flex .title{font-size:45px;font-weight:var(--fontbold6);line-height:1.2}
.home-service .service-flex .title span{color:var(--color);display:block}
.home-service .service-flex .text{color:#666666;margin:15px 0}
.home-service .service-flex .left{width:50%;background:no-repeat center;background-size:cover;aspect-ratio:777/620;position:relative;padding:50px 50px;background:var(--color);border-radius: 10px 0 0 10px;}
.home-service .service-flex .left .text{font-size:60px;color:var(--color);font-weight:var(--fontbold6);line-height:1;writing-mode:vertical-lr}
.home-service .service-flex .left .img1{position:absolute;left:-30px;top:20%}
.home-service .service-flex .left .img2{position:absolute;top:50%;transform:translateY(-50%);right:-80px}
.home-service .service-flex .right{background:#f9f4ee;border-radius:0 10px 10px 0;padding:60px 20px 20px 100px;flex:1}
.home-service .service-flex .right .list{display:flex;flex-wrap:wrap;margin:30px 0 60px}
.home-service .service-flex .right .list li{text-align:center;margin-right:20px}
.home-service .service-flex .right .list li:last-child{margin-right:0}
.home-service .service-flex .right .list li p{font-weight:var(--fontbold6);margin-top:10px}
.home-service .service-flex .right .list li .img{width:120px;height:120px;background:#FFFFFF;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.home-service .service-flex .right .list li .img:hover img {transform:scale(1.03)}
.home-service .service-flex .right .list li:nth-child(2) img{margin-top:10px}
.home-service .service-flex .infoleft{width:45%;margin-top:20px}
.home-service .service-flex .infoleft .list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:20px 0}
.home-service .service-flex .infoleft .list li{display:flex;background:#f4f4f4;border-radius:30px;padding:10px 20px;margin-bottom:10px;font-weight:var(--fontbold6);min-width:140px}
.home-service .service-flex .infoleft .list li img{vertical-align:middle;margin-right:10px;height:16px}
.home-service .service-flex .infoleft .list li .icon {margin-right:10px;margin-top:6px;width:16px;height:16px;background:var(--color);border-radius:50%;color:#ffffff;display:inline-flex;align-items:center;justify-content:center}
.home-service .service-flex .infoleft .list li .icon i{font-size:12px;margin-top:1px}
.home-service .service-flex .inforight{flex:1;border-radius:10px;overflow:hidden;padding-left:30px;}
.home-service .service-flex .inforight img{width:100%;height:100%;object-fit:cover}
.home-service .service-flex .inforight .lazy-wrap{border-radius:10px}
.home-service .service-flex .inforight img:hover{transform:scale(1.02)}
.home-service .service-flex .infoleft .home-more em{color:#fff}
@media(max-width:1280px){.home-service .service-flex .left .text{font-size:40px}
.home-service .service-flex .title{font-size:38px}
.home-service .service-flex .left .img2{width:450px;right:-50px}
.home-service .service-flex .right{padding:40px 20px 20px 90px}
.home-service .service-flex .right .list{margin:20px 0 40px}}
@media(max-width:1024px){.home-service .service-flex{margin-top:20px}
.home-service .service-flex .left .img2{right:20px}
.home-service .service-flex .right{padding:20px}
.home-service .service-flex .title{font-size:28px}
.home-service .service-flex{flex-direction:column}
.home-service .service-flex .left{width:100%;aspect-ratio:inherit}
.home-service .service-flex .infoleft{width:100%;margin-bottom:20px}
.home-service .service-flex .inforight{padding-left:0}}
@media(max-width:768px){.home-service .service-flex .left .img2{right:0;width:65%}
.home-service .service-flex .left{padding:15px 20px}
.home-service .service-flex .right .list{justify-content:space-between;margin-bottom:20px}
.home-service .service-flex .right .list li{width:30%;margin:0}
.home-service .service-flex .right .list li .img{width:100%;height:auto;aspect-ratio:1/1}}
.home-about2{padding:50px 0;position:relative;background:no-repeat center;background-size:cover;z-index:1;background-image:url(https://css02.v15cdn.com/m441/images/about-bg.webp)}
.home-about2::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: var(--color);opacity:.8;z-index:-1}
.home-about2 .aboutflex{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.home-about2 .aboutflex .aboutimg{width:45%;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:680/448}
.home-about2 .aboutflex .aboutimg:hover img{transform:scale(1.02)}
.home-about2 .aboutflex .aboutimg iframe{width:100%;height:100%}
.home-about2 .aboutflex .aboutimg em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;background:var(--color);color:#FFFFFF;width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer}
.home-about2 .aboutflex .aboutimg em::after{content:"";position:absolute;left:50%;top:50%;}

.home-banner .swiper-slide>a::after{display:none;}
.nobanner header .head-top,.nobanner header .head-info,header.is-active{background:#fff}
.head-left .item em{color:var(--color)}
.lang-icon img{filter:brightness(0)}
@media (min-width:1025px){body:not(.index){padding-top:116px}
.head-top .l-wrap{position:relative;}
.head-top .l-wrap:after{content:'';width:calc(100% - 140px);height:1px;background:#ccc;position:absolute;bottom:5px;left:70px;}
.head-top .head-right .head-share{width:auto;}
.head-top .head-right .head-share ul{opacity:1;transform:none;visibility:visible;position:static}
.head-share ul a{background:none!important}
.head-share ul a i{font-size:21px}
.head-share ul .social-item.fb {color:#3b5997}
.head-share ul .social-item.tw {color:#2d2d2d}
.head-share ul .social-item.lk {color:#0A66C2}
.head-share ul .social-item.pi {color:#cc2127}
.head-share ul .social-item.you {color:#FF0000}
.head-share ul .social-item.vk {color:#0077FF}
.head-share ul .social-item.tik {color:#000}
.head-top .head-right .head-share .icon-share{display:none}
.head-share ul a:hover{transform:none}}
.m-menu span{background:#000}
@media (max-width:1024px){header{background:#fff}
.lang-icon img{filter:brightness(0)}}
table tr:nth-child(even) {  background: #fff; }
.table tr:nth-child(odd) {  background: #eee; }
.prodetails-content .prodetails-tabs .prodetails-tabs-item:nth-child(2){display:none}
@media(min-width:1025px){/*.pro-d-main .prodetails-content .l-wrap{max-width: 940px;}*/
.home-cate .homecate-list li{width: 23.5%;}
.home-cate .homecate-list li:nth-child(3n) {margin-right: 2%;}
.home-cate .homecate-list li:nth-child(4n) {margin-right: 0%;}}
.home-banner .swiper-pagination-bullet::before{animation:mymove 3s linear forwards}
footer .foot-item .foot-link .item1{display:block;}
footer .foot-item .foot-link .item1 img{max-width:80px;}
@media (min-width:769px){.page-hotnews .swiper-slide .img{position:relative;height:0;padding-bottom:22%;width:36%;}
.page-hotnews .swiper-slide .img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.page-hotnews .swiper-slide .info{width:calc(100% - 36%);flex:initial;}
.page-hotnews .swiper-slide .info .box{width:100%;}}
@media (max-width:768px){.page-hotnews .swiper-slide .img{position:relative;height:0;padding-bottom:62%;}
.page-hotnews .swiper-slide .img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}}
.page-hotnews{display:none;}
@media (max-width:768px){.home-about lite-youtube > iframe{min-height:inherit;}}
.home-service .service-item:nth-child(1) .box{top:0;bottom:auto;}
.foottop .home-title{color:#fff}
@media (min-width:1025px){body{padding-top: 116px;}
header{background: #fff;}}
footer .foot-item .foot-list li#li_Menu101_contact-us,footer .foot-item .foot-list li#li_Menu101_faq,footer .foot-item .foot-list li#li_Menu101_showroom{display:none}
footer .foot-item.foot-contact{width:35%}
footer .foot-item .foot-link{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
footer .foot-item .foot-link .item{margin-bottom:5px;line-height:1.6}
footer .foot-item .foot-link .left{width:30%}
footer .foot-item .foot-link .left .item{align-items:center}
footer .foot-item .foot-link .item1 img{max-width:none;width:100%}
footer .foot-item .foot-link .item1 p{margin-top:10px;padding-left:0;text-align:center}
footer .foot-item .foot-link .right{width:65%}
@media (max-width:1280px){footer .foot-item .foot-link .left{width:39%}
footer .foot-item .foot-link .left .item:nth-child(1)>p{font-size:var(--fontsize14)!important}
footer .foot-item .foot-link .right{width:55%}}
@media (max-width:500px){footer .foot-item .foot-link .left{width:100%}
footer .foot-item .foot-link .item1 img{max-width:150px}
footer .foot-item .foot-link .item1 p{text-align:left}
footer .foot-item .foot-link .right{width:100%}}
footer .foot-item .foot-link .right .item p {word-break:break-word}
footer .foot-item .foot-link .left{min-width:160px}
footer .foot-item .foot-link .right{flex:1;padding-left:20px}
@media (max-width:1440px){footer .foot-item.foot-contact{width:38%}}
@media (max-width:500px){footer .foot-item .foot-link .right{padding-left:0}}
@media (min-width:1024px){.head-nav .nav-ul>li>a{font-size:var(--fontsize18)}}
@media (min-width:1025px){.head-top{background:var(--color)!important;color:#fff}
.head-top .l-wrap:after{display:none}
.head-left,.head-left .item em,.head-left .item:hover,.lang-icon span{color:#fff}
.lang-icon img{filter:brightness(1)}
.lang-icon span::before,.lang-icon span::after{background:#fff}}
footer .foot-main{background: var(--color2);}
footer .foot-main::after{display:none}
footer .foot-bot{background:var(--color2)}
footer .foot-item .foot-link .item:nth-child(1)>p{font-size:var(--fontsize14)!important}
.pro-d-main .prodetails-content .l-wrap {max-width: 1340px;}
.newslist li .img img,.newslist li .img{aspect-ratio: 1/1;object-fit:contain;}
.foottop .home-icon{color:#fff;}
.foottop .home-more{background: #fff;color:var(--fontcolor);/*transform:translate(-50%,-50%);width:100%;height:100%;border:5px solid #FFFFFF;border-radius:50%*/}
.home-about2 .aboutflex .aboutinfo{flex:1;padding-left:30px;padding-top:20px;color:#FFFFFF}
.home-about2 .aboutflex .aboutinfo .home-des{text-align:left;color:#FFFFFF}
.home-about2 .aboutflex .aboutinfo .title{text-align:left;color:#FFFFFF;font-size:46px}
.home-about2 .aboutflex .aboutinfo .text{line-height:2;margin-bottom:30px}
.home-about2 .aboutflex .aboutinfo .home-more{background:#FFFFFF;color:var(--color)}
.home-about2 .aboutflex .aboutinfo .home-more em{color:#FFFFFF}
.home-about2 .aboutflex .aboutinfo .home-more:hover{color:#ffffff;}
.home-about2 .aboutlist{display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 0 10px}
.home-about2 .aboutlist li{width:23%;background:#FFFFFF;border-radius:10px;overflow:hidden;display:flex;align-items:center;padding:15px 20px}
.home-about2 .aboutlist li:hover .icon{border-color:var(--color)}
.home-about2 .aboutlist li .icon{width:70px;height:70px;border:2px solid rgba(228,117,39,.42);border-radius:50%;padding:1px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.home-about2 .aboutlist li .info{flex:1;height:100%;padding-left:20px;display:flex;flex-direction:column;justify-content:flex-start}
.home-about2 .aboutlist li .info .p1{color:var(--color);font-size:30px;font-weight:var(--fontbold6)}
.home-about2 .aboutlist li .info .p2{color:#000;font-weight:var(--fontbold5);line-height:1.4}
@media(max-width:1280px){.home-about2 .aboutflex .aboutinfo{padding:0 0 0 20px}
.home-about2 .aboutflex .aboutinfo .title{font-size:34px}}
@media(max-width:1024px){.home-about .aboutflex .aboutimg{width:100%}
.home-about2 .aboutflex .aboutinfo{padding:0;margin-top:20px}
.home-about2 .aboutlist li{width:49%;margin-bottom:20px}}
@media(max-width:768px){.home-about .aboutflex .aboutinfo .title{font-size:24px;font-weight:var(--fontbold6);margin:10px 0}
.home-about2 .aboutlist li{padding:15px;width:100%}
.home-about2 .aboutlist li .icon{width:50px;height:50px}
.home-about2 .aboutlist li .icon img{height:30px}
.home-about2 .aboutlist li .info .p1{font-size:24px}}
.home-certi{background:linear-gradient(180deg,#fff,var(--color))}
.home-more em{background:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:10px;font-size:12px;font-weight:var(--fontbold6)}
.home-service .service-flex .title{color: var(--color);}
.home-about2 .aboutflex .aboutinfo .home-des,.home-about2 .aboutflex .aboutinfo .title,.home-about2 .aboutflex .aboutinfo .text{color: #464646;}

@media (min-width:1025px) {
body:not(.nobanner) header{background: var(--color2);}
body:not(.nobanner) header .head-nav .nav-ul>li>a.inmenu_1{color: #fff!important;}
body:not(.nobanner) header .head-nav .nav-ul>li>a:hover{color: #fff;}
body:not(.nobanner) header .head-nav .nav-ul>li>a{color: #fff;}
body:not(.nobanner) header .head-nav .nav-ul>li>a::before{background: #fff;}
body:not(.nobanner) header .head-nav .nav-ul>li>ul{background: #000;}
body:not(.nobanner) header .head-nav .nav-ul>li>ul a:hover{color:#fff}
body:not(.nobanner) header .head-nav .nav-ul>li>ul a{color:#fff}
}

footer .foot-item .foot-link .item em{color: #fff;}