@charset "utf-8";
 /* 内页主图 */
        .in_banner {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 30%; /* 16:10的宽高比 */
            overflow: hidden;
            border-radius: 0px;
            margin: 0 auto;
        }

        .in_banner_image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .in_banner:hover .in_banner_image {
            transform: scale(1.01);
        }

        .in_banner_text {
            position: absolute;
            top: 50%;
            left: 8%;
            transform: translateY(-50%);
            width: 84%;
            padding: 20px;
            z-index: 10;
        }

        .in_banner_title {
            color: #fff;
            font-size: 4vw; /* 响应式字体大小 */
            font-weight: 500;
            line-height: 1.2;
            text-shadow-: 0 2px 10px rgba(0,0,0,0.5);
            margin-bottom: 15px;
            letter-spacing: -0.5px;
        }

        .in_banner_subtitle {
            color: #fff;
            font-size: 1.5vw; /* 响应式字体大小 */
            font-weight: 400;
            text-shadow-: 0 1px 5px rgba(0,0,0,0.5);
            max-width: 80%;
            line-height: 1.4;
        }

        /* 响应式设计 */
        @media (max-width: 900px) {            
            .in_banner_title {
                font-size: 6vw;
            }            
            .in_banner_subtitle {
                font-size: 2vw;
            }
        }
        @media (max-width: 600px) {

            .in_banner {
                padding-bottom: 50%; /* 移动设备上更高的横幅 */
            }
            
            .in_banner_title {
                font-size: 8vw;
            }
            
            .in_banner_subtitle {
                font-size: 2.7vw;
                max-width: 90%;
            }
            
            .in_banner_text {
                left: 5%;
                width: 90%;
            }
        }

        @media (max-width: 400px) {
            .in_banner_title {
                font-size: 9vw;
            }
            
            .in_banner_subtitle {
                font-size: 3vw;
            }
        }

        /* 浏览器兼容性调整 */
        @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
            header, .description, .features, .demo-area, .browser-compatibility {
                -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
            }
        }

/*   ============================主图下面面包屑========================== */		


        .ipro_breadcrumb {
            padding-top: 15px;
			 padding-bottom: 20px;
            border-bottom: 1px solid #eaeaea;
            position: relative;
            margin-top: 10px;
        }
        

        
        .ipro_breadcrumb .breadcrumb-nav {
            display: flex;
            list-style: none;
        }
        
        .ipro_breadcrumb .breadcrumb-nav li {
            display: flex;
            align-items: center;
            font-size: 15px;
        }
		
		
		        
        .ipro_breadcrumb .breadcrumb-nav li i{
           color: #16509c;
            font-size: 14px;
        }
        
        
        .ipro_breadcrumb .breadcrumb-nav li:not(:first-child)::before {
            content: "❯";
            color: #16509c;
            margin: 0 12px;
            font-size: 16px;
            font-weight: 500;
            transition: transform 0.3s ease;
        }
        
        .ipro_breadcrumb .breadcrumb-nav li:not(:first-child):hover::before {
            transform: scale(1.2);
        }
        
        .ipro_breadcrumb .breadcrumb-nav a {
            text-decoration: none;
            color: #555;
            transition: all 0.3s ease;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .ipro_breadcrumb .breadcrumb-nav a:hover {
            color: #16509c;
            transform: translateX(3px);
        }
        
        .ipro_breadcrumb .breadcrumb-nav .current-page {
            color: #222;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        @media (max-width: 768px) {
            .ipro_breadcrumb .breadcrumb-nav li {
                font-size: 14px;
            }
            
            .ipro_breadcrumb .breadcrumb-nav li:not(:first-child)::before {
                margin: 0 8px;
                font-size: 16px;
            }
        }
        
        @media (max-width: 480px) {
            .ipro_breadcrumb .breadcrumb-nav {
                flex-wrap: wrap;
            }
            
            .ipro_breadcrumb .breadcrumb-nav li {
                margin-bottom: 5px;
            }

        }
		
/* ————————————————————————————内页s标题—————————————————————————— */


        
        /* 标题样式 - 左对齐蓝色 - 带pro_title前缀 */
        .pro_title .page-header {
            color: #015bac;
            font-size: 16px;
            text-align: left;          
            padding: 30px 0px 10px 0px;
            border-bottom: 0px solid #4285f4;
            position: relative;
            font-weight: 500;
        }
        
        .pro_title .page-header::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 80px;
            height: 0px;
            background: #ff6b6b;
        }
        
        /* 内容样式 - 带pro_title前缀 */
        .pro_title .content {
            background: white;
            border-radius: 8px;
            padding: 20px;
            margin-top: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        
        .pro_title .content p {
            margin-bottom: 15px;
            color: #555;
        }
        
        /* 响应式设计 - 带pro_title前缀 */
        /* 平板设备 (768px 及以上) */
        @media (min-width: 768px) {
            .pro_title .page-header {
                font-size: 2.8rem;
                margin: 10px 0;
            }
            
            .pro_title .content {
                padding: 30px;
            }
        }
        
        /* 桌面设备 (1024px 及以上) */
        @media (min-width: 1024px) {
            .pro_title .page-header {
                font-size: 2rem;
            }
        }
        
        /* 移动设备优化 (480px 及以下) */
        @media (max-width: 480px) {
            .pro_title .page-header {
                font-size: 1.8rem;
				text-align:center
            }
            
            .pro_title .content {
                padding: 15px;
            }
        }

/* ————————————————————————————内页新闻列表—————————————————————————— */
        .news-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
         
            width: 100%;
        }
        
        /* 新闻卡片样式 */
        .news-card {
			margin:50px 0;
            background: white;
            border-radius: 0px;
            overflow: hidden;         
            display: flex;        
            width: 100%;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .news-card:hover {
            transform: translateY(0px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.02);
        }
        
        /* 左侧日期区域 */
        .news-date-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 30px 20px;
            width: 20%;
            background: #f8f9fa;
            border-right: 1px solid #eaeaea;
        }
        
        .news-year {
            font-size: 2rem;
            font-weight: 500;
            color: #015bac;
            margin-bottom: 8px;
        }
        
        .news-month-day {
            font-size: 1.2rem;
            color: #999999;
            margin-bottom: 15px;
            font-weight: 500;
        }
        
        .news-date-divider {
            height: 1px;
            width: 60px;
            background: #bdc3c7;
        }
        
        /* 中间图片区域 */
        .news-image-container {
            width: 20%;
            position: relative;
            overflow: hidden;
        }
        
        .news-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .news-card:hover .news-image {
            transform: scale(1.05);
        }
        
        /* 右侧内容区域 */
        .news-content {
            padding: 30px;
            width: 60%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        
        .news-title {
            font-size: 1.2rem;
            font-weight: 500;
            color: #015bac;
            margin-bottom: 15px;
            line-height: 1.4;
        }
        
        .news-description {
            color: #999999;
            line-height: 1.7;
            margin-bottom: 15px;
        }
        
        .news-action {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .news-button {
            display: flex;
            align-items: center;
            justify-content: center;
            width:36px;
            height: 36px;
            border-radius: 50%;
            border: 2px solid #bdc3c7;
            background: transparent;
            cursor: pointer;
            transition: all 0.3s ease;
            color: #999999;
            font-size: 1rem;
        }
        
        .news-button:hover {
            background: #015bac;
            border-color: #015bac;
            color: white;
            transform: translateX(5px);
        }
        
        /* 平板设备样式 */
        @media (max-width: 992px) {
            .news-card {
                flex-direction: column;
                max-width: 600px;
            }
            
            .news-date-section, 
            .news-image-container,
            .news-content {
                width: 100%;
            }
            
            .news-date-section {
                flex-direction: row;
                justify-content: flex-start;
                padding: 20px;
                border-right: none;
                border-bottom: 1px solid #eaeaea;
            }
            
            .news-year {
                margin-right: 20px;
                margin-bottom: 0;
            }
            
            .news-month-day {
                margin-bottom: 0;
                margin-right: 20px;
            }
            
            .news-date-divider {
                height: 40px;
                width: 1px;
                margin-right: 20px;
            }
            
            .news-image-container {
                height: 300px;
            }
            
            .news-content {
                padding: 25px;
            }
        }
        
        /* 移动设备样式 */
        @media (max-width: 768px) {
            .header h1 {
                font-size: 2.2rem;
            }
            
            .header p {
                font-size: 1rem;
            }
            
            .news-date-section {
                padding: 15px;
            }
            
            .news-year {
                font-size: 2rem;
            }
            
            .news-image-container {
                height: 250px;
            }
            
            .news-content {
                padding: 20px;
            }
            
            .news-title {
                font-size: 1.4rem;
            }
        }
        
        /* 小屏幕移动设备 */
        @media (max-width: 480px) {
            .news-date-section {
                flex-wrap: wrap;
            }
            
            .news-date-divider {
                display: none;
            }
            
            .news-image-container {
                height: 220px;
            }
        }
        
       /* ————————————————————————————内页新闻内容—————————————————————————— */  
        .news_view_container {
            margin: 0 auto;
            background: #fff;
            border-radius: 0px;

            padding: 30px;
            position: relative;
            overflow: hidden;
        }
        
        /* 标题 */
        .news_view_title {
            color: #000;
            font-size: 24px;
            text-align: center;
            margin: 20px 0 15px;
            font-weight: 500;
            line-height: 1.3;
            padding: 0 10px;
        }
        
        /* 元信息 */
        .news_view_meta {
            text-align: center;
            color: #666;
            font-size: 15px;
            margin-bottom: 25px;
            display: flex;
            justify-content: center;
            gap: 25px;
        }
        
        .news_view_meta span {
            display: flex;
            align-items: center;
        }
        
        .news_view_meta span::before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 4px;
            background: #999;
            border-radius: 50%;
            margin-right: 8px;
        }
        
        /* 分割线 */
        .news_view_hr {
            height: 1px;
            background: linear-gradient(90deg,  #ddd, #ddd,  #ddd);
            border: none;
            margin: 25px 0;
        }
        
        /* 新闻内容 */
        .news_view_content {
            color: #444;
            font-size: 16px;
            line-height: 1.8;
        }
        
        .news_view_content p {
            margin-bottom: 0px;
            text-indent: 0em;
        }
        
        .news_view_content img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 25px auto;
            border-radius: 0px;
            box-shadow: 0 3px 15px rgba(0,0,0,0.1);
        }
        
        /* 底部导航 */
        .news_view_footer {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-top: 10px;
        }
        
        .news_view_nav {
            flex: 1;
        }
        
        .news_view_prev, .news_view_next {
            margin-bottom: 15px;
        }
        
        .news_view_nav_label {
            display: inline-block;
            padding: 5px 15px;
            border: 1px dotted #aaa;
            border-radius: 50px;
            color: #666;
            font-size: 14px;
            margin-right: 10px;
            transition: all 0.3s ease;
        }
        
        .news_view_nav a {
            color: #333333;
            text-decoration: none;
            transition: all 0.2s ease;
        }
        
        .news_view_nav a:hover {
            color: #015bac;
            text-decoration: none;
        }
        
        .news_view_nav_label:hover {
            background: #f5f5f5;
            border-style: solid;
        }
        
        /* 返回按钮 */
        .news_view_back {
            align-self: center;
        }
        
        .news_view_back_btn {
            display: inline-block;
            background: #015bac;
            color: white !important;
            padding: 20px 50px;
            border-radius:50px;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px rgba(50, 100, 255, 0.2);
            position: relative;
            overflow: hidden;
        }
        
        .news_view_back_btn::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -60%;
            width: 20px;
            height: 200%;
            background: rgba(255, 255, 255, 0.3);
            transform: rotate(25deg);
            transition: all 0.5s;
        }
        
        .news_view_back_btn:hover {
            background: #015bac;
            box-shadow: 0 6px 12px rgba(50, 100, 255, 0.3);
            transform: translateY(-2px);
        }
        
        .news_view_back_btn:hover::after {
            left: 120%;
        }
        
        /* 移动端适配 */
        @media (max-width: 768px) {
            .news_view_container {
                padding: 20px 15px;
                border-radius: 10px;
            }
            
            .news_view_title {
                font-size: 24px;
                margin-top: 10px;
            }
            
            .news_view_meta {
                font-size: 14px;
                gap: 15px;
                flex-wrap: wrap;
            }
            
            .news_view_content {
                font-size: 16px;
            }
            
            .news_view_footer {
                flex-direction: column;
            }
            
            .news_view_nav {
                width: 100%;
                margin-bottom: 25px;
            }
            
            .news_view_back {
                width: 100%;
                text-align: center;
            }
            
            .news_view_back_btn {
                display: block;
                width: 40%;
                padding: 14px;
            }
        }
        
        /* 平板适配 */
        @media (min-width: 769px) and (max-width: 1024px) {
            .news_view_container {
                max-width: 700px;
            }
            
            .news_view_title {
                font-size: 28px;
            }
            
            .news_view_content {
                font-size: 16.5px;
            }
        }
        
        /* 装饰元素 */
        .news_view_decoration {
            position: absolute;
            width: 150px;
            height: 150px;
            background: linear-gradient(135deg, #e3f2fd, #bbdefb);
            border-radius: 50%;
            z-index: 0;
        }
        
        .decoration-1 {
            top: -50px;
            right: -50px;
            opacity: 0.3;
        }
        
        .decoration-2 {
            bottom: -70px;
            left: -60px;
            width: 200px;
            height: 200px;
            opacity: 0.2;
        } 

 /* 产品列表 */
         
        .main-container {
            width: 100%;       
            background: white;
            overflow: hidden;
            display: flex;
            flex-direction: column;
  
        }
        
        /* 顶部标题栏 */
        .main-header {
            background: linear-gradient(90deg, #f5f5f5 0%, #f5f5f5 100%);
            color: #015bac;
            padding: 10px 30px;
            display-: flex;
			display: none;
            justify-content: space-between;
            align-items: center;
            position: relative;
        }
        
        .main-header-title {
            font-size: 1.6rem;
			color: #015bac;
            font-weight: 500;
            letter-spacing: 0px;
        }
        
        .main-hamburger {
            display: none;
            background: rgba(255, 255, 255, 0.2);
            border: none;
            color: #015bac;
            width: 45px;
            height: 45px;
            border-radius: 10px;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .main-hamburger:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-2px);
        }
        
        .main-header-controls {
            display: flex;
            gap: 15px;
        }
        
        .main-header-btn {
            background: rgba(255, 255, 255, 0.2);
            border: none;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .main-header-btn:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-2px);
        }
        
        /* 主体内容区域 */
        .main-content {
            display: flex;
            flex: 1;
            position: relative;
        }
        
        /* 左侧菜单区域 */
        .main-left-panel {
            width: 27%;
            background: #ffffff;
            padding: 30px 50px;
            position: relative;
            overflow-y: auto;
            transition: transform 0.4s ease;
        }
        
        .main-left-panel::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 1px;
            background: #f9f9f9
        }
        
        .main-menu-title {
            color: #000000;
            font-size: 1.6rem;
            font-weight: 400;
            text-align: right;
            margin-bottom: 40px;
            padding-right: 15px;
            letter-spacing: 0px;
            position: relative;
        }
        
        .main-menu-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            right: 0;
            width: 50px;
            height: 0px;
            background: #ffffff;
            border-radius: 3px;
        }
        
        .main-menu {
            list-style: none;
        }
        
        .main-menu-item {
            margin-bottom: 10px;
            border-radius: 8px 0 0 8px;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .main-menu-header {
            color: #000000;
            font-size: 1.1rem;
			font-weight:400;
            padding: 15px 25px 15px 15px;
            text-align: right;
            cursor: pointer;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .main-menu-header:hover {
            color: #015bac;
        }
        
        .main-menu-header i {
            margin-left: 10px;
            transition: transform 0.3s ease;
        }
        
        .main-menu-item.active .main-menu-header {
            color: #015bac;
            font-weight: 500;
        }
        
        .main-menu-item.active .main-menu-header i {
            transform: rotate(180deg);
        }
        
        .main-submenu {
            list-style: none;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
            background: #FFF;
            border-radius: 0 0 0 8px;
        }
        
        .main-menu-item.active .main-submenu {
            max-height: 500px;
        }
        
        .main-submenu-item {
            padding: 12px 25px 12px 15px;
            text-align: right;
            color: #333333;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.2s ease;
            position: relative;
        }
        
        .main-submenu-item::before {
            content: '';
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #015bac;
            opacity: 0;
            transition: opacity 0.2s ease;
        }
        
        .main-submenu-item:hover {
            color: #015bac;
            padding-right: 30px;
        }
        
        .main-submenu-item:hover::before {
            opacity: 1;
        }
        
        .main-submenu-item.active {
            color: #015bac;
            font-weight: 500;
            padding-right: 30px;
        }
        
        .main-submenu-item.active::before {
            opacity: 1;
        }
        
        /* 右侧内容区域 */
        .main-right-panel {
            width: 73%;
            padding: 28px 50px;
            display: flex;
            flex-direction: column;
			border-left: 1px solid #eeeeee;
        }
        
        .main-right-title {
            color: #015bac;
            font-size: 2.4rem;
            font-weight: 500;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 0px solid #e0e7ff;
        }
        
        .main-section-title {
            background: #f9f9f9;
            padding: 15px 25px;
            border-left: 5px solid #015bac;
            margin-bottom: 30px;
            border-radius: 0 8px 8px 0;
            display: flex;
            align-items: center;
        }
        
        .main-section-title i {
            color: #015bac;
            font-size: 1.5rem;
            margin-right: 15px;
        }
        
        .main-section-title h2 {
            color: #015bac;
            font-size: 1.4rem;
            font-weight: 500;
        }
        
        .main-content-message {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: left;
            text-align: left;
            padding: 20px 0px;
            background-: #f8fafc;
            border-radius: 12px;
            border: 0px dashed #cbd5e1;
			line-height: 1.8;
			 color: #333333;
            font-size: 1.2rem;
        }
        
        .main-content-message i {
            font-size: 5rem;
            color: #94a3b8;
            margin-bottom: 25px;
        }
        
        .main-content-message h3 {
            color: #475569;
            font-size: 2.2rem;
            margin-bottom: 20px;
            font-weight: 600;
        }
        
        .main-content-message p {
            color: #333333;
            font-size: 1.2rem;            
            line-height: 1.8;
			text-align:left;
        }
        
        /* 遮罩层 */
        .main-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 998;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .main-hamburger {
                display: flex;
            }
            
            .main-left-panel {
                position: fixed;
                top: 0;
                left: 0;
                height: 100%;
                width: 300px;
                z-index: 999;
                transform: translateX(-100%);
                box-shadow: 5px 0 30px rgba(0, 0, 0, 0.3);
            }
            
            .main-left-panel.active {
                transform: translateX(0);
            }
            
            .main-right-panel {
                width: 100%;
            }
            
            .main-overlay.active {
                display: block;
            }
        }
        
        @media (max-width: 576px) {
            .main-header {
                padding: 15px;
            }
            
            .main-header-title {
                font-size: 1.5rem;
            }
            
            .main-left-panel {
                width: 280px;
                padding: 25px 15px;
            }
            
		    .main-right-panel {
            padding: 28px 10px;
            display: flex;
            flex-direction: column;
			border-left: 1px solid #eeeeee;
        }
			
            .main-right-title {
                font-size: 2rem;
            }
            
            .main-section-title {
                padding: 15px;
            }
            
            .main-section-title h2 {
                font-size: 1.4rem;
            }
            
            .main-content-message h3 {
                font-size: 1.8rem;
            }
            
            .main-content-message p {
                font-size: 1rem;
            }
        }
        
        /* 浏览器兼容性优化 */
        @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
            .main-left-panel {
                background: #ffffff;
                -webkit-backdrop-filter: blur(8px);
                backdrop-filter: blur(8px);
            }
        }
/* ==================================内页产品列表============================== */		


        .product_list-container {
            margin: 0 auto;
            padding: 0px 0px 30px 0px;
        }
        .product_list-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
  
        .product_list-item {
            background: white;
            border: 0px solid #ededed;
            border-radius: 5px;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            text-align: center;
            position: relative;
            padding: 0px;
            box-shadow-: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .product_list-item:hover {
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
            transform: translateY(-10px);
        }
        
        .product_list-img-container {
            width: 100%;
            padding-top-: 100%; /* 1:1 Aspect Ratio */
            position: relative;
            overflow: hidden;
            border-radius: 5px;
            margin-bottom: 25px;
        }
        
        .product_list-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }		
        
        .product_list-item:hover .product_list-img {
            transform: scale(1.05);
     
        }
        
		    .product_list-img0-container {
            width: 100%;
            padding-top: 135%; /* 1:1 Aspect Ratio */
            position: relative;
            overflow: hidden;
            border-radius: 5px;
            margin-bottom: 25px;
        }
        
        .product_list-img0 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }		
        
        .product_list-item:hover .product_list-img0 {
            transform: scale(1.05);
            filter: brightness(0.95);
        }

        .product_list-title {
            color: #000000;
            font-size: 16px;
            margin-bottom: 15px;
            font-weight: 400;
            transition: color 0.3s;
        }
        
        .product_list-item:hover .product_list-title {
            color: #015bac;
        }
        
        .product_list-line {
            width: 60px;
            height: 0px;
            background: #015bac;
            margin: 0 auto 20px;
            border-radius: 2px;
        }
        
        .product_list-button {
            display: inline-block;
            background: #015bac;
            color: white;
            padding: 10px 28px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 300;
            letter-spacing: 0.5px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(46, 204, 113, 0.3);
        }
        
        .product_list-button:before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.2);
            transition: all 0.4s;
        }
        
        .product_list-button:hover {
            background: #333333;
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(44, 62, 80, 0.4);
        }
        
        .product_list-button:hover:before {
            left: 100%;
        }
        
        .product_list-button i {
            margin-left: 8px;
            font-size: 0.8rem;
        }
        
        /* 移动端样式 */
        @media (max-width: 992px) {
            .product_list-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 576px) {
            .product_list-grid {
                grid-template-columns: 1fr;
            }
        }
        
        /* 动画效果 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .product_list-item {
            animation: fadeInUp 0.6s ease-out forwards;
            opacity: 0;
        }
        
        .product_list-item:nth-child(2) { animation-delay: 0.1s; }
        .product_list-item:nth-child(3) { animation-delay: 0.2s; }
        .product_list-item:nth-child(4) { animation-delay: 0.3s; }
        .product_list-item:nth-child(5) { animation-delay: 0.4s; }
        .product_list-item:nth-child(6) { animation-delay: 0.5s; }

		
/* ==================================内页产品内容============================== */		
		
	        .productv-container {
    
            margin: 0px auto;
            background: white;
            border-radius: 0px;
            overflow: hidden;

            transition: all 0.3s ease;
        }
        
        .productv-container:hover {
            box-shadow---: 0 20px 60px rgba(0, 0, 0, 0.18);
        }
        
        .productv-header {
            background: linear-gradient(90deg, #1a56db 0%, #0e3aa9 100%);
            color: white;
            padding: 25px 40px;
            text-align: center;
        }
        
        .productv-header h1 {
            font-size: 2.5rem;
            margin-bottom: 10px;
            font-weight: 600;
            letter-spacing: 0.5px;
        }
        
        .productv-header p {
            font-size: 1.2rem;
            opacity: 0.85;
            max-width: 700px;
            margin: 0 auto;
        }
        
        .productv-content {
            display: flex;
            padding: 0px;
        }
        
        /* 左侧轮播区域 */
        .productv-left {
            flex: 0 0 30%;
            padding: 20px 0;
        }
        
        .productv-slider-container {
            position: relative;
            overflow: hidden;
            border-radius: 0px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.01);
            aspect-ratio: 1/1;
        }
        
        .productv-slider {
            display: flex;
            transition: transform 0.5s ease;
            height: 100%;
        }
        
        .productv-slide {
            flex: 0 0 100%;
            height: 100%;
            background-size1: cover;
            background-position: center;
        }
        
        .productv-slide-1 { background: linear-gradient(45deg, #ffffff, #ffffff); }
        .productv-slide-2 { background: linear-gradient(45deg, #ffffff, #ffffff); }
        .productv-slide-3 { background: linear-gradient(45deg, #ffffff, #ffffff); }
        .productv-slide-4 { background: linear-gradient(45deg, #ffffff, #ffffff); }
        
        .productv-slider-nav {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
            padding: 0 15px;
        }
        
        .productv-slider-btn {
            background-: rgba(255, 255, 255, 0.8);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            color: #999999;
            font-size: 1.4rem;
			border:#999999 2px solid;
            box-shadow---: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .productv-slider-btn:hover {
            background: white;
            transform: scale(1.05);
        }
        
        .productv-dots {
            display: flex;
            justify-content: center;
            margin-top: 25px;
        }
        
        .productv-dot {
            width: 11px;
            height: 11px;
            border-radius: 50%;
            background: #b2cee6;
            margin: 4px 6px; 
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .productv-dot.active {
            background: #015bac;
			width: 20px;
            height: 20px;
			   border-radius: 50%;
			margin: 0 6px;
            cursor: pointer;
            transition: all 0.3s ease;
			border: 5px solid #dddddd;

        }
        
        /* 右侧选项卡区域 */
        .productv-right {
            flex: 0 0 70%;
            padding: 20px;
        }
        
        .productv-tabs {
            display: flex;
            border-bottom: 1px solid #e2e8f0;
            margin-bottom: 25px;
        }
        
        .productv-tab {
            flex: 1;
            text-align: center;
            padding: 10px 8px;
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-bottom: none;
            cursor: pointer;
            font-weight: 500;
            color: #333333;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .productv-tab:not(:last-child) {
            border-right: none;
        }
        
        .productv-tab.active {
            background: #015bac;
            color: white;
            transform: translateY(-1px);
        }
		
		
        
        .productv-tab-content {
            min-height: 300px;
            padding: 25px;

        }
        
        .productv-tab-pane {
            display: none;
        }
        
        .productv-tab-pane.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .productv-tab-pane h3 {
            color: #1e3a8a;
            margin-bottom: 20px;
            font-size: 1.8rem;
            border-bottom: 2px solid #1a56db;
            padding-bottom: 10px;
            display: inline-block;
        }
        
        .productv-tab-pane ul {
            padding-left: 25px;
            margin: 20px 0;
        }
        
        .productv-tab-pane li {
            margin-bottom: 12px;
            position: relative;
        }
        
        .productv-tab-pane li:before {
            content: "•";
            color: #1a56db;
            font-weight: bold;
            position: absolute;
            left: -20px;
            top: 0;
        }
        
        .productv-specs {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            margin-top: 25px;
        }
        
        .productv-spec {
            background: white;
            padding: 20px;
            border-radius: 0px;
            box-shadow-: 0 3px 10px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }
        
        .productv-spec:hover {
            transform: translateY(-5px);
        }
        
        .productv-spec h4 {
			 font-size: 1.2rem;
            color: #015bac;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        
        .productv-spec h4 i {
            margin-right: 10px;
            font-size: 1.2rem;
        }
        
        /* 响应式设计 */
        @media (max-width: 900px) {
            .productv-content {
                flex-direction: column;
            }
            
            .productv-left, .productv-right {
                flex: 1 0 100%;
            }
            
            .productv-specs {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 600px) {
            .productv-tabs {
                flex-direction: column;
            }
            
            .productv-header h1 {
                font-size: 2rem;
            }
            
            .productv-tab {
                padding: 12px;
                font-size: 0.9rem;
            }
        }
        
        .productv-footer {
            text-align: center;
            padding: 25px;
            color: #64748b;
            border-top: 1px solid #015bac;
            background: #f8fafc;
            font-size: 0.95rem;
        }
        
        .productv-download-btn {
            display: inline-block;
            background: #015bac;
            color: white;
            padding: 8px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 400;
            margin-top: 15px;
            transition: all 0.3s ease;
            border: 2px solid #015bac;
        }
        
        .productv-download-btn:hover {
            background: white;
            color: #015bac;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(26, 86, 219, 0.3);
        }
        
        .productv-highlight {
            background: linear-gradient(120deg, rgba(26, 86, 219, 0.15), transparent);
            padding: 3px 6px;
            border-radius: 4px;
            font-weight: 600;
        }	
		
/* ==================================内页FAQ============================== */
        .faq-container {
  
            width: 100%;
            background: white;
            border-radius: 5px;

            padding: 0px 0;
            margin: 0px 0;
        }
        
        
        /* FAQ项样式 */
        .faq-item {
            margin-bottom: 30px;
            border-radius: 5px;
            overflow: hidden;
            border: 1px solid #eee;
            transition: all 0.3s ease;
            background: #fff;
        }
        
        .faq-item.active {
            border-color: #f5f5f5;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.0);
        }
        
        /* 问题样式 */
        .faq-question {
            display: flex;
            align-items: center;
            padding: 20px;
            cursor: pointer;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .faq-question:hover {
            background-color: #fff9f9;
        }
        
        /* 橘红色圆圈 */
        .faq-circle {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #ff6600;
            color: white;
            font-weight: bold;
            flex-shrink: 0;
            margin-right: 15px;
            font-size: 16px;
        }
        
        .faq-question-text {
            font-size: 1.2rem;
            font-weight: 500;
            color: #2c3e50;
            flex: 1;
        }
        
        /* 答案样式 */
        .faq-answer {
            display: flex;
            align-items: flex-start;
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s ease;
            background: #f9f9f9;
        }
        
        .faq-answer .faq-circle {
            background: #ff6600;
        }
        
        .faq-item.active .faq-answer {
            padding: 20px;
            max-height: 500px;
			font-size: 1rem;
        }
        
        .faq-answer-content {
            margin-left: 15px;
            padding: 10px 0;
            color: #555;
            line-height: 1.7;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .faq-container {
                padding: 20px 15px;
            }
            
            .faq-header h1 {
                font-size: 2rem;
            }
            
            .faq-question {
                padding: 15px;
            }
            
            .faq-question-text {
                font-size: 1.1rem;
            }
            
            .faq-circle {
                width: 26px;
                height: 26px;
                font-size: 14px;
            }
            
            .faq-item.active .faq-answer {
                padding: 15px;
            }
        }
        
        @media (max-width: 480px) {
            .faq-header h1 {
                font-size: 1.7rem;
            }
            
            .faq-question {
                padding: 12px;
            }
            
            .faq-question-text {
                font-size: 1rem;
            }
            
            .faq-circle {
                width: 24px;
                height: 24px;
                font-size: 13px;
            }
            
            .faq-answer-content {
                font-size: 0.95rem;
            }
        }
        
        /* 添加图标动画 */
        .faq-question::after {
            content: '\f078';
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            position: absolute;
            right: 20px;
            color: #bbb;
            transition: transform 0.3s ease;
        }
        
        .faq-item.active .faq-question::after {
            transform: rotate(180deg);
            color: #ff6b6b;
        }
        
        /* 添加悬停效果 */
        .faq-question:hover .faq-circle {
            transform: scale(1.1);
        }
        
        .faq-circle {
            transition: transform 0.2s ease;
        }
		
		/* ==================================内页下载============================== */
		        .down-container {
          
            width: 100%;
            background: white;
       

            overflow: hidden;
        }
  
        
        .down-list {
            padding: 0;
        }
        
        .down-item {
            display: flex;
            padding: 25px 30px;
            border-bottom: 1px solid #eaeef5;
            transition: all 0.3s ease;
            position: relative;
            background: white;
        }
        
        .down-item:hover {
            background: #f9fbfe;
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
        }
        
        .down-item-left {
            width: 70px;
            height:100px;
            border-radius: 12px;
            overflow: hidden;
            margin-right: 25px;
            flex-shrink: 0;
            transition: transform 0.3s ease;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        }
        
        .down-item:hover .down-item-left {
            transform: scale(1.05);
        }
        
        .down-item-left img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .down-item-center {
            flex: 1;
            padding-right: 20px;
        }
        
        .down-title {
            font-size: 18px;
            font-weight: 500;
            color: #2c3e50;
            margin-top: 12px;
			  margin-bottom: 12px;
            transition: color 0.3s ease;
            line-height: 1.3;
        }
        
        .down-item:hover .down-title {
            color: #015bac;
        }
        
        .down-meta {
            display: flex;
            align-items: center;
            color: #7f8c8d;
            font-size: 14px;
        }
        
        .down-meta i {
            margin-right: 8px;
            color: #cccccc;
			font-size: 16px;
        }
        
        .down-item-right {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 15px;
        }
        
        .down-btn {
            display: inline-block;
            background: linear-gradient(135deg, #015abc, #015abc);
            color: white;
            padding: 5px 28px;
            border-radius: 50px;
            font-weight: 400;
			font-size: 16px;
            text-decoration: none;
            text-align: center;
            box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
            border: none;
            cursor: pointer;
            min-width: 120px;
        }
        
        .down-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            transition: 0.5s;
        }
        
        .down-btn:hover { color: white;
            transform: translateY(-3px);
            box-shadow: 0 7px 20px rgba(52, 152, 219, 0.45);
            background: linear-gradient(135deg, #2980b9, #015bac);
        }
        
        .down-btn:hover::before {
            left: 100%;
        }
        
        .down-btn i {font-size: 14px;
            margin-left: 8px;
        }
        

        
        /* 响应式设计 */
        @media (max-width: 900px) {
            .down-item {
                flex-wrap: wrap;
                padding: 20px;
            }
            
            .down-item-left {
                width: 90px;
                height: 70px;
                margin-right: 15px;
            }
            
            .down-item-center {
                width: calc(100% - 120px);
                padding-right: 0;
            }
            
            .down-title {
                font-size: 1.3rem;
            }
            
            .down-item-right {
                width: 100%;
                padding: 20px 0 0 0;
                justify-content: flex-start;
            }
            
            .down-btn {
                padding: 10px 24px;
            }
        }
        
        @media (max-width: 600px) {

            
            .down-item {
                flex-direction: column;
            }
            
            .down-item-left {
                width: 100%;
                height: 160px;
                margin-right: 0;
                margin-bottom: 15px;
            }
            
            .down-item-center {
                width: 100%;
                margin-bottom: 15px;
            }
            
            .down-item-right {
                padding-top: 10px;
                justify-content: center;
            }
        }
        
        /* 浏览器兼容性增强 */
        .down-btn {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
        
        .down-item-left {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
		
		
/* 内页留言 */	
		
    .guest-form-group {
            margin-bottom: 20px;
        }
        
        .guest-label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #555;
        }
        
        .guest-label-required::after {
            content: "*";
            color: #ff4d4f;
            margin-left: 4px;
        }
        
        .guest-input {
            width: 100%;
            padding: 12px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            font-size: 14px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
        
        .guest-input:focus {
            border-color: #1890ff;
            outline: none;
            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
        }
        
        .guest-textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            font-size: 14px;
            min-height: 120px;
            resize: vertical;
            box-sizing: border-box;
        }
        
        .guest-captcha-container {
            display: flex;
            gap: 10px;
        }
        
        .guest-captcha-input {
            flex: 1;
        }
        
        .guest-captcha-image {
            height: 46px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            cursor: pointer;
            background: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 14px;
        }
        
        .guest-submit-btn {
            width: 100%;
            padding: 12px;
            background-color: #015bac;
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 500;
			width:150px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .guest-submit-btn:hover {
            background-color: #015bac;
        }
        
        .guest-submit-btn:active {
            background-color: #015bac;
        }
        
        @media (max-width: 768px) {
            .guest-container {
                padding: 15px;
            }
            
            .guest-title {
                font-size: 20px;
            }
            
            .guest-input, .guest-textarea {
                padding: 10px;
            }
        }
        
        @media (max-width: 480px) {
            .guest-captcha-container {
                flex-direction: column;
            }
            
            .guest-captcha-image {
                width: 100%;
            }
        }