@charset "UTF-8";
@import url(font-awesome.css);
.w1530{padding-left:8.2vw;padding-right:8.2vw;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.w15300{padding-left:8.2vw;padding-right:8.2vw;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.w1820{padding-left:1.1vw;padding-right:1.1vw;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.color{color:#af1f24;}

/* 距离参数 */
.nav_right_8{margin-right:1rem;}
.nav_right_7{margin-right:2rem;}
.nav_right_6{margin-right:3rem;}
.nav_left_5{margin-left:3rem;}

/* 返回顶部 */
.aside{position:fixed;right:.2rem;bottom:.2rem;z-index:6;display:block;}
aside .item{position:relative;width:.62rem;height:.62rem;border:1px solid #767676;text-align:center;color:#767676;border-radius:50%;cursor:pointer;display:flex;align-items:center;transition:.4s}
aside .item span{margin:auto;font-size:.35rem;color:#767676;transition:.4s}
aside .item:hover{background:#767676}
aside .item:hover span{color:#fff;}

/* 导航栏目 */
.index_header{top:0;z-index:8;width:100%;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;/*position:-webkit-sticky;position:sticky;*/}
.index_header .box .logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.index_header .box .logo a{display:block;width:2.2rem;}
.index_header .box .logo a img{width:100%;}
.index_header .box .logo a .img2{display:none}
.index_header .box .menu{margin-left:.54rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.index_header .box .menu span{display:block;width:.32rem;background:#333;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;height:2px;margin:3px 0}
.index_header .box .menu span:nth-child(1){width:.29rem}
.index_header .box .menu span:nth-child(2){width:.28rem}
.index_header .box .menu span:nth-child(4){width:.31rem}
.index_header .box .menu p{display:none;cursor:pointer;width:.32rem}
.index_header .box .menu p .fa-remove{font-size:.3rem;font-weight:400;}
.index_header .box .menu.active a{display:none}
.index_header .box .menu.active p{display:block}
.index_header .box .menu:hover span{width:.32rem!important}
/*.index_header .box .nav{margin-left:5vw}*/
.index_header .box .nav .item{margin:0 .3rem}
.index_header .box .nav .item>p{position:relative}
.index_header .box .nav .item>p::after{content:'';position:absolute;bottom: -0.1px;;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0%;height:2px;background:#af1f24;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.index_header .box .nav .item>p a{font-size:.19rem;color:#333;display:block;line-height:.7rem}
.index_header .box .nav .item .select{position:absolute;left:0;width:100%;background:#fff;border-top:1px solid #ddd;-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);z-index:99999;}
.index_header .box .nav .item .select .main_ li{margin:0 .3rem}
.index_header .box .nav .item .select .main_ li a{display:inline-block;font-size:14px;color:#333;line-height:.64rem;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;position:relative}
.index_header .box .nav .item .select .main_ li a::after{content:'';position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0%;height:2px;background:#af1f24;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.index_header .box .nav .item .select .main_ li a:hover{color: #af1f24;}
.index_header .box .nav .item .select .main_ li a:hover::after{width:100%}
.index_header .box .nav .item:hover>p::after{width:100%}
.index_header .box .nav .item:hover .select{-webkit-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.index_header .box .nav .active>p::after{width:100%}
.index_header.active,.index_header.on{background:#f7f7f7;-webkit-box-shadow:0 0 12px #eee;box-shadow:0 0 12px #eee}
.index_header.active .box .logo .img1,.index_header.on .box .logo .img1{display:none}
.index_header.active .box .logo .img2,.index_header.on .box .logo .img2{display:block}
.index_header.active .box .nav .item>p::after,.index_header.on .box .nav .item>p::after{background:#00c185;}
.index_header.active .box .nav .item>p a,.index_header.on .box .nav .item>p a{color:#000}
.index_header.active .box .menu a span,.index_header.on .box .menu a span{background:#00c185;}
.index_header.top_{-webkit-transform:translateY(-105%);-ms-transform:translateY(-105%);transform:translateY(-105%)}

/* 移动端导航 */
.m-nav-container{display:none;position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.m-nav-bar{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}
.m-hamburger{width:24px;height:24px;position:relative;cursor:pointer}
.m-hamburger span{position:absolute;height:2px;width:100%;background:#000;transition:transform .3s cubic-bezier(.77,.2,.05,1),opacity .2s ease}
.m-hamburger span:nth-child(1){top:4px}
.m-hamburger span:nth-child(2){top:11px}
.m-hamburger span:nth-child(3){bottom:4px}
.m-hamburger.active{transform:rotate(180deg)}
.m-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.m-hamburger.active span:nth-child(2){opacity:0}
.m-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.m-nav-menu{position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;overflow:hidden;display:none}
.m-nav-menu.active{display:block}
.m-menu-scroll-area{height:calc(100vh - 160px);overflow-y:auto;padding:20px 20px 100px}
.m-menu-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #eee;touch-action: manipulation;}
.m-menu-item .arrow{width:8px;height:8px;margin-left:8px;transition:transform .3s}
.m-menu-item .arrow::before{content:'';display:block;width:100%;height:100%;border-left:1px solid #333;border-bottom:1px solid #333;transform:rotate(-45deg)}
.m-menu-item.active .arrow{transform:rotate(180deg) scale(.9)}
.m-submenu{display:none;background:#f8f8f8;margin:10px -20px;padding:15px 20px;width:calc(100% + 40px)}
.m-submenu.active{display:block}
.m-submenu-item{padding:12px 0;color:#666;border-bottom:1px solid #eee}
.m-submenu-item:last-child{border-bottom:none}
.m-submenu-item a{color:#333;text-decoration:none;padding: 12px 0;}
.m-contact-container{position:absolute;bottom:20px;left:0;right:0;text-align:center;padding:0 20px}
.m-contact-btn{display:block;width:80%;max-width:300px;margin:0 auto;padding:14px 20px;background:linear-gradient(#535759,#3b3e40);color:#fff!important;text-decoration:none!important;border-radius:4px;font-size:16px;transition:transform .2s}
.m-contact-btn:active{transform:scale(.98)}

/* banenr样式 */
.banner-content{position:absolute;left:10%;top:50%;transform:translateY(-50%);z-index:2;color:#fff;max-width:500px;padding-right:30px}
.banner-title{font-size:.52rem;font-weight:500;margin-bottom:.15rem;opacity:0;transform:translateX(-30px);transition:all .8s ease}
.banner-desc{font-size:.2rem;line-height:1.8;margin-bottom:.3rem;opacity:0;transform:translateX(-30px);transition:all .8s ease .2s}
.swiper-slide-active .banner-button,.swiper-slide-active .banner-desc,.swiper-slide-active .banner-title{opacity:1;transform:translateX(0)}
.dji-banner{position:relative;height:80vh;max-height:900px;min-height:640px;background:#000;}
.dji-banner2{position:relative;height:80vh;max-height:500px;min-height:500px;background:#000;}
.banner-image{width:100%;height:100%;object-fit:cover;object-position:center;display: block;}
.swiper-pagination{position:absolute;bottom:20px!important;left:50%!important;transform:translateX(-50%)!important;display:flex;gap:8px;width:auto!important}
.swiper-pagination-bullet{width:30px;height:3px;border-radius:2px;background:rgba(255,255,255,.5);opacity:1!important;margin:0!important;transition:all .3s ease}
.swiper-pagination-bullet-active{background:#fff!important;width:40px}
.swiper-button-next,.swiper-button-prev{width:44px;height:44px;background:rgba(0,0,0,.3);border-radius:50%;opacity:0;transition:all .3s ease}
.swiper:hover .swiper-button-next,.swiper:hover .swiper-button-prev{opacity:1}
.swiper-button-next::after,.swiper-button-prev::after{font-size:20px;color:#fff;font-weight:700}
.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(0,0,0,.7)}
.banner-button{display:inline-block;padding:12px 40px;background:rgba(255,255,255,0);border:2px solid #fff;color:#fff;text-decoration:none;font-size:.2rem;border-radius:25px;transition:all .3s ease}
.banner-button:hover{background:rgba(255,255,255,.4);transform:translateY(-2px)}

/* 内页banner样式 */
.page-banner {width:100%;overflow:hidden;position: relative;}
.page-banner img {width:100%;height:100%;object-fit: cover;object-position: center;}

/* 公共样式 */
.c_title{display:flex;font-size:.4rem;line-height:.45rem;justify-content:center;flex-wrap:wrap;font-weight:500;}
.view_title{display:flex;font-size:.45rem;line-height:.45rem;justify-content:center;flex-wrap:wrap;}
.p25{padding-top:0.25rem;}
.p35{padding-top:0.35rem;}
.p45{padding-top:0.45rem;}
.p74 {padding-top: 0.74rem;}
.p74_ {padding-bottom: 0.74rem;}
.p85{padding-top:.85rem;}
.p95{padding-top:.95rem;}
.p1{padding-top:1rem;}
.p15{padding-top:1.5rem;}
.p17{padding-top:1.75rem;}
.m58 {margin-top: 0.58rem;}
.m15{margin-top:.15rem;}
.m25{margin-top:.25rem;}
.m35{margin-top:.35rem;}
.m45{margin-top:.45rem;}
.m1{margin-top:1rem;}
.miaodian{position:relative;top:-1.2rem;}
.content_view{margin:.3rem 0 0 0;background-color:#fff;padding:0 2.5rem 20px 2.5rem;}
.content_title{font-size:.3rem;line-height:1.7;text-align:center;font-weight:600;}
.content{font-size:.2rem;line-height:.4rem;text-align:justify;padding-bottom:.35rem;}

/* 基础样式 */
.content img {
    margin: 0 auto;
}

/* 默认处理：没有width属性的图片自适应 */
.content img.no-width {
    width: 100%;
}

/* 大图处理：width≥200px的图片自适应 */
.content img.large-img {
    width: 100%;
}

/* 小图处理：width<100px的图片保持原样 */
.content img.small-img {
    width: auto;
    max-width: none;
}

/*.learn-more{color:#af1f24!important;text-decoration:none!important;font-weight:500;align-self:flex-start;position:relative;display: inline-block;text-align:center;width:100%;}*/
/*.learn-more::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#af1f24;transition:width .3s}*/
/*.learn-more:hover::after{width:100%}*/

/* 首页行业应用 */
.index-hyyy-container {display: flex;flex-wrap: wrap;gap:20px;box-sizing:border-box;}
.index-hyyy-item{position:relative;overflow:hidden;flex:1 1 calc(25% - 20px);aspect-ratio:1/1;/*min-width:300px*/}
.index-hyyy-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.index-hyyy-text-overlay{position:absolute;bottom:20px;left:20px;color:#fff;pointer-events:none}
.index-hyyy-text-overlay p{font-size:.3rem;margin-bottom:.2rem;}
.index-hyyy-text-overlay p:nth-child(2){font-size:.2rem;margin-bottom:.65rem;}
.index-hyyy-text-overlay p:nth-child(3){font-size:.18rem;pointer-events:auto}
.index-hyyy-text-overlay p .fa-angle-right{font-size:.2rem;}
/* .index-hyyy-text-overlay a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s} */
.index-hyyy-text-overlay a{color:inherit;text-decoration:none;position:relative;}
.index-hyyy-text-overlay a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}
.index-hyyy-text-overlay a .fa-angle-right{display:inline-block;transition: transform 0.3s ease;margin-left: 0.2em;}
/* .index-hyyy-text-overlay a:hover .fa-angle-right{transform: translateX(5px);} */
/* .index-hyyy-text-overlay a:hover{border-color:currentColor} */
.index-hyyy-text-overlay a:hover::after{width:100%;}
.index-hyyy-item:hover img{transform:scale(1.08);}

/* 首页解决方案 */
.index-jjfa-container{position:relative;width:100%;height:80vh;min-height:490px;overflow:hidden}
.index-jjfa-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.index-jjfa-title{position:absolute;top:25%;left:50%;transform:translateX(-50%);color:#fff;font-size:.5rem;text-align:center;text-shadow:2px 2px 8px rgba(0,0,0,.6);width:90%;z-index:2;font-weight:500;}
.index-jjfa-content{position:absolute;bottom:15%;left:8%;color:#fff;z-index:2;max-width:600px}
.index-jjfa-line1{font-size:.3rem;margin-bottom:.2rem;}
.index-jjfa-line2{font-size:.2rem;margin-bottom:.65rem;line-height:1.5;opacity:.9}
.index-jjfa-line3{font-size:.18rem}
.index-jjfa-line3 .fa-angle-right{font-size:.2rem;}
.index-jjfa-line3 a{color:inherit;text-decoration:none;position:relative;}
.index-jjfa-line3 a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}
.index-jjfa-line3 a .fa-angle-right{display:inline-block;transition: transform 0.3s ease;margin-left: 0.2em;}
/* .index-jjfa-line3 a:hover .fa-angle-right{transform: translateX(5px);} */
/* .index-jjfa-line3 a:hover{border-color:currentColor} */
.index-jjfa-line3 a:hover::after{width:100%;}

/* 首页推荐产品 */
.tjcp-container{display:flex;flex-wrap:wrap;gap:20px;box-sizing:border-box}
.tjcp-item{position:relative;overflow:hidden;flex:1 1 calc(50% - 10px);aspect-ratio:4/3;/*min-width:300px*/}
.tjcp-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}
.tjcp-item:hover img{transform:scale(1.05)}
/* .tjcp-text-overlay{position:absolute;bottom:20px;left:20px;text-align:left;color:#fff;max-width:80%;pointer-events:none;padding-right:15%}
.tjcp-text-overlay p{margin:8px 0;line-height:1.3;text-shadow:1px 1px 3px rgba(0,0,0,.7);position:relative;z-index:2}
.tjcp-text-overlay .line1{font-size:.3rem;margin-bottom:.2rem;}
.tjcp-text-overlay .line2{font-size:.2rem;margin-bottom:.65rem;}
.tjcp-text-overlay .line3{font-size:.18rem;pointer-events:auto}
.tjcp-text-overlay a{color:inherit;text-decoration:none;display:inline-block;position:relative;padding-bottom:2px}
.tjcp-text-overlay a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}
.tjcp-text-overlay a:hover::after{width:100%} */
.tjcp-text-overlay{position:absolute;top:8%;left:50%;transform:translateX(-50%);text-align:center;color:#000;max-width:80%;pointer-events:none;padding:0 15px}
.tjcp-text-overlay p{margin:8px 0;line-height:1.3;position:relative;z-index:2}
.tjcp-text-overlay .line1{font-size:.32rem;margin-bottom:.1rem;font-weight:700}
.tjcp-text-overlay .line2{font-size:.2rem;margin-bottom:.2rem}
.tjcp-text-overlay .line3{font-size:.18rem;pointer-events:auto;margin-top:.2rem}
.tjcp-text-overlay .line3 a{color:#000!important;text-decoration:none;display:inline-block;position:relative;padding-bottom:2px}
.tjcp-text-overlay .line3 a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}
.tjcp-text-overlay .line3 a:hover::after{width:100%}

/* 性能优化 */
.tjcp-item {will-change: transform;backface-visibility: hidden;}

/* 为什么选择我们 */
.wsmselect{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.wsmselect-col{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.wsmselect-col span{font-size:.2rem;line-height:.45rem;}
.wsmselect-icon{width:.85rem;margin-bottom:10px}
.wsmselect-line{width:100%;height:1px;background:#e8e8e8;margin:.35rem 0;}

/* 公共表单样式 */
.form-container{margin:0 auto;}
.input-group{display:flex;gap:30px;margin-bottom:20px}
.input-wrapper{flex:1;position:relative}
.input-icon{position:absolute;left:15px;top:45px;color:#666;z-index:1}
.input-wrapper input[type=text],.input-wrapper textarea{padding-left:40px!important}
.input-wrapper label{display:block;margin-bottom:8px;font-size:16px;}
.input-wrapper input[type=text],.input-wrapper textarea{width:100%;padding:12px;border:1px solid #e3e3e3;border-radius:4px;box-sizing:border-box;font-size:16px;transition:border-color .3s ease}
.input-wrapper input[type=text]:focus,.input-wrapper textarea:focus{outline:0;/*border-color:red!important;box-shadow:0 0 3px rgba(255,0,0,.3)*/}
.input-wrapper input::placeholder{color:#999!important;font-size:14px!important;font-family:"Open Sans","PingFang SC","Microsoft Yahei",Arial,sans-serif!important}
.input-wrapper textarea::placeholder{color:#999!important;font-size:14px!important;font-family:"Open Sans","PingFang SC","Microsoft Yahei",Arial,sans-serif!important}
.input-wrapper textarea{height:150px;resize:vertical;margin-bottom:20px}
.submit-button{text-align:center;font-size:16px;}
.submit-button button[type=submit]{background-color:#262626;color:#fff;padding:12px 40px;border:none;border-radius:4px;cursor:pointer;font-size:.2rem;transition:background-color .3s}
.submit-button button[type=submit]:hover{background-color:#333}

/* 产品总览 */
.tab-product-container{margin:0 auto}
.tab-product-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px;justify-content:center}
.tab-product-item{display:inline-flex;padding:10px 25px;background:#e1e1e1;border-radius:25px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;white-space:nowrap;justify-content:center;align-items:center;box-sizing:border-box;font-size:.2rem}
.tab-product-item.active,.tab-product-item:hover{background:rgba(0,0,0,.85);/*border-color:#af1f24;*/color:#fff;}
.tab-product-item:focus{outline:2px solid #af1f24;outline-offset:2px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}
.product-item{height:100%;display:flex;flex-direction:column;overflow:hidden;/*box-shadow:0 2px 8px rgba(0,0,0,.1);*/transition:transform .3s;}
.product-item:hover {
    transform: translateY(-5px) scale(1.02);
}
.product-item:hover img{transform:scale(1.05)}
.product-image{flex:2;overflow:hidden;position:relative;background:#fff}
.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease-in-out}
/* .product-image:hover img{transform:scale(1.05)} */
.product-info{flex:1;padding:15px;/*background:#f7f9fa;*/background:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;}
.product-info p{margin:5px 0;line-height:1.4;font-size:.18rem;color:#666;}
.product-info a.product{color:#333;text-decoration:none;font-size:.22rem;font-weight: normal;}
.product-info a.ljgd{width:70px;color:#af1f24;text-decoration:none;font-size:14px;display:inline-block;position:relative;padding-bottom:2px}
.product-info a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}
.product-info a:hover::after{width:100%}

/* 解决方案 */
.tab-jjfa-container{margin:0 auto}
.tab-jjfa-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px;justify-content:center}
.tab-jjfa-item{display:inline-flex;padding:10px 25px;background:#e1e1e1;border-radius:25px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;white-space:nowrap;overflow:hidden;justify-content:center;align-items:center;box-sizing:border-box;font-size:.22rem;}
.tab-jjfa-item.active,.tab-jjfa-item:hover{background:rgba(0,0,0,.85);/*border-color:#af1f24;*/color:#fff;}
.tab-jjfa-item:focus{outline:2px solid #af1f24;outline-offset:2px}
.solution-list{width:100%;}
.solution-item{display:flex;margin-bottom:.4rem;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;align-items:stretch}
.solution-image{height:300px;flex:0 0 494px;overflow:hidden;position:relative}
.solution-image img{width:100%;height:300px;object-fit:cover;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}
.solution-image:hover img{transform:scale(1.03)}
.solution-content{display:flex;flex-direction:column;justify-content:center;flex:1;padding:.5rem;background-color:#f7f9fa}
.solution-content h3{margin:0 0 20px;font-size:.23rem}
.solution-content h3 a{color:#333;text-decoration:none;transition:color .3s}
.solution-content h3 a:hover{color:#af1f24}
.solution-content p{color:#666;line-height:1.7;margin-bottom:.5rem;font-size:.18rem;}

/* 解决方案详情内容样式 */
.custom-content-sections{max-width:1200px;margin:40px auto;padding:0 .2rem;}
.content-section{margin-bottom:60px;}
.section-title{color:#2d3748;font-size:.22rem;margin-bottom:25px;position:relative;}
/* .section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:24px;background:#af1f24;border-radius:3px} */
.section-desc{color:#4a5568;font-size:.2rem;line-height:1.8;}
.section-desc p{margin-bottom:15px}

/* 关联产品 */
.related-products{margin:60px 0}
.related-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.related-products-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s ease}
.related-products-item:hover{transform:translateY(-5px)}
.related-products-image{display:block;height:240px;overflow:hidden}
.related-products-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}
.related-products-image:hover img{transform:scale(1.05)}
.related-products-info{padding:20px;text-align:center;display:flex;flex-direction:column;gap:12px}
.related-products-title{margin:0;font-size:18px}
.related-products-title a{color:#333;text-decoration:none;transition:color .3s}
.related-products-title a:hover{color:#af1f24}
.related-products-desc{color:#666;font-size:14px;margin:0}
.related-products-more{color:rgba(0,0,0,.85)!important;text-decoration:none!important;font-size:14px;position:relative;display:inline-block}
.related-products-more::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:rgba(0,0,0,.85);transition:width .3s}
.related-products-more:hover::after{width:100%}

/* 推荐组合方案 */
.combo-plan{margin:50px 0;}
.combo-header{display:flex;align-items: center;gap:10px;padding-top:10px;}
.combo-icon{width:.35rem;height:.35rem;flex-shrink: 0;}
.combo-main {flex: 1; /* 占据剩余空间 */min-width: 0; /* 防止内容溢出 */}
.combo-title{font-size:.23rem;color:#2d3748;margin:0;line-height: 1.3;}
.combo-container {display: flex;gap: 20px;align-items: flex-start;}
.combo-items{display:flex;flex-wrap:wrap;align-items:center;gap:30px;position:relative}
.combo-item{flex:1;/*min-width:180px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;*/text-align:center}
.combo-item-title{font-size:.2rem;color:#4a5568;margin-bottom:8px}
.combo-item-spec{font-size:.16rem;/*color:#af1f24;*/margin-top: 5px;}
.combo-plus{display: flex;font-size:24px;color:#cbd5e0;padding:0 10px;height: 100%;}
.combo-divider{height:1px;background:#e2e8f0;margin:40px 0 30px}
#combo-mobile{display:none;}

/* 行业应用 */
.tab-hy-container{margin:0 auto}
.tab-hy-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px;justify-content:center}
.tab-hy-item{display:inline-flex;padding:10px 25px;background:#e1e1e1;border-radius:25px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;white-space:nowrap;overflow:hidden;justify-content:center;align-items:center;box-sizing:border-box;font-size:.22rem;}
.tab-hy-item.active,.tab-hy-item:hover{background:rgba(0,0,0,.85);/*border-color:#af1f24;*/color:#fff;}
.tab-hy-item:focus{outline:2px solid #af1f24;outline-offset:2px}
.hy-app-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0}
.hy-app-item{background:#fff;/*border-radius:8px;*/overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.hy-app-image{height:240px;overflow:hidden;position:relative}
.hy-app-image img{width:100%;/*height:100%;*/object-fit:cover;transition:transform .4s ease-in-out}
.hy-app-content{padding:20px;display:flex;flex-direction:column;gap:15px}
.hy-app-title{margin:0;font-size:.22rem;font-weight: normal;}
.hy-app-title a{color:#333;text-decoration:none;transition:color .3s}
.hy-app-desc{color:#666;line-height:1.6;margin:0}
.hy-app-more{color:rgba(0,0,0,.85)!important;text-decoration:none!important;position:relative;display:inline-block;width:fit-content}
.hy-app-more::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:rgba(0,0,0,.85);transition:width .3s}
.hy-app-item:hover{transform:translateY(-5px)}
.hy-app-item:hover img{transform:scale(1.05)}
.hy-app-title a:hover{color:#af1f24}
.hy-app-more:hover::after{width:100%}
.hy-app-item .fa-angle-right{font-size:14px;padding-left:5px;}

/* 技术支持 */
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:20px 0;}
.icon-box{display:flex;justify-content:flex-start;margin-bottom:15px;}
.feature-grid-item{display:block;text-decoration:none;color:inherit;padding:20px;border-radius:8px;transition:all .3s ease;background:rgba(255,255,255,.9);box-shadow:0 2px 10px rgba(0,0,0,.1)}
.feature-grid-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}
.feature-grid-icon{max-width:48px;height:auto;}
.feature-text-box h3{font-size:.22rem;margin:10px 0;text-transform:uppercase;}
.feature-text-box p{font-size:14px;color:#666;line-height:1.6}
.feature-grid-item:hover .feature-text-box h3 {
    color: #af1f24; /* 悬停颜色，可修改为品牌色 */
    transition: color 0.3s ease;
}

/* 可选：增加点击反馈 */
.feature-grid-item:active .feature-text-box h3 {
    color: #0056b3;
}

/* 适配键盘导航 */
.feature-grid-item:focus .feature-text-box h3 {
    color: #af1f24;
}

/* 适配无人机 */
.drone-series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px 0}
.drone-series-item{overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 12px rgba(0,0,0,.08);background:#fff}
.drone-image-box{height:260px;overflow:hidden;position:relative}
.drone-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.drone-series-item:hover .drone-image{transform:scale(1.08)}
.drone-info-box{padding:20px;display:flex;flex-direction:column;gap:12px}
.drone-title{margin:0;font-size:.22rem}
.drone-title a{color:#333;text-decoration:none;transition:color .3s}
.drone-title a:hover{color:#af1f24}
.drone-desc{color:#666;line-height:1.6;margin:0;font-size:.18rem;}
.learn-more{color:rgba(0,0,0,.85)!important;text-decoration:none!important;font-weight:500;align-self:center;position:relative;font-size:.9em}
.learn-more::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#af1f24;transition:width .3s ease}
.learn-more:hover::after{width:100%}
.learn-more2{color:rgba(0,0,0,.85)!important;text-decoration:none!important;font-weight:500;align-self:flex-start;position:relative;font-size:.9em}
.learn-more2::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:rgba(0,0,0,.85);transition:width .3s ease}
.learn-more2:hover::after{width:100%}
.drone-series-item:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.12)}
.drone-series-item .fa-angle-right{font-size:14px;padding-left:5px;}
.anli-desc{line-height:1.6;margin:0;font-size:.2rem;}

/* 联系我们 */
.lxfs-container{box-sizing:border-box}
.lxfs-section{margin-bottom:40px}
.lxfs-section h2{margin-bottom:10px;font-size:.22rem;}
.contact-info{display:flex;flex-direction:column;gap:15px}
.address-info{display:flex;flex-wrap:wrap;gap:10px}
.address-info div,.contact-info div{flex:1 1 calc(50% - 10px);box-sizing:border-box;padding:0 0;color:#666;font-size:14px;}
.qr-lxfs-container{display:flex;gap:30px;margin-top:20px}
.qr-lxfs-item{display:flex;gap:15px;align-items:center}
.qr-lxfs-item img{width:100px;height:100px;flex-shrink:0}
.qr-lxfs-text{line-height:1;font-size:14px;color:#666;line-height:.3rem;}

/* 文档与手册 */
.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:40px 0}
.doc-item{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0);
    cursor: pointer;}
.doc-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.12);
    }
.doc-icon{width:48px;height:48px;margin-bottom:15px}
.doc-content{flex:1;display:flex;flex-direction:column;position:relative;}
.doc-title{font-size:16px;margin:0 0 10px;color:#333}
.doc-time,.doc-update{font-size:13px;color:#666;margin:4px 0}
.doc-meta {margin-right: 120px; /* 给链接预留宽度 */}
.doc-links {position:absolute;right: 0;bottom: 5px;display: flex;gap: 20px;align-items: center;}
.doc-links .fa-download{padding-right:10px;}
.download-link{color:#06c;text-decoration:none;transition:opacity .3s}
.pdf-link{color:#c00;text-decoration:none;transition:opacity .3s}
.download-link:hover,.pdf-link:hover{opacity:.8}

/* 视频播放 */
.video-container{max-width:100%;max-height:600px;margin:58px auto 20px auto;position:relative}
#autoplay-video{width:100%;height:auto;max-height:600px;object-fit:contain}

/* 常见问题 */
.faq-container{margin:30px 0 80px}
.faq-item{position:relative;border-bottom:1px solid #f5f5f5;}
.faq-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#eee;transition:opacity .3s ease}
.faq-header{padding:18px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff;transition:background .2s ease}
.faq-header:hover{background:#f9f9f9}
.faq-header .title{font-size:.22rem;}
.faq-header .arrow{width:7px;height:7px;border-right:1px solid #666;border-bottom:1px solid #666;transform:rotate(45deg);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.faq-content{max-height:0;overflow:hidden;padding:0 25px;background:#f8f8f8;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .4s ease}
.faq-content p{line-height:1.5;font-size:.18rem;}
.faq-item.active::after{opacity:0}
.faq-item.active .arrow{transform:rotate(-135deg)}
.faq-item.active .faq-content{max-height:1000px;padding:20px 25px;transition:max-height .6s cubic-bezier(.4,0,.2,1),padding .5s ease}


/* 文章内容样式 */
.article-container{margin:1rem auto;}
.article-top{display:flex;align-items:center;gap:30px;margin-bottom:.65rem}
.article-top h2{font-size:.3rem;}
.article-img{flex:1;min-width:300px}
.article-img img{width:100%;height:auto;display: block;object-fit:cover;border-radius:8px}
.article-content{flex:1}
.content-top {
    display: flex;
    flex-direction: column;
    justify-content: center; /* 内容垂直居中 */
    height: 100%;
}
.keywords{display:flex;gap:12px;flex-wrap:wrap;margin-top:.4rem;font-size:14px;color:#252526}
.keywords span:not(:last-child)::after{content:"|";margin-left:12px;color:#ddd}
.qrcode-block{display:flex;gap:30px;margin-top:1rem}
.qrcode-img{flex-shrink:0;width:120px}
.qrcode-img img{width:100%;height:auto}
.qrcode-info p{margin:10px 0;font-size:14px}
.article-bottom{max-width:1200px;margin:0 auto;line-height:1.8}
/* .article-bottom h3{color:#262626;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #eee} */

/* 页脚footer */
.footer{width:100%;background-color:#272727;padding:.52rem 0 .32rem;margin-top:1rem;}
.footer .boxTop{margin-top:.35rem;padding-bottom:1.2rem;border-bottom:1px solid #535353;position:relative;}
.footer .boxTop .nav-item{color:#fff;position:relative;}
.footer .boxTop .nav-item .nav-title{font-size:14px;font-weight:400;}
.footer .boxTop .nav-item ul{margin-top:.25rem}
.footer .boxTop .nav-item ul li{font-size:12px;line-height:.4rem}
.footer .boxTop .nav-item ul li a{color:rgba(255,255,255,.5);-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.footer .boxTop .nav-item ul li a:hover{color:#fff}
.footer .boxTop .qrcode{position:absolute;right:0;bottom:10px;gap:20px;}
.footer .boxTop .qrcode .qrcode-box{text-align:center;}
.footer .boxTop .qrcode .qrcode-txt{margin-top:.15rem;font-size:.15rem;color:#fff;text-align:center;}
.footer .boxTop .qrcode .qrcode-box img{width:100px;}
.footer .boxTop .qrcode .qrcode-box p{font-size:12px;line-height:20px;color:#fff;}
.footer .boxBottom{display: flex;justify-content: space-between;align-items: center;padding: 30px 0;}
.footer .foot-logo{height:54px;}
.footer .foot-phone{color:#fff;font-size:12px;}
.footer .foot-copyright {padding-top: 20px;color: #535353;font-size: 12px;border-top:1px solid #535353;}
.footer .foot-copyright a{color:#535353;}
.footer .foot-copyright a:hover{color:#fff;}

/* 移动端footer样式 */
footer{display:none;background:#333;color:#fff;padding:20px 15px;font-size:14px;margin-top:60px;}
.back-top{text-align:center;padding:15px 0;border-bottom:1px solid #444}
.back-top .fa-angle-up{font-size:16px;padding-left:5px;}
.back-top span{position:relative;padding-right:20px}
.back-top span::after{content:"↑";position:absolute;right:0}
.mf-nav-item{padding:15px 0;border-bottom:1px solid #444;position:relative}
.mf-nav-item::after,.mf-nav-item::before{content:'';position:absolute;right:12px;top:50%;background:#fff;width:8px;height:1px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:center}
.mf-nav-item::before{transform:translateY(-50%) rotate(90deg)}
.mf-nav-item::after{transform:translateY(-50%)}
.mf-nav-item.active::before{transform:translateY(-50%) rotate(180deg)}
.mf-nav-item.active::after{transform:translateY(-50%) rotate(0)}
.mf-sub-nav{background:#535353;margin:0 -15px;padding:10px 15px;display:none}
.mf-sub-nav a{color:#fff;display:block;padding:8px 0;text-decoration:none}
.mf-qr-code{display:flex;justify-content:center;gap:20px;padding:20px 0}
.mf-qr-item{text-align:center;}
.mf-qr-item img{width:100px;height:100px;display:block}
.mf-copyright{text-align:left;color:#535353;padding-top:15px;line-height:1.6;font-size:12px}
.mf-copyright a{color:#535353;}

/* 分页样式 */
.pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:50px 0 10px 0;font-size:clamp(12px,3.5vw,14px)}
.page-item{min-width:auto;height:36px;padding:0 16px;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;transition:border-color .2s}
.page-item.special{min-width:auto;padding:0 10px;background:0 0;cursor:default}
.page-item.active{background:#262626!important;border-color:#262626!important;color:#fff!important}
.page-item:not(.special):hover{border-color:#262626;background:0 0!important}
.page-item.active:hover{background:#262626!important;border-color:#262626!important}
.page-item{text-decoration:none;color:inherit}


@media screen and (max-width:1920px){
    .index_header{display:block;}
    .m-nav-container { display: none; } /* 隐藏移动端导航 */
    #pc-footer{display:block;}
    #m-footer{display:none;}
    #mjjfa{display:none;}
}

@media screen and (max-width:1600px){
    .index_header{display:block;}
    .m-nav-container { display: none; } /* 隐藏移动端导航 */
    #pc-footer{display:block;}
    #m-footer{display:none;}
    #mjjfa{display:none;}
}

@media screen and (max-width:1520px){
    .index_header{display:block;}
    .m-nav-container { display: none; } /* 隐藏移动端导航 */
    #pc-footer{display:block;}
    #m-footer{display:none;}
    #mjjfa{display:none;}
}

@media screen and (max-width:1440px){
    .index_header{display:block;}
    .m-nav-container { display: none; } /* 隐藏移动端导航 */
    #pc-footer{display:block;}
    #m-footer{display:none;}
    #mjjfa{display:none;}
}

@media screen and (max-width:1400px){
    .index_header{display:block;}
    .m-nav-container { display: none; } /* 隐藏移动端导航 */
    #pc-footer{display:block;}
    #m-footer{display:none;}
    #mjjfa{display:none;}
}

@media screen and (max-width:1359px){
    .index_header{display:block;}
    .m-nav-container { display: none; } /* 隐藏移动端导航 */
    #pc-footer{display:block;}
    #m-footer{display:none;}
    #mjjfa{display:none;}
}

@media screen and (max-width:1200px){
    .index_header{display:block;}
    .index-hyyy-item {flex-basis: calc(33.33% - 15px);max-width: calc(33.33% - 15px);}
    .m-nav-container { display: none; } /* 隐藏移动端导航 */
    #pc-footer{display:block;}
    #m-footer{display:none;}
    #mjjfa{display:none;}
    .solution-image{flex:0 0 40%}
    .related-products-grid{gap:20px}
    .related-products-image{height:200px}
    .doc-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* PC端样式（≥1025px） */
@media (min-width: 1025px) {
    .page-banner {
        max-height: 500px; /* PC端最大高度限制 */
    }
    .m-banner-top {
        display: none;
    }
}

@media screen and (max-width:1024px){
    .w1530 {padding-left:3.2vw;padding-right:3.2vw;}
    .index_header{display:none;}
    #online_q{display:none;}
    #pc-footer{display:none;}
    #m-footer{display:block;}
    .page-banner {
        max-height: 600px; /* 移动端最大高度限制 */
        margin-top: 60px;  /* 补偿移动导航栏高度 */
    }
    
    /* 保持图片在容器中的比例 */
    .page-banner img {
        height: 100%;
        min-height: 600px; /* 防止极端情况高度过小 */
    }
    .index-hyyy-item {flex-basis: calc(33.33% - 15px);max-width: calc(33.33% - 15px);}
    .m-nav-container { display: block; } /* 隐藏移动端导航 */
    #mjjfa{display:block;}
    .index-jjfa-title{display:none;}
    .tab-product-item{padding:10px 20px;font-size:15px;}
    .m-banner-top{position:fixed;top:60px;left:0;z-index:999;background:#262626;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}
    .m-banner-top span{color:#fff;font-size:16px;flex-shrink:0}
    .m-banner-btn{background:linear-gradient(#40a9ff,#1890ff);color:#fff!important;padding:8px 20px;border-radius:20px;text-decoration:none!important;font-size:14px;white-space:nowrap;transition:opacity .3s}
    .m-banner-btn:hover{opacity:.9}
    .tab-jjfa-item{padding:10px 20px;font-size:15px}
    .tab-hy-item{padding:10px 20px;font-size:15px;}
    .feature-grid{grid-template-columns:repeat(3,1fr);}
    .feature-grid-item{padding:15px;} 
    .drone-series-grid{grid-template-columns:repeat(3,1fr);gap:20px;}
}

@media screen and (max-width:992px){
    .w1530 {padding-left:5.2vw;padding-right:5.2vw;}
    .index_header{display:none;}
    #online_q{display:none;}
    #pc-footer{display:none;}
    #m-footer{display:block;}
    .index_m_banner{display:block;}
    .page_banner{display:none;}
    .m_page_banner{display:block;}
    .index-hyyy-item {flex-basis: calc(50% - 10px);max-width: calc(50% - 10px);min-width: auto;}
    .tjcp-item {flex-basis: calc(50% - 10px);min-width: 250px;}
    .m-nav-container { display: block; } /* 隐藏移动端导航 */
    #mjjfa{display:block;}
    .index-jjfa-title{display:none;}
    .product-grid{grid-template-columns:repeat(2,1fr);}
    .solution-item{flex-direction:column}
    .solution-image{flex:none;height:auto}
    .solution-image img{height:100%}
    .solution-content{min-height:auto}
    .related-products-grid{grid-template-columns:repeat(2,1fr)}
    .related-products-image{height:220px}
    .doc-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }.doc-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .doc-item {
        min-height: auto;
    }
}

/* PC端特定样式（可选） */
@media (min-width: 768px) {
    .page-banner {
        height: 500px; /* 根据PC端图片高度设置 */
    }
}

@media (max-width: 768px) {
    .w1530 {padding-left:3.2vw;padding-right:3.2vw;}
    .w15300 {padding-left:2.2vw;padding-right:2.2vw;}
    .c_title{justify-content:flex-start;}
    .index_header{display:none;}
    #online_q{display:none;}
    #pc-footer{display:none;}
    #m-footer{display:block;}
    aside{display: none !important;}
    .dji-banner{margin-top:60px;}
    .banner-content{top:35%;}
    .swiper-button-next,.swiper-button-prev{display:none}
    .banner-button{padding:10px 30px;font-size:.2rem}
    .index-hyyy-container {gap: 15px;}
    .index-hyyy-item {flex-basis: 100%;max-width: 100%;}
    .index-jjfa-container{height:60vh}
    .index-jjfa-title{font-size:.45rem;top:20%;}
    .index-jjfa-content{bottom:10%;left:5%}
    .tjcp-text-overlay{top:12%;padding:0 10px}
.tjcp-text-overlay .line1{font-size:.25rem}
.tjcp-text-overlay .line2{font-size:.18rem}
    .wsmselect{grid-template-columns:repeat(2,1fr)}
    .wsmselect-col{flex-direction:row;justify-content:start;align-items:center;gap:20px;margin-bottom:.25rem;}
    .wsmselect-icon{width:.7rem;margin-bottom:0;flex-shrink:0;}
    .wsmselect span{text-align:left;margin-right:auto;font-size:.24rem;}
    /* 公共表单样式 */
    .input-group{flex-direction:column;gap:15px}
    .input-icon{left:12px;top:43px;font-size:14px}
    .input-wrapper input[type=text],.input-wrapper textarea{font-size:14px;padding-left:35px!important}
    .input-wrapper textarea::placeholder{font-size:14px!important}
    .submit-button button[type=submit]{padding:10px 30px}
    .content_view{padding:5px 10px;}
    .m-nav-container { display: block; } /* 隐藏移动端导航 */
    #mjjfa{display:block;}
    .index-jjfa-title{display:none;}
    .tab-product-nav{display:grid;grid-template-columns:repeat(2,minmax(min-content,1fr)) 1fr;grid-template-rows:auto auto;gap:10px;justify-content:center}
    .tab-product-item{width:auto!important;min-width:120px;padding:10px 15px!important}
    .tab-product-item:nth-child(1){grid-area:1/1}
    .tab-product-item:nth-child(2){grid-area:1/2}
    .tab-product-item:nth-child(3){grid-area:2/1}
    .tab-product-item:nth-child(4){grid-area:2/2}
    .tab-product-item:nth-child(5){grid-area:2/3}
    .product-grid{grid-template-columns:1fr}
    .page-item{padding:0 5px;height:32px;min-width:32px}
    /* 文章内容 */
    .article-top{flex-direction:column}
    .article-img img{height:300px}
    .qrcode-block{flex-direction:column;margin-top:1.5rem;gap:20px}
    .tab-jjfa-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;justify-content:start}
    .tab-jjfa-item{width:auto!important;min-width:unset;max-width:100%;padding:10px 15px;font-size:14px;white-space:nowrap;text-align:center;justify-content:center}
    .solution-image{height:250px}
    .solution-content{padding:.2rem;background-color:#fff;}
    .solution-content h3{margin:0 0 10px;}
    .solution-content p{margin-bottom:.2rem;}
    .related-products-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}
    .related-products-image{height:260px}
    .related-products-info{padding:15px}
    .related-products-title{font-size:16px}
    #combo-pc{display:none}
    #combo-mobile{display:block}
    .combo-container{display:block!important}
    .combo-plan{display:block;margin:20px 0;overflow:hidden}
    .combo-header{display:flex;align-items:center;padding:0 15px!important;margin-bottom:15px;position:static!important;background:0 0!important;box-shadow:none!important}
    .combo-main{display:block;width:100%!important;margin-left:0!important;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
    .combo-main::-webkit-scrollbar{display:none}
    .combo-items{display:flex;flex-wrap:nowrap;gap:0;padding:0 15px;width:max-content}
    .combo-item{flex:0 0 22%;min-width:22%;margin-right:4%;scroll-snap-align:start}
    .combo-item:last-child{margin-right:0}
    .combo-plus{flex:0 0 4%;min-width:20px;padding:0;margin:0 2%}
    .combo-items>.combo-plus:last-child{display:none!important}
    .combo-item-spec,.combo-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .tab-hy-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;justify-content:start}
    .tab-hy-item{width:auto!important;min-width:unset;max-width:100%;padding:10px 15px;font-size:.2rem;white-space:nowrap;text-align:center;justify-content:center;}
    .hy-app-container{grid-template-columns:repeat(2,1fr);gap:20px;}
    .feature-grid{grid-template-columns:repeat(2,1fr);}
    .feature-grid-item{padding:15px;}
    .drone-series-grid{grid-template-columns:repeat(2,1fr);margin:0 auto;}
    .drone-image-box{height:200px}
    .address-info div,.contact-info div{flex:1 1 100%}
    .qr-lxfs-container{flex-direction:column;gap:15px}
    .qr-lxfs-item{flex-wrap:wrap;text-align:center}
    .qr-lxfs-text{text-align:left}
    .doc-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .doc-item {
        min-height: auto;
    }
    .doc-meta {
        margin-right: 0;
    }
    
    .doc-links {
        position: static;
        margin-top: 10px;
        justify-content: flex-start;
    }
    .faq-header{padding:15px}
    .faq-content{padding:0 15px}
    .faq-item.active .faq-content{padding:15px}
}

@media (max-width:600px){
    .tab-product-item{width:auto!important;min-width:90px;padding:10px 6px!important;font-size:12px!important}
}

@media screen and (max-width:576px){
    /* .w1530 {padding-left:5.2vw;padding-right:5.2vw;} */
    /* .tjcp-text-overlay {left: 12px;max-width: 85%;} */
}
 @media (max-width: 480px) {
    .tjcp-text-overlay{top:10%;padding:0 8px}
    .tjcp-text-overlay .line1{font-size:.22rem}
    .tjcp-text-overlay .line2{font-size:.16rem}
    .wsmselect{grid-template-columns:1fr}
    .wsmselect-col{flex-direction:row;justify-content:start;gap:20px}
    .pagination{gap:5px}
    .page-item.special{display:none}
    .article-container{padding:0 1vw}
    .article-img{min-width:auto}
    .keywords{font-size:13px}
    .qrcode-block{margin-top:.5rem}
    .qrcode-img{width:100px}
    .tab-jjfa-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .tab-jjfa-item{padding:8px 12px}
    .solution-image{height:200px}
    .custom-content-sections {
        margin: 30px auto;
    }
    .tab-hy-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .tab-hy-item{padding:8px 12px;} 
    .hy-app-container{grid-template-columns:1fr}
    .hy-app-image{height:200px} 
    .feature-grid{grid-template-columns:1fr}
    .feature-grid-item{padding:15px;} 
    .drone-series-grid{grid-template-columns:1fr;}
    .drone-info-box{padding:15px;}
    .qr-lxfs-item img{width:80px;height:80px}
    .lxfs-section h2{font-size:1.3em}
    .doc-grid {
        grid-template-columns: 1fr;
    }
    .doc-icon {
        width: 30px;
        height: 30px;
    }
    
    .doc-title {
        font-size: 15px;
    }
}
@media (max-width:360px){
    .tab-jjfa-item{white-space:normal;word-break:break-word;}
    .tab-hy-item{white-space:normal;word-break:break-word;}
}
.rowMore{
    padding: 10px 25px;
    background: #fff;
    border-radius: 25px;
    cursor: pointer;
    transition: all .3s ease;
    border: 2px solid transparent;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-size: 14px;
    border: 2px solid;
    font-weight: bold;
}