/* kf.hxt5.com ai_service_diy_102.js (see foot {label:kefu}): hide float + chat on viewports where this sheet applies */
#blzxMinChatWindowDiv_yuan,#wolive-talk{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;width:0!important;height:0!important;max-width:0!important;max-height:0!important;overflow:hidden!important;position:fixed!important;left:-9999px!important;top:0!important;z-index:-999!important}

@media (max-width:1024px){
.banner-inner img{width:100%;object-fit:cover;min-height:200px}
.team-member .team-member-list .team-member-item .info{padding:10px}
.team-number{margin-top:50px}
.team-number .team-number-item p:nth-child(1){font-size:21px}
/* 与 link media=(max-width:1024px) 对齐：平板/手机一律短文案展示，长文案仅 SEO（仍在 DOM，仅视觉隐藏） */
.team-number-caption-seo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.team-number-caption-m{display:block!important;text-transform:none;font-weight:600;font-size:12px;line-height:1.25}
.team-took{margin-top:0px}
.rd-cap .rd-wrap{position:static;transform:none;width:100%}
.rd-cap .rd-wrap .title{font-size:26px}
.product-catelist{justify-content:space-between}
.product-cateitem{width:48%;margin-right:0px}
.product-cateitem .cate-info{left:50%;transform:translateX(-50%);width:90%}
.product-cateitem .cate-info .cate-title{font-size:20px}
.sidebar{display:none}
.page-main{padding-left:0}
.sidebar-item.category{padding:15px 20px;position:relative}
.sidebar-item.category .sidebar-title{background:url(../images/cate-btn.png) right center/24px no-repeat;margin-bottom:0px;padding:0px;cursor:pointer}
.sidebar-item.category .sidebar-title::after{display:none}
.sidebar-item.category .sidebar-cate{padding:10px;display:none;position:absolute;top:100%;left:0px;width:100%;background:#FFF;z-index:9;box-shadow:0 3px 8px 0 rgba(19,20,21,.17)}
.pagelink .pagelink-item{width:100%}
.pagelink .pagelink-item.prev{margin-bottom:10px}
.pagelink .pagelink-item.next{justify-content:flex-start}
.pagelink .pagelink-item.next .pagelink-info{flex-direction:row-reverse}
.pagelink .pagelink-item.next .pagelink-info .link-intro{border:none;border-right:1px solid #d1d1d1}
.page-main .sidebar-item.inquiry{box-shadow:none;padding:0px;margin-top:20px}
#feedbackForm input{height:44px}
.solution-2::before{background:linear-gradient(90deg,#000 0,rgba(0,0,0,.45) 100%)}
.solution-2 .activity-wrap{width:100%;padding:60px 20px}
.solution-2 .activity-wrap .title{font-size:30px}
.solution-1-list .item{width:22%}
.solution-3 .solution-3-list{justify-content:space-between}
.solution-3 .solution-3-list .item{width:24%;margin:0px}
.page-video .item .info{width:100%;padding:10px}
.contact-list .contact-item{padding:2%}
.contact-box .contact-main .title{font-size:22px}
.project-list{justify-content:space-between}
.project-list li{width:49%;margin-right:0px}
.faqs-list li{width:100%}}
@media (max-width:768px){
.banner-inner{min-height:inherit}
.banner-inner img,.banner-inner .banner-content .banner-title-h1{display:none}
.page-show-banner-inner .banner-inner img,.page-show-banner-inner .banner-inner .banner-content .banner-title-h1{display:block}
.page-show-banner-inner .banner-inner img{width:100%;object-fit:cover;min-height:180px;max-height:260px}
.page-show-banner-inner .banner-inner{position:relative;overflow:hidden}
.page-show-banner-inner .banner-inner .b-text-middle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 28px);max-width:100%;padding:0 14px;box-sizing:border-box;text-align:center;z-index:5;pointer-events:none}
.page-show-banner-inner .banner-inner .b-desc2{font-size:clamp(18px,4.8vw,24px);line-height:1.28;margin:0 0 12px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45);word-break:break-word}
.page-show-banner-inner .banner-inner .b-desc3{font-size:13px;line-height:1.5;margin:0;color:rgba(255,255,255,.96);text-shadow:0 1px 3px rgba(0,0,0,.5);word-break:break-word}
.page-show-banner-inner .product-main .pro-cate-title{display:none}
.banner-breadcrumbs{font-size:14px}
.banner-inner .banner-content .container{padding:10px 15px;flex-direction:column;align-items:flex-start;gap:6px}
.banner-inner .banner-content .banner-title-h1{font-size:clamp(15px,3.75vw,17px);line-height:1.25;margin:0;font-weight:700;max-width:100%;word-break:break-word}
.banner-inner .banner-content .banner-breadcrumbs{font-size:12px;line-height:1.35;width:100%;text-align:left}
.banner-inner .banner-content .banner-breadcrumbs a{font-size:inherit}
.pro-list li .pro-img a .icon-hottitle{font-size:34px}
.prodetails-main .banner-inner{position:relative;overflow:hidden;display:block}
.prodetails-main .banner-inner img,.prodetails-main .banner-inner .banner-content .banner-title-h1{display:block}
.prodetails-main .banner-inner img{width:100%;object-fit:cover;min-height:180px;max-height:260px}
.common-main{padding:15px 0 20px}
.company-about-wrap>div{width:100%}
.company-about-wrap .about-img{padding:0px}
.company-list ul li{width:49%;padding:20px 15px}
.company-logo ul li{width:33.333%}
.about-vision-wrap>div{width:100%}
.about-vision-wrap .about-img{padding:0px}
.company-about-wrap .about-info>.about-content{-webkit-tap-highlight-color:transparent;cursor:pointer;outline:none;transition:max-height .1s linear;overflow:hidden;font-size:13px;line-height:1.55;margin-bottom:24px}
.company-about-wrap .about-info>.about-content:not(.is-expanded){max-height:calc(3 * 1.55em)}
.company-about-wrap .about-info>.about-content:not(.is-expanded) p{margin-bottom:0}
.company-about-wrap .about-info>.about-content.is-expanded{max-height:2400px}
.company-about-wrap .about-info>.about-content.is-expanded p{margin-bottom:16px}
.about-vision-wrap .vision-list .item>.content{-webkit-tap-highlight-color:transparent;cursor:pointer;outline:none;font-size:13px;line-height:1.55}
.about-vision-wrap .vision-list .item>.content:not(.is-expanded):not(:has(.content-inner)){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-word}
.about-vision-wrap .vision-list .item>.content:not(.is-expanded) .content-inner{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-word}
.about-vision-wrap .vision-list .item>.content.is-expanded:not(:has(.content-inner)){display:block;-webkit-line-clamp:unset;overflow:visible}
.about-vision-wrap .vision-list .item>.content.is-expanded .content-inner{display:block;-webkit-line-clamp:unset;overflow:visible}
.team-number{margin-top:20px}
.team-member .team-member-list .team-member-item{width:49%}
.team-number .team-number-item{width:50%}
.team-number .team-number-item p:nth-child(1){font-size:19px}
.team-number .team-number-item p.team-number-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;font-size:11px;line-height:1.25;font-weight:600}
.team-number-caption-m{font-size:11px!important;line-height:1.25}
.team-took .home-des{font-size:12px;margin-bottom:4px}
.team-took .home-title{font-size:17px;line-height:1.15}
.team-took .swiper-slide .name.team-took-slide-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;left:8px;right:8px;bottom:8px;max-width:none;line-height:1.25;word-break:break-word;text-overflow:ellipsis;line-clamp:2}
.rd-international-list .rd-international-item .info p.bottom{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.solution-1-list .item{display:flex;flex-direction:column;min-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}
.solution-1-list .item:not(.is-expanded) .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.25;word-break:break-word;text-overflow:ellipsis;line-clamp:3;padding:10px 0 0;margin:0 0 14px;font-size:18px}
.solution-1-list .item:not(.is-expanded) .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.4;word-break:break-word;text-overflow:ellipsis;line-clamp:3;margin:0}
.solution-1-list .item.is-expanded{min-height:0}
.solution-1-list .item.is-expanded .title,.solution-1-list .item.is-expanded .text{display:block;-webkit-line-clamp:unset;min-height:0;overflow:visible;line-clamp:unset;text-overflow:clip;white-space:normal}
.solution-1-list .item.is-expanded .title{padding:10px 0 0;margin:0 0 14px;font-size:18px}
.rd-cap .rd-wrap{padding:3% 0}
.rd-international-list .rd-international-item{width:100%;margin-bottom:20px}
.product-cateitem{width:100%;display:flex;align-items:center}
.product-cateitem .cate-img{width:45%;height:100%}
.product-cateitem .cate-info{flex:1;position:static;transform:none;height:100%;display:flex;flex-direction:column;justify-content:center;background:#FAFAFA;border-radius:0}
.product-cateitem:hover .cate-info{background:#FAFAFA;color:inherit}
.product-cateitem .cate-info .cate-title{font-size:16px;font-weight:400}
.product-cateitem .cate-info .cate-text{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.sidebar-item.category{padding:10px}
.sidebar-item.category .sidebar-title{font-weight:400;font-size:18px}
.pagelink .pagelink-item.next .pagelink-info p:nth-child(1){text-align:left}
.pagelink .pagelink-item.next .link-intro{margin-left:0px;margin-right:10px}
.pro-cate-title{font-size:18px}
.pro-list li .pro-info .text{font-size:14px;line-height:1.2}
.pro-list.list0 li .pro-info .text{margin-bottom:5px;-webkit-line-clamp:2}
.pro-list li .pro-info .icon{opacity:1;transform:none;width:35px;height:35px}
.pro-list li .pro-img a{padding-bottom:100%}
.pro-list.list1{justify-content:space-between}
.pro-list.list1 li{width:49%;margin:0px;margin-bottom:20px}
.pro-list li:hover{border-color:#E1E1E1}
.pro-list.list1 li .pro-img{width:auto}
.pro-list.list1 li .pro-info{min-width:0}
.pro-list.list1 li .pro-info .title h5{margin:0;line-height:1.25;font-size:15px;font-weight:600}
.pro-list.list1 li .pro-info .title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-word;font-weight:400;color:var(--fontcolortitle);text-decoration:none;line-clamp:3;min-width:0;margin-bottom:8px}
.pro-list.list0 li .pro-img{width:40%}
.pro-list.list0 li .pro-info{padding:15px}
.pro-list.list0 li .pro-info .title a{font-size:16px}
.pro-list.list0 li .pro-info .icon{top:auto;bottom:0px;right:0px;border-bottom:none;border-right:none}
.prodetails-related .title{font-size:20px}
.singglepic{width:100%}
.preview-container{width:100%}
.preview-container .small-box{display:none}
.preview-container .thumbnail-box{padding:0px;margin:0px;border:1px solid #E5E5E5;overflow:hidden}
.preview-container .thumbnail-box .item{height:calc(100vw - 30px);border:none}
.preview-container .thumbnail-box .item .imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:8px;background:rgba(0,0,0,.2);color:#FFF;width:95%;padding:0 6px;line-height:35px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:14px;padding-right:40px;text-transform:capitalize}
.preview-container .thumbnail-box .prodetails-button-next,.preview-container .thumbnail-box .prodetails-button-prev{display:none}
.preview-container .banner-page{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:var(--color);color:#FFF;display:flex;align-items:center;justify-content:center;z-index:9}
.prodetails-info{padding-left:0}
.prodetails-info .prodetails-name{margin-top:10px}
.prodetails-info .prodetails-btnlist{justify-content:space-between}
.prodetails-info .prodetails-btnlist>*{width:49%;margin-right:0px}
.prodetails-info .prodetails-btnlist .pro-btn{width:49%}
.prodetails-info .prodetails-btnlist .addToCart{width:49%}
.page-box-shadow{padding:0px;box-shadow:none}
.prodetails-content{border-top:2px solid #dadada;padding-top:20px;margin-top:30px;font-size:18px}
.prodetails-info .prodetails-text,.prodetails-price{font-size:18px}
.pagelink .pagelink-item .pagelink-info{font-size:14px}
.newslist .newsitem .news-info{padding:10px 10px 12px 12px;min-width:0;flex:1;display:flex;flex-direction:column}
.newslist .newsitem .news-info .news-title a{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-word;line-clamp:3}
.newslist.list1{justify-content:space-between}
.newslist.list1 .newsitem{width:48%;margin-right:0px;margin-bottom:20px}
.newslist.list1 .newsitem .news-info .news-text,.newslist.list1 .newsitem .news-info .news-text.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:6px;font-size:12px;line-height:1.45;word-break:break-word;line-clamp:2;min-height:calc(2 * 1.45em)}
.newslist.list0 .newsitem{align-items:center;gap:10px;box-sizing:border-box;padding:12px}
.newslist.list0 .newsitem .news-info{padding:0;min-width:0}
.newslist.list0 .newsitem .news-info .news-title a{font-size:14px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;line-clamp:2}
.newslist.list0 .newsitem .news-info .news-date{margin-top:6px;font-size:12px}
.newslist.list0 .newsitem .news-img{width:min(32vw,118px);max-width:120px;min-width:96px;height:auto;min-height:0;align-self:center;flex-shrink:0}
.newslist.list0 .newsitem .news-img a{position:relative;left:auto;top:auto;width:100%;height:0;padding-bottom:100%;display:block;overflow:hidden;border-radius:6px;background:#f4f4f4}
.newslist.list0 .newsitem .news-img a::before{display:none}
.newslist.list0 .newsitem .news-img a img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;border-radius:6px}
.newslist.list0 .newsitem .news-info .news-text,.newslist.list0 .newsitem .news-info .news-text.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:6px;font-size:12px;line-height:1.45;word-break:break-word;color:var(--fontcolorintro);line-clamp:2;min-height:calc(2 * 1.45em)}
.newslist.list0 .newsitem .news-info .news-btn{display:inline-flex;align-self:flex-start;margin-top:8px;margin-bottom:0;width:auto;min-width:88px;height:32px;font-size:12px;padding:0 12px}
.solution-2 .activity-wrap{overflow:hidden;box-sizing:border-box;-webkit-tap-highlight-color:transparent;cursor:pointer;outline:none}
.solution-2 .activity-wrap .text{font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;line-height:1.35;line-clamp:2}
.solution-2 .activity-wrap:not(.is-expanded) .title{font-size:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;line-height:1.2;min-height:calc(2 * 1.2em);line-clamp:2}
.solution-2 .activity-wrap:not(.is-expanded) .title br{display:none}
.solution-2 .activity-wrap.is-expanded .title{font-size:26px;display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;line-clamp:unset;white-space:normal}
.solution-2 .activity-wrap.is-expanded .title br{display:inline}
.solution-2 .activity-wrap .content{font-size:16px;line-height:1.5;margin-bottom:20px;overflow:hidden;min-width:0}
.solution-2 .activity-wrap:not(.is-expanded) .content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;word-break:break-word;min-height:calc(3 * 1.5em);line-clamp:3}
.solution-2 .activity-wrap.is-expanded .content p{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;line-clamp:unset;white-space:normal}
.solution-2 .activity-wrap.is-expanded .text{display:block;-webkit-line-clamp:unset;overflow:visible;line-clamp:unset;min-height:0}
.solution-2 .activity-wrap .img{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.solution-2 .activity-wrap .img img{width:100%;height:auto;aspect-ratio:640/400;object-fit:cover;object-position:center;margin:0;border-radius:4px}
.solution-1{display:flex;flex-direction:column;gap:12px}
.solution-1-list--grid .item:last-child:nth-child(odd){flex:0 0 100%;max-width:100%}
.solution-1-list{justify-content:flex-start;flex-wrap:wrap;gap:12px}
.solution-1-list .info{flex:0 0 100%;width:100%;max-width:100%;margin:0;padding:18px 16px 30px;background:#FFF;box-shadow:0 5px 10px 0 rgba(19,20,21,.15);position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;box-sizing:border-box}
.solution-1-list .info::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--color)}
.solution-1-list .info .home-des{font-size:12px;margin-bottom:8px;color:var(--color)}
.solution-1-list .info .home-title{font-size:18px;font-weight:var(--fontweight);line-height:1.25;width:100%;padding:0}
.solution-1-list .info:not(.is-expanded) .home-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-word;min-height:calc(3 * 1.25em);line-clamp:3}
.solution-1-list .info.is-expanded .home-title{display:block;-webkit-line-clamp:unset;min-height:0;overflow:visible;line-clamp:unset}
.solution-1-list .info .text{margin:14px 0 12px;width:100%;min-width:0}
.solution-1-list .info:not(.is-expanded) .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.4;min-height:calc(3 * 1.4em);word-break:break-word;line-clamp:3}
.solution-1-list .info.is-expanded .text{display:block;-webkit-line-clamp:unset;min-height:0;overflow:visible;line-clamp:unset;margin:14px 0 12px}
.solution-1-list .info .home-more{pointer-events:auto;margin-top:auto;margin-bottom:0;align-self:flex-start;position:relative;z-index:2;flex-shrink:0;max-width:100%;width:min(180px,100%);box-sizing:border-box}
.solution-1-list--intro .info:not(.is-expanded) .home-title,.solution-1-list--intro .info:not(.is-expanded) .text{min-height:0}
.solution-1-list--intro .info .home-more{margin-top:16px}
.solution-1-list .item{flex:0 0 calc(50% - 6px);width:calc(50% - 6px);max-width:calc(50% - 6px);margin:0;padding:18px 14px 22px;box-sizing:border-box}
.solution-1-list .item em{font-size:40px}
.solution-3 .solution-3-list .item{width:48%;margin-bottom:20px}
.newscontent-details{font-size:18px}
.page-video{padding:0px 0px 70px}
.page-video #pagevideo{margin-top:30px}
.page-video .video-button-next,.page-video .video-button-prev{top:auto;bottom:0px}
.page-video .video-button-next{right:30%}
.page-video .video-button-prev{left:30%}
.page-faq .wrapper{flex-wrap:wrap;margin-top:30px}
.page-faq .wrapper .img{width:100%}
.page-faq .wrapper .right{padding:0px;margin-top:20px}
.contact-list .contact-item{width:100%;margin-bottom:20px;padding:20px 2%}
.contact-list .contact-item em{width:40px;height:40px}
.contact-list .contact-item .contact-item-title{font-size:18px;margin:10px 0px}
.contact-box{margin-top:30px}
.contact-box .contact-img{width:100%}
.contact-box .contact-main{padding:15px}
.contact-box .contact-main #feedbackForm .inquiry-form input{width:100%}
.download-list li .download-info{padding:10px}
.download-list li .download-btn{margin-top:15px;width:100%}
.inquiry-prolist .inquiry-pro-item{padding:10px}
.inquiry-prolist .inquiry-pro-item .pro-item-img{width:150px}
.inquiry-prolist .inquiry-pro-item .pro-item-name{padding:10px}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{font-size:16px}
.inquiry-prolist .inquiry-pro-item .pro-item-del{margin-right:0px;width:35px;height:35px}
.inquiry-feedbackForm #feedbackForm input{width:100%}
.contact-box .contact-img iframe{height:350px}
.preview-container #media{border:none;height:calc(100vw - 30px)!important}}
@media (max-width:500px){
.product-cateitem .cate-img img{object-fit:cover}
.product-cateitem .cate-info{padding:15px 10px;border-radius:0}
.prodetails-related .related-item{width:50%}
.prodetails-related .related-item{border:1px solid #E5E5E5 !important}
.prodetails-related .related-item:nth-child(2n){border-left:none !important}
.prodetails-related .related-item:nth-child(n+3){border-top:none !important}
.inquiry-prolist .inquiry-pro-item .pro-item-img{width:100px}
.inquiry-prolist .inquiry-pro-item .pro-item-name{padding:0px 10px}
#tagTabs{justify-content:space-between}
#tagTabs .tagItem{margin:0px;width:49%;font-size:14px}}
@media (max-width:350px){
.head-info .l-wrap{gap:12px;column-gap:12px;min-width:0}
.head-info .head-logo{min-width:0;flex:1 1 0;overflow:hidden;padding-right:2px}
.head-info .head-logo>a{min-width:0;max-width:100%}
.head-info .head-logo img{max-width:100%;height:auto;max-height:48px;object-fit:contain}
.head-info .lang{margin-left:12px;margin-right:4px;flex-shrink:0;min-width:0}
.lang-icon{justify-content:center}}