@charset "utf-8";
:root{--color:#ea5b24}
.table-wrap .table td{border:1px solid #000}
.swiper-box.index-swiper{position:relative}
.swiper-box.index-swiper .swiper-index{height:auto}
.swiper-box.index-swiper .swiper-index img{display:block}
main.index{margin-top:0}
main.index section.about-us .mb{display:none}
*{font-family:Arial!important}
main.index section.number ul li p:nth-of-type(2){font-size:16px}
main.page-template-1{background:#fff}
.fa{font-family:FontAwesome!important}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent{background:var(--color)!important}
.copyright a.go-top,.item-project ul li .box .right button:hover,aside.nav2-template>ul>li.has-children2>a:hover,aside.nav2-template>ul>li:nth-of-type(1),header .top-box .info .right ul.sj li .inmenu_1,header .top-box .info .right ul.sj li:hover,main.index section.products .list ul li:hover,main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black,main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1){background:var(--color)}
footer .footer-info .soft ul li:hover,main.page-template-1 .max-width-box article .Pagination .active,main.page-template-1 .max-width-box article.row-0 ul li .box .right button:hover,main.page-template-1 .max-width-box article.row-1 ul li .box .right button:hover{background:var(--color)}
.concat-us .form .send-btn:hover,.pages p .ctxt,.productsDetails .btn-group button:nth-of-type(2),.productsDetails-article .details .right .btn-groups .button a:hover,.search-box-mob div button,.selected,.shop-car div.button.buy,main.page-template-1 .form .send-btn:hover{background:var(--color)}
footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover,footer .footer-info p:hover,main.index .news .item ul li .box .right p:nth-of-type(1),main.index .news .item ul li .box .right p:nth-of-type(1) a:hover,main.index section.products .item ul li:hover a{color:var(--color)}
#xyz .xyz12 a:hover,.item-faq ul li .box .right p:nth-of-type(1):hover,main.page-template-1 .max-width-box article.row-0 ul li .box .right p:nth-of-type(1) a:hover,main.page-template-1 .max-width-box article.row-0 ul li:hover p,main.page-template-1 .max-width-box article.row-1 ul li .box .right p:nth-of-type(1) a:hover,main.page-template-1 .max-width-box article.row-1 ul li:hover p{color:var(--color)}
.item-faq ul li .box .right p:nth-of-type(1) a:hover,.item-project ul li:hover p a,aside.nav2-template>ul a:hover,main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a:hover{color:var(--color)}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .right a:hover,aside .last-products li a:hover,aside.nav2-template>ul>li.has-children2 .currentProType,main.page-template-1 .max-width-box article .item-products ul li p a:hover,main.page-template-1 .max-width-box aside ul.nav1 li a:hover{color:var(--color)}
.banner2-box .fonts button:hover,.swiper-box .fonts button:hover,main.index section.about-us .block-box .content .button-box button:hover{background:var(--color);border-color:var(--color)}
.category-title,.input-error,.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img.item-hover{border-color:var(--color)}
main.index section.about-us .block-box .content .button-box button{border-color:var(--color);color:var(--color)}
header .top-box .nav-box{color:#000}
@media(min-width:1200px){header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li a:hover,header .top-box .nav-box .right ul.nav1>li ul li:hover,header .top-box .nav-box .right ul.nav1>li:hover{background-color:var(--color)}}
@media(max-width:1210px){.pho-footer,footer .footer-info .soft ul li.active,footer .footer-info .soft ul li:hover{background:var(--color)}}
.productsDetails-article .details .left .swiper-box .swiper-container{--swiper-theme-color:var(--color)}
@media(max-width:1213px){.productsDetails-article .details .right .btn-groups .button:nth-of-type(2) a{background:var(--color)}}
@media(max-width:700px){.rb_bottom .next:nth-last-child(3){background:var(--color)}}
@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(--color)}
main.page-template-1 .max-width-box article .item ul li .box .right button:hover{background:var(--color)}}
.download-btn{background-color:var(--color)}
.search-box-mob div button:hover{background:var(--color)}
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(--color)!important}
.item-aboutus .btn-group button:nth-of-type(2),.item-faqdetails .btn-group button:nth-of-type(2){background:var(--color)!important}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button{background:var(--color)!important}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a:hover{color:var(--color)}
.swiper-box.index-swiper{top:102px}
body.index{padding-top:102px}
header .top-box{top:0;width:100%;max-width:100%}
header .top-box .info{background:#191919;padding-left:calc(50% - 650px);padding-right:calc(50% - 650px)}
header .top-box .info .right ul.sj li{background:#818181}
header{top:0}
header .top-box .nav-box .right .search-box,header .top-box .nav-box .right .search-close{color:#000}
header .top-box .nav-box{background:#fff;width:100%;max-width:100%;padding-left:calc(50% - 650px);padding-right:calc(50% - 650px)}
header .top-box .nav-box .left{padding-left:0}
header .top-box .nav-box .right ul.nav1>li a{color:#000}
header .top-box .nav-box .right ul.nav1>li .submenu{background:#fff}
header .top-box .nav-box .right ul.nav1 li:hover>a,header .top-box .nav-box .right ul.nav1>li .inmenu_1{color:#fff}
@media screen and (max-width:1366px){header .top-box .info,header .top-box .nav-box{padding-left:20px;padding-right:20px}}
@media screen and (max-width:1200px){header .top-box .nav-box .right nav{background:rgba(255,255,255,.9)}
header .top-box .nav-box .right ul.nav1 li:hover>a,header .top-box .nav-box .right ul.nav1>li .inmenu_1{color:var(--color)}
header .top-box .nav-box .right ul.nav1>li .submenu{background:0 0}
header .top-box .nav-box .right nav ul.nav1 i{color:#000}}
@media screen and (max-width:1200px){body{padding-top:62px}
.swiper-box.index-swiper{top:62px}}
@media screen and (max-width:680px){body{padding-top:0}
.swiper-box.index-swiper{top:0}}
header .top-box .info .left *{color:#fff!important}
header .top-box .nav-box .right ul.nav1>li a{font-size:18px}
main.index section.number ul li p a{color:#000}
main.index section.number ul li p a:hover{color:var(--color)}
.footer-info .qr-code{display:none}
footer .footer-info h4{color:var(--color)}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{padding-right:40px;transition:.3s;border-radius:4px}
.send-inquiry .inquiry-form input::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea::-webkit-input-placeholder{color:#4c4c4c;-webkit-transition:.3s;transition:.3s;transform-origin:left top}
.send-inquiry .inquiry-form input::-moz-input-placeholder,.send-inquiry .inquiry-form textarea::-moz-input-placeholder{color:#4c4c4c}
.send-inquiry .inquiry-form input::-ms-input-placeholder,.send-inquiry .inquiry-form textarea::-ms-input-placeholder{color:#4c4c4c}
.send-inquiry .inquiry-form input:focus::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea:focus::-webkit-input-placeholder{transform:scale(.8) translateY(-16px)}
.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus{border-color:var(--color)}
.send-inquiry .inquiry-form input{position:relative;width:49%;height:50px;margin-bottom:30px}
.inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{box-sizing:border-box;padding-left:20px;border:1px solid #d5d5d5;outline:0}
.send-inquiry .inquiry-form textarea{padding-top:20px;width:100%;height:250px;resize:none}
.send-inquiry .inquiry-form .input-error{border:1px solid #f77}
.send-inquiry .inquiry-form #in-company{background:url(/js/36232/company.png) no-repeat;background-size:26px 26px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-name{background:url(/js/36232/user.png) no-repeat !important;background-size:26px 26px !important;background-position:right 10px top 12px !important}
.send-inquiry .inquiry-form #in-title{width:100%;background:url(/js/36232/title.png) no-repeat;background-size:26px 26px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-phone{background:url(/js/36232/phone.png) no-repeat;background-size:24px 24px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-email{background:url(/js/36232/email.png) no-repeat !important;background-size:24px 24px!important;background-position:right 10px top 12px!important}
.send-inquiry .inquiry-form #in-content{background:url(/js/36232/pencil.png) no-repeat !important;background-size:20px 20px !important;background-position:right 10px top 15px !important;font-family:Arial,sans-serif}
.send-inquiry .send-btn{width:216px;height:47px;border:1px solid #4c4c4c;display:flex;align-items:center;margin:50px auto;box-sizing:border-box;border-radius:999px;background-color:#000}
.send-inquiry .send-btn .span:first-child{display:flex;justify-content:center;align-items:center;flex:1;font-weight:700;color:#4c4c4c;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.send-inquiry .send-btn .span:nth-child(2){display:none}
.send-inquiry .send-btn .span:first-child{color:#fff}
.send-inquiry .send-btn:hover{cursor:pointer;background:var(--color);border:none}
@media screen and (max-width:768px){.send-inquiry .inquiry-form input{padding-left:2.6666666667vw;width:100%;height:12vw;margin-bottom:4vw}
.send-inquiry .inquiry-form textarea{padding-top:3.3333333333vw;padding-left:2.6666666667vw;width:100%;height:33.3333333333vw}
.send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title{background-size:5.3333333333vw 5.3333333333vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-email,.send-inquiry .inquiry-form #in-phone{background-size:4.6666666667vw 4.6666666667vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-content{background-size:4vw 4vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .send-btn{width:42.6666666667vw;height:10.6666666667vw;margin:6.6666666667vw auto 0}
.send-inquiry .send-btn .span:first-child{font-size:4vw}
.send-inquiry .send-btn .span:nth-child(2){width:6.6666666667vw}}
header .top-box .nav-box .right ul.nav1 ul li a{font-size:17px}
main.index section.about-us .block-box .content{background:#f6f6f7b3}
@media screen and (min-width:1201px){.foot-contact{max-width:350px}
footer .footer-info .nav2{width:auto}
footer .footer-info p{width:100%}
.logo-box{max-width:350px}}
@media screen and (max-width:1366px) and (min-width:1201px){.foot-contact,.logo-box{max-width:320px}}
.copyright{justify-content:center;text-align:center}
.foot-contact ul li:hover,.foot-contact ul li:hover a{color:var(--color)}
.breadcrumbs-nav,.breadcrumbs-nav a,.breadcrumbs-nav h1{font-size:15px}
main.index section.about-us .block-box .content .top h2{display:block;-webkit-line-clamp:inherit;line-height:1.3;margin-bottom:10px;text-align:center}
main.index section.about-us .block-box .content .top h2 span{display:block}
main.index section.about-us .block-box .content{-ms-flex-direction:inherit;flex-direction:inherit}
main.index section.about-us{height:auto;padding:70px 15px}
main.index section.about-us .block-box{height:auto}
main.index section.about-us>img,main.index section.about-us .block-box .pic img{object-fit:cover}
main.index section.about-us .block-box .content .top p{-webkit-line-clamp:inherit;line-height:1.5;height:auto}
@media screen and (max-width:1200px){main.index section.about-us .block-box .content .top h2{font-size:25px}}
@media screen and (max-width:768px){main.index section.about-us .block-box .content .top h2{font-size:20px;line-height:1.2}
main.index section.about-us{padding:40px 4vw}
main.index section.about-us .block-box{flex-wrap:wrap}
main.index section.about-us .block-box .pic{width:100%;max-width:100%}
main.index section.about-us .block-box .content{width:100%}
main.index section.about-us .block-box .content .top p{font-size:14px!important;line-height:1.6}}
@media screen and (max-width:560px){main.index section.about-us .block-box .content .top h2{font-size:18px}}
aside.nav2-template>ul>li.has-children2 ul li.LiLevel1>a{color:var(--color);padding:0 18px;text-align:center;font-size:15px}
aside.nav2-template>ul>li:nth-of-type(1){font-weight:bold;font-size:17px}
main.page-template-1 .max-width-box aside{max-width:inherit;width:350px}
aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img{max-height:inherit}
header .top-box .info .right ul.sj li{margin:0 0 0 15px}
@media (min-width:1201px){main.page-template-1 .max-width-box{max-width:none;box-sizing:border-box;padding:45px 275px}}
aside.nav2-template>ul>li.has-children2 ul li.LiLevel1>a{color:#000}
aside.nav2-template>ul>li.has-children2 ul li.LiLevel1>a:hover{color:var(--color)}
.item-faqdetails .btn-group,.item-aboutus .btn-group{margin-top:30px}
.productsDetails .pro-name{border-bottom:1px solid #ccc;margin-bottom:15px}
.productsDetails .pro-name h3{display:inline-block;padding:20px 30px;background:var(--color);color:#fff}
.productsDetails-article .details .right .btn-groups .button a{background:var(--color);color:#fff;border-color:var(--color)}
.item.item-products.productsDetails p{line-height:1.7}
.productsDetails>span{margin-bottom:20px}
.productsDetails .productsTags{margin:0}
.btn-group{padding-top:20px;border-top:1px solid #ccc}
.productsDetails .btn-group button:nth-of-type(1),.productsDetails .btn-group button:nth-of-type(2){background:#fff !important}
.productsDetails .btn-group button a{color:#000}
.productsDetails .btn-group button:nth-of-type(1){text-align:left}
.productsDetails .btn-group button:nth-of-type(2){text-align:right}
header .top-box .info .right ul.sj{display:none}
aside .last-products li span{font-size:13px}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(3){-webkit-line-clamp:3}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right{line-height:1.75;padding-top:15px}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button{margin-top:15px}
@media (min-width:1201px){main.page-template-1 .max-width-box{justify-content:space-between;padding:45px 235px}
main.page-template-1 .max-width-box aside{width:260px;margin-right:30px}
main.page-template-1 .max-width-box article{width:75%;flex:unset}
main.page-template-1 .max-width-box article article,.singglepic,.singglepic img{width:100% !important}
.singglepic,.productsDetails-article .details .right{width:50%}
.productsDetails-article .details .right{margin-right:0}
.singglepic img{max-width:100%}
main.page-template-1 .max-width-box article{margin-left:0}}
header .top-box .nav-box .right ul.nav1>li>a{font-weight:600;color:#514e4e}
header .top-box .nav-box .right ul.nav1 ul li a{font-size:16px}
header .top-box .nav-box.top-0{box-shadow:0 4px 10px #ccc}
main.page-template-1 .max-width-box aside ul.nav1 li{border-bottom:1px solid #d5d5d5}
main.index section.number{background:none;margin-top:20px}
main.index section.number ul li a{display:flex;border:1px solid #eee;width:80%;margin:0 auto;padding:20px;background:#fff;box-shadow:0 5px 10px rgb(0 0 0 / 20%);align-items:center;border-radius:20px;color:#666}
main.index section.number ul li a p:nth-child(1){width:40%}
main.index section.number ul li a p:nth-child(2){flex:1}
main.index section.number ul li a p:nth-child(2) span:nth-child(1){font-size:18px;display:block;font-weight:600;margin-bottom:10px}
main.index section.number ul li a p:nth-child(2) span:nth-child(2){text-align:left}
main.index section.number ul li a:hover{opacity:0.8}
main.index section.number ul{height:auto}
@media(max-width:1100px){main.index section.number ul{flex-wrap:wrap}
main.index section.number ul li{width:50%;margin-bottom:20px}}
main.index section.number{height:auto}
@media(max-width:768px){main.index section.number ul li{width:100%}}