@charset "utf-8"; 
:root{--fontfamily:Arial,sans-serif;}
.pro-list.list0 li .pro-img{padding:5px;}
@media (min-width:769px){.home-about .about-img .about-icon span{font-size:22px;}
.service .kche-t97 .kche-t97-item:nth-child(2n-1) .kche-t97-item-text{text-align:right;}
.service .kche-t97 .kche-t97-item:nth-child(2n-1) .kche-t97-item-int{margin-left:auto}}
.home-about .about-img .about-icon p{padding-top:10%;font-size:14px;}
.activity-wrap .img{justify-content:space-between;}
.activity-wrap .img>div{width:49%;}
.activity-wrap .img>div img{height:auto;width:100%;margin-right:0;}
@media (max-width:768px){.home-about .about-img .about-icon{width:180px;height:140px;}}
@font-face {font-display:swap;font-family:fontawesome;src:url(/images/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/images/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/images/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/images/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/images/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/images/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.fa {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-family:FontAwesome!important;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-plus:before {content:"\f067"}
.fa-minus:before {content:"\f068"}
.nycertification-list li {border-bottom:1px solid #ccc;}
.nycertification-list li .nycertification-tit {display:flex;cursor:pointer;justify-content:space-between;padding:10px 0;align-items:center;}
.nycertification-list li .nycertification-tit span {padding-right:10px;font-size:18px;font-weight:bold;}
.nycertification-list li .nycertification-tit em {display:block;width:30px;height:30px;line-height:30px;text-align:center;}
.nycertification-list li .nycertification-info {padding:0 0 15px;display:none;}
.home-project .swiper .swiper-slide{max-height:inherit;}
.projecttitle {display:block;text-align:center;}
.projecttitle a {display:block;font-size:18px;padding:10px 0;}
@media (max-width:560px){.projecttitle a{font-size:16px}}
@media (min-width:769px){.product-cateitem .cate-info{position: initial;display:block;width:100%;border-radius: 0;border-top:1px solid #eee}
.product-cateitem:hover .cate-img::after{opacity: 1;background:none}}
.product-cateitem .cate-img::after{background:none}
#tagTabs .tagItem:nth-child(2){display:none}
@media (min-width:769px){.contact-list .contact-item{height:300px}}
table td, table th{padding:5px}
.page-main{flex:inherit;width:calc(100% - 380px);}
@media (max-width:1280px){.page-main{width:calc(100% - 320px);}}
@media (max-width:1024px){.page-main{width:100%;}}
.cases .l-wrap{max-width: 100%;padding: 0px 0px;}
.cases .swiper-slide{transform: scale(0.8);position:relative;}
.cases .swiper-slide-active{transform: scale(0.9);}
.cases iframe{width:100%;height:440px;}
.casewrap{position:relative;padding: 100px 0 170px;overflow: hidden;}
.cases .swiper-slide-active iframe{border: 20px solid #000;border-radius: 30px;box-shadow: 0px 0px 3px 4px #ccc;padding: 5px;}
@media (max-width:550px){.cases .swiper-slide-active iframe{border:10px solid #000;}}
/*.cases .swiper-slide-active iframe{content:'';width:100%;height:83%;background-position: center;background-repeat: no-repeat;background-image: url(/uploads/41406/page/p20240319152506db1b5.png);background-size: 35rem;position:absolute;top:50px;left:0;}*/
#case-swiper .case-swiper-button-prev,#case-swiper .case-swiper-button-next{position: absolute;left: 20px;top: 45%;width: 50px;height: 50px;z-index: 99;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;background: rgba(0, 0, 0, .4);border-radius: 50%;padding: 10px;transition: all .1s linear;z-index:9}
#case-swiper .case-swiper-button-prev em,#case-swiper .case-swiper-button-next em{color:#fff;font-size:22px;}
#case-swiper .case-swiper-button-next {left: auto;right: 20px;}
#case-swiper .case-swiper-button-prev:hover,#case-swiper .case-swiper-button-next:hover{background: var(--color);}

@media(max-width:1600px){.casewrap::before{background-size: 30rem;}
.cases iframe{height:380px;margin-bottom:10px;}}
@media(max-width:1440px){.casewrap::before{background-size: 27rem;height:80%;}
.cases iframe{height:340px;}}
@media(max-width:1366px){.casewrap::before{background-size: 25rem;}
.cases iframe{height:340px;}}
@media(max-width:1280px){.casewrap::before{background-size: 24rem;}}
@media(max-width:1024px){.casewrap::before{display:none;}}
@media (max-width:550px){#case-swiper .case-swiper-button-prev,#case-swiper .case-swiper-button-next{width:30px;height:30px;line-height:30px;}
#case-swiper .case-swiper-button-prev em,#case-swiper .case-swiper-button-next em{font-size:16px;}}
.cases .swiper-slide .case-title{position:absolute;top:-25%;padding:0 20px;width:100%;font-size: 20px;font-weight: 600;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}
.cases .swiper-slide .case-text{position:absolute;bottom:-45%;padding:0 20px;width:100%;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 7;}
@media(max-width:1440px){.cases .swiper-slide .case-text{bottom:-50%;}}
@media(max-width:1280px){.cases .swiper-slide .case-text{bottom:-55%;}}
@media(max-width:768px){.cases .swiper-slide .case-text{bottom:-32%;}}
@media(max-width:500px){.cases .swiper-slide .case-text{display:none;}}
@media(min-width:1281px){
.product-main .pro-list.list1 li{width:23%;}
.product-main .pro-list.list1 li:nth-child(3n) {margin-right: 2%;}
.product-main .pro-list.list1 li:nth-child(4n) {margin-right: 0%;}
}
@media(min-width:1025px){
.product-main .product-cateitem{width: calc(24% - 17px);}
.product-main .product-cateitem:nth-child(3n) {margin-right: 25px;}
.product-main .product-cateitem:nth-child(4n) {margin-right: 0px;}
}
@media(max-width:1024px){.product-main .product-cateitem .cate-info{transform: inherit;}}
.prolist-bottom+.inquiry-pc {clear:both;margin:0px auto 20px;padding:10px;max-width:1460px;line-height:1.6;box-sizing:border-box}
.prolist-bottom+.inquiry-pc .sidebar-item.inquiry {box-shadow:0 0 0;border-radius:0;padding:0;}
@media(max-width:1600px){.prolist-bottom+.inquiry-pc{margin-left:70px;margin-right:70px}}
@media(max-width:768px) {.prolist-bottom+.inquiry-pc{clear:both;margin:0px 15px 20px;padding:0px}}
.prolist-bottom+.inquiry-pc .sidebar-item.recommended {box-shadow:0 0 0;padding:10px 0 30px;}
.prolist-bottom+.inquiry-pc .sidebar-prolist {display:flex;flex-wrap:wrap;justify-content:space-between;}
.prolist-bottom+.inquiry-pc .sidebar-prolist li {width:49%;}
.prolist-bottom+.inquiry-pc .sidebar-prolist li>a {width:112px;}
@media (max-width:1024px){.prolist-bottom+.inquiry-pc .sidebar-prolist li {width:100%;}}
@media (min-width:1601px){div#wmkc{top:23%;}}
.home-choose::before{height:240px;}
.news-list .news-item .news-img a{position:relative;height:0;padding-bottom:75%;}
.news-list .news-item .news-img a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:cover;}
#wmkc{top:250px!important;transform:none!important;}
.home-choose::before{background: url(/uploads/41406/page/p202502251633524bc8e.jpg) no-repeat;background-size: cover;}
.sidebar-item.contactus .side-contact-list .item{display:flex;align-items: center;}
.sidebar-item.contactus .side-contact-list .item .icon{width:30px;display: flex;align-items: center;justify-content: center;}
.sidebar-item.contactus .side-contact-list .item .icon em{font-size:20px;}
.sidebar-item.contactus .side-contact-list .item .des{width:calc(100% - 30px);padding-left:5px;}
@media(min-width:1025px){.head-nav{bottom: inherit;}.head-info{display:none;}}
@media (min-width:1024px){.head-nav{box-shadow:none;width:100%;max-width:unset;background-color:#008ad3;border-radius:0}
.head-search button em,.nav-ul>li>a.inmenu_1,.nav-ul>li:hover>a{color:#FFF}
main{margin-top:60px}}
 @media (min-width:1024px){header .head-top{background-color:#fff}
header .head-top .text,header .lang-icon span{color:var(--fontcolor)}
header .lang-icon span::after,header .lang-icon span::before{background-color:var(--fontcolor)}
header .nav-ul>li>a{color:#fff}
.nav-ul>li{border-right:1px solid #fff}}
@media(min-width:1025px){.head-top{height:80px;}}