@charset "utf-8";
:root{--color:#e6232c;--color2:#BA2620}
main.index section.products .title .title-img-box{margin-bottom:30px;margin-top:25px}
main.index section.products .item ul,main.index section.number{margin-bottom:0}
main.index .news .title{padding:55px;margin-bottom:55px}
*{font-family:'Poppins',sans-serif !important}
.fa{font-family:FontAwesome!important}
.fa-twitter{font-family:"brandsfonts"!important}
.nav-box.index-page.nav-set-top-40{background:#ffffff47}
header .top-box .nav-box .right nav>ul.nav1>li>a,header .top-box .nav-box{color:#000}
@media (min-width:1601px){header .top-box .nav-box .right nav>ul.nav1>li>a{padding:0 30px;text-transform: uppercase;}}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent{background:var(--color)!important}
header .top-box .nav-box{background:#fff}
footer{background:#888}
.copyright,footer .footer-info .soft ul li{background:#666}
@media(max-width:1210px){footer .footer-info .soft ul li.active,footer .footer-info .soft ul li:hover,.pho-footer{background:var(--color2)}}
.productsDetails-article .details .left .swiper-box .swiper-container{--swiper-theme-color:var(--color2)}
@media(max-width:1213px){.productsDetails-article .details .right .btn-groups .button:nth-of-type(2) a{background:var(--color2)}}
@media screen and (max-width:1024px){header .top-box .nav-box .right nav{background:#fff}
header .top-box .nav-box .right ul.nav1>li .submenu{background:none}}
@media(max-width:700px){.rb_bottom .next:nth-last-child(3){background:var(--color2)}}
@media(max-width:750px){main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) a:hover{color:var(--color2)}
main.page-template-1 .max-width-box article .item ul li .box .right button:hover{background:var(--color2)}}
.download-btn{background-color:var(--color2)}
main.page-template-1 .max-width-box article.row-0 ul li .box .right button,main.page-template-1 .max-width-box article.row-1 ul li .box .right button{background:var(--color2)!important}
.item-faqdetails .btn-group button:nth-of-type(2),.item-aboutus .btn-group button:nth-of-type(2){background:var(--color2)!important}
.table-wrap .table td{border:1px solid #ccc}
main.page-template-1 .max-width-box article article{max-width:850px}
main.index section.products .item ul li>div .rule-box{max-height:inherit;height:auto}
@media (min-width:1025px){#products .contents_title{display:none}
#liproducts .submenu{padding:16px 10px;width:100%;max-width:1100px;-o-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%}
#liproducts .submenu li{width:50%;margin:0;box-sizing:border-box;float:left}
.nav .submenu li a{color:#fff}
.nav .submenu li:hover{background:#222}
#liproducts{position:static}
#liproducts .submenu{margin:0;padding:30px 200px;box-sizing:border-box}
header .top-box .nav-box .right ul.nav1 .nav0 li a{color:#fff;text-overflow:ellipsis;overflow:hidden;display:block}
#liproducts .submenu li{border-right:1px solid #fff}
#liproducts .submenu li:nth-child(2n){border:none}
header .top-box .nav-box .right ul.submenu.nav1{height:auto}}
@media (max-width:1440px) and (min-width:1025px){#liproducts .submenu{max-width:900px;padding:30px 100px}}
@media (max-width:1024px){#liproducts .submenu li{width:100%}
#liproducts .submenu{background:transparent}
header .top-box .info{display:none}
header .top-box .nav-box .right nav a{color:#000}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right nav a:hover{color:var(--color2)}}
aside.nav2-template>ul>li.has-children2 .currentProType,aside.nav2-template>ul a:hover{color:var(--color)}
.swiper-box.index-swiper{position:relative}
.swiper-box.index-swiper img{display:block}
.swiper-index{height:auto}
main.index{margin-top:0!important}
body{padding-top:120px}
.banner2-box{height:auto;min-height:inherit;position:static}
.tabs{margin:0}
.banner2-box img{display:block}
header .top-box{top:0;height:62px}
header{top:0}
@media (min-width:1201px){header .top-box .nav-box{height:120px}
header .top-box{height:120px}
.search-box-mob{top:120px}}
header .top-box .info{display:none}
.nav-set-top-40{top:0}
header .top-box .info .left span,header .top-box .info .left>span:nth-of-type(1),header .top-box .info .left span a{color:#000}
@media screen and (max-width:1200px){.swiper-box.index-swiper{top:62px}
body{padding-top:62px}}
@media screen and (max-width:680px){body{padding-top:0}
.swiper-box.index-swiper{top:0}}
@media (min-width:1025px){header .top-box .nav-box .right ul.nav1>li a{padding:0 12px}
header .top-box .nav-box .right ul.nav1>li ul.submenu li{padding:8px 10px}}
.footcont{margin-top:15px}
.footcont div{font-size:18px;margin-bottom:5px}
.footcont p{font-size:16px}
.item-faqdetails .article p{margin-bottom:3px}
.item-aboutus .article p{margin-bottom:3px}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left img{object-fit:contain}
main.index section.about-us .block-box .pic img{object-fit:cover}
main.index section.about-us .block-box .content .top h2{text-transform:capitalize}
.big img{object-fit:contain}
@media (max-width:450px){main.page-template-1 .max-width-box article .item ul li{height:auto;width:100%}}
main.index section.products .list ul li{width:auto;padding:0 25px}
main.index section.products .list ul li a{display:block;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:768px){main.index section.products .title .list ul li{width:50%;padding:0 15px}}
aside.nav2-template>ul>li.has-children2 ul li:hover>ul{display:block!important}
aside.nav2-template>ul>li.has-children2>ul>li ul>li a{line-height:1.3;padding:10px 0 10px 15px;font-size:13px;font-weight:400}
aside.nav2-template>ul>li.has-children2 ul li a{font-size:15px;padding:0 30px 0 12px;font-weight:bold}
aside.nav2-template>ul>li.has-children2 ul li i{right:5px}
header .top-box .nav-box .right ul.nav1>li a{font-weight:var(--fontbold7);font-size:18px;font-family:Lato, sans-serif !important}
main.index{background:#696969}
.sun{color:#fff}
main.index section.products .item ul li div p span{color:#fff}
.sun{display:none}
.parent{color:#fff}
main.index .news .title{justify-content:center}
main.index .news .item ul li .box .left img{max-height:100%}
main.index{padding-top:0}
header .top-box .nav-box .right ul.nav1>li .submenu li a{font-size:16px;font-weight: normal;}
.wmkc-app-title{font-size:50px;font-weight:bold;position:relative;color:#fff;text-align:center;padding:40px 0}
@media (min-width:1201px){main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(3){max-height:inherit;-webkit-line-clamp:4}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1){margin-bottom:20px}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right{padding:35px;-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;width:calc(100% - 320px)}}
b.p-b{display:block;font-size:26px;margin-bottom:5px;line-height:1.3}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.3}
@media (max-width:1200px){main.page-template-1 .max-width-box article .item ul li .box .right{height:auto;padding:15px}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(3){display:-webkit-box!important;-webkit-line-clamp:3}}
p.cnavcont{display:flex}
p.cnavcont>span:nth-child(1){min-width:40px;display:inline-block}
.concat-us .info .right .cnavcont:nth-child(2)>span:nth-child(2) span{letter-spacing:3.4px}
.concat-us .info .right .cnavcont:nth-child(3)>span:nth-child(2) span{letter-spacing:1.3px}
.concat-us .info .right .cnavcont:nth-child(4)>span:nth-child(2){letter-spacing:.5px}
.concat-us .info .right{display:block}
ul.nav1 p.cnavcont>span:nth-child(1){min-width:30px}
ul.nav1 .cnavcont:nth-child(1)>span:nth-child(2) span{letter-spacing:2.3px}
@media (max-width:560px){main.index section.number ul li{justify-content:flex-start;padding:0 6px;box-sizing:border-box}
main.index section.number ul li p:nth-of-type(1){font-size:26px}
main.index .news .item ul li .box .right{width:calc(100% - 100px)}
main.index .news .item ul li .box .right p:nth-of-type(1) a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
main.index .news .item ul li .box .right p:nth-of-type(2){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
main.index .news .title{padding:20px 10px;margin:0}
main.index section.news .title .title-img-box{margin:0}
.parent{font-size:24px}
.wmkc-app-title{font-size:24px;padding:20px 10px}}
.news .news-inner-in{display:flex;align-items:center;justify-content:space-between;padding-bottom:4%}
.news .news-inner-in .newswiper{max-width:90%;margin:0 auto;overflow:hidden}
.news .new-swiper-button-prev,.new-swiper-button-next{width:30px;height:30px;line-height:30px;text-align:center;color:var(--color);font-weight:bold;font-size:22px;border:1px solid var(--color);background:#fff;cursor:pointer;transition:all .5s}
.news .new-swiper-button-prev:hover,.news .new-swiper-button-next:hover{background:var(--color);color:#fff}
.news .new-swiper-pagination{text-align:center;margin-top:20px;display:none}
.news .new-img{overflow:hidden}
.news .new-img a{display:block;position:relative;height:0;padding-bottom:100%}
.news .new-img img{width:100%;display:block;transition:all .5s;max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:cover}
.news .new-li:hover img{transform:scale(1.1)}
.news .new-title a{font-weight:bold;margin:20px 0 10px;display:block;color:#000;font-size:15px}
.news .new-title a:hover{color:var(--color)}
@media (max-width:768px){.news .new-swiper-button-prev,.news .new-swiper-button-next{display:none}
.news .new-swiper-pagination{display:block}}
main.index .news .title{padding:4% 0;margin-bottom:0}
.project-list{display:flex;flex-wrap:wrap}
.project-list li{display:block;padding:0;width:32%;margin:0 2% 30px 0}
.project-list li:nth-child(3n){margin-right:0}
.project-list li .project-info{margin:0;padding:5px 0 0}
.project-list li .project-content{word-break:break-word}
@media (max-width:1024px){.project-list li{width:48%;margin:0 4% 30px 0}
.project-list li:nth-child(3n){margin-right:4%}
.project-list li:nth-child(2n){margin-right:0}}
@media (max-width:640px){.project-list li{width:100%;margin:0 0 30px 0}
.project-list li:nth-child(3n),.project-list li:nth-child(2n){margin-right:0}
.max-width-box article .item-aboutus .article .project-img img{width:100%;max-height:inherit}}
.item-aboutus h1.documentcontent-tit{color:var(--color2);text-align:center}
footer .footer-info .soft{position:static;margin-top:8px}
.copyright{justify-content:space-between}
@media (max-width:1024px){.copyright{justify-content:center;text-align:center}
.copyright>img{display:none}}
footer .footer-info .soft ul li{margin-right:5px}
main.index section.products .item ul li>div .rule-box{position:relative;height:0;padding-bottom:100%;background:#fff}
main.index section.products .item ul li>div .rule-box img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain}
@media (max-width:1210px){main.index section.products .item ul li div p{height:auto;padding:10px 0}}
@media (min-width:1025px){header .top-box .nav-box{align-items:center}
.lang{height:30px}}
@media (max-width:1600px){main.index section.products .list ul li {max-width:calc(25% - 25px);flex:1;}
main.index section.products .list ul {width:100%;padding:0 10px;}
main.index section.products .title .list {width:100%;}}
@media (max-width:1090px){main.index section.products .list ul li {max-width:calc(33% - 25px);}}
@media (max-width:890px){main.index section.products .list ul li {max-width:calc(50% - 25px);}}
@media (max-width:500px){main.index section.products .list ul li {max-width:50%;}}
main.index section.about-us .block-box{height:auto;}
header::before{background-image: inherit;}
@media (min-width: 1025px){header .top-box .nav-box .right ul.nav1>li .inmenu_1{background-color: inherit;color:#e6232c;}
header .top-box .nav-box .right ul.nav1>li:hover{background-color: inherit;color:#e6232c;}
header .top-box .nav-box .right ul.nav1>li:hover>a{color:#e6232c}
header .top-box .nav-box .right ul.nav1>li ul.submenu li:hover a{color:#fff;}}
main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1), main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black, aside.nav2-template>ul>li:nth-of-type(1){font-weight: var(--fontbold6);}
@media(min-width:1025px){main.index section.products .item ul li{width:33.3%;}}
main.page-template-1 .max-width-box article .item-products-0 ul li{width:32%;margin-right:2%;}
main.page-template-1 .max-width-box article .item-products-0 ul li:nth-child(3n){margin-right:0;}
main.page-template-1 .max-width-box article .item-products-0 ul li .box{flex-direction: column;}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left{width:100%;}
main.page-template-1 .max-width-box article .item ul li .box .left a{position:relative;height:0;padding-bottom:100%;}
main.page-template-1 .max-width-box article .item ul li .box .left a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right{width:100%;padding:15px;}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button{width:100%;text-align: center;font-size:14px;}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(3),main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p.product-price{display:none !important}
@media (max-width:1024px){main.page-template-1 .max-width-box article .item-products-0 ul li .box{display:block;}
main.page-template-1 .max-width-box article .item-products-0 ul li{width:49%;margin-right:0;max-height:inherit;}
main.page-template-1 .max-width-box article .item ul li .box .right{line-height:1.3 !important;}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a{margin-bottom:10px;}
main.page-template-1 .max-width-box article .item ul li .box .right span{font-size:16px !important;white-space: normal;word-break: break-word;}}
@media (max-width:1200px){main.page-template-1 .max-width-box article .item ul li .box .left{line-height:inherit !important;display:block;}}
@media (min-width:1025px){header .top-box .nav-box .right{height:100%;}
header .top-box .nav-box .right nav,header .top-box .nav-box .right ul.nav1,header .top-box .nav-box .right ul.nav1>li{height:100%;}
header .top-box .nav-box .right ul.nav1>li ul.submenu{padding:0;}
header .top-box .nav-box .right ul.nav1>li ul.submenu li{padding:0;}
header .top-box .nav-box .right ul.nav1>li ul.submenu li a{padding:10px;width:100%;color:#fff;}
header .top-box .nav-box .right ul.nav1>li ul.submenu li:hover a{background:#e6232c}
#liproducts{position:relative}
#liproducts:hover>.submenu{display:block;}
#liproducts .submenu{padding:0;min-width:240px;left:0;transform: none;}
#liproducts .submenu li{width:100%;padding:0;border-right:none;}
#liproducts .submenu li a{padding:10px;white-space: nowrap;}
}
main.index section.about-us{height:auto}
main.index section.about-us .block-box{width:100%;max-width:1920px;height:100%;flex-direction:row-reverse;flex-wrap:wrap}
main.index section.about-us .block-box .pic{width:50%;max-width:none}
main.index section.about-us .block-box .pic lite-youtube>.lty-playbtn{filter:none}
main.index section.about-us .block-box .content{background:#111;width:50%;padding:80px 100px}
main.index section.about-us .block-box .content .top h2{font-size:32px;color:#fff;line-height:1.4}
main.index section.about-us .block-box .content .top p{margin:10px 0 40px 0;color:#fffFFF95}
main.index section.about-us .block-box .content .button-box{display:none}
main.index section.about-us .about-list{display:flex;flex-wrap:wrap;justify-content:space-between}
main.index section.about-us .about-list>li{box-sizing:border-box;width:48%}
main.index section.about-us .about-list>li:nth-child(-n+2){margin-bottom:20px}
main.index section.about-us .about-list .item{display:flex;box-sizing:border-box;padding:25px;background:#fffFFF10;color:#fff;height: 100%;}
main.index section.about-us .about-list .item-img{margin-right:24px}
main.index section.about-us .about-list .item-img img{height:44px}
main.index section.about-us .about-list .num{font-size:32px;color:#fff;line-height:1}
main.index section.about-us .about-list .text{color:#fffFFF95}
@media screen and (max-width:1470px){main.index section.about-us .block-box .content{padding:40px}
main.index section.about-us .about-list .num,main.index section.about-us .block-box .content .top h2{font-size:var(--fontsize28)}
main.index section.about-us .block-box .content .top p{-webkit-line-clamp:3;margin:10px 0 20px 0}
main.index section.about-us .about-list .item{padding:20px}}
@media (max-width:990px){main.index section.about-us .about-list .item-img{margin-right:10px}
main.index section.about-us .about-list .num{font-size:var(--fontsize24)}}
@media (max-width:785px){main.index section.about-us{padding:0}
main.index section.about-us .about-list .item{display:block;text-align:center;padding:10px}
main.index section.about-us .block-box .content,main.index section.about-us .block-box .pic{width:100%}}
@media (max-width:500px){main.index section.about-us .block-box .content{padding:20px}}
aside.nav2-template>ul>li.has-children2 ul li a{font-weight: normal;}
.index .news .new-title a{font-weight: normal;}
footer .footer-info h4{color:var(--footercolor)}
    footer .footcont div{font-weight:var(--fontbold6)}
footer .footcont p{font-size:14px}
 main.page-template-1 .max-width-box article .item-products ul .right button{ color: var(--fontcolor);}
 aside .last-products li img{height: 100%;object-fit: contain;aspect-ratio: 1 / 1;}
 main.page-template-1 .max-width-box article .item-products ul .right button span {border: 1px solid var(--fontcolor);}
aside.nav2-template>ul>li.has-children2 ul li>a{font-size: 18px;}
.page-template-1.projectDetails .productsDetails-article .details .img{height: auto;}
.projectDetails .random-pro-list ul li a img{aspect-ratio: 1 / 1;}
footer .footer-info .logo-box .logo img{width:auto;max-height:65px;}