@charset "utf-8"; 
@font-face {font-family: "Raleway";src: url("/js/43271/Raleway-Light.ttf");}
:root {--fontfamily:arial;}
.table-responsive tr:nth-child(even) {  background: #fff; }  
.table-responsive tr:nth-child(odd) {  background: #eee;  }
.pro-detail .singglepic img{ max-height: 500px;}
.pro-detail .pro-detail-content .pro-detail-box {max-width:1000px;margin:0 auto}
.pro-d-main .pro-detail-top .l-wrap,.pro-detail .pro-detail-content .pro-detail-box{max-width:1140px;}
.kche-t107 .kche-t107-l-text {  padding-left: 0%; }
.pro-detail .pro-detail-top .pro-info .pro-name {  text-transform: uppercase;}
footer .foot-main .foot-item.foot-cate li a{font-size:14px;white-space:nowrap}
.share-link ul a,.head-contact>a{color:#000}
#info .info-item::after{display:none}
#news{padding-top:50px;}
footer .foot-main .foot-item.foot-about{display:none}
footer .foot-main .foot-item.foot-cate{width:100%;max-width:100%;}
footer .foot-main .foot-item.foot-cate ul li{width:auto;margin-right:20px;}
footer .foot-main .foot-item.foot-cate,footer .foot-main .foot-item.foot-contact{text-align:center;}
footer .foot-main .foot-item.foot-cate ul{justify-content:center;}
footer .foot-main .foot-item.foot-contact {width:100%;}
footer .foot-main .foot-item.foot-contact ul{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:15px;}
footer .foot-main .foot-item.foot-contact .foot-share>div{display:flex;justify-content:center;}
footer .foot-main .foot-item.foot-contact .foot-share>div div{width:30px;height:30px;border:1px solid #fff;margin:0 5px;}
footer .foot-main .foot-item.foot-contact .foot-share>div div a{display:flex;align-items:center;justify-content:center;height:100%;color:#fff}
footer .foot-main .foot-item.foot-contact .foot-share>div div a:hover{background:var(--color);color:#fff;}
footer .foot-main .foot-item.foot-contact ul li:last-child{width:100%;text-align:center;justify-content:center;}
footer .foot-main .foot-item.foot-contact ul li{padding:0 10px;color:#fff}
footer .foot-main .foot-item.foot-contact ul li a{color:#fff}
footer .foot-main .foot-item.foot-contact ul li:first-child{border-right:1px solid #fff;}
footer .foot-submit{margin:0 auto;}
footer{background:#000;color:#fff;}
@media (max-width: 1024px) {footer .foot-main .foot-item.foot-cate,footer .foot-main .foot-item {width: 100%;max-width:100%}}
#wmkc .wmkc-phone a{width:100%;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;}
#wmkc .wmkc-phone{background:#f90}
#wmkc .wmkc-phone a i {font-size:25px;}
#wmkc .wmkc-phone:hover{background:#fff}
#wmkc .wmkc-phone:hover a i {color:#f90}
.head-top {display:none}
.foot-bottom .l-wrap{justify-content:center}
#about{background:url(/uploads/43271/page/p202412231623004b157.jpg);background-repeat:no-repeat;background-size:cover;position:relative}
#about:before{content:"";position:absolute;width:100%;height:100%;background:rgba(255,255,255,.5);top:0;left:0;}
#projects #home-projects .swiper-slide .projects-cont{bottom: 28%;
    left: 20%;
    width: 60%;}
#home-projects .project-btns>div {cursor:pointer;position:absolute;left:0; top:50%;transform:translateY(-50%);background:rgba(255,255,255,.5);width:40px;height:60px;z-index:2;display:flex;align-items:center;justify-content:center}
#home-projects .project-btns>div em {color:#000;font-size:30px;font-weight:bold}
#home-projects .project-btns .next{right:0;left:unset;}
#info{position:relative;padding:4% 0;}
#info:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);}
@media (min-width:1025px) {.head.is-fixed .head-main{height:85px;}}
#info:before{background: rgba(255, 255, 255, .7);}
#brand{background:url(/uploads/43271/page/p202412231623004b157.jpg);background-repeat:no-repeat;background-size:cover;position:relative;padding:24% 0 0}
#brand .brand-list{position:relative;z-index: 1;padding:10px 0;margin-top: 0;}
#brand .brand-list:before{content: '';width: 100vw;max-width: 1920px;height: 100%;display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: -1;background: rgba(0, 0, 0, .5);}
#brand .brand-list li{margin:15px 0;color:#fff;width:32%;display:block;padding:0 7%;}
#brand .brand-list li:hover .brand-top .num{color:var(--color)}
#brand .brand-list li .brand-top{border-bottom:1px solid #fff;position: relative;padding-bottom:10px;}
#brand .brand-list li .brand-top:after{content:'';width:50px;height:3px;bottom:-2px;z-index:2;display: block;position: absolute;left:0;background:var(--color)}
#brand .brand-list li .brand-top .num{font-weight:var(--fontbold7);font-size:74px;line-height:1}
#brand .brand-list li .brand-top .num sup{line-height:1;font-size:28px;}
#brand .brand-list li .des{margin-top:10px;text-transform: uppercase;}
@media (max-width:1366px){#brand .brand-list li .brand-top .num{font-size:68px;}
#brand .brand-list li{padding:0 5%;}}
@media (max-width:1024px){#brand .brand-list li{padding:0;}}
@media (max-width:768px){#brand .brand-list li{width:48%;margin:10px 0 !important;}
#brand .brand-list li .brand-top .num{font-size:50px}
#brand .brand-list li .brand-top .num sup{font-size:20px;}}
@media (max-width:550px){#brand{padding:35% 0 0;}
#brand .brand-list li .brand-top .num{font-size:30px;}
#brand .brand-list li .des,#brand .brand-list li .brand-top .num sup{font-size:14px;}}
#about{background:none; padding: 0;}
#projects::after{display: none;}
#info:before{display: none;}
footer .foot-main{border: none;text-transform: uppercase;}
@media (min-width:1025px){.head-main .head-logo img{max-height:55px;}
.head.is-fixed .head-main .head-logo img{max-height:55px;}}
.head-menu-box nav>ul>li>a,.head-menu-box nav>ul>li ul a{text-transform: uppercase;}
#projects{padding-top:50px;}
@media (max-width:768px){#projects{padding-top:20px;}}
#info .info-top{text-align:center;justify-content:center;}
#info .info-cont .info-des{color:var(--color)}
.home-title{text-transform: uppercase;} 
footer .foot-main{text-transform: none;}
#info .info-cont .info-title{text-transform: uppercase;margin-bottom:0;}
#info .info-bottom{margin:3% auto 0;}
@media (max-width:1440px){#info{padding:5% 0;}}
@media (max-width:768px){#info{padding:30px 0;}
#info .info-bottom{margin-top:20px;}}
@media (min-width:769px) and (max-width:1600px){#info .info-bottom{margin-left:4%;margin-right:4%;}}
@media (min-width:1025px){header .head-right .lang-icon{min-width:120px;}
header .head-right .lang-icon::before{border-color:var(--fontcolor)}
header .head-right .lang-icon span{color:var(--fontcolor)}}