@charset "utf-8"; 
:root{--color:#3f65ba;--border:5px}
footer .foot-cate .foot-list li{width: 100%;}
.homepro-recommend-item:nth-last-child(-n+2) { margin-bottom: 80px;}
.home-foottop {background:url(/uploads/42234/banner/20240625101537a0c06.jpg?rnd=8.243887270134401) no-repeat;background-size:cover;}
.home-banner .swiper-slide>a::after{display:none;}
.prodetails-content .prodetails-tabs .prodetails-tabs-item:nth-child(2){display:none}
.home-indexadv .indexadv-left .indexadv-left-text p span{font-weight:bold;color:var(--color);}
.home-indexadv .indexadv-right ul li:hover .icon img{filter: brightness(0.01);}
.prodetails-tabs { background: #3F65BA;}
.product-cateitem .cate-info .title { font-size: 22px; -webkit-box-orient: unset;}
.home-project {background:#f5f8fe;padding:4% 15px}
.home-project .swiper {margin-top:40px;padding-bottom:100px}
.home-project .swiper .project-button-next,.home-project .swiper .project-button-prev {position:absolute;bottom:0px;left:calc(50% - 50px);background:var(--color);display:inline-flex;align-items:center;justify-content:center;color:#FFF;width:40px;height:40px;cursor:pointer;transition:all .1s linear}
.home-project .swiper .project-button-next.swiper-button-disabled,.home-project .swiper .project-button-prev.swiper-button-disabled {background:#bababa}
.home-project .swiper .project-button-next em,.home-project .swiper .project-button-prev em {font-size:20px}
.home-project .swiper .project-button-next:hover,.home-project .swiper .project-button-prev:hover {opacity:.9}
.home-project .swiper .swiper-slide {overflow:hidden;}
.home-project .swiper .swiper-slide .title{position:absolute;left:0;top:100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgb(63 101 186 / 75%);color:#fff;font-weight:var(--fontbold7);font-size: 18px;transition: all .5s;text-align: center;padding: 15px;}
.home-project .swiper .swiper-slide:hover .title{top:0;}
.home-project .swiper .swiper-slide a {display:block;position:relative;width:100%;padding-bottom:66.75%;}
.home-project .swiper .swiper-slide img {transition:all .2s linear;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.home-project .swiper .swiper-slide img:hover {transform:scale(1.1)}
.home-project .swiper .project-button-next {left:auto;right:calc(50% - 50px)}
@media (max-width:768px){.home-project{padding:40px 15px}
.home-project .swiper {margin-top:25px;padding-bottom:70px}
.home-banner .mobimg{height:auto;}
.home-project .swiper .swiper-slide .title{font-size:14px;}}
@font-face {font-family:"iconfont2";src:url('/js/42234/font/iconfont.ttf?t=1723800182826') format('truetype');}
.icon-quora,.icon-medium{font-family:"iconfont2"!important}
.icon-quora:before {content:"\ec72";}
.icon-medium:before {content:"\e851";}
.thumbnail-show .small-box img{height:100%;}
.nav-ul #li>a{pointer-events: none;}
li#linewslist-1>a{pointer-events:none}
@media (min-width:1025px){.head-nav .nav-ul>li>ul li a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.nav-ul>li .submenu.nav1{left:-100px}}
.wmkc-itemcont {position: absolute;top: 10px;right: 100%;background-color: #FFF;border: 1px solid #eee;border-radius: 4px 0 0 4px;visibility: hidden;opacity: 0;transition: top .2s, opacity .2s;height: 100%;overflow-y: auto;}
.wmkc-itemcont img{max-width:100px;}
#wmkc .wmkc-whatsapp:hover .wmkc-itemcont{visibility: visible;opacity: 1;}
footer .foot-item .foot-link .item em img {width:70%;}
@media (min-width:1025px){footer .foot-item.foot-code{width:10%;}
footer .foot-item.foot-nav{width:22%;}
footer .foot-item.foot-info{width:25%;}
}
footer .foot-item .foot-link .item p{width: calc(100% - 34px);}
.multiple-industries .l-wrap{max-width:100%;padding:0}
.in_industry_list{--i_size:80px}
.in_industry_list li{display:-webkit-flex;display:flex;flex-wrap:wrap;margin-bottom:60px}
.in_industry_list li:nth-child(odd){justify-content:flex-end}
.in_industry_list .industry-item{display:block;width:90%;display:-webkit-flex;display:flex;flex-wrap:wrap;position:relative}
.in_industry_list .img{width:90%;position:relative;overflow:hidden}
.in_industry_list .img::before{content:"";display:block;padding-bottom:34%}
.in_industry_list .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;-webkit-transition:all .5s ease;transition:all .5s ease}
.in_industry_list li:hover .img img{width:120%;height:120%;-webkit-transition:all 6.5s ease;transition:all 6.5s ease}
.in_industry_list .txt{position:absolute;bottom:0;right:0;width:32%;height:80%;box-sizing:border-box;padding:30px;background:#fff;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;box-shadow:0 0 10px rgb(0 0 0 / 10%);overflow:hidden}
@media (max-width:1440px){
.in_industry_list .txt{width:40%}
}
.in_industry_list li:nth-child(odd) .img{margin-left:auto}
.in_industry_list li:nth-child(odd) .txt{left:0}
.in_industry_list .txt em{opacity:0;position:absolute;right:calc(-1 * var(--i_size)/ 2);top:calc(-1 * var(--i_size)/ 2);width:var(--i_size);height:var(--i_size);box-sizing:border-box;-webkit-border-radius:50%;border-radius:50%}
.in_industry_list .txt em::after{content:"";width:130%;height:130%;border-radius:50%;border-width:2px;border-color:rgb(8,52,114,.1);border-style:solid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.in_industry_list .txt em::before{content:"";width:173%;height:173%;border-radius:50%;border-width:2px;border-color:rgb(8,52,114,.08);border-style:solid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.in_industry_list .txt:hover em{opacity:1}
.in_industry_list .txt:hover em::before{animation:kusan 2s infinite ease;-webkit-animation:kusan 2s infinite ease}
.in_industry_list .txt:hover em::after{animation:kusan2 1.5s infinite ease;-webkit-animation:kusan2 1.5s infinite ease}
.in_industry_list .txt em{-webkit-transition:all .5s ease;transition:all .5s ease}
@keyframes kusan{
0%{opacity:1;width:0;height:0}
100%{opacity:.4;width:173%;height:173%}
}
@keyframes kusan2{
0%{opacity:1;width:0;height:0}
100%{opacity:.4;width:130%;height:130%}
}
.in_industry_list .ico img{height:70px;width:auto;margin-right:10px}
.in_industry_list .txt h2{margin:20px 0 10px 0;font-size:30px;color:#212121;font-weight:700;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.in_industry_list .txt p{font-size:16px;color:#666;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.in_industry_list .txt:hover{height:100%}
.in_industry_list .txt:hover h2{color:var(--i_color)}
.in_industry_list .txt{-webkit-transition:all .5s ease;transition:all .5s ease}
@media screen and (max-width:1440px){
.in_industry_list .ico img{height:60px}
.in_industry_list .txt h2{font-size:22px}
.in_industry_list .txt p{font-size:15px}
}
@media screen and (max-width:1366px){
.in_industry_list .ico img{height:50px}
.in_industry_list .txt h2{font-size:18px}
.in_industry_list .txt p{font-size:14px;-webkit-line-clamp:4}
}
@media screen and (max-width:1200px){
.in_industry_list .ico img{height:40px}
.in_industry_list .txt h2{font-size:17px}
}
@media screen and (max-width:1024px){
.in_industry_list{--i_size:100px}
.in_industry_list .img,.in_industry_list .industry-item,.in_industry_list .txt{width:100%}
.in_industry_list .txt{position:relative;height:auto;display:block}
.in_industry_list .txt em{display:none}
.in_industry_list .txt:hover{height:auto}
}
@media screen and (max-width:767px){
.in_industry_list .txt{padding:20px 30px 30px}
.in_industry_list .txt h2{font-size:16px}
.in_industry_list .txt p{font-size:13px;line-height:18px}
}
@media screen and (max-width:560px){
.in_industry_list li{margin-bottom:30px}
.in_industry_list .txt{padding:20px 20px 30px}
.in_industry_list .ico img{height:26px}
.in_industry_list .txt h2{margin:10px 0 6px 0;font-size:15px}
.in_industry_list .txt p{-webkit-line-clamp:3}
}
.in_industry_list .read-more{background:var(--color);color:#fff;padding:8px 20px;border-radius:0 20px 0 20px;display:inline-block}
@media (max-width:1024px){
.in_industry_list .read-more{margin-top:15px}
}
.pagesbanner {min-height:0px}
@media (min-width:1025px){
.news-d-main .kche-t98 .kche-t98-list{justify-content:flex-start}
.kche-t98 .kche-t98-list .kche-t98-item{margin-right:3%}
.kche-t98 .kche-t98-list .kche-t98-item:nth-child(3n){margin-right:0}
}