* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
a{text-decoration:None;}
img{max-width:100%;}
        body {
            font-family: 'Alibaba PuHuiTi 3.0', 'Alibaba PuHuiTi 30', sans-serif;
            overflow-x: hidden;
			background:#132653;
			
        }

        .top{position:relative;overflow:hidden;}
        /* 容器居中，适配≥75rem设备 */
        .container {
            width: 75rem;
            margin: 0 auto;
            padding: 0 1.25rem;
            position: relative;
        }

        /* ========== 顶部导航 ========== */
        .header {
            border-bottom: 1px solid rgba(255,255,255,0.33);
            padding: 1.25rem 0 0 0;
			position:absolute;top:0px;left:0px;width:100%;z-index:999;
        }
        
        .header .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
		.banner .swiper-slide .container{position:relative;}
		.bantit{font-size:3.5rem;font-family: lianmengqiyilushuaizhengruiheiti, lianmengqiyilushuaizhengruiheiti;
font-weight: 400;
color: #FFFFFF;
text-align: left;margin-bottom:1.5rem;}
.bandes{font-family: lianmengqiyilushuaizhengruiheiti, lianmengqiyilushuaizhengruiheiti;
font-weight: 400;
font-size: 1.2rem;
line-height:1.7;margin-bottom:3rem;
color: #FFFFFF;}
.bantxt{position:absolute;left:0;padding-top:18rem;top:0px;z-index:998;}
        .logo img {
            height: 3rem;
            width: auto;
            display: block;
        }
        .nav ul {
            display: flex;
            list-style: none;
            gap: 2.5rem;
        }
        .nav>ul>li{position:relative;height:5.3rem;line-height:5.3rem;}
        .nav ul li .subnav{
    padding: 1rem 0px;
    width: 100%;
    text-align: left;
    line-height: 2;
    }
    .nav ul li .subnav li{padding:0px 1rem;}
    .nav ul li .subnav a{  color: #ACBEE5;}
   
    .nav ul li .subnav li:hover a{color:#444;}
    
        .nav ul li a {
            font-family: 'Alibaba PuHuiTi 3.0', 'Alibaba PuHuiTi 30', sans-serif;
            font-size: 1rem;
            font-weight: normal;
            color: #ACBEE5;
            text-decoration: none;
            padding-bottom: 1.25rem;
            position: relative;
            transition: color 0.2s;
        }
        .nav ul li.active>a {
            color: #2ABFFF;
        }
        .nav ul li.active>a::after {
            content: '';
            position: absolute;
            bottom: -1rem;
            left: 0;
            width: 100%;
            height: 6px;
            background: #2ABFFF;
            border-radius: 10px;
        }
        .nav ul li a:hover {
            color: #2ABFFF;
        }

        
        .btn-solution {
            display: inline-block;
font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1;
color: #FFFFFF;
text-align: left;
font-style: normal;
text-transform: none;
            text-decoration: none;
            transition: transform 0.2s, background 0.2s;
		
			background: #2ABFFF;
border-radius: 100px 100px 100px 100px;
padding:10px 1.25rem;
        }
        .btn-solution:hover {
            background: #1f9fd9;
            transform: scale(1.02);
        }


/*4.21导航导航统一下拉*/
.logo a.headhover{display:none;}
.header:hover .headhover{display:block;}
.header:hover .moren{display:none;}
.header:hover{background:#fff;}
.nav ul li .subnav{position:relative;}
.nav ul li .subnav li{padding:0px;}
.nav ul li li a{font-size:0.8rem;color:#444;}
.nav ul li .subnav a{font-size:0.8rem;color:#444;}
.nav ul li .subnav a:hover,.nav ul li .subnav li:hover a,.nav ul li li a:hover{color:#2ABFFF;}
.nav ul li .subnav{display:none;}
.header:hover .nav ul li .subnav{display:block;}
.logo{align-items: start;}
.header{transition: all 0.5s;height: auto;}
.header:hover{min-height:20rem;}
.header:hover .headline{border-bottom:1px solid #eee;}
        /* 通用标题模块 */
		.abouttit{background:url(../images/titbg.png) center bottom no-repeat;background-size:auto 100%;overflow:hidden;}
        .section-title {
            text-align: center;
            margin-bottom: 3.75rem;
        }
        .section-title h2 {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 2rem;
color: #FFFFFF;
line-height:1;
margin-bottom:1rem;
margin-top:3rem;
text-align: center;
        }
		.cptit{margin-bottom:0px;}
        .section-title .eng {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1.2rem;
color: #FFFFFF;
margin-bottom:2rem;
line-height: 1;
text-align: center;
        }
        .section-desc {
            text-align: center;
            max-width: 50rem;
           font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
line-height: 1.5;
text-align: center;
margin:0px auto;
        }

        /* 企业介绍 */
        .about-wrap {
			background:url(../images/10_02.png) left bottom no-repeat;
			background-size:100% 100%;
        }
		.aboutcon{ display: flex;
            justify-content: space-between;
            gap: 1.25rem;padding-bottom:2.5rem;}
        .about-text {
            width: 578px;
            color: #E0E6F5;
			padding:25px 25px 0px 25px;
            font-size: 1rem;
            line-height: 1.7;
			background:url(../images/about1.png) left top no-repeat;
			background-size:cover;
			border-radius:10px;
        }
		.about-text h3{font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 24px;
color: #FFFFFF;
line-height: 3rem;
text-align: left;}
        .about-text p {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 0.99rem;
color: #FFFFFF;
line-height: 1.6;
text-align: left;
margin-top:10px;
margin-bottom:25px;
        }
        .about-img {
            width: 600px;
			border-radius:10px;
        }
        .about-img img {
            width: 100%;
			height:100%;
        }
        .about-img video{display:block;height:100%;}

        /* 产品中心 Tab 效果 */
		#product{background:url(../images/10_03.png) center top no-repeat;
			background-size:100% 100%;overflow:hidden;}
		#service{background:url(../images/10_04.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;}
	 #integration{background:url(../images/10_05.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;}
		.cptit{}
		.cptit1{background:url(../images/cptitbg.png) center bottom no-repeat;background-size:auto 100%;overflow:hidden;}
        .product-tabs {
            margin: 0px 0;
        }
        .tab-header {
            display: flex;
            justify-content: center;
            gap: 2.5rem;
            flex-wrap: wrap;
            margin-bottom: 2.5rem;
			margin-top:2rem;
        }
        .tab-item {
            cursor: pointer;
            text-align: center;
            transition: transform 0.2s;
        }
		.tab-item .hover{display:none;}
		
        .tab-item img {
            width: 3.75rem;
            height: 3.75rem;display:block;margin:0px auto;
            margin-bottom:12px;
        }
        .tab-item span {
            display: block;
            font-size: 18px;
color: #A7B9E3;
line-height: 18px;
        }
        .tab-item.active span {
            color: #fff;
        }
		.tab-item.active .mo{display:none;}
		.tab-item.active .hover{display:block;margin:0px auto;margin-bottom:12px;}
        .tab-content {
            overflow: hidden;
			text-align:center;
        }
        .tab-pane {
            display: none;
        }
        .tab-pane.active-pane {
            display: block;
        }
        .tab-pane video, .tab-pane iframe {
            width: 100%;
            border-radius: 1.25rem;
            outline: none;
            display: block;
        }
        video {
            width: 100%;
            border-radius: 1.25rem;
        }

        /* 无人机培训服务 网格布局 */
        .service-grid {
            
            margin-bottom: 80px;
			background:url(../images/sercon.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;
			height:604px;
        }
		.service-con{width:48rem;margin:0px auto;display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px 30rem; padding-top:85px;}
        .service-card {
			width:132px;
            text-align: center;
            transition: transform 0.3s;
        }


        .service-card:hover {
            transform: translateY(-8px);
        }
        .service-card img {
            width: 100px;
            margin-bottom: 1rem;
             transition:all 0.3s;
        }
         .service-card:hover img{transform: rotateY(180deg);}
        .service-card h4 {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1.2rem;
color: #FFFFFF;
line-height: 24px;
text-align: center;
text-decoration: none;
        }
        .service-card p {
            color: #ACBEE5;
            font-size: 14px;
        }

        /* 产教融合 半圆异形排列 */
        .integration-wrap {
            text-align: center;
            margin: 3.75rem 0 100px;
            position: relative;
        }
        .semi-circle{display:flex;position:relative;width:75rem;height:600px;background:url(../images/cjbg1.png) center bottom no-repeat;
			background-size:auto;overflow:hidden;}
.sector-1{
	position:absolute;
	left:0px;bottom:0px;
	width:357px;
	height:359px; transition: all 0.3s;
}
.sector-1:hover{left:-2px;bottom:2px;}
.sector-1:hover img{transition: all 0.3s ease; }
.sector-1:hover img{transform: scale(1.05);}
.sector-2{
	position:absolute;
	left:164px;bottom:152px; transition: all 0.3s;
}
.sector-2:hover img{transition: all 0.3s ease; }
.sector-2:hover img{transform: scale(1.05);}
.sector-2:hover{left:163px;bottom:154px;}
.sector-3{
	position:absolute;
	left:450px;bottom:15rem; transition: all 0.3s;
}
.sector-3:hover{left:450px;bottom:242px;}
.sector-3:hover img{transition: all 0.3s ease; }
.sector-3:hover img{transform: scale(1.05);}
.sector-4{
	position:absolute;
	left:705px;bottom:152px; transition: all 0.3s;
}
.sector-4:hover{left:706px;bottom:154px;}
.sector-4:hover img{transition: all 0.3s ease; }
.sector-4:hover img{transform: scale(1.05);}
.sector-5{
	position:absolute;
	left:855px;bottom:0px;transition: all 0.3s;
}
.sector-5:hover{left:857px;bottom:2px;}
.sector-5:hover img{transition: all 0.3s ease; }
.sector-5:hover img{transform: scale(1.05);}

        /* 服务案例轮播 */
		#case{background:url(../images/10_06.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;}
        .case-slider {
            margin: 2.5rem 0 3.75rem;
        }
        .case-card {
            margin: 0 15px;
            background: #0E1A41;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 8px 1.25rem rgba(0,0,0,0.3);
        }
        .case-card img {
            width: 100%;
            height: 23.75rem;
            object-fit: cover;
        }
        .case-info {
            padding: 1.25rem;
            color: #fff;
        }
        .case-info h4 {
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
        .case-info p {
            color: #ACBEE5;
            font-size: 14px;
        }
        .slick-dots li button:before {
            color: #fff;
        }
        .slick-prev:before, .slick-next:before {
            color: #2ABFFF;
        }

        /* 服务优势 一行三列 边框渐变+悬浮滑出简介 */
		#advantage{background:#122755 url(../images/10_07.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;}
        .advantage-wrap {
            display: flex;
            gap: 50px;
            margin: 2.5rem 0 80px;
			
        }
        .advantage-item {
            width: 366px;
			position:relative;
height: 362px;
background: linear-gradient( 0deg, #1B336E 0%, #122653 100%);
border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;

border: 2px solid rgba(155, 42, 255, 0.5);

        }
		.advantage-itema {
            width: 366px;
			position:relative;

        }
        
        .adv-front, .adv-hover {
            padding: 2.5rem 1.25rem;
            text-align: center;
            transition: all 0.4s;
        }
        .adv-front img {
            width: auto;
			max-height:200px;
            margin-bottom: 1.25rem;
        }
		 .advantage-itema .adv-front img {
            width: auto;
			max-height:400px;
            margin-bottom: 1.25rem;
        }
        .adv-front h4 {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1.3rem;
color: #FFFFFF;
line-height: 1.8;
        }
        .adv-hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.35);
            backdrop-filter: blur(4px);
            border-radius: 1.25rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s;
            color: white;
            padding: 1.25rem;
			font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1.25rem;
color: #FFFFFF;
line-height: 36px;
text-align: left;
        }
        .advantage-item:hover .adv-hover {
            opacity: 1;
            visibility: visible;
        }
        .advantage-item:hover .adv-front {
            opacity: 0.6;
			color:#fff;
        }
        .adv-hover p {
         	font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;width:100%;
color: #FFFFFF;margin-bottom:1rem;
line-height: 1.8;
text-align: left;
        }

        /* 底部 */
        .footer {
            padding: 1.875rem 0 2.5rem;
            
            border-top: 1px solid rgba(255,255,255,0.1);
			background:url(../images/10_08.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;
        }
        .footer-logo {
            text-align: center;
            margin-bottom: 2.5rem;
        }
        .footer-logo img {
            height: 50px;
        }
        .footer-columns {
			display:flex;align-items: stretch;
        }
        .footer-col1 {
            width: 150px;
			border-right:1px solid rgba(255,255,255,0.3);
			float:left;
        }
		.footer-col2 {
            width: 400px;
			border-right:1px solid rgba(255,255,255,0.3);
			float:left;
			margin-left:50px;
        }
		.footer-col3 {
            width:500px;
			margin-left:50px;
			float:left;
        }
		.footer-col1 a{font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
line-height:1rem;
text-align: left;
font-style: normal;	text-decoration:none;}
.footer-col1 li{list-style:none;margin-bottom:1.875rem;}
        .footer-col3 h4,.footer-col2 h4 {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 24px;
margin-bottom:1.875rem;
color: #FFFFFF;
line-height: 24px;
        }
		.footer-col2 p{font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
line-height: 1rem;margin-bottom:1.25rem;
text-align: left;}
        .footer-col ul {
            list-style: none;
        }
        .footer-col ul li, .footer-col p {
            color: #ACBEE5;
            font-size: 14px;
            margin-bottom: 12px;
        }
        .footer-col a {
            color: #ACBEE5;
            text-decoration: none;
        }
        .slide-caption p{line-height:1.7;}
        .qr-codes {
            display: flex;
            gap: 1.5rem;
            margin-bottom: 12px;
        }
        .qr-item {
            text-align: center;
        }
        .qr-item img {
            width: 150px;
            height: 150px;
			margin-bottom:28px;
			padding:0.2rem;
			background:#fff;
        }
        .qr-item span {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
display:block;
line-height: 1rem;
text-align: center;
        }

        /* 悬浮窗口 右下距底部30% */
        .float-window {
            position: fixed;
            right: 1.875rem;
            bottom: 30%;
            width: 280px;
            background: #1A2C5A;
            border-radius: 1.25rem;
            padding: 1.25rem;
            box-shadow: 0 10px 25px rgba(0,0,0,0.3);
            z-index: 1000;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(42,191,255,0.4);
        }
        .float-window h4 {
            color: #fff;
            text-align: center;
            margin-bottom: 15px;
            font-size: 18px;
        }
        .float-window input {
            width: 100%;
            padding: 12px 12px;
            border-radius: 2.5rem;
            border: none;
            margin-bottom: 15px;
            background: #F0F4FF;
            font-size: 14px;
            outline: none;
        }
        .float-window button {
            width: 100%;
            background: #2ABFFF;
            border: none;
            padding: 12px;
            border-radius: 2.5rem;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: 0.2s;
        }
        .float-window button:hover {
            background: #1f9fd9;
        }

      
        html {
            scroll-behavior: smooth;
        }
		
		
  /* ========= 侧悬浮工具栏样式 ========= */
        .side-toolbar {
            position: fixed;
            right: 0px;
            top: 20%;
            width: 82px;
            background-color: #2ABFFF;
            border-radius:10px;
            z-index: 9999;
            padding: 12px 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }

        /* 每个工具项容器 */
        .tool-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 8px 0 6px;
			border-bottom:1px solid rgba(255,255,255,0.3);
            cursor: pointer;
            transition: all 0.2s ease;
            position: relative;
            color: white;
            text-decoration: none;
            background: transparent;
            font-family: inherit;
        }

        /* 让链接元素继承指针样式 */
        .tool-item-link {
            text-decoration: none;
            color: white;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
        }

        .tool-icon {
            font-size: 26px;
            margin-bottom: 5px;
            transition: transform 0.2s;
            display: inline-block;
        }

        .tool-text {
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.5px;
            opacity: 0.9;
        }

        /* hover 悬浮放大微效 */
        .tool-item:hover .tool-icon {
            transform: scale(1.08);
        }

   

        /* 二维码浮层 (微信专用) */
        .qrcode-popup {
            position: absolute;
            right: 81px;
            top: 0;
            background: white;
            border-radius: 10px;
            padding: 12px 12px 10px 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 6px;
            opacity: 0;
            visibility: hidden;
           
            z-index: 10000;
            white-space: nowrap;
            right: 80px; /* 初始稍近，动画后偏移 */
        }

        /* 显示二维码 */
        .tool-item.wechat-item:hover .qrcode-popup {
            opacity: 1;
            visibility: visible;
            right: 98px;
        }

        .qrcode-img {
            width: 128px;
            height: 128px;
            background-color: #f0f0f0;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #333;
            background: #f8f8f8;
           
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        /* 实际美观二维码示意: 因为生成一个示意二维码(展示公众号或客服二维码图形) 为了真实感，放一个模拟漂亮的QR码风格图形 */
        .qrcode-img.real-qr {
            
            background-size: cover;
        }
        .qrcode-popup p {
            font-size: 12px;
            color: #2c3e50;
            margin-top: 6px;
            font-weight: 500;
            letter-spacing: 0;
        }

        /* 电话号码展示浮层 */
        .phone-popup {
            position: absolute;
            right: 88px;
            top: 50%;
            transform: translateY(-50%);
            background: #1f2d3a;
            color: white;
            padding: 8px 16px;
            border-radius: 40px;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 1px;
            white-space: nowrap;
            box-shadow: 0 8px 20px rgba(0,0,0,0.2);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.2s ease, visibility 0.2s, right 0.2s;
            pointer-events: none;
            z-index: 10000;
            font-family: monospace;
            backdrop-filter: blur(4px);
            background: rgba(0,0,0,0.8);
        }
        .phone-popup::before {
            margin-right: 6px;
            font-size: 14px;
        }
        .tool-item.phone-item:hover .phone-popup {
            opacity: 1;
            visibility: visible;
            right: 98px;
        }

        /* ========= 预约体验悬浮窗口 (在线留言悬浮侧边出现) ========= */
        .booking-popup {
            position: absolute;
            right: 88px;
            top: 50%;
            transform: translateY(-50%);
            border-radius: 10px;
            width: 260px;
            opacity: 1;
			overflow:hidden;
			background:rgba(19,37,85,0.8);
            
            transition: opacity 0.2s ease, visibility 0.2s, right 0.2s;
            pointer-events: none;
            z-index: 1000;
            text-align: center;
			border:1px solid rgba(255,255,255,0.3);
        }
        
        /* 悬浮留言项时显示预约窗口 */
        .tool-item.message-item:hover .booking-popup {
            opacity: 1;
            visibility: visible;
            right: 88px;
            pointer-events: auto; /* 让窗口内部可交互 */
        }
        
        .booking-popup h4 {
            font-size: 1.2rem;
            font-weight: 700;
            background: #2ABFFF;
			color:#fff;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
			padding:10px 0px;
            gap: 6px;
        }
        
       
        
        .booking-input {
            width: 94%;
			margin-left:3%;
            padding: 12px 14px;
            border-radius: 10px;
            border: 1.5px solid #e2e8f0;
            outline: none;
            font-size: 14px;
            margin-bottom: 16px;
            transition: all 0.2s;
            font-family: inherit;
            background: none;
        }
        
        .booking-input:focus {
            border-color: #2ABFFF;
            box-shadow: 0 0 0 3px rgba(42,191,255,0.2);
            background: white;
        }
		.booking-input::placeholder {
  color: #fff; /* 占位符颜色 */
  opacity: 0.7; /* 可选：让占位符稍微淡一点 */
}
        
        .booking-btn {
            background: #2ABFFF;
            border: none;
            width: 94%;
			margin-left:3%;margin-bottom:1rem;
            padding: 10px 0;
            border-radius: 60px;
            color: white;
            font-weight: 700;
            font-size: 15px;
            cursor: pointer;
            transition: 0.2s;
            box-shadow: 0 4px 8px rgba(0,0,0,0.05);
            font-family: inherit;
        }
        
        .booking-btn:hover {
            background: #1098db;
            transform: scale(0.97);
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }
        
        .booking-note {
            font-size: 16px; width: 94%;
			margin-left:3%;
            color: #fff;
            margin-top: 12px;text-align:left;
            margin-bottom: 12px;
        }
        
        /* 返回顶部单独样式 */
        .to-top {
            margin-top: 4px;
            border-bottom:0;
            padding-top: 10px;
            border-radius: 0px;
        }

    
        
        /* 针对tool-item 保证交互层正确 */
        .tool-item {
            outline: none;
        }
        
        /* 微调留言项让悬浮窗口出现后，内部表单可点击 */
        .tool-item.message-item .booking-popup button,
        .tool-item.message-item .booking-popup input {
            pointer-events: auto;
        }
        /* 保证整个窗口出现后鼠标移入窗口不会消失（利用:hover延续） */
        .tool-item.message-item:hover .booking-popup,
        .booking-popup:hover {
            opacity: 1;
            visibility: visible;
            right: 98px;
        }
        /* 让悬浮窗口和触发区域衔接更流畅 */
        .booking-popup::before {
            content: '';
            position: absolute;
            left: -12px;
            top: 50%;
            transform: translateY(-50%);
            width: 12px;
            height: 40px;
            background: transparent;
        }
.neitit{text-align:center;position:absolute;z-index:99;left:0px;top:45%;width:100%;}
.neitit h1{font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;margin-bottom:1rem;
font-size: 2rem;
color: #FFFFFF;
line-height: 1;
text-align: center;margin-bottom:1rem;}     
.neitit p{font-weight: normal;
font-size: 1.2rem;
color: #FFFFFF;
line-height: 1;margin-bottom:2rem;
text-align: center;}
.neitit span{font-weight: normal;
font-size: 1rem;
color: #FFFFFF;display:inline-block;
line-height: 1.5;
max-width:40rem;
text-align: center;}


@media (max-width: 1366px) {
	.neitit{text-align:center;position:absolute;z-index:99;left:0px;top:45%;width:100%;}
.neitit h1{font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;margin-bottom:1rem;
font-size: 2rem;
color: #FFFFFF;
line-height: 1;
text-align: center;margin-bottom:1rem;}     
.neitit p{font-weight: normal;
font-size: 1.2rem;
color: #FFFFFF;
line-height: 1;margin-bottom:2rem;
text-align: center;}
.neitit span{font-weight: normal;
font-size: 1rem;
color: #FFFFFF;display:inline-block;
line-height: 1.5;
max-width:40rem;
text-align: center;}
   * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

img{max-width:100%;}
        body {
            font-family: 'Alibaba PuHuiTi 3.0', 'Alibaba PuHuiTi 30', sans-serif;
            overflow-x: hidden;
			background:#132653;
			font-size:14px;
        }

        .top{position:relative;overflow:hidden;}
        /* 容器居中，适配≥75rem设备 */
        .container {
            width: 1200px;
            margin: 0 auto;
            padding: 0 1.25rem;
            position: relative;
        }

        /* ========== 顶部导航 ========== */
        .header {
            border-bottom: 1px solid rgba(255,255,255,0.33);
            padding: 0rem 0 0 0;
			position:absolute;top:0px;left:0px;width:100%;
        }
        .header .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo img {
            height: 3rem;
            width: auto;
            display: block;
        }
        .nav ul {
            display: flex;
            list-style: none;
            gap: 2.5rem;
        }
        .nav ul li a {
            font-family: 'Alibaba PuHuiTi 3.0', 'Alibaba PuHuiTi 30', sans-serif;
            font-size: 1rem;
            font-weight: normal;
            color: #ACBEE5;
            text-decoration: none;
            padding-bottom: 1.25rem;
            position: relative;
            transition: color 0.2s;
        }
        .nav ul li.active>a {
            color: #2ABFFF;
        }
        .nav ul li.active>a::after {
            content: '';
            position: absolute;
            bottom: -1rem;
            left: 0;
            width: 100%;
            height: 6px;
            background: #2ABFFF;
            border-radius: 10px;
        }
        .nav ul li a:hover {
            color: #2ABFFF;
        }

         .nav ul li li{line-height:2.5;font-size:0.9rem;}
    .nav ul li li a{color:#fff;}
    

/*4.21导航导航统一下拉*/
.logo a.headhover{display:none;}
.header:hover .headhover{display:block;}
.header:hover .moren{display:none;}
.header:hover{background:#fff;}
.nav ul li .subnav{position:relative;}
.nav ul li .subnav li{padding:0px;}
.nav ul li li a{font-size:0.8rem;color:#444;}
.nav ul li .subnav a{font-size:0.8rem;color:#444;}
.nav ul li .subnav a:hover,.nav ul li .subnav li:hover a,.nav ul li li a:hover{color:#2ABFFF;}
.nav ul li .subnav{display:none;}
.header:hover .nav ul li .subnav{display:block;}
.logo{align-items: start;}
.header{transition: all 0.5s;height: auto;}
.header:hover{min-height:20rem;}
.header:hover .headline{border-bottom:1px solid #eee;}

        /* 通用标题模块 */
		.abouttit{background:url(../images/titbg.png) center bottom no-repeat;background-size:auto 100%;overflow:hidden;}
        .section-title {
            text-align: center;
            margin-bottom: 2rem;
			overflow:hidden;
        }
        .section-title h2 {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 2rem;
color: #FFFFFF;
line-height: 1;
margin-bottom:1rem;
margin-top:3rem;
text-align: center;
        }
		.cptit{margin-bottom:0px;}
        .section-title .eng {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1.2rem;
color: #FFFFFF;
margin-bottom:2rem;
line-height: 1;
text-align: center;
        }
        .section-desc {
            text-align: center;
            max-width: 40rem;
           font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: rgba(255,255,255,0.8);
line-height: 1.5;
text-align: center;
margin:0px auto;
margin-bottom:0rem;
        }

        /* 企业介绍 */
        .about-wrap {
			background:url(../images/10_02.png) left bottom no-repeat;
			background-size:100% 100%;
        }
		.aboutcon{ display: flex;
            justify-content: space-between;
            gap: 1.25rem;padding-bottom:2.5rem;}
        .about-text {
            width: 578px;
            color: #E0E6F5;
			padding:25px 25px 0px 25px;
            font-size: 1rem;
            line-height: 1.5;
			background:url(../images/about1.png) left top no-repeat;
			background-size:cover;
			border-radius:10px;
        }
		.about-text h3{font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1.5rem;
color: #FFFFFF;
line-height: 1;
margin-bottom:2rem;
text-align: left;}
        .about-text p {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size:0.99rem;
color: #FFFFFF;
line-height: 1.6;
text-align: left;
margin-top:1.5rem;
        }
        .about-img {
            width: 600px;
			border-radius:10px;
        }
        .about-img img {
            width: 100%;
			height:100%;
        }

        /* 产品中心 Tab 效果 */
		#product{background:url(../images/10_03.png) center top no-repeat;
			background-size:100% 100%;overflow:hidden;}
		#service{background:url(../images/10_04.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;padding-top:3rem;}
	 #integration{background:url(../images/10_05.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;padding-top:2rem;}
		.cptit{}
		.cptit1{background:url(../images/cptitbg.png) center bottom no-repeat;background-size:auto 100%;overflow:hidden;}
        .product-tabs {
            margin: 0px 0;
        }
        .tab-header {
            display: flex;
			margin-top:2rem;
            justify-content: center;
            gap: 2.5rem;
            flex-wrap: wrap;
            margin-bottom: 1.5rem;
        }
        .tab-item {
            cursor: pointer;
            text-align: center;
            transition: transform 0.2s;
        }
		.tab-item .hover{display:none;}
		
        .tab-item img {
            width: 3rem;
            height: 3rem;display:block;margin:0px auto;
            margin-bottom:12px;
        }
        .tab-item span {
            display: block;
            font-size: 0.9rem;
color: #A7B9E3;
line-height: 18px;
        }
        .tab-item.active span {
            color: #fff;
        }
		.tab-item.active .mo{display:none;}
		.tab-item.active .hover{display:block;margin:0px auto;margin-bottom:12px;}
        .tab-content {
            overflow: hidden;
			text-align:center;
			width:700px;margin:0px auto;
        }
		.zuo{width:700px;}
        .tab-pane {
            display: none;
        }
        .tab-pane.active-pane {
            display: block;
        }
        .tab-pane video, .tab-pane iframe {
            width: 100%;
            border-radius: 1.25rem;
            outline: none;
            display: block;
        }
        video {
            width: 100%;
            border-radius: 1.25rem;
        }

        /* 无人机培训服务 网格布局 */
        .service-grid {
            width:1000px;margin:0px auto;
            margin-bottom: 80px;
			background:url(../images/sercon.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;
			height:454px;
        }
		.service-con{width:40rem;margin:0px auto;display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px 25rem; padding-top:65px;}
        .service-card {
			width:132px;
            text-align: center;
            transition: transform 0.3s;
        }
        .service-card:hover {
            transform: translateY(-8px);
        }
        .service-card img {
            width: 80px;
            margin-bottom: 0.6rem;
        }
        .service-card h4 {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
line-height: 1.5;
text-align: center;
        }
        .service-card p {
            color: #ACBEE5;
            font-size: 14px;
        }

        /* 产教融合 半圆异形排列 */
        .integration-wrap {
            text-align: center;
            margin: 0rem 0 100px;
            position: relative;
        }
        .semi-circle{display:flex;position:relative;width:75rem;height:600px;background:url(../images/cjbg1.png) center bottom no-repeat;
			background-size:auto;overflow:hidden;}
.sector-1{
	position:absolute;
	left:0px;bottom:0px;
	width:357px;
	height:359px; transition: all 0.3s;
}
.sector-1:hover{left:-2px;bottom:2px;}
.sector-2{
	position:absolute;
	left:164px;bottom:152px; transition: all 0.3s;
}
.sector-2:hover{left:163px;bottom:154px;}
.sector-3{
	position:absolute;
	left:450px;bottom:15rem; transition: all 0.3s;
}
.sector-3:hover{left:450px;bottom:242px;}
.sector-4{
	position:absolute;
	left:705px;bottom:152px; transition: all 0.3s;
}
.sector-4:hover{left:706px;bottom:154px;}
.sector-5{
	position:absolute;
	left:855px;bottom:0px;transition: all 0.3s;
}
.sector-5:hover{left:857px;bottom:2px;}

        /* 服务案例轮播 */
		#case{background:url(../images/10_06.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;}
        .case-slider {
            margin: 2.5rem 0 3.75rem;
        }
        .case-card {
            margin: 0 15px;
            background: #0E1A41;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 8px 1.25rem rgba(0,0,0,0.3);
        }
        .case-card img {
            width: 100%;
            height: 23.75rem;
            object-fit: cover;
        }
        .case-info {
            padding: 1.25rem;
            color: #fff;
        }
        .case-info h4 {
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
        .case-info p {
            color: #ACBEE5;
            font-size: 14px;
        }
        .slick-dots li button:before {
            color: #fff;
        }
        .slick-prev:before, .slick-next:before {
            color: #2ABFFF;
        }

        /* 服务优势 一行三列 边框渐变+悬浮滑出简介 */
		#advantage{background:#122755 url(../images/10_07.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;}
        .advantage-wrap {
            display: flex;
            gap: 50px;
            margin: 2.5rem 0 80px;
			justify-content: center;
			
        }
        .advantage-item {
            width: 330px;
			position:relative;
height: 330px;
background: linear-gradient( 0deg, #1B336E 0%, #122653 100%);
border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;

border: 2px solid rgba(155, 42, 255, 0.5);

        }
        
        .adv-front, .adv-hover {
            padding: 2.5rem 1.25rem;
            text-align: center;
            transition: all 0.4s;
        }
        .adv-front img {
            width: auto;
			max-height:200px;
            margin-bottom: 1.25rem;
        }
        .adv-front h4 {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 18px;
color: #FFFFFF;
line-height: 24px;
        }
        .adv-hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.35);
            backdrop-filter: blur(4px);
            border-radius: 1.25rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s;
            color: white;
            padding: 1.25rem;
			font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
line-height: 36px;
text-align: left;
        }
        .advantage-item:hover .adv-hover {
            opacity: 1;
            visibility: visible;
        }
        .advantage-item:hover .adv-front {
            opacity: 0.6;
			color:#fff;
        }
        .adv-hover p {
         	font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
line-height: 36px;
text-align: left;
        }

        /* 底部 */
        .footer {
            padding: 1.875rem 0 2.5rem;
            
            border-top: 1px solid rgba(255,255,255,0.1);
			background:url(../images/10_08.png) center bottom no-repeat;
			background-size:100% 100%;overflow:hidden;
        }
        .footer-logo {
            text-align: center;
            margin-bottom: 2.5rem;
        }
        .footer-logo img {
            height: 50px;
        }
        .footer-columns {
			display:flex;align-items: stretch;
        }
        .footer-col1 {
            width: 150px;
			border-right:1px solid rgba(255,255,255,0.3);
			float:left;
        }
		.footer-col2 {
            width: 400px;
			border-right:1px solid rgba(255,255,255,0.3);
			float:left;
			margin-left:50px;
        }
		.footer-col3 {
            width:500px;
			margin-left:50px;
			float:left;
        }
		.footer-col1 a{font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
line-height:1rem;
text-align: left;
font-style: normal;	text-decoration:none;}
.footer-col1 a:hover{color:rgba(255,255,255,0.7)}
.footer-col1 li{list-style:none;margin-bottom:1rem;}
        .footer-col3 h4,.footer-col2 h4 {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1.3rem;
margin-bottom:1.875rem;
color: #FFFFFF;
line-height: 2;
        }
		.footer-col2 p{font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
line-height: 1rem;margin-bottom:1.25rem;
text-align: left;}
        .footer-col ul {
            list-style: none;
        }
        .footer-col ul li, .footer-col p {
            color: #ACBEE5;
            font-size: 1rem;
            margin-bottom: 0.5rem;
        }
        .footer-col a {
            color: #ACBEE5;
            text-decoration: none;
        }
        .qr-codes {
            display: flex;
            gap: 2.5rem;
            margin-bottom: 0.5rem;
        }
        .qr-item {
            text-align: center;
        }
        .qr-item img {
            width: 120px;
            height: 120px;
			margin-bottom:1rem;background:#fff;
			padding:0.2rem;
        }
        .qr-item span {
            font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: normal;
font-size: 1rem;
color: #FFFFFF;
display:block;
line-height: 1rem;
text-align: center;
        }

        /* 悬浮窗口 右下距底部30% */
        .float-window {
            position: fixed;
            right: 1.875rem;
            bottom: 30%;
            width: 280px;
            background: #1A2C5A;
            border-radius: 1.25rem;
            padding: 1.25rem;
            box-shadow: 0 10px 25px rgba(0,0,0,0.3);
            z-index: 1000;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(42,191,255,0.4);
        }
        .float-window h4 {
            color: #fff;
            text-align: center;
            margin-bottom: 15px;
            font-size: 18px;
        }
        .float-window input {
            width: 100%;
            padding: 12px 12px;
            border-radius: 2.5rem;
            border: none;
            margin-bottom: 15px;
            background: #F0F4FF;
            font-size: 14px;
            outline: none;
        }
        .float-window button {
            width: 100%;
            background: #2ABFFF;
            border: none;
            padding: 12px;
            border-radius: 2.5rem;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: 0.2s;
        }
        .float-window button:hover {
            background: #1f9fd9;
        }

   
		
  /* ========= 侧悬浮工具栏样式 ========= */
        .side-toolbar {
            position: fixed;
            right: 0px;
            top: 20%;
            width: 72px;
            background-color: #2ABFFF;
            border-radius:10px;
            z-index: 9999;
            padding: 12px 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 5px;
        }

        /* 每个工具项容器 */
        .tool-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 8px 0 6px;
			border-bottom:1px solid rgba(255,255,255,0.3);
            cursor: pointer;
            transition: all 0.2s ease;
            position: relative;
            color: white;
            text-decoration: none;
            background: transparent;
            font-family: inherit;
        }

        /* 让链接元素继承指针样式 */
        .tool-item-link {
            text-decoration: none;
            color: white;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
        }

        .tool-icon {
            font-size: 26px;
            margin-bottom: 0px;
			width:30px;
            transition: transform 0.2s;
            display: inline-block;
        }

        .tool-text {
            font-size: 0.9rem;
            font-weight: 500;
            letter-spacing: 0.5px;
            opacity: 0.9;
        }

        /* hover 悬浮放大微效 */
        .tool-item:hover .tool-icon {
            transform: scale(1.08);
        }

   

        /* 二维码浮层 (微信专用) */
        .qrcode-popup {
            position: absolute;
            right: 61px;
            top: 0;
            background: white;
            border-radius: 10px;
            padding: 12px 12px 10px 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 6px;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.2s ease, visibility 0.2s, right 0.2s;
            pointer-events: none;
            z-index: 10000;
            white-space: nowrap;
            right: 80px; /* 初始稍近，动画后偏移 */
        }

        /* 显示二维码 */
        .tool-item.wechat-item:hover .qrcode-popup {
            opacity: 1;
            visibility: visible;
            right: 98px;
        }

        .qrcode-img {
            width: 128px;
            height: 128px;
            background-color: #f0f0f0;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #333;
            background: #f8f8f8;
           
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        /* 实际美观二维码示意: 因为生成一个示意二维码(展示公众号或客服二维码图形) 为了真实感，放一个模拟漂亮的QR码风格图形 */
        .qrcode-img.real-qr {
            
            background-size: cover;
        }
        .qrcode-popup p {
            font-size: 12px;
            color: #2c3e50;
            margin-top: 6px;
            font-weight: 500;
            letter-spacing: 0;
        }

        /* 电话号码展示浮层 */
        .phone-popup {
            position: absolute;
            right: 82px;
            top: 50%;
            transform: translateY(-50%);
            background: #fff;
            color:#444;
            padding: 12px 26px;
            border-radius: 40px;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 1px;
            white-space: nowrap;
            box-shadow: 0 8px 20px rgba(0,0,0,0.2);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.2s ease, visibility 0.2s, right 0.2s;
            pointer-events: none;
            z-index: 10000;
            
           
           
        }
        .phone-popup::before {
            margin-right: 6px;
            font-size: 14px;
        }
        .tool-item.phone-item:hover .phone-popup {
            opacity: 1;
            visibility: visible;
            right: 88px;
        }

        /* ========= 预约体验悬浮窗口 (在线留言悬浮侧边出现) ========= */
        .booking-popup {
            position: absolute;
            right: 88px;
            top: 50%;
            transform: translateY(-50%);
            border-radius: 10px;
            width: 260px;
            opacity: 1;
			overflow:hidden;
			background:rgba(19,37,85,0.8);
           
            transition: opacity 0.2s ease, visibility 0.2s, right 0.2s;
            pointer-events: none;
            z-index: 998;
            text-align: center;
			border:1px solid rgba(255,255,255,0.3);
        }
        
        /* 悬浮留言项时显示预约窗口 */
        .tool-item.message-item:hover .booking-popup {
            opacity: 1;
            visibility: visible;
            right: 98px;
            pointer-events: auto; /* 让窗口内部可交互 */
        }
        
        .booking-popup h4 {
            font-size: 1.2rem;
            font-weight: 700;
            background: #2ABFFF;
			color:#fff;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
			padding:10px 0px;
            gap: 6px;
        }
        
       
        
        .booking-input {
            width: 94%;
			margin-left:3%;
            padding: 12px 14px;
            border-radius: 10px;
            border: 1.5px solid #e2e8f0;
            outline: none;
            font-size: 14px;
            margin-bottom: 16px;
            transition: all 0.2s;
            font-family: inherit;
            background: none;
        }
        
        .booking-input:focus {
            border-color: #2ABFFF;
            box-shadow: 0 0 0 3px rgba(42,191,255,0.2);
            background: white;
        }
		.booking-input::placeholder {
  color: #fff; /* 占位符颜色 */
  opacity: 0.7; /* 可选：让占位符稍微淡一点 */
}
        
        .booking-btn {
            background: #2ABFFF;
            border: none;
            width: 94%;
			margin-left:3%;margin-bottom:1rem;
            padding: 10px 0;
            border-radius: 60px;
            color: white;
            font-weight: 700;
            font-size: 15px;
            cursor: pointer;
            transition: 0.2s;
            box-shadow: 0 4px 8px rgba(0,0,0,0.05);
            font-family: inherit;
        }
        
        .booking-btn:hover {
            background: #1098db;
            transform: scale(0.97);
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }
        
        .booking-note {
            font-size: 16px; width: 94%;
			margin-left:3%;
            color: #fff;
            margin-top: 12px;text-align:left;
            margin-bottom: 12px;
        }
        
        /* 返回顶部单独样式 */
        .to-top {
            margin-top: 4px;
            border-bottom:0;
            padding-top: 10px;
            border-radius: 0px;
        }

        
        /* 针对tool-item 保证交互层正确 */
        .tool-item {
            outline: none;
        }
        
        /* 微调留言项让悬浮窗口出现后，内部表单可点击 */
        .tool-item.message-item .booking-popup button,
        .tool-item.message-item .booking-popup input {
            pointer-events: auto;
        }
        /* 保证整个窗口出现后鼠标移入窗口不会消失（利用:hover延续） */
        .tool-item.message-item:hover .booking-popup,
        .booking-popup:hover {
            opacity: 1;
            visibility: visible;
            right: 98px;
        }
        /* 让悬浮窗口和触发区域衔接更流畅 */
        .booking-popup::before {
            content: '';
            position: absolute;
            left: -12px;
            top: 50%;
            transform: translateY(-50%);
            width: 12px;
            height: 40px;
            background: transparent;
        }
 
}


  /* ----- 遮罩层样式 (全屏灰色背景) ----- */
        .video-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.75);  /* 灰色半透明遮罩，接近灰黑但符合灰色背景要求 */
            backdrop-filter: blur(3px);             /* 轻微模糊，更柔和，可选 */
            z-index: 1000;
            display: none;                          /* 默认隐藏 */
            justify-content: center;
            align-items: center;
            transition: all 0.2s ease;
        }

        /* 视频播放弹窗容器 - 相对定位，用于放置关闭按钮 */
        .video-popup {
            position: relative;
            width: 80%;
            max-width: 900px;
            margin:0px auto;margin-top:10%;
            max-height:80%;
            min-width: 280px;
            background: #000;          /* 黑色背景更沉浸 */
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.5);
            animation: fadeInUp 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }

        /* video 标签样式 - 完全响应式 */
        .video-popup video {
            width: 100%;
            height: auto;
            display: block;
            vertical-align: middle;
            background: #000;
            outline: none;
        }

        /* 关闭按钮：右上角白色黑底，圆角，优雅 */
        .close-video-btn {
            position: absolute;
            top: 16px;
            right: 18px;
            width: 36px;
            height: 36px;
            background-color: rgba(0, 0, 0, 0.75);
            border: none;
            border-radius: 50%;
            color: white;
            font-size: 24px;
            font-weight: bold;
            line-height: 1;
            text-align: center;
            cursor: pointer;
            backdrop-filter: blur(4px);
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1010;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            font-family: monospace;
        }

        .close-video-btn:hover {
            background-color: rgba(0, 0, 0, 0.9);
            transform: scale(1.05);
            color: #ffdddd;
        }

        /* 简单的入场动画 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px) scale(0.96);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        /* 移动端适配: 弹窗宽度更大 */
        @media (max-width: 640px) {
            .video-popup {
                width: 92%;
            }
            .close-video-btn {
                top: 10px;
                right: 12px;
                width: 32px;
                height: 32px;
                font-size: 22px;
            }
        }

        /* 可选: 避免页面滚动条穿透（遮罩出现时锁定body滚动） */
        body.modal-open {
            overflow: hidden;
        }
        
        
        
        
        /* ---------- 弹窗遮罩层 (黑色透明背景) ---------- */
        .modal-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.65);  /* 黑色透明背景，半透明65% 质感高级 */
            backdrop-filter: blur(3px); /* 可选轻微毛玻璃，更现代，完全符合黑色透明背景同时提升层次 */
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            display:none;
            transition: visibility 0.2s, opacity 0.25s ease;
        }

        /* 显示弹窗时的状态 */
        .modal-mask.active {
            visibility: visible;
            opacity: 1;
        }

        /* 留言弹窗卡片容器 */
        .modal-container {
            width: 90%;
            max-width: 500px;
            background: #ffffff;
            border-radius: 32px;
            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
            overflow: hidden;
            transform: scale(0.96);
            transition: transform 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            position: relative;
            margin:0px auto;
        }

        .modal-mask.active .modal-container {
            transform: scale(1);
        }

        /* 弹窗头部: 标题+关闭按钮 */
        .modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 24px 12px 24px;
            border-bottom: 1px solid #eef2f8;
            background:#2ABFFF;
        }

        .modal-header h3 {
            font-size: 1.6rem;
            font-weight: 600;
            
            color: #fff;
            letter-spacing: -0.3px;
        }

        /* 关闭按钮自定义样式 (圆形优雅) */
        .close-btn {
            background: #f1f5f9;
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s;
            font-size: 24px;
            font-weight: 400;
            color: #4b556b;
            line-height: 1;
        }

        .close-btn:hover {
            background: #e2e8f0;
            color: #0f172a;
            transform: rotate(90deg);
        }

        /* 表单区域 */
        .modal-form {
            padding: 24px 28px 32px 28px;
        }

        .form-group {
            margin-bottom: 20px;
            display: flex;
            flex-direction: column;
        }

        .form-group label {
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #4a627a;
            margin-bottom: 8px;
        }

        .form-group input,
        .form-group textarea {
            border: 1.5px solid #e2edf2;
            border-radius: 20px;
            padding: 12px 18px;
            font-size: 0.95rem;
            font-family: inherit;
            background-color: #fefefe;
            transition: all 0.2s;
            outline: none;
            color: #1e2f3c;
            resize: vertical;
        }

        .form-group input:focus,
        .form-group textarea:focus {
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
        }

        /* 提交按钮样式 */
        .submit-btn {
            width: 100%;
            background:#2ABFFF;
            border: none;
            padding: 14px 0;
            border-radius: 40px;
            font-weight: 700;
            font-size: 1rem;
            color: white;
            cursor: pointer;
            margin-top: 12px;
            transition: all 0.2s;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            letter-spacing: 0.8px;
        }

        .submit-btn:hover {
            background:#2ABFFF;
            transform: translateY(-2px);
            color:#fff;
            box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.25);
        }

        .submit-btn:active {
            transform: translateY(1px);
        }

        /* 简单提示信息样式 (轻提示) */
        .toast-msg {
            position: fixed;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%) scale(0.9);
            background: #1e293b;
            color: white;
            padding: 12px 24px;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 500;
            z-index: 1100;
            opacity: 0;
            transition: opacity 0.2s, transform 0.2s;
            pointer-events: none;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        .toast-msg.show {
            opacity: 1;
            transform: translateX(-50%) scale(1);
        }

        /* 手机端微小调整 */
        @media (max-width: 550px) {
            .modal-container {
                width: 92%;
                border-radius: 28px;
            }
            .modal-form {
                padding: 20px 22px 28px;
            }
            .modal-header h3 {
                font-size: 1.4rem;
            }
            .form-group input,
            .form-group textarea {
                padding: 10px 16px;
            }
        }
        
        
        
        
      
        
        /* 可选: 若需要让光线更明显，给背景增加微妙的暗化，但不是必须，根据需求注释 */
        .hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.2); /* 轻微加深背景对比，让白色光效更闪耀 */
            pointer-events: none; /* 让伪元素不干扰交互 */
            z-index: 1;
        }

        /* ----- 核心光线效果： 使用多角度线性渐变 + 动态移动 + 光晕发光 ----- */
        /* 方案：两层光线动画，一层大范围扫光，一层聚焦强化，营造丰富循环发光感 */
        
        /* 光线层1: 主光线扫描 (从左向右/斜向扫过，白光渐变) */
        .light-ray-primary {
            position: absolute;
            inset: 0;
            pointer-events: none;  /* 确保点击穿透，不影响下层交互 */
            z-index: 2;
            /* 基础白色光线渐变: 半透白到全透再到半透，模拟光线扫过 */
            background: linear-gradient(
                115deg, /* 斜向角度更动感 */
                transparent 0%,
                transparent 35%,
                rgba(255, 255, 255, 0.45) 45%,
                rgba(255, 255, 255, 0.85) 50%,
                rgba(255, 255, 255, 0.45) 55%,
                transparent 65%,
                transparent 100%
            );
            /* 初始位置偏移到左侧不可见 */
            background-size: 250% 100%;
            background-position: 0% 0%;
            /* 添加额外光晕滤镜: 模糊柔边 + 混合模式提亮 */
            filter: blur(6px) brightness(1.2);
            /* 使用 mix-blend-mode 增强发光融合感，但不必须，根据背景效果调节 */
            mix-blend-mode: overlay;  /* overlay能让白色部分提亮背景，但不破坏暗部，效果优雅 */
            animation: sweepLight 4s ease-in-out infinite;
        }
        
        /* 光线层2: 辅助快速闪烁光晕 + 径向光晕，增加循环发光节奏感 */
        .light-ray-secondary {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 3;
            background: radial-gradient(
                circle at 30% 40%,
                rgba(255, 255, 255, 0.7) 0%,
                rgba(255, 255, 255, 0.3) 30%,
                transparent 70%
            );
            background-size: 200% 200%;
            background-repeat: no-repeat;
            opacity: 0;
            mix-blend-mode: screen;  /* 屏幕模式让白色更亮 */
            filter: blur(12px);
            animation: glowPulse 3.2s ease-in-out infinite alternate;
        }
        
        /* 第三层: 细微流动光线粒子 (可选 增强"光"的动感与循环感) */
        .light-particle-flow {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 4;
            background: repeating-linear-gradient(
                45deg,
                rgba(255, 255, 255, 0) 0px,
                rgba(255, 255, 255, 0) 60px,
                rgba(255, 255, 255, 0.08) 70px,
                rgba(255, 255, 255, 0.25) 80px,
                rgba(255, 255, 255, 0) 90px
            );
            background-size: 200% 200%;
            mix-blend-mode: color-dodge;
            animation: driftFlow 8s linear infinite;
            filter: blur(3px);
        }
        
        /* 核心动画: 扫光移动 (模拟光条循环横扫) */
        @keyframes sweepLight {
            0% {
                background-position: -100% 0%;
                opacity: 0.4;
            }
            30% {
                opacity: 1;
            }
            70% {
                opacity: 1;
            }
            100% {
                background-position: 200% 0%;
                opacity: 0.4;
            }
        }
        
        /* 脉冲光晕动画: 产生呼吸式循环发光 */
        @keyframes glowPulse {
            0% {
                opacity: 0;
                transform: scale(0.95);
                background-position: 10% 20%;
            }
            40% {
                opacity: 0.7;
            }
            70% {
                opacity: 0.9;
                transform: scale(1.05);
                background-position: 70% 60%;
            }
            100% {
                opacity: 0.3;
                transform: scale(1);
                background-position: 90% 85%;
            }
        }
        
        /* 流动粒子斜向漂移动画 */
        @keyframes driftFlow {
            0% {
                background-position: 0% 0%;
                opacity: 0.3;
            }
            50% {
                opacity: 0.7;
            }
            100% {
                background-position: 200% 200%;
                opacity: 0.3;
            }
        }
        
        /* 可选增加高光扫描边缘强化, 一个细光线划过的高亮层 (更精致) */
        .gloss-sweep {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 5;
            background: linear-gradient(
                125deg,
                transparent 20%,
                rgba(255, 255, 255, 0.25) 35%,
                rgba(255, 255, 255, 0.8) 45%,
                rgba(255, 255, 255, 1) 50%,
                rgba(255, 255, 255, 0.8) 55%,
                rgba(255, 255, 255, 0.25) 65%,
                transparent 80%
            );
            background-size: 300% 100%;
            background-position: 0% 0%;
            filter: blur(2px);
            mix-blend-mode: hard-light;
            animation: glossMove 5.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
            opacity: 0.7;
        }
        
        @keyframes glossMove {
            0% {
                background-position: -100% 0%;
                opacity: 0;
            }
            20% {
                opacity: 0.8;
            }
            80% {
                opacity: 0.9;
            }
            100% {
                background-position: 200% 0%;
                opacity: 0;
            }
        }
        
        /* 为了提供更好的视觉和适配移动端，确保光线柔和且循环发光 */
        @media (prefers-reduced-motion: no-preference) {
            .light-ray-primary, .light-ray-secondary, .light-particle-flow, .gloss-sweep {
                animation-play-state: running;
            }
        }
        
        /* 如果用户偏爱减少动态效果，优雅降级 */
        @media (prefers-reduced-motion: reduce) {
            .light-ray-primary, .light-ray-secondary, .light-particle-flow, .gloss-sweep {
                animation: none;
                opacity: 0.1;
            }
        }