@charset "utf-8"; 
:root{--color:#0078d7}
.table-wrap .table td{border-width:1px}
main.page-template-1.projectDetails{background:#fff}
main.page-template-1 .form input,main.page-template-1 .form textarea{border:1px solid #ccc}
header .top-box .nav-box .left a p.name{font-weight:700;font-size:24px;text-transform:uppercase;color:var(--color)}
header .top-box .nav-box .left a img{display:none}
.mb{opacity:1}
main.index section.about-us>img{display:none}
footer .footer-info .logo-box .logo img{display:none}
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,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)}
@media(min-width:1200px){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{background-color:#191919}}
@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:#0469b9}
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}
header .top-box .info .right ul.sj li,header .top-box .nav-box,main.index section.products .list ul li{background:var(--color)}
header .top-box .info .right ul.sj li:hover,main.index section.products .list ul li:hover{background:#191919}
@media screen and (min-width:1200px){header .top-box .nav-box .right ul.nav1>li .submenu{background:#fff}}
@media(min-width:769px){header .top-box{width:100%;max-width:100%}
header .top-box .info{max-width:1600px;margin-left:auto;margin-right:auto;background:#f6f6f7;padding-left:20px;padding-right:20px;flex-direction:row-reverse;position:relative}
header .top-box .nav-box{left:50%;transform:translateX(-50%);height:60px;background:#fff;transition:top .2s;padding-left:20px;padding-right:20px}
header .top-box .nav-box.top-0{left:50%}
.top-box{background:#fff}
.top-box::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:40px;background:#f6f6f7}
header .top-box .info .left span,header .top-box .info .left span a,header .top-box .info .left span a:visited,header .top-box .info .left>span:nth-of-type(1){color:#000}
header .top-box .info .right ul.sj li{background:#c5c5c5}
header .top-box .info .right ul.sj li:hover{background:var(--color)}
header .top-box .nav-box .right ul.nav1>li a{color:#000}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li ul li:hover,header .top-box .nav-box .right ul.nav1>li:hover{background:0 0}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul>li:hover>a{color:var(--color)}
header .top-box .nav-box .left{padding-left:0}
header .top-box .nav-box .right .search-box .search,header .top-box .nav-box .right .search-close .search{color:#000}}
@media(min-width:1000px) and (max-width:1325px){ul.sj{display:none!important}}
main.index section.products .item ul li>div img{height:250px;object-fit:contain}
main.index section.products .item ul li>div .rule-box{max-height:250px}
main.page-template-1 .max-width-box article .item-video ul li .box .left img{width:100%;object-fit:cover}
.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}
.floatwindow_fd_main>div{border-color:var(--color)!important}
.floatwindow_fd_img{background:var(--color) url(/js/35476/fd_img.png) no-repeat center center!important}
.floatwindow_fd_img img{visibility:hidden}
.floatwindow_fd_main li.floatwindow_tel{display:none}
main.index section.about-us{height:auto;padding:0}
main.index section.about-us .block-box{width:100%;max-width:100%;height:auto}
main.index section.about-us .block-box .pic{max-width:inherit}
main.index section.about-us .block-box .content .top h2{margin-bottom:20px;line-height:1.4;-webkit-line-clamp:inherit}
main.index section.about-us .block-box .content .top p{line-height:1.7;-webkit-line-clamp:inherit}
main.index section.about-us .block-box .content .top p:nth-of-type(2){display:block}
@media screen and (max-width:1220px){main.index section.about-us .block-box .content{padding:15px 25px}}
@media screen and (max-width:1150px){main.index section.about-us .block-box .content .top h2{font-size:24px;margin-bottom:8px}}
@media screen and (max-width:640px){main.index section.about-us .block-box .pic{width:100%;display:block!important}
main.index section.about-us .block-box .pic img{display:block}
main.index section.about-us .block-box{display:block}
main.index section.about-us .block-box .content{width:100%;padding:15px}
main.index section.about-us .block-box .content .top h2{font-size:20px}}
header .top-box .nav-box .left a p.name{font-size:20px}
header .top-box .nav-box .right{text-transform:uppercase}
main.index section.products .list ul{text-transform:uppercase}
header .top-box .nav-box .left a p.name{font-size:20px}
header .top-box .nav-box .right ul.nav1>li>a{text-transform:uppercase}
header .top-box .nav-box .right ul.nav1>li a{font-weight:600}
@media (max-width:1300px) and (min-width:1201px){header .top-box .nav-box .left a p.name{font-size:15px}}
@media (min-width:641px){main.index section.about-us .block-box .pic{width:30% !Important}
main.index section.about-us .block-box .content{width:70% !important}}
header .top-box .nav-box .right ul.nav1>li .inmenu_1{color:#000 !important}
.sun{text-transform:uppercase}
main.index,main.page-template-1{background:#fff}
.breadcrumbs-nav,.breadcrumbs-nav h1{text-transform:uppercase;font-weight:bold}
main.index section.products .item ul{margin-bottom:25px}
body.index  .swiper-box{top:102px}
body.index{padding-top:102px}
header .top-box{top:0}
header{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){body.index{padding-top:62px}
body.index  .swiper-box{top:62px}}
@media screen and (max-width:680px){body.index{padding-top:0}
body.index  .swiper-box{top:0}}
.table-wrap table{width:auto;min-width:800px}
.table-wrap{margin-top:0}
.item.item-products.productsDetails p{text-align:left!important}
.swiper-index .navigation-style{background:rgb(0 120 215 / 50%)}
@media(min-width:768px){main.index .news .item ul li .box .right p:nth-of-type(2){-webkit-line-clamp:3}}
header .top-box .info{color:#333;}
.lang-icon span::after,.lang-icon span::before{background:#333}