@charset "utf-8";
 /* 内页主图 */
        .in_banner {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 40%; /* 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.03);
        }

        .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: 70%; /* 移动设备上更高的横幅 */
            }
            
            .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);
            }
        }
/*   ============================菜单下面 居中导航========================== */		
        /* 导航菜单样式 - 使用 ny_nav 前缀 */
        .ny_nav__container {
            width: 100%;
            position: relative;
        }
        
        .ny_nav__top {
            display: flex;
            justify-content: flex-start;
            padding: 0 20px;
        }
        
        .ny_nav__menu-item {
            text-decoration: none;
            color: #000;
            font-size: 18px;
            font-weight: 500;
            padding: 30px 50px;
            position: relative;
            transition: color 0.3s ease;
            white-space: nowrap;
        }
        
        .ny_nav__menu-item:hover {
            color: #0a4387;font-weight:bold;
        }
        
        .ny_nav__menu-item.ny_nav__menu-item--active {
            color: #0a4387;font-weight:bold;
        }
        
        .ny_nav__bottom-line {
            width: 100%;
            height: 1px;
            background-color: #e0e0e0;
            position: absolute;
            bottom: -2px;
        }
        
        .ny_nav__blue-line {
            position: absolute;
            height: 4px;
            background-color: #0a4387;
            bottom: -3px;
            transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
            border-radius: 2px;
        }
        
        /* 响应式设计 */
        @media (max-width: 900px) {
            .ny_nav__top {
                overflow-x: auto;
                padding-bottom: 10px;
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            
            .ny_nav__top::-webkit-scrollbar {
                display: none;
            }
            
            .ny_nav__menu-item {
                padding: 15px 12px;
                font-size: 15px;
            }
        }
        
        @media (max-width: 600px) {
            .ny_nav__top {
                justify-content: flex-start;
            }
            
            .ny_nav__menu-item {
                padding: 20px 10px 10px 10px;
                font-size: 14px;
            }
            
  
        }
/* -------------------------内页标题通用--------------------------------------- */  
.title_c strong {
  font-size: 36px;
  color: #333;
  display: block;
  font-weight: 700;
  text-align: center;
}
.title_c i {
  width: 100px;
  height:3px;
  background: #0a4387;
  display: block;
  margin: 12px auto;
  transition: 1s;
}
.title_c span {
  font-size: 16px;
  color: #b3b3b3;
  display: block;
  text-align: center;
}
.title_c:hover i {width: 68px;transition: 1s;}
        @media (max-width: 768px) {
.title_c strong {

  padding-top:30px;
  color: #333;
  display: block;
  font-weight: normal;
  text-align: center;
}
        }
/*   ============================主图下面面包屑========================== */		


        .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: #0a4387;
            font-size: 14px;
        }
        
        
        .ipro_breadcrumb .breadcrumb-nav li:not(:first-child)::before {
            content: "❯";
            color: #0a4387;
            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: #0a4387;
            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;
            }

        }
		
/* ————————————————————————————内页关于我们1—————————————————————————— */ 
        .about_txt-container {
            background-color: #ffffff;
     
            margin: 0 auto;
            padding: 40px 0;
            text-align: left;
        }
        
        .about_txt-title {
            color: #333333;
            font-size: 2.5rem; /* 大标题尺寸 */
            font-weight: 400;
            margin-bottom: 1rem;
            line-height: 1.2;
        }
        
        .about_txt-content{
            color: #666666;
            font-size: 1.1rem;
            line-height: 2.5;
        }

        /* 平板端 - 768px到1024px */
        @media (max-width: 1024px) {
            .about_txt-title {
                font-size: 2.2rem;
            }
            .about_txt-content {
                font-size: 1rem;
            }
        }
        
        /* 移动端 - 小于768px */
        @media (max-width: 768px) {
            .about_txt-container {
                padding: 15px;
            }
            .about_txt-title {
                font-size: 1.8rem;
                margin-bottom: 0.8rem;
            }
            .about_txt-content {
                font-size: 0.95rem;
            }
        }
        
        /* 小屏幕手机 - 小于480px */
        @media (max-width: 480px) {
            .about_txt-title {
                font-size: 1.5rem;
            }
            .about_txt-content {
                font-size: 0.9rem;
            }
        }
 

/* ————————————————————————————内页关于我们2—————————————————————————— */ 
        .aboutpic-reset {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        /* 主容器 */
        .aboutpic-container {
          background-color: #f9f9f9;
            margin: 0 auto;
            padding: 50px 0;

        }
        
        /* 内容区域 */
 .aboutpic-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
        
        /* 左侧描述区域 */
        .aboutpic-description {
            flex: 0 0 45%;
            color: #666;
			font-size:16px;
			padding:30px;
            line-height: 1.8;
        }
        

        /* 右侧图片区域 */
        .aboutpic-image-section {
            flex: 0 0 55%;
            position: relative;
            min-height: 400px;
        }
        
        /* 图片展示区域 */
        .aboutpic-main-image {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            border-radius: 0px;
            min-height: 400px;
        }
        
        /* Tab按钮容器 - 桌面端 */
        .aboutpic-tabs-desktop {
            position: absolute;
            top: 50px;
            right: 10px;
            width: 60%;
            max-width: 300px;
            z-index: 10;
        }
        
        /* Tab按钮样式 */
        .aboutpic-tab {
            display: flex;
            align-items: center;
            padding: 25px 15px;
            margin-bottom: 10px;
            background-color: #fff;
            border-radius: 0px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .aboutpic-tab:hover,
        .aboutpic-tab-active {
            background-color: #0a4387;
            color: #fff;
        }
        
        .aboutpic-tab:hover .aboutpic-tab-icon,
        .aboutpic-tab-active .aboutpic-tab-icon {
            filter-----: brightness(0) invert(1);
        }
        
        .aboutpic-tab:hover .aboutpic-tab-title,
        .aboutpic-tab-active .aboutpic-tab-title {
            color: #fff;
        }
        
        .aboutpic-tab-icon {
            width: 25px;
            height: 25px;
            margin-right: 10px;
            transition: all 0.3s ease;
        }
        
        .aboutpic-tab-title {
            color: #333;
            font-size: 14px;
            transition: all 0.3s ease;
        }
        
        /* 移动端和平板端样式 */

		
        @media (max-width: 768px) {
            .aboutpic-description,
            .aboutpic-image-section {
                flex: 0 0 100%;
				padding:20px;
				
            }
            
            .aboutpic-tabs-desktop {
                display: none;
            }
            .aboutpic-main-image {
            width: 100%;     
             height:auto;
        }
            .aboutpic-tabs-mobile {
                display: block;
                background-color: #f9f9f9;
                padding: 0px;
                border-radius: 0px;
                margin-top: 20px;
            }
            
            .aboutpic-tabs-mobile-container {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px;
            }
            .aboutpic-content {
            grid-template-columns: 1fr;
		   
             }
            .aboutpic-tab-mobile {
                display: flex;
                align-items: center;
                padding: 25px;
                background-color: #fff;
                border-radius: 0px;
                cursor: pointer;
                transition: all 0.3s ease;
            }
            
            .aboutpic-tab-mobile:hover,
            .aboutpic-tab-mobile-active {
                background-color: #0a4387;
                color: #fff;
            }
            
            .aboutpic-tab-mobile:hover .aboutpic-tab-icon,
            .aboutpic-tab-mobile-active .aboutpic-tab-icon {
                filter-----: brightness(0) invert(1);
            }
            
            .aboutpic-tab-mobile:hover .aboutpic-tab-title,
            .aboutpic-tab-mobile-active .aboutpic-tab-title {
                color: #fff;
            }
        }
        		 @media (max-width: 480px) {			 
			.aboutpic-main-image {
            width: 100%; 
			  height:100%;
			}
			 }
        /* 桌面端隐藏移动端Tab */
        @media (min-width: 769px) {
            .aboutpic-tabs-mobile {
                display: none;
            }
        }

/* ————————————————————————————内页企业文化 —————————————————————————— */  
        .culrue_list_container {
            max-width-: 1200px;
            width: 100%;
            padding: 30px 0;
        }
        
        
        .culrue_list_carousel {
            position: relative;
            width: 100%;
            height: 500px;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .culrue_list_slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1.5s ease-in-out;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transform: scale(1.1);
            filter: blur(5px);
            transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .culrue_list_slide.active {
            opacity: 1;
            transform: scale(1);
            filter: blur(0);
            z-index: 1;
        }
        
        .culrue_list_content {
            position: absolute;
            top: 50%;
            left: 80px;
            transform: translateY(-50%);
            max-width: 500px;
            padding: 30px;
            background: rgba(0, 0, 0, 0.0);
            border-radius: 0px;
            z-index: 2;
            backdrop-filter---: blur(5px);
            border: 0px solid rgba(255, 255, 255, 0.1);
        }
        
        .culrue_list_title_container {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .culrue_list_icon {
            width: 50px;
            height: 50px;
            margin-right: 15px;
            background-: linear-gradient(45deg, #ffffff, #ffffff);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: white;
        }
        
        .culrue_list_title {
            font-size: 3rem;
            font-weight: 400;
            color: #ffffff;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }
        
        .culrue_list_description {
            font-size: 1.2rem;
            line-height: 1.7;
            color: #ffffff;
        }
        
        .culrue_list_indicators {
            position: absolute;
            bottom: 30px;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: left;
            align-items: left;
            z-index: 3;
        }
        
        /* 修复的横线位置 - 与圆点同一水平 */
        .culrue_list_indicator_line {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 1px;
            background: rgba(255, 255, 255, 0.9);
            transform: translateY(-50%);
            z-index: 1;
        }
        
        .culrue_list_indicator {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.9);
            margin: 0 50px;
            cursor: pointer;
            position: relative;
            z-index: 2;
            transition: all 0.3s ease;
        }
        
        .culrue_list_indicator::before {
            content: '';
            position: absolute;
            top: -8px;
            left: -8px;
            right: -8px;
            bottom: -8px;
            border: 2px dashed rgba(255, 255, 255, 0);
            border-radius: 50%;
            transition: all 0.3s ease;
        }
        
        .culrue_list_indicator.active {
            background: #ffffff;
            transform: scale(1.2);
            box-shadow: 0 0 15px rgba(255, 255, 255, 0.99);
        }
        
        .culrue_list_indicator.active::before {
            border-color: rgba(255, 255, 255, 0.9);
        }
        
        .culrue_list_controls {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
            transform: translateY(-50%);
            z-index: 2;
        }
        
        .culrue_list_control {
            width: 50px;
            height: 50px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: white;
            font-size: 24px;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .culrue_list_control:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: scale(1.1);
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .culrue_list_carousel {
                height: 450px;
            }
            
            .culrue_list_content {
                left: 50px;
                max-width: 400px;
            }
            
            .culrue_list_title {
                font-size: 1.8rem;
            }
        }
        
        @media (max-width: 768px) {
            .culrue_list_carousel {
                height: 400px;
            }
            
            .culrue_list_content {
                left: 30px;
                right: 30px;
                max-width: none;
            }
            
            .culrue_list_title {
                font-size: 1.6rem;
            }
            
            .culrue_list_description {
                font-size: 1rem;
            }
        }
        
        @media (max-width: 576px) {
            .culrue_list_carousel {
                height: 350px;
            }
            
            .culrue_list_content {
                padding: 20px;
                left: 20px;
                right: 20px;
            }
            
            .culrue_list_title_container {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .culrue_list_icon {
                margin-bottom: 10px;
            }
            
            .culrue_list_title {
                font-size: 1.4rem;
            }
            
            .culrue_list_indicator {
                width: 12px;
                height: 12px;
                margin: 0 8px;
            }
            
            .culrue_list_control {
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }
        
        .culrue_list_footer {
            text-align: center;
            margin-top: 30px;
            color: #ccc;
            font-size: 0.9rem;
        }

/* ————————————————————————————内页发展历程————————————————————————— */  
        
        .story_list_container {
            width: 100%;
           padding: 30px 0;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
        }
        
        .story_list_header {
            text-align: center;
            padding: 20px 0 40px;
        }
        
        .story_list_header h1 {
            font-size: 3.2rem;
            margin-bottom: 10px;
            color: #ffffff;
			font-weight:500;
            text-shadow: 0 0 10px rgba(76, 201, 240, 0.5);
        }
        
        .story_list_header p {
            color: #aaa;
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        .story_list_wrapper {
            display: flex;
            width: 100%;
            position: relative;
            height-: 320px;
        }
        
        .story_list_left_btn, .story_list_right_btn {
            width: 5%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            cursor: pointer;
        }
        
        .story_list_btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-: rgba(255, 255, 255, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid rgba(255, 255, 255, 0.9);
            transition: all 0.3s ease;
        }
        
        .story_list_btn:hover {
            background: rgba(76, 201, 240, 0.2);
            border-color: #ffffff;
            transform: scale(1.05);
        }
        
        .story_list_btn svg {
            width: 30px;
            height: 30px;
            fill: #fff;
        }
        
        .story_list_center {
            width: 90%;
            position: relative;
            overflow: hidden;
        }
        
        .story_list_line {
            position: absolute;
            top: 33px;
            left: 10%;
            width: 80%;
            height: 1px;
            background: rgba(255, 255, 255, 0.5);
            z-index: 2;
        }
        
        .story_list_slider {
            display: flex;
            height: 100%;
            transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
        }
        
        .story_list_item {
            min-width: 20%;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }
        
        .story_list_dot_container {
            margin-bottom: 25px;
            position: relative;
            z-index: 3;
        }
        
        .story_list_dot_border {
            width: 30px;
            height: 30px;
            border: 1px dashed rgba(255, 255, 255, 0.7);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 3px;
            transition: all 0.3s ease;
        }
        
        .story_list_dot {
            width: 15px;
            height: 15px;
            background: #ffffff;
            border-radius: 50%;
            transition: all 0.3s ease;
        }
        
        .story_list_item:hover .story_list_dot_border {
            border-color: #ffffff;
            transform: scale(1.1);
        }
        
        .story_list_item:hover .story_list_dot {
            background: #ffffff;
            transform: scale(1.1);
        }
        
        .story_list_year {
            font-size: 3rem;
            font-weight: bold;
            margin-bottom: 15px;
            color: #ffffff;
            text-shadow: 0 0 8px rgba(76, 201, 240, 0.4);
        }
        
        .story_list_desc {
            text-align: center;
            font-size: 0.95rem;
            line-height: 1.6;
            color: #ddd;
            max-width: 180px;
        }
        
        .story_list_indicators {
            display: flex;
            justify-content: center;
            margin-top: 40px;margin-bottom: 40px;
            gap: 12px;
        }
        
        .story_list_indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .story_list_indicator.active {
            background: #ffffff;
            transform: scale(1.2);
            box-shadow: 0 0 8px rgba(76, 201, 240, 0.6);
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .story_list_year {
                font-size: 1.5rem;
            }
            
            .story_list_desc {
                font-size: 0.85rem;
            }
            
            .story_list_wrapper {
                height: 280px;
            }
        }
        
        @media (max-width: 768px) {
            .story_list_item {
                min-width: 25%;
            }
            
            .story_list_center {
                width: 85%;
            }
            
            .story_list_left_btn, .story_list_right_btn {
                width: 7.5%;
            }
            
            .story_list_btn {
                width: 40px;
                height: 40px;
            }
            
            .story_list_header h1 {
                font-size: 2rem;
            }
        }
        
        @media (max-width: 576px) {
            .story_list_item {
                min-width: 33.3333%;
            }
            
            .story_list_center {
                width: 80%;
            }
            
            .story_list_left_btn, .story_list_right_btn {
                width: 10%;
            }
            
            .story_list_wrapper {
                height: 260px;
            }
            
            .story_list_header {
                padding: 20px 0 30px;
            }
            
            .story_list_header h1 {
                font-size: 1.8rem;
            }
        }
        
        @media (max-width: 400px) {
            .story_list_item {
                min-width: 50%;
            }
            
            .story_list_year {
                font-size: 1.3rem;
            }
        }
        
        .story_list_footer {
            text-align: center;
            margin-top: 40px;
            color: #777;
            font-size: 0.9rem;
        }
		
/* ————————————————————————————内页图片列表有放大—————————————————————————— */  	
		
       @keyframes gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        .piclist-container {

            margin: 0 auto;
            padding: 20px 0;
        }
        
        .piclist-header {
            text-align: center;
            margin-bottom: 40px;
            padding: 20px;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 15px;
            backdrop-filter: blur(5px);
        }
        
        .piclist-header h1 {
            font-size: 3.5rem;
            margin-bottom: 15px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
            background: linear-gradient(to right, #000000, #feb47b);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: shine 3s infinite;
        }
        
        @keyframes shine {
            0% { background-position: -500px; }
            100% { background-position: 500px; }
        }
        
        .piclist-header p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
            color: #e0e0ff;
        }
        
        .piclist-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
        }
        
        .piclist-item {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 0px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(0, 0, 0, 0.05);
        }
        
        .piclist-item:hover {
            transform: translateY(-1px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        }
        
        .piclist-img-container {
            position: relative;
            width: 100%;
            height-------------: 250px;
            overflow--------------: hidden;
            cursor: pointer;
        }
        
        .piclist-img {
            width: 100%;
            height-: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .piclist-item:hover .piclist-img {
            transform: scale(1.05);
        }
        
        .piclist-img-container::after {
            content: "\f00e";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0);
            color: white;
            font-size: 2.5rem;
            opacity: 0;
            text-shadow: 0 0 15px rgba(0,0,0,0.7);
            transition: all 0.3s ease;
            z-index: 2;
            pointer-events: none; /* 允许点击穿透 */
        }
        
        .piclist-item:hover .piclist-img-container::after {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
        
        .piclist-content {
            padding: 20px;
            text-align: center;
        }
        
        .piclist-title {
            font-size: 1rem;
			font-weight:400;
            margin-bottom: 15px;
            transition: color 0.3s ease;
        }
        
        .piclist-title a {
            color: #333333;
            text-decoration: none;
            transition: color 0.3s ease;
            cursor: pointer;
        }
        
        .piclist-title a:hover {
            color: #000000;
        }
        
        .piclist-btn {
            display: inline-block;
            padding: 10px 25px;
            background: linear-gradient(to right, #0a4387, #0a4387);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            cursor: pointer;
        }
        
        .piclist-btn:hover {
            transform: translateY(-3px);
			color: white;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
            background: linear-gradient(to right, #0a4387, #0a4387);
        }
        
        /* Lightbox Styles */
        .piclist-lightbox {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.95);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.5s ease;
        }
        
        .piclist-lightbox.active {
            opacity: 1;
            pointer-events: all;
        }
        
        .piclist-lightbox-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
            transform: scale(0.8);
            transition: transform 0.5s ease;
        }
        
        .piclist-lightbox.active .piclist-lightbox-content {
            transform: scale(1);
        }
        
        .piclist-lightbox-img {
            max-width: 100%;
            max-height: 90vh;
            border-radius: 0px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
        }
        
        .piclist-lightbox-close {
            position: absolute;
            top: -40px;
            right: -40px;
            width: 45px;
            height: 45px;
            background: #ffffff;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #333333;
            font-size: 1.8rem;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(255, 107, 74, 0.4);
        }
        
        .piclist-lightbox-close:hover {
            background: #ffffff;
            transform: rotate(90deg);
        }
        
        /* 图片信息 */
        .piclist-lightbox-info {
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 100%;
            text-align: center;
            color: white;
            padding: 15px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 0 0 10px 10px;
        }
        
        /* 导航按钮 */
        .piclist-lightbox-nav {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
            transform: translateY(-50%);
            pointer-events: none;
        }
        
        .piclist-lightbox-prev,
        .piclist-lightbox-next {
            background: rgba(255, 255, 255, 0.9);
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #333333;
            font-size: 1.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
            pointer-events: auto;
        }
        
        .piclist-lightbox-prev:hover,
        .piclist-lightbox-next:hover {
			color: #000000;
            background: rgba(255, 255, 255, 0.99);
        }
        
        /* Responsive Styles */
        @media (max-width: 1200px) {
            .piclist-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        @media (max-width: 900px) {
            .piclist-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .piclist-header h1 {
                font-size: 3rem;
            }
        }
        
        @media (max-width: 600px) {
            .piclist-grid {
                grid-template-columns: 1fr;
            }
            
            .piclist-header h1 {
                font-size: 2.2rem;
            }
            
            .piclist-header p {
                font-size: 1rem;
            }
            
            .piclist-lightbox-close {
                top: -60px;
                right: 0;
            }
        }
        
        .piclist-footer {
            text-align: center;
            margin-top: 50px;
            padding: 20px;
            color: rgba(255, 255, 255, 0.7);
            font-size: 1.1rem;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 15px;
            backdrop-filter: blur(5px);
        }
        
        
        @keyframes loader {
            to {
                transform: translateY(-15px);
                background: #feb47b;
            }
        }
        
        /* 所有可点击元素添加手形光标 */
        a, .piclist-btn, .piclist-lightbox-close, 
        .piclist-img-container, .piclist-lightbox-prev, 
        .piclist-lightbox-next {
            cursor: pointer;
        }
		
/* ————————————————————————————内页产品分类左右交换————————————————————————— */  

        
        /* 产品列表样式 - 前缀pro_list */
        .pro_list {
            display: grid;
            grid-template-columns: 1fr;
            gap: 50px;
        }
        
        .pro_list-item {
            display: flex;
            background: #f2f2f2;
            border-radius: 0px;
            overflow: hidden;
            box-shadow-: 0 12px 35px rgba(0, 0, 0, 0.1);
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        
        .pro_list-item:hover {
            transform: translateY(0px);
            box-shadow: 0 8px 45px rgba(0, 0, 0, 0.10);
        }
        
        /* 左侧图片区域 */
        .pro_list-image {
            flex: 0 0 50%;
            position: relative;
            overflow: hidden;
            aspect-ratio: 2/1;
        }
        
        .pro_list-image a {
            display: block;
            width: 100%;
            height: 100%;
        }
        
        .pro_list-image img {
            width: 100%;
            height: 100%;
			aspect-ratio--: 1/1;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        
        .pro_list-item:hover .pro_list-image img {
            transform: scale(1.03);
        }
        
        /* 右侧内容区域 */
        .pro_list-content {
            flex: 1;
            padding: 35px;
            background-color: #f2f2f2;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        
        .pro_list-title {
            font-size: 1.9rem;
            color: #2c3e50;
            margin-bottom: 18px;
            font-weight: 500;
            line-height: 1.3;
        }
        
        .pro_list-description {
            color: #5a6b7c;
            line-height: 1.8;
            margin-bottom: 28px;
            flex-grow: 1;
            font-size: 1rem;
        }
        
        /* 按钮样式 */
        .pro_list-button {
            display: inline-block;
            padding: 10px 30px;
            color: #0a4387;
            background-color: transparent;
            border:1px solid #0a4387;
            border-radius: 35px;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.4s ease;
            margin-top: 20px;
			margin-bottom: 28px;
            width: fit-content;
            letter-spacing: 0.5px;
        }
        
        .pro_list-button:hover {
            background-color: #0a4387;
            color: white;
            transform: translateY(-4px);
            box-shadow: 0 7px 18px rgba(41, 128, 185, 0.35);
        }
        
        /* 图标区域 - 左对齐 */
        .pro_list-icons {
            display: flex;
            gap: 25px;
            justify-content: flex-start; /* 左对齐 */
        }
        
        .pro_list-icon-item {
            text-align: center;
        }
        
        .pro_list-icon-link {
            display: block;
            text-decoration: none;
        }
        
        .pro_list-icon-container {
            width: 50px;
            height: 50px;
            background: #b3b3b4;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 12px;
            transition: all 0.35s ease;
        }
        
        .pro_list-icon-link:hover .pro_list-icon-container {
            background: #0a4387;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
        }
        
        .pro_list-icon {
            font-size: 24px;
            color: white;
        }
        
        .pro_list-icon-title {
            color: #333333;
            font-size: 0.95rem;
            font-weight: 500;
            transition: color 0.3s ease;
        }
        
        .pro_list-icon-link:hover .pro_list-icon-title {
            color: #0a4387;
        }
        
        /* 响应式设计 */
        @media (max-width: 1024px) {
            .pro_list-item {
                flex-direction: column;
            }
            
            .pro_list-image {
                flex: 0 0 auto;
            }
            
            .pro_list-content {
                padding: 30px;
            }
            
            .pro_list-title {
                font-size: 1.7rem;
            }
        }
        
        @media (max-width: 768px) {
            .pro_list-icons {
                flex-wrap: wrap;
                gap: 20px;
            }
            
            .pro_list-icon-item {
                flex: 0 0 calc(50% - 10px);
            }
            
            .pro_list-content {
                padding: 25px;
            }
        }
        
        @media (max-width: 480px) {
            
            .pro_list-content {
                padding: 22px;
            }
            
            .pro_list-title {
                font-size: 1.5rem;
            }
            
            .pro_list-button {
                padding: 11px 28px;
                font-size: 0.95rem;
                margin-bottom: 25px;
            }
            
            .pro_list-icons {
                gap: 15px;
            }
            
            .pro_list-icon-container {
                width: 55px;
                height: 55px;
            }
        }  
        
        .highlight {
            color: #3498db;
            font-weight: 600;
        }
		
/* ————————————————————————————内页产品分左产品菜单有12级———————————————————————— */  

        .pro_type_container {
        
            margin: 0 auto;
            background: white;
            border-radius: 0px;
            box-shadow-: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        .pro_type_content {
            display: flex;
            min-height: 500px;
        }
        
        .pro_type_left {
            width: 23%;
            background-: #f8fafc;
            border-right: 0px solid #e2e8f0;
            padding: 20px 0;
        }
        
        .pro_type_right {
            width: 77%;
            padding: 30px;
            background: #ffffff;
        }
        
        .pro_type_title {
            font-size: 2rem;
            font-weight: 400;
            color: #333333;
            padding: 0 0px 5px;
            margin-bottom: 15px;
            border-bottom: 0px solid #0a4387;
        }
        
        .pro_type_menu {
            list-style: none;
        }
        
        .pro_type_menu_item {
            position: relative;
            border-bottom: 1px solid #e2e8f0;
        }
        
        .pro_type_menu_link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 18px 20px;
            background: white;
			
            color: #333333;
            font-weight: 500;
            font-size: 1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
        }
        
        .pro_type_menu_link:hover, 
        .pro_type_menu_item.active .pro_type_menu_link {
            background: #0a4387;
            color: white;
			border-radius: 10px;
            border-left-color-: #ffcc00;
        }
        
        .pro_type_arrow {
            transition: transform 0.3s ease;
        }
		
		        
        .pro_type_arrow i {
          font-size: 12px;
        }
        
        .pro_type_menu_item.active .pro_type_arrow {
            transform: rotate(90deg);
            color: white;
        }
        
        .pro_type_menu_link:hover .pro_type_arrow {
            color: white;
        }
        
        .pro_type_submenu {
            list-style: none;
            padding: 0;
            background-: #f1f5f9;
            display: none;
        }
        
        .pro_type_menu_item.active .pro_type_submenu {
            display: block;
        }
        
        .pro_type_subitem {
            padding: 12px 20px 12px 45px;
            position: relative;
            border-bottom: 1px solid #f5f5f5;
            transition: all 0.2s ease;
        }
        
        .pro_type_subitem:last-child {
            border-bottom: none;
        }
        
        .pro_type_subitem:before {
            content: "";
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 8px;
            height: 8px;
            background: #94a3b8;
            border-radius: 2px;
            transition: all 0.2s ease;
        }
        
        .pro_type_subitem_link {
            text-decoration: none;
            color: #64748b;
            font-size: 0.95rem;
            display: block;
            transition: all 0.2s ease;
        }
        
        .pro_type_subitem:hover, 
        .pro_type_subitem.active {
            background: #e6f0ff;
        }
        
        .pro_type_subitem:hover .pro_type_subitem_link, 
        .pro_type_subitem.active .pro_type_subitem_link {
            color: #0a4387;
        }
        
        .pro_type_subitem:hover:before, 
        .pro_type_subitem.active:before {
            background: #0a4387;
        }
        
        .pro_type_right_title {
            color: #1e3a8a;
            font-size: 1.8rem;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid #e2e8f0;
        }
        
        .pro_type_right_content {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .pro_type_card {
            background: white;
            border-radius: 5px;
			border:#eeeeee solid 1px;
            box-shadow-: 0 4px 12px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            width: calc(33.333% - 15px);
            transition: all 0.3s ease;
        }
        
        .pro_type_card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(26, 109, 204, 0.05);
        }
        
        .pro_type_card_img {
            height: 300px;
            background: linear-gradient(120deg, #0a4387, #3b82f6);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 3rem;
        }
        
        .pro_type_card_content {
            padding: 20px;
        }
        
        .pro_type_card_title {
            font-size: 1rem;
            margin-bottom: 10px;
			font-weight:400;
            color: #333333;
			text-align:center;
        }
        
        .pro_type_card_desc {
            color: #64748b;
            font-size: 0.95rem;
            line-height: 1.6;
        }
        
        /* 平板设备适配 */
        @media (max-width: 992px) {
            .pro_type_content {
                flex-direction: column;
            }
            
            .pro_type_left, 
            .pro_type_right {
                width: 100%;
            }
            
            .pro_type_left {
                border-right: none;
                border-bottom: 1px solid #e2e8f0;
            }
            
            .pro_type_card {
                width: calc(50% - 10px);
            }
        }
        
        /* 移动设备适配 */
        @media (max-width: 768px) {
            .pro_type_header {
                padding: 15px;
            }
            
            .pro_type_header h1 {
                font-size: 1.8rem;
            }
                    .pro_type_content {
            display: flex;
      
        }
          .pro_type_card {
           aspect-ratio: 2 / 1;
          }
			        
            .pro_type_title {
                font-size: 1.5rem; margin: 20px 0px;
            }
            
            .pro_type_menu_link {
                padding: 12px 15px;
                font-size: 1rem;
            }
            
            .pro_type_subitem {
                padding: 10px 15px 10px 40px;
            }
        }
        
        .pro_type_highlight {
            color: #0a4387;
            font-weight: 600;
        }
/* ————————————————————————————产品内容————————————————————————— */  

        .pro_view_container {
            background: white;
            overflow: hidden;
            margin: 20px auto;
        }

        /* 上下部分分隔线 */
        .pro_view_divider {
            height: 1px;
            background: #e0e0e0;
            width: 100%;
            margin: 20px 0;
        }

        /* 上部分整体样式 */
        .pro_view_upper {
            display: flex;
            padding: 30px;
            gap: 30px;
        }

        /* 左侧图片区域 */
        .pro_view_image_container {
            flex: 0 0 40%;
            position: relative;
            overflow: hidden;
            border-radius: 0px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.01);
        }

        /* 1:1 正方形图片 */
        .pro_view_image {
            width: 100%;
			border:#dddddd 1px solid;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 20px;
            font-weight: bold;
        }

        /* 右侧内容区域 */
        .pro_view_content {
            flex: 0 0 60%;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* 蓝色按钮 */
        .pro_view_btn_primary {
            background: #0a4387;
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            align-self: flex-start;
        }

        .pro_view_btn_primary:hover {
            background: #1d4ed8;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(37, 99, 235, 0.3);
        }

        /* 大标题 */
        .pro_view_title {
            font-size: 30px;
            font-weight: 500;
            color: #222222;
            margin-top: 10px;
        }

        /* 联系方式容器 */
        .pro_view_contact {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-top: 10px;
        }

        .pro_view_contact_item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 15px;
			line-height:1.8;
            color: #3333333;
        }

        .pro_view_contact_icon {
            color: #333333;
            font-size: 18px;
            width: 24px;
            text-align: center;
        }

        /* 底部按钮容器 */
        .pro_view_action_btns {
            display: flex;
            gap: 15px;
            margin-top: 20px;
			width:50%
        }

        /* 灰色按钮 */
        .pro_view_btn_secondary {
            display: flex;
            align-items: center;
            gap: 8px;
            background: #f1f5f9;
            color: #334155;
            border: none;
            padding: 15px 20px;
            border-radius: 6px;
            font-weight: 500;
            font-size: 16px;
			
            cursor: pointer;
            transition: all 0.3s ease;
            flex: 1;
        }

        .pro_view_btn_secondary:hover {
            background: #e2e8f0;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        /* 下部分样式 */
        .pro_view_lower {
            padding: 0 30px 30px;
        }

        /* 参数标题 */
        .pro_view_param_title {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 24px;
            font-weight: 600;
            color: #1e293b;
            margin-bottom: 15px;
        }

        .pro_view_param_icon {
            color: #0a4387;
            font-size: 30px;
        }

        /* 描述文字 */
        .pro_view_description {
            font-size: 17px;
            line-height: 2;
            color: #475569;
            padding: 10px 0;
        }

        /* 响应式设计 - 平板和移动端 */
        @media (max-width: 900px) {
            .pro_view_upper {
                flex-direction: column;
                padding: 25px;
            }

            .pro_view_image_container {
                flex: 0 0 auto;
                width: 100%;
                max-width: 400px;
                margin: 0 auto;
            }

            .pro_view_content {
                flex: 0 0 auto;
                width: 100%;
            }

            .pro_view_title {
                font-size: 28px;
            }
        }

        @media (max-width: 600px) {
            .pro_view_upper {
                padding: 20px;
            }

            .pro_view_lower {
                padding: 0 20px 20px;
            }

            .pro_view_action_btns {
                flex-direction: column;
            }

            .pro_view_btn_secondary {
                width: 100%;
            }

            .pro_view_title {
                font-size: 24px;
            }

            .pro_view_param_title {
                font-size: 20px;
            }
        }

/* ————————————————————————————3个圆形———————————————————————— */  

        
        /* 带tag前缀的容器样式 */
        .tag-container {
            display: flex;
            justify-content: left;
            flex-wrap: wrap;
            gap: 30px;
            padding: 20px 0;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 20px;

        }
        
        /* 带tag前缀的单个项目样式 */
        .tag-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            transition: transform 0.3s ease;
        }
        
        .tag-item:hover {
            transform: translateY(-3px);
        }
        
        /* 带tag前缀的圆形样式 */
        .tag-circle {
            width: 70px;
            height: 70px;
            background-color: #e0e0e0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease;
      
        }
        
        .tag-item:hover .tag-circle {
            background-color: #0a4387;
        }
        
  /* 带tag前缀的图标样式 */
.tag-icon {
    width: 40px;
    height: 40px;
}

.tag-item:hover .tag-icon {
filter: brightness(0) invert(1);
}
        
        /* 带tag前缀的标题样式 */
        .tag-title {
            margin-top: 20px;
            font-size: 1rem;
            font-weight: 500;
            color: #333;
            text-align: center;
            transition: color 0.3s ease;
            max-width: 180px;
        }
        
        .tag-item:hover .tag-title {
            color: #0a4387;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .tag-container {
                flex-direction: row;
                align-items: center;
            }
            
            .header h1 {
                font-size: 1rem;
            }
            
            .tag-circle {
                width: 60px;
                height: 60px;
            }
            
            .tag-icon {
                width: 40px;
                height: 40px;
            }
        }
        
 

/* ————————————————————————————主要左右：左产品菜单+右—————————————————————————— */  

        .product-container {
            margin: 0 auto;
            background-color: white;
            border-radius: 8px;
            box-shadow-: 0 10px 30px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            display: flex;
            flex-direction: row;
  
        }
        
        /* 左侧区域样式 */
        .product-left {
            flex: 0 0 25%;
            background: linear-gradient(to bottom, #ffffff 0%, #f8fafc 100%);
            padding: 25px;
            border-right: 0px solid #eaeef5;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        
        .product-section {
            background: white;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
            padding: 0px;
        }
        
        .product-section-title {
            font-size: 22px;
            font-weight: 700;
            color: #1a365d;
            margin-bottom: 12px;
        }
        
        .product-divider {
            height: 1px;
            background: linear-gradient(to right, transparent 0%, #eeeeee 10%, #eeeeee 90%, transparent 100%);
            margin: 0 0 18px;
        }
        
        /* 搜索区域样式 */
        .product-search-container {
            display: flex;
            gap: 0px;
        }
        
        .product-search-input {
            flex: 1;
            padding: 14px 18px;
            border: 1px solid #eeeeee;
            border-radius: 0px;
            font-size: 16px;
            transition: all 0.3s ease;
        }
        
        .product-search-input:focus {
            border-color: #0a4387;
            box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.2);
            outline: none;
        }
        
        .product-search-btn {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #0a4387 0%, #3182ce 100%);
            border: none;
            border-radius: 0px;
            color: white;
            font-size: 18px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .product-search-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(66, 153, 225, 0.3);
        }
        
        /* 分类菜单样式 */
        .product-category-item {
            display: flex;
            align-items: center;
            padding: 10px 10px;
            border-radius: 5px;
            margin-bottom: 0px;
            position: relative;
			border:#eeeeee 1px solid
        }
        
        .product-category-link {
            display: flex;
            align-items: center;
            flex: 1;
            text-decoration: none;
            color: inherit;
            transition: all 0.3s ease;
        }
        
        .product-category-item:hover {
            background-color: #f1f8ff;
        }
        
        .product-category-item:hover .product-category-link {
            color: #3182ce;
        }
        
        .product-category-item.active {
            background-color: #ebf8ff;
        }
        
        .product-category-item.active .product-category-link {
            color: #3182ce;
        }
        
        .product-category-icon {
            width: 36px;
            height: 36px;
            border-radius: 8px;
            object-fit: cover;
            margin-right: 15px;
            transition: all 0.3s ease;
            background: linear-gradient(45deg, #e6f7ff, #d1e8ff);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #3182ce;
            font-size: 18px;
        }
           .product-category-icon img{
            width: 36px;
            height: 36px;          
            object-fit: cover;
        }
        .product-category-item:hover .product-category-icon {
            transform: scale(1.1);
            filter: brightness(0.9);
        }
        
        .product-category-text {
            flex: 1;
            font-size: 16px;
            font-weight: 500;
            color: #2d3748;
            transition: color 0.3s ease;
        }
        
        .product-category-arrow {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #a0aec0;
            transition: all 0.3s ease;
            cursor: pointer;
            margin-left: 10px;
            z-index: 2;
        }
        
        .product-category-item.active .product-category-arrow {
            color: #0a4387;
            transform: rotate(90deg);
        }
        
        /* 二级菜单样式 */
        .product-subcategories {
            padding-left: 0px;
            max-height: 0;
			margin-bottom: 10px;
            overflow: hidden;
            transition: max-height 0.4s ease;
        }
        
        .product-subcategories.expanded {
            max-height: 300px;
        }
        
        .product-subcategory {
            padding: 10px 0;
            font-size: 14px;
            color: #333333;
            display: block;
            text-decoration: none;
            border-radius: 6px;
            padding-left: 15px;
            margin-bottom: 3px;
            transition: all 0.3s ease;
        }
        
        .product-subcategory:hover, 
        .product-subcategory.active {
            background-color: #f9f9f9;
            color: #0a4387;
			font-weight:600px;
        }
        
        /* 推荐产品样式 */
        .product-item {
            display: flex;
            align-items: center;
            padding: 10px 10px;
            border-radius: 5px;
            margin-bottom: 8px;
            text-decoration: none;
            transition: all 0.3s ease;
			border:#eeeeee 1px solid
        }
        
        .product-item:hover {
            background-color: #f1f8ff;
        }
        
        .product-item:hover .product-item-text {
            color: #3182ce;
        }
        
        .product-item-icon {
            width:50px;
            height: 50px;
            border-radius: 0px;
            
            margin-right: 0px;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

		
        .product-item:hover .product-item-icon {
            transform: scale(1.1);
            filter: brightness(0.9);
        }
        
        .product-item-text {
            flex: 1;
            font-size: 16px;
            font-weight: 500;
            color: #2d3748;
            transition: color 0.3s ease;
        }
        
        /* 右侧区域样式 */
        .product-right {
            flex: 0 0 75%;
            display: flex;
            flex-direction: column;
        }
        
        .product-breadcrumb {
            background: linear-gradient(90deg, #f7fafc 0%, #edf2f7 100%);
            padding: 18px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #eeeeee;
        }
        
        .product-location {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 16px;
            color: #4a5568;
        }
        
        .product-location-icon {
            width: 36px;
            height: 36px;
            background-: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0a4387;
        }
        
        .product-home-btn {
            padding: 10px 24px;
            background: transparent;
            border: 1px solid #cbd5e0;
            border-radius: 10px;
            color: #4a5568;
            font-size: 15px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .product-home-btn:hover {
            background-color: white;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            transform: translateY(-2px);
            border-color: #a0aec0;
        }
        
        .product-content {
            padding: 35px 0;
            flex: 1;
            overflow-y: auto;
        }
        
        .product-content-title {
            font-size: 32px;
            font-weight: 700;
            color: #1a365d;
            margin-bottom: 25px;
            position: relative;
        }
        
        .product-content-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #4299e1, #63b3ed);
            border-radius: 2px;
        }
        
        .product-description {
            font-size: 18px;
            line-height: 1.8;
            color: #4a5568;
            margin-bottom: 30px;
        }
        
        .product-highlight {
            background-color: #ebf8ff;
            border-left: 4px solid #4299e1;
            padding: 20px;
            border-radius: 0 8px 8px 0;
            margin: 25px 0;
        }

        
        /* 响应式设计 */
        @media (max-width: 1024px) {
            .product-container {
                flex-direction: column;
            }
            
            .product-left {
                width: 100%;
                border-right: none;
                border-bottom: 1px solid #eaeef5;
            }
             .product-top {
                display: none;
            } 
            .product-middle, .product-bottom {
                display: none;
            }
            
            .product-breadcrumb {
                display: none;
            }
            
            .product-right {
                width: 100%;
            }
        }
        
        @media (max-width: 768px) {
            .product-content {
                padding: 25px 20px;
            }
        }
        
        /* 动画效果 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .product-section {
            animation: fadeIn 0.5s ease-out forwards;
        }
        
        .product-section:nth-child(2) {
            animation-delay: 0.1s;
        }
        
        .product-section:nth-child(3) {
            animation-delay: 0.2s;
        }
        
        .mobile-menu-toggle {
            display: none;
            background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            margin-bottom: 15px;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }
        
        @media (max-width: 1024px) {
            .mobile-menu-toggle {
                display: flex;
            }
            
            .product-top {
                display: block;
            }
            
            .product-middle, .product-bottom {
                display: none;
            }
            
            .product-middle.active, .product-bottom.active {
                display: block;
            }
        }

/* ————————————————————————————内页产品列表所有网站通用—————————————————————————— */  

        .product_list-container {
            margin: 0 auto;
            padding: 0px 0px 30px 0px;
        }
        .product_list-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
        }
        
        .product_list-item {
            background: white;
            border: 1px 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;
          
            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);
            filter: brightness(0.95);
        }
        
		    .product_list-img0-container {
            width: 100%;

            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;
			padding:0 10px;
            font-weight: 500;
            transition: color 0.3s;
        }
        
        .product_list-item:hover .product_list-title {
            color: #0a4387;
        }
        
        .product_list-line {
            width: 60px;
            height: 0px;
            background: #0a4387;
            margin: 0 auto 20px;
            border-radius: 2px;
        }
        
        .product_list-button {
            display: inline-block;
            background: #0a4387;
            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; }
/* ————————————————————————————内页方案列表—————————————————————————— */  
        .method-container {
            margin: 0 auto;
            padding: 20px 0;
        }

        
        /* 行样式 */
        .method-row {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 0px;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            background: #fff;
            transition: transform 0.3s ease;
        }
        
        .method-row:hover {
            transform: translateY(0px);
        }
        
        /* 图片容器 */
        .method-row-img {
            flex: 0 0 50%;
            overflow: hidden;
            position: relative;
        }
        
        .method-row-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
            aspect-ratio-: 6/3.6;
        }
        
        .method-row-img:hover img {
            transform: scale(1.05);
        }
        
        /* 内容容器 */
        .method-row-content {
            flex: 0 0 50%;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        /* 蓝色短横 */
        .method-divider {
            width: 40px;
            height: 6px;
            background: #0a4387;
            margin-bottom: 25px;
        }
        
        /* 标题样式 */
        .method-title {
            font-size: 2.4rem;
            font-weight: 400;
            color: #0a4387;
            margin-bottom: 20px;
            line-height: 1.2;
        }
		
		    .method-title a {
            color: #0a4387;        }
        
        /* 描述样式 */
        .method-description {
            font-size: 1rem;
            color: #555;
            margin-bottom: 30px;
            line-height: 1.8;
        }
           .method-description a {
            color: #999;
        }
		
        /* 按钮样式 */
        .method-btn {
            display: inline-block;
            padding: 10px 20px;
            color: #0a4387;
            border: 1px solid #0a4387;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 400;
            transition: all 0.3s ease;
            max-width: 120px;
            text-align: center;
            position: relative;
            overflow: hidden;
            background: transparent;
        }
        
        .method-btn:hover {
            color: white;
            background: #0a4387;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);
        }
        
        .method-btn::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 5px;
            height: 5px;
            background: rgba(255, 255, 255, 0.5);
            opacity: 0;
            border-radius: 100%;
            transform: scale(1, 1) translate(-50%);
            transform-origin: 50% 50%;
        }
        
        .method-btn:hover::after {
            animation: method-ripple 0.6s ease-out;
        }
        
        @keyframes method-ripple {
            0% {
                transform: scale(0, 0);
                opacity: 1;
            }
            100% {
                transform: scale(20, 20);
                opacity: 0;
            }
        }
        
        /* 偶数行 - 图片在右侧 */
        .method-row:nth-child(even) .method-row-img {
            order: 2;
        }
        
        .method-row:nth-child(even) .method-row-content {
            order: 1;
        }
        
        /* 响应式设计 - 平板 */
        @media (max-width: 992px) {
            .method-row-content {
                padding: 30px;
            }
            
			 .method-row-img {
                height: 100%;
          
            }
            .method-title {
                font-size: 1.8rem;
            }
        }
        
        /* 响应式设计 - 移动设备 */
        @media (max-width: 768px) {
            .method-row-img,
            .method-row-content {
                flex: 0 0 100%;
            }
            
            .method-row-img {
                height: 100%;
                order: 1 !important;
            }
            
            .method-row-content {
                order: 2 !important;
                padding: 25px;
            }
            
            .method-row {
                margin-bottom: 40px;
            }
            
            .method-section-title h2 {
                font-size: 2rem;
            }
            
            .method-title {
                font-size: 1.7rem;
            }
        }
        
        @media (max-width: 480px) {
            .method-row-img {
                height: 100%;
            }
            
            .method-title {
                font-size: 1.5rem;
            }
            
            .method-description {
                font-size: 1rem;
            }
            
            .method-section-title h2 {
                font-size: 1.8rem;
            }
        }
		
/* ————————————————————————————内页方案内容—————————————————————————— */  		
		
	        .method_v-container {
            margin: 0 auto;
            padding: 20px 0;
        }
        
        /* 上部样式 */
        .method_v-header {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 40px;
            gap: 30px;
        }
        
        .method_v-header-left, 
        .method_v-header-right {
            flex: 1 1 45%;
            min-width: 300px;
        }
        
        /* 左侧图片容器 */
        .method_v-image-container {
            position: relative;
            width: 100%;
            padding-top: 66.67%; /* 6:4 比例 */
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        
        .method_v-image-container:hover {
            transform: translateY(0px);
        }
        
        .method_v-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            background-color: #e9ecef;
        }
        
        /* 右侧上部样式 */
        .method_v-header-right-top {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
        }
        
        .method_v-icon {
            width: 80px;
            height: 80px;
            margin-right: 15px;
            background-color-: #e9ecef;
            border-radius: 0%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #495057;
            font-size: 20px;
        }
        
        .method_v-title {
            font-size: 2.2rem;
            font-weight: 700;
            color: #212529;
        }
        
        /* 右侧下部样式 */
        .method_v-description-box {
            background-color: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 0px;
            padding: 35px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }
        
        .method_v-description-box:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            border-color: #dee2e6;
        }
        
        .method_v-description {
            font-size: 1.2rem;
            color: #495057;
            line-height: 2;
        }
        
        /* 中部样式 */
        .method_v-divider {
            height: 1px;
            background-color: #dee2e6;
            margin: 40px 0;
            position: relative;
        }
        
        .method_v-divider::after {
            content: '';
            position: absolute;
            top: -5px;
            left: 50%;
            transform: translateX(-50%);
            width: 0px;
            height: 0px;
            background-color: #6c757d;
            border-radius: 50%;
        }
        
        /* 下部样式 */
        .method_v-footer {
            background-: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border-radius: 0px;
            padding: 40px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.01);
        }
        
        .method_v-footer-title {
            font-size: 1.8rem;
            margin-bottom: 25px;
            color: #212529;
            text-align: center;
        }
        
        .method_v-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }
        
        .method_v-card {
            background-color: white;
            border-radius: 10px;
            padding: 25px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }
        
        .method_v-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }
        
        .method_v-card-title {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            color: #212529;
            font-size: 1.3rem;
        }
        
        .method_v-card-title i {
            margin-right: 12px;
            color: #6c757d;
        }
        
        .method_v-card-content {
            color: #495057;
            line-height: 1.7;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .method_v-header {
                flex-direction: column;
                gap: 20px;
            }
            
            .method_v-header-left, 
            .method_v-header-right {
                flex: 1 1 100%;
                min-width: 100%;
            }
            
            .method_v-title {
                font-size: 1.8rem;
            }
            
            .method_v-footer {
                padding: 25px;
            }
        }
        
        @media (max-width: 480px) {
            .method_v-container {
                padding: 15px;
            }
            
            .method_v-title {
                font-size: 1.5rem;
            }
            
            .method_v-description-box {
                padding: 20px;
            }
            
            .method_v-footer {
                padding: 20px;
            }
            
            .method_v-card {
                padding: 20px;
            }
        }
        
        /* 链接样式 */
        .method_v-link {
            color: #0d6efd;
            text-decoration: none;
            transition: color 0.3s ease;
            position: relative;
            display: inline-block;
        }
        
        .method_v-link:hover {
            color: #0a58ca;
        }
        
        .method_v-link::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #0d6efd;
            transition: width 0.3s ease;
        }
        
        .method_v-link:hover::after {
            width: 100%;
        }	

/* ————————————————————————————内页方案相关内容—————————————————————————— */ 
        
        .method_relate-header {
            text-align: center;
            margin-bottom: 40px;
     
            color: #333333;
            border-radius: 0px;

        }
        
        .method_relate-header h1 {
            font-size: 2.8rem;
            margin-bottom: 15px;

        }
        
        .method_relate-header p {
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto;
            opacity: 0.9;
        }
        
        .method_relate-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .method_relate-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        
        .method_relate-item {
            display: block;
            text-decoration: none;
            background: white;
            border-radius: 0px;
            overflow: hidden;
            box-shadow-: 0 6px 18px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .method_relate-item:hover {
            transform: translateY(-1px);
   
        }
        
        .method_relate-top {
            background: #f7f7f7;
            padding: 25px;
        }
        
        .method_relate-title {
            font-size: 1.8rem;
            font-weight: 400;
            color: #333333;
            margin-bottom: 15px;
        }
        
        .method_relate-desc {
            font-size: 1.1rem;
            color: #6c757d;
            margin-bottom: 0px;
            min-height: 60px;
        }
        
        .method_relate-plus {
            font-size: 3rem;
            color: #333333;
            font-weight: 500;
 
        }
        
        .method_relate-item:hover .method_relate-plus {
            transform: scale(1.0);
     
        }
        
        .method_relate-bottom {
            height: 250px;
            overflow: hidden;
            position: relative;
        }
        
        .method_relate-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .method_relate-item:hover .method_relate-img {
            transform: scale(1.05);
        }
        
        
        /* 平板设备样式 */
        @media (max-width: 1024px) {
            .method_relate-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 25px;
            }
            
            .method_relate-header h1 {
                font-size: 2.4rem;
            }
        }
        
        /* 移动设备样式 */
        @media (max-width: 768px) {
            .method_relate-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .method_relate-header {
                padding: 20px 15px;
            }
            
            .method_relate-header h1 {
                font-size: 2rem;
            }
            
            .method_relate-bottom {
                height: auto;
                max-height: 300px;
            }
            
            .method_relate-img {
                height: auto;
                max-height: 300px;
                object-fit: contain;
            }
            
            .method_relate-item:hover .method_relate-img {
                transform: none;
            }
        }
        
        /* 小屏幕手机样式 */
        @media (max-width: 480px) {
            .method_relate-header h1 {
                font-size: 1.8rem;
            }
            
            .method_relate-header p {
                font-size: 1rem;
            }
            
            .method_relate-title {
                font-size: 1.5rem;
            }
            
            .method_relate-desc {
                font-size: 1rem;
            }
        }
        
        /* 浏览器兼容性调整 */
        @supports (-webkit-touch-callout: none) {
            .method_relate-item {
                -webkit-backface-visibility: hidden;
            }
        }
        
        @supports (-ms-accelerator:true) {
            .method_relate-item {
                -ms-transform: translateZ(0);
            }
        }



 
 /* ————————————————————————————内页新闻列表—————————————————————————— */         
        .news-container {
 
            margin: 40px auto;
            padding: 50px 0;
        }
        
        
        .news-row {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -15px;
        }
        
        .news-col {
            flex: 0 0 100%;
            max-width: 100%;
            padding: 15px;
        }
        
        .news-item {
            display: block;
            background: white;
            border-radius: 0px;
            overflow: hidden;
            box-shadow---: 0 10px 30px rgba(0, 0, 0, 0.15);
            text-decoration: none;
            color: #333;
            height: 100%;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        
        .news-image-container {
            position: relative;
            overflow: hidden;
            padding-top: 80%; /* 3:1 比例 */
        }
        
        .news-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.4s ease;
        }
        
        .news-content {
            padding: 25px;
            background: #f9f9f9;
        }
        
        .news-title {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 12px;
            line-height: 1.4;
            transition: color 0.3s ease;
        }
        
        .news-date {
            font-size: 0.95rem;
            color: #6c757d;
            display: flex;
            align-items: center;
            transition: color 0.3s ease;
        }
        
        .news-date i {
            margin-right: 8px;
            font-size: 0.9rem;
        }
        
        /* 悬停效果 */
        .news-item:hover {
            transform: translateY(0px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.01);
        }
        
        .news-item:hover .news-image {
            transform: scale(1.08);
        }
        
        .news-item:hover .news-title,
        .news-item:hover .news-date {
            color: #0a4387;
        }
        
        /* 平板端样式 */
        @media (min-width: 768px) {
            .news-col {
                flex: 0 0 50%;
                max-width: 50%;
            }
            
            .news-header h1 {
                font-size: 3.2rem;
            }
        }
        
        /* 桌面端样式 */
        @media (min-width: 992px) {
            .news-col {
                flex: 0 0 33.333333%;
                max-width: 33.333333%;
            }
        }
        
        .news-footer {
            text-align: center;
            margin-top: 40px;
            color: rgba(255, 255, 255, 0.7);
            font-size: 1rem;
        }
        
        .news-footer a {
            color: #fff;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .news-footer a:hover {
            color: #ff8a00;
            text-decoration: underline;
        }
        
        .news-tag {
            position: absolute;
            top: 15px;
            right: 15px;
            background: linear-gradient(to right, #ff8a00, #da1b60);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            z-index: 10;
        }
        
        .news-desc {
            color: #495057;
            margin: 15px 0;
            line-height: 1.6;
            font-size: 0.95rem;
        }

/* ————————————————————————————内页新闻内容—————————————————————————— */  
        .news_view_container {
            margin: 0 auto;
            background: #fff;
            border-radius: 0px;

            padding: 30px;
            position: relative;
            overflow: hidden;
        }
        
        /* 标题 */
        .news_view_title {
            color: #000;
            font-size: 32px;
            text-align: center;
            margin: 20px 0 15px;
            font-weight: 700;
            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: 18px;
            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: #0a4387;
            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: #0a4387;
            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: #0a4387;
            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;
        }
/* ————————————————————————————内页下载———————————————————————————— */
        .down-container {
            width: 100%;
           padding:50px 0;
            margin: 0 auto;
        }
        
        /* 下载列表 - PC端双列 */
        .down-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            list-style: none;
            width: 100%;
        }
        
        .down-item {
            background-color: #ffffff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: 1px solid #eaeff5;
        }
        
        .down-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
        }
        
        .down-link {
            display: flex;
            text-decoration: none;
            color: inherit;
            padding: 22px;
            transition: background-color 0.3s ease;
            height: 100%;
        }
        
        .down-link:hover {
            background-color: #f8fafd;
        }
        
        .down-left {
            display: flex;
            align-items: center;
            flex: 1;
            padding-right: 20px;
        }
        
        .down-icon {
            width: 48px;
            height: 48px;
            background-color: #0a4387;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            transition: all 0.3s ease;
        }
        
        .down-icon i {
            color: white;
            font-size: 25px;
			padding-top:6px;
            transition: all 0.3s ease;
        }
        
        .down-content {
            flex: 1;
            min-width: 0; /* 防止内容溢出 */
        }
        
        .down-title {
            font-size: 18px;
            font-weight: 600;
            color: #222222;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .down-file-info {
            font-size: 14px;
            color: #999999;
            margin-top: 8px;
            display: flex;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .down-file-size {
            margin-left: 15px;
            position: relative;
        }
        
        .down-file-size::before {
            content: "•";
            margin-right: 15px;
        }
        
        .down-right {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .down-download {
            width: 48px;
            height: 48px;
            background-color: #f0f5ff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .down-download i {
            color: #7f8c8d;
            font-size: 24px;
			padding-top:5px;
            transition: all 0.3s ease;
        }
        
        /* 鼠标悬停效果 */
        .down-link:hover .down-title {
            color: #0a4387;
        }
        
        .down-link:hover .down-icon {
            background-color: #0a4387;
            transform: rotate(0deg);
        }
        
        .down-link:hover .down-icon i {
            transform: scale(1);
        }
        
        .down-link:hover .down-download {
            background-color: #0a4387;
            transform: scale(1.1);
        }
        
        .down-link:hover .down-download i {
            color: white;
            transform: translateY(0px);
        }
        
        /* 响应式设计 - 平板和移动端 */
        @media (max-width: 992px) {
            .down-list {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            .down-link {
                padding: 18px;
            }
            
            .down-icon, .down-download {
                width: 42px;
                height: 42px;
            }
            
            .down-title {
                font-size: 17px;
            }
        }
        
        @media (max-width: 768px) {
            .down-list {
                grid-template-columns: 1fr; /* 移动端单列 */
                gap: 15px;
            }
        }
        
        @media (max-width: 576px) {
            .down-link {
                padding: 16px;
            }
            
            .down-icon, .down-download {
                width: 40px;
                height: 40px;
            }
            
            .down-icon {
                margin-right: 15px;
            }
            
            .down-title {
                font-size: 16px;
            }
            
            .down-file-info {
                font-size: 13px;
            }
        }
        
        /* 动画效果 */
        @keyframes down-fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .down-item {
            animation: down-fadeIn 0.5s ease-out forwards;
            opacity: 0;
        }
        
        .down-item:nth-child(1) { animation-delay: 0.1s; }
        .down-item:nth-child(2) { animation-delay: 0.2s; }
        .down-item:nth-child(3) { animation-delay: 0.3s; }
        .down-item:nth-child(4) { animation-delay: 0.4s; }
        .down-item:nth-child(5) { animation-delay: 0.5s; }
        .down-item:nth-child(6) { animation-delay: 0.6s; }
		
		
/* ————————————————————————————内页人才招聘—————————————————————————— */  		
        .job_list-header {
            text-align: center;
            margin-bottom: 40px;
            padding: 20px 0;
        }
        
        .job_list-header h1 {
            font-size: 2.5rem;
            color: #333333;
			font-weight:400;
            margin-bottom: 10px;
			 margin-top: 50px;
        }
        
        .job_list-header p {
            font-size: 1rem;
            color: #999999;
			 padding: 30px 0;
			 line-height:2;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .job_list-container {
    
            margin: 0 auto;
        }
        
        .job_list-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
            gap: 25px;
            margin-bottom: 40px;
        }
        
        .job_list-item {
            background-color: #f2f8fa;
            border-radius: 0px;
            overflow: hidden;
            transition: all 0.3s ease;
            cursor: pointer;
            box-shadow-: 0 3px 10px rgba(0, 0, 0, 0.08);
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        
        .job_list-item:hover {
            transform: translateY(0px);
            box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12);
            border: 2px solid #0a4387;
        }
        
        .job_list-top {
            display: flex;
            padding: 30px;
            border-bottom: 1px solid #e0e6eb;
        }
        
        .job_list-img {
            width: 60px;
            height: 60px;
            border-radius: 10px;
            background-color: #e3f2fd;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            flex-shrink: 0;
        }
        
        .job_list-img i {
            font-size: 28px;
            color: #0a4387;
        }
        
        .job_list-info {
            flex: 1;
        }
        
        .job_list-position {
            font-size: 1.2rem;
            font-weight: 400;
            margin-bottom: 15px;
            color: #333333;
        }
        
        .job_list-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            font-size: 0.9rem;
        }
        
        .job_list-meta-item {
            display: flex;
            align-items: center;
            color: #7f8c8d;
        }
        
        .job_list-meta-item i {
            margin-right: 5px;
            color: #666666;
            font-size: 0.9rem;
        }
        
        .job_list-middle {
            padding: 20px;
            flex: 1;
        }
        
        .job_list-desc {
            color: #333; 
			padding: 0px 20px;
            font-size: 1rem;
            line-height: 1.8;
        }
        
        .job_list-bottom {
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 0px solid #e0e6eb;
            background-color-: rgba(52, 152, 219, 0.05);
        }
        
        .job_list-link {
            color: #0a4387;
            font-weight: 500;
            display: flex;
            align-items: center;
            text-decoration: none;
        }
        
        .job_list-link i {
			padding-bottom:10px;
            margin-left: 20px;
			font-size: 1.2em;
            transition: transform 0.3s ease;
        }
        
        .job_list-link:hover i {
            transform: translateX(3px);
        }
        
        .job_list-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }
        
        .job_list-modal-content {
            background-color: white;
            border-radius: 12px;
            width: 90%;
            max-width: 800px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 30px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }
        
        .job_list-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 3.6rem;
            color: #333333;
            cursor: pointer;
            background: none;
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .job_list-modal-close:hover {
            background-color: #f5f5f5;
            color: #333333;
        }
        
        .job_list-modal-title {
            font-size: 1.8rem;
            color: #222222;
            margin-bottom: 20px;
            padding-right: 40px;
        }
        
        .job_list-modal-meta {
            display: flex;
            gap: 25px;
            margin-bottom: 20px;
            flex-wrap: wrap;
        }
        
        .job_list-modal-meta-item {
            display: flex;
            align-items: center;
            color: #555;
            font-size: 1.05rem;
        }
        
        .job_list-modal-meta-item i {
            margin-right: 8px;
            color: #0a4387;
            font-size: 1.1rem;
        }
        
        .job_list-modal-divider {
            height: 1px;
            background-color: #e0e6eb;
            margin: 25px 0;
        }
        
        .job_list-modal-description {
            color: #444;
            line-height: 1.8;
            font-size: 1.05rem;
        }
        
        .job_list-modal-description p {
            margin-bottom: 15px;
        }
        
        .job_list-apply-btn {
            display: inline-block;
            background-color: #0a4387;
            color: white;
            padding: 12px 25px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 500;
            margin-top: 20px;
            transition: background-color 0.3s ease;
        }
        
        .job_list-apply-btn:hover {
            background-color: #2980b9;
        }
        
        @media (max-width: 768px) {
            .job_list-grid {
                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            }
            
            .job_list-header h1 {
                font-size: 2rem;
            }
            
            .job_list-header p {
                font-size: 1rem;
            }
        }
        
        @media (max-width: 480px) {
            .job_list-grid {
                grid-template-columns: 1fr;
            }
            
            .job_list-top {
                padding: 15px;
            }
            
            .job_list-modal-content {
                padding: 20px;
            }
            
            .job_list-modal-title {
                font-size: 1.5rem;
            }
        }
        
        .job_list-footer {
            text-align: center;
            padding: 30px 0;
            color: #7f8c8d;
            font-size: 0.95rem;
        }		
		
/* ————————————————————————————内页联系我们—————————————————————————— */  

        .contact_list_header {
            text-align: left;
            margin: 30px 0 50px;
        }

        .contact_list_header h1 {
            font-size: 2.4rem;
            color: #333333;
            margin-bottom: 15px;
			font-weight:400
 
        }



        .contact_list_header p {
			text-align: left;
            font-size: 1.1rem;
            color: #666666;
       
          
            line-height: 1.6;
        }


        .contact_list_container {
            display: flex;
            gap: 30px;

            width: 100%;
            margin: 0 auto;
        }

        /* 卡片共用样式 */
        .contact_list_card {
            flex: 1;
            background: white;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

        .contact_list_card:hover {
            transform: translateY(-1px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        }

        /* 图片区域 */
        .contact_list_image {
            position: relative;
            width: 100%;
 
            overflow: hidden;
        }

        .contact_list_image::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
        }

        .contact_list_card:nth-child(1) .contact_list_image {
            background: linear-gradient(45deg, #e0e0e0, #e0e0e0);
        }

        .contact_list_card:nth-child(2) .contact_list_image {
            background: linear-gradient(45deg, #e0e0e0, #e0e0e0);
        }

        .contact_list_image i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 5rem;
            color: white;
            opacity: 0.9;
        }

        /* 标题 */
        .contact_list_title {
            font-size: 1.8rem;
            color: var(--primary-blue);
            padding: 25px 25px 15px;
            font-weight: 700;
            transition: color 0.3s;
        }

        .contact_list_card:hover .contact_list_title {
            color: var(--secondary-blue);
        }

        /* 分隔线 */
        .contact_list_divider {
            height: 2px;
            background: var(--light-gray);
            margin: 0 25px;
            position: relative;
        }

        .contact_list_divider::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 60px;
            height: 2px;
            background: var(--primary-blue);
        }

        /* 描述 */
        .contact_list_desc {
            padding: 25px;
            color: var(--text-light);
            line-height: 1.8;
            font-size: 1.05rem;
        }

        .contact_list_desc p {
            margin-bottom: 15px;
        }

        /* 底部信息 */
        .contact_list_info {
            display: flex;
            padding: 0 25px 25px;
            gap: 20px;
        }

        .contact_list_info_item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--dark-gray);
        }

        .contact_list_info_item i {
            color: var(--primary-blue);
        }

        /* 响应式设计 */
        @media (max-width: 900px) {
            .contact_list_container {
                flex-direction: column;
            }
            
            .contact_list_header h1 {
                font-size: 2rem;
            }
            
            .contact_list_title {
                font-size: 1.6rem;
            }
        }

        @media (max-width: 480px) {
            .contact_list_header h1 {
                font-size: 1.8rem;
            }
            
            .contact_list_header p {
                font-size: 1rem;
            }
            
            .contact_list_title {
                font-size: 1.4rem;
                padding: 20px 20px 10px;
            }
            
            .contact_list_desc {
                padding: 20px;
                font-size: 1rem;
            }

            
            .contact_list_info {
                flex-direction: column;
                gap: 12px;
            }
        }