@charset "utf-8"; 
.hot-products .pro-items img{height:auto}
.about-section .container .main .main-container .main-content p{margin-bottom:10px;text-indent:0}
.con-us{line-height:1.75em}
.navbar{position:initial}
.navbar .container .navbar-header .navbar-brand{padding:10px 0;display:flex;align-items:flex-end}
.navbar{background:#fff}
.navbar .container .navbar-header .navbar-brand img{margin-left:-60px;max-height:65px}
.navbar .container .navbar-collapse .nav_en{padding-top:0}
.navbar .container .navbar-collapse .nav_en li{margin:0;padding:0;height:80px}
.navbar .container .navbar-collapse .nav_en>li>a{color:#333;line-height:80px;padding:0 12px;font-size:16px}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu{padding-top:0;top:100%;margin-left:-50px}
.search{display:none}
.ninelist1 li .mask-introduce{display:block!important;left:0!important;top:70%}
.eshare img{margin:10px 4px 0 0}
.hot-products .pro-items a .img-desc{height:auto;padding:24px 30px;width:265px}
.hot-products .pro-items a .img-desc h3{margin-bottom:0;white-space:nowrap}
.navbar{box-shadow:none}
.navbar .container .navbar-collapse .nav_en .home:after,.navbar .container .navbar-collapse .nav_en .hover:after{background:0 0}
.hot-products .pro-items a .icon{left:310px}
.navbar .container{display:flex}
.navbar .container .navbar-header{width:15%}
.navbar .container .navbar-collapse{width:80%}
.navbar .container .navbar-collapse .nav_en{width:100%;display:flex;justify-content:flex-end}
.sidebar-menu li ul{display:block}
.g-second .g-main .g-sidebar .list li{white-space:nowrap}
.navbar .container .navbar-header .navbar-brand{position:relative}
p.tname{position:absolute;left:100%;font-size:15px;font-weight:bold;white-space:nowrap;bottom:12px}
img{max-width:100%}
footer .container .col .contact-list li{display:flex;margin:0 0 5px}
#search{background:#01c5fd;padding:18px 0}
.searchbox{width:800px;margin:0 auto;display:flex}
.searchbox .seatxt{width:calc(100% - 130px);height:44px;border:none;font-size:15px;padding:0 15px;box-sizing:border-box}
.searchbox .stbn{width:130px;border:none;font-size:17px;cursor:pointer;background:#222;color:#fff;height:44px}
@media screen and (max-width:900px){.searchbox{width:80%}}
@media(min-width:900px){header .top-box .info .left *{color:#000 !important}
body.index .swiper-box{margin-top:100px}
header .top-box .nav-box{width:100%;max-width:100%;left:0}
main.index{padding-top:160px}
.banner2-box{margin-top:100px}
main.page-template-1{padding-top:100px}}
header .top-box .nav-box .right .search-box{width:47px}
#search{padding:16px;box-sizing:border-box}
.table-wrap td{word-break:normal !important}
.item-faqdetails .article p,.item-aboutus .article p{margin:0}
.item-aboutus img{height:auto !important}
.case-wrapper{max-width:900px;margin:0 auto}
.case-pic-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.case-pic-list>div{width:24%}
@media (max-width:768px){.case-pic-list>div{width:48%;margin-bottom:20px}}
main.page-template-1 .max-width-box article .item-products-1 ul li .box{border: 1px solid #ccc;}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(2){display:none}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left{border-bottom:none}
main.page-template-1 .max-width-box article .item-products-1 ul li .box:hover{border-color:var(--color);background:var(--color)}
main.page-template-1 .max-width-box article .item-products-1 ul li .box:hover .right p:nth-of-type(1) a{color:#fff}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button{background:none;color:var(--color);}
main.page-template-1 .max-width-box article .item-products ul li .box .right button span{border-color:var(--color)}
main.page-template-1 .max-width-box article .item-products-1 ul li .box:hover .right button,main.page-template-1 .max-width-box article .item-products ul .right button span i{color:#fff;}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left{height:auto}
main.page-template-1 .max-width-box article .item-products-1 ul li,main.page-template-1 .max-width-box article ul li .box .left img{max-height:inherit}
main.page-template-1 .max-width-box article .item-products ul li .box:hover .right button span{border-color:#fff}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right{padding-top:10px}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button{margin-bottom:10px;}
@media (max-width:1200px){main.page-template-1 .max-width-box article .item ul li .box .left,main.page-template-1 .max-width-box article .item-products-1 ul li{max-height:inherit;}
main.page-template-1 .max-width-box article .item ul li .box .left img{max-width:100%;max-height:inherit}}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button.item-hover{color:#fff}
.prolist-infobox .prolist-content {width:100%;padding:0}
main.page-template-1 .prolist-infobox+.max-width-box {padding-top:0;}
.kche-t201 .kche-t201-img img {width:100%;}
.prolist-bottom {width:100%;max-width:1600px;padding:10px 30px;}
.prolist-bottom main.page-template-1 .form {width:100%;}
@media (max-width:1200px){.prolist-bottom {width:100%;max-width:1600px;padding:10px 2vw;}}
main.page-template-1 .max-width-box article .item-products-1 ul li .box {margin:0;}
main.page-template-1 .max-width-box article .item-products-1 ul li {width:32%;margin-right:2%;}
main.page-template-1 .max-width-box article .item-products-1 ul li:nth-child(3n) {margin-right:0;}
@media (max-width:1024px){main.page-template-1 .max-width-box article .item-products-1 ul li {width:48%;margin-right:4%;}
main.page-template-1 .max-width-box article .item-products-1 ul li:nth-child(3n) {margin-right:4%;}
main.page-template-1 .max-width-box article .item-products-1 ul li:nth-child(2n) {margin-right:0;}}
.kche-wrap-width.kche-t52-change .table-wrap .table td{border:none}
main.page-template-1 .max-width-box article .item ul li .box .left a {height:0;position:relative;padding-bottom:100%;background:#fff;}
main.page-template-1 .max-width-box article .item ul li .box .left a img {position:absolute;top:0;left:0;object-fit:contain;}
@media(min-width:769px){.projectDetails .random-pro-list ul li a{border: 1px solid #000;}
.projectDetails .detpropic{position: relative;padding-bottom: 100%; width: 100%;height: 50%;}
.projectDetails .random-pro-list ul li a img{position: absolute;height: 100%;top: 0;left: 0;object-fit: cover;}}
.footer {background:url(/uploads/27400/page/p202405281748378a2e4.jpg) no-repeat center;background-size:cover;position:relative;}
.footer:before {content:'';width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;}
footer {background:none;position:relative;}
.copyright {background:none;}
@media (min-width:1025px){footer {padding:30px 0;}
footer .footer-info .soft {bottom:auto;top:100%;margin-top:35px;}}
footer .footer-info .soft ul li a {width:100%;height:100%;display:flex;align-items:center;justify-content:center}
footer .footer-info .soft ul li a i {color:#fff}
footer .footer-info .soft ul li .social-item.fb {background-color:#3b5997}
footer .footer-info .soft ul li .social-item.tw {background-color:#2d2d2d}
footer .footer-info .soft ul li .social-item.lk {background-color:#0A66C2}
footer .footer-info .soft ul li .social-item.ins {background:radial-gradient(circle at 30% 107%,#FDF497 0,#FDF497 5%,#fd5949 45%,#D6249F 60%,#285aeb 90%)}
footer .footer-info .soft ul li .social-item.pi {background-color:#cc2127}
footer .footer-info .soft ul li .social-item.you {background-color:#FF0000}
footer .footer-info .soft ul li .social-item.vk {background:#0077FF}
footer .footer-info .soft ul li .social-item.tik {background-color:#000}
.lang-icon span{color:#000}
.lang-icon span::before,.lang-icon span::after{background:#000}
header .top-box .info .right ul.sj li a{color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
header .top-box .info .right ul.sj li a i{color:#fff}
header .top-box .info .right ul.sj li:nth-child(1) a{background-color:#3b5997}
header .top-box .info .right ul.sj li:nth-child(2) a{background-color:#2d2d2d}
header .top-box .info .right ul.sj li:nth-child(3) a{background-color:#00A0DE}
header .top-box .info .right ul.sj li:nth-child(4) a{background-color:#cc2127}
.productsDetails-article .random-pro-list ul li a {text-align:center;}
.productsDetails-article .random-pro-list ul li a .detpropic {width:100%;padding-bottom:100%;position:relative;height:0;}
.productsDetails-article .random-pro-list ul li a .detpropic img {height: 100%!important;position:absolute;top:0;left:0;object-fit:contain;border-bottom:1px solid #000;box-sizing:border-box;display:block;background:#fff;}
@media screen and (max-width:1366px){.productsDetails-article .random-pro-list ul li{width:33.3333%;margin-bottom:15px;height: auto;}}
@media screen and (max-width:768px){.productsDetails-article .random-pro-list ul li{width:32%;margin-right:2%}
.productsDetails-article .random-pro-list ul li:nth-child(3n){margin-right:0}
.productsDetails-article .random-pro-list ul{margin-top:20px}
.productsDetails-article .random-pro-list ul li a .detpropic img{border:1px solid #000;}}
@media screen and (max-width:540px){.productsDetails-article .random-pro-list ul li{width:49%;}
.productsDetails-article .random-pro-list ul li:nth-child(3n){margin-right:2%}
.productsDetails-article .random-pro-list ul li:nth-child(2n){margin-right:0}
.productsDetails-article .random-pro-list ul li a .pro-name{font-size:14px;padding:8px}}
aside.nav2-template>ul>li.has-children2 ul li:hover >ul {display:block!important;}
aside.nav2-template>ul>li.has-children2 ul li ul {padding-left:15px}
:root {--color:#0BA9E8;--color2:#0C6CAF;}
main.index section.products .item ul li{margin-bottom:30px}
main.index section.products .item ul li>div>a{display:flex;flex-direction:column;height:100%;width:100%}
main.index section.products .item ul li>div .rule-box {flex:inherit;max-height:inherit;position:relative;width:100%;padding-bottom:100%;border:1px solid #aaa;box-sizing:border-box;}
main.index section.products .item ul li>div .rule-box img {height:100%;position:absolute;top:0;left:0;object-fit:contain;width:100%;}
main.index section.products .item ul li>div p{height:auto;padding:10px 5px;flex:1;}
main.index section.products .item ul li>div:hover p{color:#fff;background:linear-gradient(90deg, var(--color2), var(--color))}
main.index section.products .item ul li>div .rule-box:hover{transform:translateY(0px)}
@media (max-width:500px){main.index section.products .item ul li{margin-bottom:20px}
main.index section.products .item ul li>div p{padding:6px 4px}}
footer .footer-info .logo-box .logo img{ max-height: unset;}