@charset "utf-8";
/* ————————————————————————————首页标题样式1———————————————————————————— */
        .main_title {
			width: 100%;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 60px;
        }        
        .maintitle {
            font-size: 36px;
            font-weight: 500;
            color: #333333;
            margin-bottom: 10px;
            position: relative;
            display: inline-block;
        }        
        .maintitle::after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: #ff6600;
            border-radius: 2px;
        }        
        .subtitle {
            font-size: 16px;
            color: #666666;
            max-width: 600px;
            margin: 20px auto 0;
            line-height: 1.6;
        }
		        
        @media (max-width: 768px) {            
            .maintitle {
                font-size: 36px;
            }            
            .subtitle {
                font-size: 18px;
            }
        }        
        @media (max-width: 576px) {
            .maintitle {
                font-size: 32px;
            }            
            .subtitle {
                font-size: 16px;
            }
        }
		/* ————————————————————————————首页查看更多按钮通用———————————————————————————— */
        .index_more_w {
            margin: 0;
            display: flex;
			text-align:center;
            justify-content: center;
            align-items: center;

    
        }
            .index_more {
            text-align:center;
            padding: 10px 30px;
            border-radius: 50px;
			margin: 20px 0px 40px 0px;  
            border: 1px solid #dd0000;

            color: #dd0000;
            text-decoration: none;
            border-radius: 50px;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            
            /* 移动端适配 */
            font-size: clamp(17px, 3vw, 16px);
            white-space: nowrap;
        }

        /* 悬停动画效果 */
        .index_more:hover {
            background: #dd0000;
            border-color: #dd0000;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(33, 150, 243, 0.3);
        }


        /* 移动端优化 */
        @media (max-width: 480px) {
            .index_more {
                padding: 8px 24px;
                border-radius: 24px;
            }
        }

        /* 点击效果 */
        .index_more:active {
            transform: translateY(1px);
            transition-duration: 0.1s;
        }
/* ————————————————————————————首页banner轮播———————————————————————————— */
        .ibanner_container {
            width: 100%;
         
            margin: 0 auto;
            position: relative;

            overflow: hidden;
        }
        
        .ibanner_slides {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 46.25%; /* 16:9 aspect ratio */
            overflow: hidden;
        }
        
        .ibanner_slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: all 0.8s ease;
            transform: scale(1);
            display: flex;
            align-items: center;
            background-size: cover;
            background-position: center;
        }
        
        .ibanner_slide.active {
            opacity: 1;
            transform: scale(1.01);
            z-index: 2;
        }
        
        .ibanner_content {
            width: 100%;
            max-width: 800px;
            padding: 80px;
            color: white;
            position: relative;
            z-index: 3;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        }
        
        .ibanner_title {
            font-size: 4.5rem;
			font-family: 'fontb', sans-serif;
            font-weight: 600;
            margin-bottom: 20px;
            opacity: 0;
			color: #fff;
			text-shadow:1px 1px 5px #000000;
            transform: translateX(-50px);
            transition: all 0.6s ease 0.2s;
background---: linear-gradient(180deg, #000000 0%, #000000 100%);
background-clip----: text;
-webkit-background-clip---: text;
-webkit-text-fill-color---: transparent;
-webkit-text-stroke---: 1.2px #fff;
line-height---: 1em;

        }
        
        .ibanner_line {
            width: 0;
            height: 3px;
            background: linear-gradient(to right, #f38031, #f38031);
            margin-bottom: 20px;			
            transition: all 0.6s ease 0.5s;
        }
        
        .ibanner_subtitle {
            font-size: 2.5rem;
            font-weight: 500;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease 0.8s;
color: #fff;
text-shadow:1px 1px 2px #000000;

}
    	        
       /* .ibanner_subtitle {
            font-size: 2.5rem;
            font-weight: 500;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease 0.8s;
			
						  background: linear-gradient(180deg, #015bac 0%, #015bac 100%);
  background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

   text-shadow: 0 0.5rem 1rem #dd0000;
  font-weight: 900;    -webkit-text-stroke:0.3px #fff;
  line-height: 1em;
        }*/
		
		
        .ibanner_slide.active .ibanner_title {
            opacity: 1;
            transform: translateX(0);
        }
        
        .ibanner_slide.active .ibanner_line {
            width: 120px;
        }
        
        .ibanner_slide.active .ibanner_subtitle {
            opacity: 1;
            transform: translateY(0);
        }
        
        .ibanner_nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
            z-index: 4;
        }
        
        .ibanner_prev, .ibanner_next {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.3);
            border: 2px solid rgba(255, 255, 255, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .ibanner_prev:hover, .ibanner_next:hover {
            background: rgba(0, 0, 0, 0.6);
            transform: scale(1.1);
        }
        
        .ibanner_prev::after, .ibanner_next::after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            border-top: 2px solid white;
            border-right: 2px solid white;
        }
        
        .ibanner_prev::after {
            transform: rotate(-135deg);
            left: 15px;
        }
        
        .ibanner_next::after {
            transform: rotate(45deg);
            right: 15px;
        }
        
        .ibanner_dots {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 3;
        }
        
        .ibanner_dot {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .ibanner_dot.active {
            background: #cc0000;
            transform: scale(1.1);
        }
        
        .ibanner_dot:hover {
            background: rgba(255, 255, 255, 0.8);
        }
        
        .ibanner_line_bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0px;
            background: linear-gradient(to right, #3498db, #9b59b6, #cc0000);
            z-index: 3;
        }
        
        /* Responsive adjustments */
        @media (max-width: 900px) {
            .ibanner_title {
                font-size: 3.2rem;color: #fff;text-shadow:1px 1px 2px #000000;
            }
            
            .ibanner_subtitle {
                font-size: 1.8rem;color: #fff;text-shadow:1px 1px 2px #000000;
            }
        }
        
        @media (max-width: 768px) {
            .ibanner_prev, .ibanner_next {
                display: none;
            }
            
			
			
			
            .ibanner_title {
                font-size: 3rem;color: #fff;text-shadow:1px 1px 2px #000000;
            }
			
			   .ibanner_subtitle {
                font-size: 2rem;color: #fff;text-shadow:1px 1px 2px #000000;
            }
            
            .ibanner_content {
                padding-top: 100px;
            }
			
			.ibanner_dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }
			
        }
        
        @media (max-width: 480px) {
            .ibanner_title {
                font-size: 2.3rem;font-weight: 500;color: #fff;text-shadow:1px 1px 2px #000000;
            }
            
            .ibanner_subtitle {
                font-size: 1.4rem;color: #fff;text-shadow:1px 1px 2px #000000;
            }
            
            .ibanner_content {
                padding: 20px;
            }
            
            .ibanner_dots {
                bottom: 20px;
            } }
			
        @media (max-width: 320px) {
			
			
			
            .ibanner_title {
                font-size: 1.8rem;color: #fff;
			font-weight: 500;text-shadow:1px 1px 5px #000000;
            margin-bottom: 10px;
            }
            
            .ibanner_subtitle {
                font-size: 1.2rem;color: #fff;text-shadow:1px 1px 5px #000000;
            }
            
            .ibanner_content {
                padding: 20px;
            }
            
            .ibanner_dots {
                bottom: 20px;
            }
        }

/* ————————————————————————————首页产品分类小图标——————————————————————————— */
        .itype_container {
           
            margin: 0 auto;
            padding: 50px 0;
            font-family: Arial, sans-serif;
        }
        
        .itype_grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 50px;
        }
        
        .itype_item {
            text-align: center;
            transition: all 0.3s ease;
        }
        
        .itype_item a {
            text-decoration: none;
            color: inherit;
            display: block;
        }
        
        .itype_image-container {
            width: 100%;
            height: 100%;
            overflow-: hidden;
            margin-bottom: 10px;
        }
        
        .itype_image {
            width: 80%;
            height: 80%;
            object-fit: cover;
            transition: all 0.3s ease;
        }
        
        .itype_title {
            color: #333;
			font-size: 16px;
            font-weight: 500;
            transition: color 0.3s ease;
        }
        
        .itype_item:hover .itype_image {
            transform: scale(1.05) rotate(0deg);
            filter: hue-rotate(300deg) brightness(1.1);

			 filter: invert(16%) sepia(99%) saturate(7404%) hue-rotate(4deg) brightness(97%) contrast(118%);


        }
        
        .itype_item:hover .itype_title {
            color: #cc0000;
        }
        
        @media (max-width: 1024px) {
            .itype_grid {
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: repeat(4, auto);
            }
			
		        .itype_image-container {
            width: 100%;
            height: 100%;
            overflow-: hidden;
            margin-bottom: 10px;
        }
        
        .itype_image {
            width: 100%;
            height: 100px;
            object-fit-: cover;
            transition: all 0.3s ease;
        }
			
        }

/* ————————————————————————————首页滚动产品3D———————————————————————————— */
        
        .ipro-container {
            width: 100%;
            max-width-: 1200px;
            margin: 0 auto;
            position: relative;
        }
        

        
        /* 轮播区域 */
        .ipro-carousel-wrapper {
            position: relative;
            overflow: hidden;
            padding: 0px 0;
        }
        
        .ipro-carousel {
            position: relative;
            height: 380px;
            perspective: 1200px;
        }
        
        .ipro-track {
            position: relative;
            height: 100%;
            transform-style: preserve-3d;
            transition: transform 0.8s cubic-bezier(0.17, 0.67, 0.3, 1);
        }
        
        .ipro-item {
            position: absolute;
            top: 0;
            width: 280px;
            height: 330px;
            transition: all 0.8s cubic-bezier(0.17, 0.67, 0.3, 1);
            transform-origin: center bottom;
            display: flex;
            flex-direction: column;
            align-items: center;
            left: 0;
            right: 0;
            margin: auto;
        }
        
        .ipro-item-link {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            border: 3px solid #ddd;
            border-radius: 12px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            transition: all 0.5s ease;
        }
        
        .ipro-img-container {
            width: 100%;
            height: 230px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .ipro-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .ipro-title {
            text-align: center;
            padding: 20px 10px;
            font-size: 18px;
            font-weight: 500;
            color: #2d3436;
            transition: color 0.5s ease;
        }
        
        /* 3D扇形效果 */
        .ipro-item:nth-child(1) {
            transform: translateX(-220%) scale(0.8) rotateY(20deg);
            z-index: 1;
            opacity: 0.8;
        }
        
        .ipro-item:nth-child(2) {
            transform: translateX(-110%) scale(0.9) rotateY(10deg);
            z-index: 2;
            opacity: 0.9;
        }
        
        .ipro-item:nth-child(3) {
            transform: translateX(0) scale(1);
            z-index: 5;
        }
        
        .ipro-item:nth-child(4) {
            transform: translateX(110%) scale(0.9) rotateY(-10deg);
            z-index: 2;
            opacity: 0.9;
        }
        
        .ipro-item:nth-child(5) {
            transform: translateX(220%) scale(0.8) rotateY(-20deg);
            z-index: 1;
            opacity: 0.8;
        }
        
        /* 悬停效果 */
        .ipro-item-link:hover {
            border-color: #cc0000;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
            transform: translateY(-5px);
        }
        
        .ipro-item-link:hover .ipro-img {
            transform: scale(1.08);
        }
        
        .ipro-item-link:hover .ipro-title {
            color: #ff4757;
        }
        
        /* 控制按钮 */
        .ipro-controls {
            display: flex;
            justify-content: center;
            align-items: center;
			 margin-top:0px;
            padding-bottom: 40px;
        }
        
        .ipro-arrow {
            background: #fff;
            border: 2px solid #ddd;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 36px;
            font-weight: bold;
            margin: 0 20px;
            color: #666666;
			padding-bottom:5px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }
        
        .ipro-arrow:hover {
            background: #cc0000;
            color: #fff;
            border-color: #cc0000;
            transform: scale(1.1);
        }
        
        .ipro-dots {
            display: flex;
            justify-content: center;
            margin: 0 20px;
        }
        
        .ipro-dot {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #ddd;
            margin: 0 8px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .ipro-dot.active {
            background: #cc0000;
            transform: scale(1.3);
        }
        
        .ipro-dot:hover {
            transform: scale(1.3);
            background: #cc0000;
        }
        
        /* 移动端样式 */
        @media (max-width: 992px) {
            .ipro-carousel {
                height: 450px;
            }
            
            .ipro-item {
                width: 85%;
                max-width: 400px;
                height: 400px;
                left: 0;
                right: 0;
                margin: auto;
            }
            
            .ipro-img-container {
                height: 280px;
            }
            
            .ipro-title {
                font-size: 20px;
                padding: 20px 15px;
            }
            
            /* 移动端单列布局 */
            .ipro-item:nth-child(n) {
                transform: translateX(0) scale(0.9) rotateY(0);
                opacity: 0.6;
            }
            
            .ipro-item.active {
                transform: scale(1);
                opacity: 1;
                z-index: 5;
            }
            
            /* 隐藏非活动项 */
            .ipro-item:not(.active) {
                display: none;
            }
            
            .ipro-header h1 {
                font-size: 2rem;
            }
            
            .ipro-header p {
                font-size: 1rem;
                padding: 0 15px;
            }
        }
        
        /* 小屏幕移动设备 */
        @media (max-width: 576px) {
		 .ipro-carousel-wrapper {
            position: relative;
            overflow: hidden;
            padding: 0px 0;
        }
			
			
            .ipro-item {
                width: 98%;
                height: 420px;
            }
            
            .ipro-img-container {
                height: 350px;
            }
            
            .ipro-title {
                font-size: 16px;  padding: 20px 15px;
            }
            
            .ipro-arrow {
                width: 36px;
                height: 36px;
                padding: 8px 0px 15px 0px;
				margin: 5px;
				font-size: 30px;
 

            }
            
	        .ipro-dots {
            display: flex;
            justify-content: center;
            margin: 0 5px;
        }
        
        .ipro-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ddd;
            margin: 0 5px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .ipro-dot.active {
            background: #cc0000;
            transform: scale(1.1);
        }
			
			
			
            .ipro-header h1 {
                font-size: 1.8rem;
            }
        }
       


 /* ————————————————————————————首页关于我们———————————————————————————— */       

        /* 主容器 */
        .iabout-container {
            margin: 0 auto;
            padding: 50px 0px;
            width: 100%;
        }

        /* 上部内容 */
        .iabout-top {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 60px;
            min-height: 400px;
            width: 100%;
        }

        .iabout-left {
            flex: 0 0 50%;
            padding-right: 20px;
			
            width: 100%;
        }

        .iabout-right {
            flex: 0 0 50%;
            padding-left: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        /* 标题样式 */
        .iabout-title {
            font-size: 3.5rem;
            font-weight: 500;
            margin-bottom: 20px;
            color: #fff;
            line-height: 1.2;
        }

        .iabout-divider {
            width: 80px;
            height: 4px;
            background: #ff6600;
            margin: 25px 0;
        }

        .iabout-subtitle {
            font-size: 1.8rem;
            font-weight: 500;
            margin-bottom: 25px;
            color: #fff;
        }

        .iabout-description {
			color: #fff;
            font-size: 1.4rem;
            margin-bottom: 30px;
            line-height: 2;
            max-width: 100%;
        }

        .iabout-link {
            color: #ff6b6b;
            text-decoration: none;
            transition: color 0.3s;
        }

        .iabout-link:hover {
            color: #ffffff;
        }

        /* 按钮样式 */
        .iabout-button {
            display: inline-block;
            background: #cc0000;
            color: white;
            padding: 14px 35px;
            font-size: 1.4rem;
            font-weight: 500;
            text-decoration: none;
            border-radius: 4px;
            transition: all 0.3s ease;
            transform: translateY(0);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .iabout-button:hover {
            background: #f94144;
			color: white;
            transform: translateY(-3px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }

        /* 图片容器 */
        .iabout-image-container {
            position: relative;
            width: 100%;
            max-width-: 500px;
            aspect-ratio: 5/4;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.5s ease;
        }

        .iabout-image-container:hover {
            transform: scale(1.03);
        }

        .iabout-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* 播放按钮 */
        .iabout-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 70px;
            height: 70px;
            background: rgba(230, 57, 70, 0.85);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .iabout-play-button:hover {
            background: rgba(230, 57, 70, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }

        .iabout-play-button i {
            color: white;
            font-size: 28px;
            margin-left: 4px;
        }

        /* 视频弹出层 */
        .iabout-video-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease;
        }

        .iabout-video-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .iabout-video-container {
            position: relative;
            width: 90%;
            max-width: 900px;
            border-radius: 8px;
            overflow: hidden;
            transform: scale(0.9);
            transition: transform 0.4s ease;
        }

        .iabout-video-overlay.active .iabout-video-container {
            transform: scale(1);
        }

        .iabout-video {
            width: 100%;
            aspect-ratio: 16/9;
            display: block;
        }

        .iabout-close-button {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 40px;
            height: 40px;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .iabout-close-button:hover {
            background: rgba(0, 0, 0, 0.3);
            transform: rotate(90deg);
        }

        .iabout-close-button i {
            color: white;
            font-size: 24px;
        }

        /* 下部内容 */
        .iabout-bottom {
            background-: #cc0000;
			background: rgba(204, 0, 0, 0.8);
            padding: 40px 10px;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            width: 100%;
            overflow: hidden;
        }

        .iabout-stats {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            width: 100%;
        }

        .iabout-stat-item {
            text-align: center;
            padding: 15px;
            position: relative;
            flex: 1;
            min-width: 180px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .iabout-stat-item:not(:last-child)::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            width: 1px;
            height: 70%;
            background: rgba(255, 255, 255, 0.3);
        }

        .iabout-stat-icon {
            font-size: 4rem;
			color: white;
            margin-bottom: 20px;
            transition: transform 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
        }

        .iabout-stat-item:hover .iabout-stat-icon {
            transform: scale(1.15);
            background: rgba(255, 255, 255, 0.2);
        }

        .iabout-stat-number {
            font-size: 4rem;
			color: white;
            font-weight: 700;
            margin-bottom: 8px;
            position: relative;
            display: inline-block;
        }

        .iabout-stat-unit {
			color: white;
            font-size: 1.2rem;
            position: absolute;
            top: 0;
            right: -20px;
            font-weight: 500;
        }

        .iabout-stat-text {

            font-size: 1.6rem;
			color: white;
            font-weight: 500;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .iabout-container {
                padding: 40px 10px;
            }
        }

        @media (max-width: 992px) {
            .iabout-top {
                flex-direction: column;
            }

            .iabout-left, .iabout-right {
                flex: 0 0 100%;
                padding: 15px;
            }

            .iabout-title {
                font-size: 2.8rem;
                text-align: center;
            }

            .iabout-divider {
                margin: 25px auto;
            }

            .iabout-subtitle {
                font-size: 1.6rem;
                text-align: center;
            }

            .iabout-description {
                text-align: center;
                margin-left: auto;
                margin-right: auto;
            }

            .iabout-button {
                display: block;
                margin: 0 auto;
                text-align: center;
                max-width: 200px;
            }

            .iabout-stats {
                flex-direction: column;
            }

            .iabout-stat-item:not(:last-child) {
                margin-bottom: 30px;
            }

            .iabout-stat-item:not(:last-child)::after {
                display: none;
            }

            .iabout-image-container {
                max-width: 100%;
            }
        }

        @media (max-width: 768px) {
            .iabout-container {
                padding: 30px 20px;
            }
            
            .iabout-bottom {
                padding: 40px 20px;
            }
            
            .iabout-title {
                font-size: 2.4rem;
            }
            
            .iabout-subtitle {
                font-size: 1.4rem;
            }
            
            .iabout-stat-item {
                min-width: 150px;
                padding: 10px;
            }
            
            .iabout-stat-number {
                font-size: 2.4rem;
            }
            
            .iabout-stat-icon {
                width: 70px;
                height: 70px;
                font-size: 2rem;
            }
        }

        @media (max-width: 576px) {
            .iabout-container {
                padding: 20px 15px;
            }
            
            .iabout-title {
                font-size: 3rem;
            }

            .iabout-subtitle {
                font-size: 2rem;
            }

            .iabout-description {
                font-size: 1.2rem;
                padding: 0 10px;
            }

            .iabout-button {
                padding: 12px 25px;
                font-size: 1rem;
            }

            .iabout-play-button {
                width: 60px;
                height: 60px;
            }
            
            .iabout-play-button i {
                font-size: 24px;
            }

            .iabout-stat-number {
                font-size: 3rem;
            }
            
            .iabout-stat-text {
                font-size: 1.4rem;
            }
            
            .iabout-stat-icon {
                width: 80px;
                height: 80px;
                font-size: 3rem;
                margin-bottom: 15px;
            }
            
            .iabout-bottom {
                padding: 30px 15px;
            }
            
            .iabout-video-container {
                width: 95%;
            }
            
            .iabout-close-button {
                top: 10px;
                right: 10px;
                width: 35px;
                height: 35px;
            }
            
            .iabout-close-button i {
                font-size: 20px;
            }
        }
        
        @media (max-width: 400px) {
            .iabout-title {
                font-size: 3rem;
            }
            
            .iabout-stat-item {
                min-width: 100%;
            }
        }



/* =====================首页新闻轮播======================== */   
        .inews_container {
            margin: 0 auto;
            border-radius: 0px;
            overflow: hidden;
        }
        
        .inews_wrapper {
            display: flex;
            flex-wrap: wrap;
            padding: 60px 0px;
        }
        
        .inews_left {
            flex: 0 0 25%;
            padding-right: 30px;
        }
        
        .inews_right {
            flex: 0 0 75%;
            position: relative;
            overflow: hidden;
        }
        
        .inews_en_title {
            font-size: 36px;
            font-weight: 900;
            color: #000;
            line-height: 1.1;
            margin-bottom: 5px;
            letter-spacing: 0px;
        }
        
        .inews_cn_title {
            font-size: 36px;
            font-weight: 600;
            color: #222;
            line-height: 1.3;
            margin-bottom: 18px;
        }
        
        .inews_desc {
            font-size: 15px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 35px;
        }
        
        .inews_controls {
            display: flex;
            margin-bottom: 50px;
        }
        
        .inews_arrow {
            width: 46px;
            height: 46px;
            background-color: #cc0000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            margin-right: 16px;
        }
        
        .inews_arrow:hover {
            transform: scale(1.05);
            background-color: #cc0000;
            box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
        }
        
        .inews_arrow svg {
            width: 22px;
            height: 22px;
            fill: #fff;
        }
        
        .inews_more_btn {
            display: inline-block;
            padding: 14px 36px;
            border: 1px solid #ddd;
            background-color: transparent;
            color: #333;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            border-radius: 6px;
        }
        
        .inews_more_btn:hover {
            color: #e74c3c;
            border-color: #e74c3c;
            transform: translateY(-3px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
        }
        
        .inews_news_container {
            display: flex;
            transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            width: 100%;
        }
        
        .inews_news_item {
            flex: 0 0 32%;
            margin: 0 0.66%;
            position: relative;
        }
        
        .inews_news_item:not(:last-child):after {
            content: '';
            position: absolute;
            right: -1.5%;
            top: 50%;
            transform: translateY(-50%);
            height: 100%;
            width: 1px;
            background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0%, #dedede 15%, #dedede 85%, rgba(238, 238, 238, 0) 100%);
        }
        
        .inews_news_link {
            display: block;
            text-decoration: none;
            color: inherit;
            transition: all 0.3s ease;
            height: 100%;
            padding: 15px;
            border-radius: 0px;
        }
        
        .inews_news_link:hover {
            background-color: #ffffff;
            transform: translateY(-5px);
            box-shadow-: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
        
        .inews_date_box {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #cc0000 0%, #cc0000 100%);
            color: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-bottom: 22px;
            border-radius: 0px;
            transition: all 0.3s ease;
        }
        
        .inews_day {
            font-size: 32px;
            font-weight: 800;
            line-height: 1;
			 padding-bottom: 5px;
        }
        
        .inews_month {
            font-size: 14px;
            font-weight: 500;
            opacity: 0.9;
        }
        
        .inews_news_title {
            font-size: 18px;
            font-weight: 500;
            color: #000;
            margin-bottom: 18px;
            line-height: 1.4;
			height:50px;
            transition: all 0.3s ease;
        }
        
        .inews_news_img {
            width: 100%;
            height: 0;
            padding-bottom: 60%;
            overflow: hidden;
            position: relative;
            margin-bottom: 18px;
            border-radius: 6px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        .inews_news_img img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }
        
        .inews_news_desc {
            font-size: 15px;
            color: #555;
            line-height: 1.65;
            margin-bottom: 18px;
            transition: all 0.3s ease;
        }
        
        .inews_news_arrow {
            display: inline-block;
            color: #aaa;
            font-weight: bold;
            font-size: 18px;
            transition: all 0.3s ease;
        }
        
        .inews_news_link:hover .inews_date_box {
            transform: rotate(0deg);
            box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);
        }
        
        .inews_news_link:hover .inews_news_img img {
            transform: scale(1.08);
            filter: brightness(0.92);
        }
        
        .inews_news_link:hover .inews_news_title,
        .inews_news_link:hover .inews_news_desc {
            color: #e74c3c;
        }
        
        .inews_news_link:hover .inews_news_arrow {
            color: #e74c3c;
            transform: translateX(8px);
        }
        
        .inews_mobile_controls {
            display: none;
            justify-content: center;
            align-items: center;
            margin-top: 30px;
        }
        
        .inews_mobile_arrow {
            width: 42px;
            height: 42px;
            background-color: #f5f5f5;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin: 0 12px;
            transition: all 0.3s ease;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
        }
        
        .inews_mobile_arrow:hover {
            background-color: #e74c3c;
        }
        
        .inews_mobile_arrow:hover svg {
            fill: #fff;
        }
        
        .inews_mobile_arrow svg {
            width: 18px;
            height: 18px;
            fill: #666;
        }
        
        .inews_dots {
            display: flex;
            justify-content: center;
            margin: 0 18px;
        }
        
        .inews_dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #ddd;
            margin: 0 6px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .inews_dot.active {
            background-color: #e74c3c;
            transform: scale(1.3);
        }
        
        @media (max-width: 1100px) {
            .inews_news_item {
                flex: 0 0 48%;
                margin: 0 1%;
            }
            
            .inews_news_item:nth-child(2n):after {
                display: none;
            }
        }
        
        @media (max-width: 768px) {
            .inews_wrapper {
                padding: 30px 20px;
            }
            
            .inews_left, .inews_right {
                flex: 0 0 100%;
                padding: 0;
            }
            
            .inews_left {
                margin-bottom: 30px;
                text-align: center;
            }
            
            .inews_controls {
                display: none;
            }
            
            .inews_news_item {
                flex: 0 0 100%;
                margin: 0;
            }
            
            .inews_news_item:after {
                display: none;
            }
            
            .inews_mobile_controls {
                display: flex;
            }
            
            .inews_en_title {
                font-size: 36px;
            }
            
            .inews_cn_title {
                font-size: 24px;
            }
        }
        
        @media (max-width: 480px) {
            .inews_wrapper {
                padding: 25px 15px;
            }
            
            .inews_en_title {
                font-size: 32px;
            }
            
            .inews_cn_title {
                font-size: 22px;
            }
            
            .inews_desc {
                font-size: 16px;
            }
            
            .inews_news_title {
                font-size: 18px;
            }
            
            .inews_news_desc {
                font-size: 14px;
            }
        }

/* ===============首页应用领域 ========================================================================*/


        .icase-container {
            width: 100%;
            margin: 0 auto;
            padding: 0px 0;
        }
        
        /* 主内容区 */
        .icase-sections {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0;
            position: relative;
            z-index: 5;
        }
        
        .icase-section {
            width: 20%;
            padding: 40px 25px;
            position: relative;
            overflow: hidden;
            transition: all 0.5s ease;
            text-align: center;
            min-height: 450px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        
        /* 背景图片暗化效果 */
        .icase-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            filter: brightness(0.5);
            z-index: -1;
            transition: filter 0.5s ease;
        }
        
        /* 每个部分的背景图片 */

        
        /* 虚线圆形图标容器 */
        .icase-icon-wrapper {
            width: 120px;
            height: 120px;
            border: 0px dashed rgba(255, 255, 255, 0.7);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 35px;
            position: relative;
            transition: all 0.5s ease;
            background: transparent;
        }
        
        /* 旋转动画 */
        .icase-icon-wrapper::before {
            content: '';
            position: absolute;
            width: 100px;
            height: 100px;
            border: 1px dashed rgba(255, 255, 255, 0.9);
            border-radius: 50%;
            animation: icase-spin 15s linear infinite;
        }
        
        @keyframes icase-spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* 图标样式 */
        .icase-icon {
            width: 60px;
            height: 60px;
            filter: brightness(0) invert(1);
            transition: all 0.4s ease;
        }
        
        /* 白色短横线 */
        .icase-line {
            width: 40px;
            height: 3px;
            background: white;
            margin: 0 auto 30px;
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }
        
        /* 标题样式 */
        .icase-title {
            font-size: 25px;
			color:#ffffff;
            font-weight: 500;
            margin-bottom: 20px;
         
            transition: transform 0.3s ease;
        }
        
        /* 悬停效果 */
        .icase-section:hover {
            transform: translateY(-1px);
        }
        
        .icase-section:hover::before {
            filter: brightness(0.5);
        }
        
        .icase-section:hover .icase-icon-wrapper {
            background: #cc0000;
            border-color: transparent;
        }
        
        .icase-section:hover .icase-icon-wrapper::before {
            border-color: rgba(76, 175, 80, 0.5);
        }
        
        .icase-section:hover .icase-icon {
            transform: scale(1.1);
        }
        
        .icase-section:hover .icase-line {
            width: 100px;
            background: #cc0000;
        }
        
        .icase-section:hover .icase-title {
            transform: scale(1.05);
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .icase-section {
                width: 25%;
            }
            
            .icase-section:nth-child(5) {
                width: 100%;
                min-height: 350px;
            }
        }
        
        @media (max-width: 992px) {
            .icase-section {
                width: 33.333%;
            }
            
            .icase-section:nth-child(4),
            .icase-section:nth-child(5) {
                width: 50%;
            }
        }
        
        @media (max-width: 768px) {
            .icase-section {
                width: 50%;
                min-height: 400px;
            }
            
            .icase-section:nth-child(5) {
                width: 100%;
            }
            
            .icase-header h1 {
                font-size: 2.2rem;
            }
            
            .icase-header p {
                font-size: 1rem;
            }
        }
        
        @media (max-width: 576px) {
            .icase-section {
                width: 100%;
                min-height: 350px;
            }
            
            .icase-header h1 {
                font-size: 1.8rem;
            }
            
            .icase-header h1:after {
                width: 70px;
            }
        }
        
        /* 装饰元素 */
        .icase-decoration {
            position: absolute;
            z-index: 1;
        }
        
        .icase-decoration:nth-child(1) {
            top: 10%;
            left: 5%;
            width: 50px;
            height: 50px;
            border: 2px dashed rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            animation: icase-spin 25s linear infinite reverse;
        }
        
        .icase-decoration:nth-child(2) {
            bottom: 15%;
            right: 7%;
            width: 80px;
            height: 80px;
            border: 3px dashed rgba(255, 255, 255, 0.15);
            border-radius: 50%;
            animation: icase-spin 30s linear infinite;
        }
        
        .icase-decoration:nth-child(3) {
            top: 20%;
            right: 10%;
            width: 30px;
            height: 30px;
            border: 1px dashed rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            animation: icase-spin 20s linear infinite reverse;
        }
        
        /* 低版本浏览器兼容 */
        .clearfix:after {
            content: "";
            display: table;
            clear: both;
        }
        
        .no-flexbox .icase-sections {
            display: block;
            overflow: hidden;
        }
        
        .no-flexbox .icase-section {
            float: left;
            width: 20%;
        }
        
        @media (max-width: 768px) {
            .no-flexbox .icase-section {
                width: 100%;
                float: none;
            }
        }

		/* =====================首页合伙伙伴======================== */
	
	
.index_logo_pic {
    background: url(../img/ilogobg.png) #f3f3f3 no-repeat center 0px;
    background-size: contain;
	  padding-top: 50px;
    padding-bottom: 100px
}

.index_logo_pic .ttitle {
    padding: 100px 0 50px
}

.index_logo_pic .item {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1
}

.index_logo_pic .item a {
    width: 20%;
    background-color: #fff;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

.index_logo_pic .item a .ov-h {
    padding: 10px 50px
}

.index_logo_pic .item a img {
    -webkit-filter: unset;
    -moz-filter: unset;
    -ms-filter: unset;
    -o-filter: unset;
    filter: unset;
    filter: unset;
    opacity: 1
}

.index_logo_pic .item a:hover img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .6
}







@media screen and (max-width: 991px) {


    .index_logo_pic {
        padding-bottom: 50px
    }

    .index_logo_pic .ttitle {
        padding: 50px 0 30px
    }

    .index_logo_pic .item a {
        width: 50%
    }

    .index_logo_pic .item a .ov-h {
        padding: 0 40px
    }

}
/* =====================首页企业品牌======================== */

        /* 容器样式 */
        .ibrand-container {

            margin: 0 auto;
            padding: 0px 0px 50px 0px;
        }
        
        /* 标题样式 */
        .ibrand-title {
            text-align: center;
            margin-bottom: 40px;
            color: #2c3e50;
            font-weight: 600;
            font-size: 2.5rem;
            position: relative;
            padding-bottom: 15px;
        }
        
        .ibrand-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 4px;
            background: linear-gradient(to right, #3498db, #2ecc71);
            border-radius: 2px;
        }
        
        /* 图片展示区域 */
        .ibrand-gallery {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }
        
        /* 图片项样式 */
        .ibrand-gallery-item {
            flex: 1 0 calc(20% - 20px); /* 桌面端一行5个 */
            max-width: calc(20% - 20px);
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.4s ease;
            background-color: #fff;
            position: relative;
        }
        
        .ibrand-gallery-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        /* 图片容器 */
        .ibrand-image-container {
            position: relative;
            width: 100%;
            height: auto;
            padding-bottom: 60%; /* 保持正方形比例 */
            overflow: hidden;
        }
        
        .ibrand-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
            object-fit: cover;
            transition: all 0.4s ease;
        }
        
        /* 鼠标悬停效果 */
        .ibrand-gallery-item:hover .ibrand-image {
            transform: scale(1.05);
            filter: brightness(0.95);
        }
        
        /* 图片描述 */
        .ibrand-caption {
            padding: 15px;
            text-align: center;
            background-color: #fff;
        }
        
        .ibrand-caption h3 {
            font-size: 1.1rem;
            margin-bottom: 8px;
            color: #2c3e50;
        }
        
        .ibrand-caption p {
            font-size: 0.9rem;
            color: #7f8c8d;
        }
        
        /* 响应式设计 - 平板端 */
        @media (max-width: 1024px) {
            .ibrand-gallery-item {
                flex: 1 0 calc(25% - 20px); /* 平板端一行4个 */
                max-width: calc(25% - 20px);
            }
            
            .ibrand-title {
                font-size: 2.2rem;
            }
        }
        
        /* 响应式设计 - 移动端 */
        @media (max-width: 768px) {
            .ibrand-gallery-item {
                flex: 1 0 calc(33.333% - 20px); /* 移动端一行3个 */
                max-width: calc(33.333% - 20px);
            }
            
            .ibrand-title {
                font-size: 1.8rem;
            }
            
            .ibrand-container {
                padding: 10px;
            }
        }
        
        /* 响应式设计 - 小屏幕手机 */
        @media (max-width: 480px) {
			
			        .ibrand-container {

            margin: 0 auto;
            padding: 0px 0px 50px 0px;
        }
			
            .ibrand-gallery-item {
                flex: 1 0 calc(50% - 20px); /* 小屏幕一行2个 */
                max-width: calc(50% - 20px);
            }
            
            .ibrand-title {
                font-size: 1.6rem;
            }
        }


/* =====================首页下方文字======================== */

.service_foot_container {
            min-height-: 100vh;
            background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)),url('../img/bg_iservice.jpg') no-repeat center center;
            background-size=: cover;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0px;
            position: relative;
			backdrop-filter: blur(5px);
        }

        .service_foot_content {
            text-align: center;
            color: #ffffff;
            max-width: 80%;
            padding:100px 0;
            background-: rgba(0, 0, 0, 0.6);
            border-radius: 15px;
            backdrop-filter-: blur(5px);
        }

        .service_foot_title {
            font-size: 36px;
            margin-bottom: 25px;
            text-shadow-: 2px 2px 4px rgba(0, 0, 0, 0.5);
            animation: service_foot_fadeInUp 1s ease;
        }

        .service_foot_description {
            font-size: 28px;
            line-height: 1.6;
            margin-bottom: 35px;
            animation: service_foot_fadeInUp 1s ease 0.3s forwards;
            opacity: 0;
        }

        .service_foot_button {
            display: inline-block;
            padding: 15px 45px;
            background: none;
            color: white;
			border:#fff 1px solid;
            text-decoration: none;
            border-radius: 30px;
            font-size: 16px;
            transition: all 0.3s ease;
            animation: service_foot_fadeInUp 1s ease 0.6s forwards;
            opacity: 0;
            transform: translateY(20px);
        }

        .service_foot_button:hover {
            background: #cc0000;color: white;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }

        @keyframes service_foot_fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .service_foot_title {
                font-size: 32px;
            }
            .service_foot_description {
                font-size: 18px;
            }
            .service_foot_button {
                padding: 12px 30px;
                font-size: 16px;
            }
        }
/* =====================首页底部版权======================== */		
	        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .ifoot-container {
            margin: 0 auto;
            padding: 20px 0;
			background: #f8f8f8;
        }


        /* 主要内容区域 */
        .ifoot-main-content {
            display: flex;
            
            border-radius: 0px;
            overflow: hidden;
            box-shadow--: 0 10px 30px rgba(0, 0, 0, 0.08);
        }

        /* 左侧产品分类 */
        .ifoot-left-section {
            width: 70%;
            padding: 30px 0;
            background-: #fff;
            border-right: 1px solid #eee;
        }

        .ifoot-products-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .ifoot-category {
            flex: 1 1 calc(15% - 5px);
            min-width: 100px;
        }

        .ifoot-category-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }

        .ifoot-category-title a {
            color: #333;
            text-decoration: none;
            transition: color 0.3s;
        }

        .ifoot-category-title a:hover {
            color: #cc0000;
        }

        .ifoot-subcategories {
            list-style: none;
        }

        .ifoot-subcategories li {
            margin-bottom: 5px;
        }

        .ifoot-subcategories a {
            color: #666;
            text-decoration: none;
            font-size: 14px;
            display: block;
            padding: 6px 0;
            transition: color 0.3s;
            position: relative;
            padding-left: 15px;
        }

        .ifoot-subcategories a::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #666;
            transition: color 0.3s;
        }

        .ifoot-subcategories a:hover {
            color: #cc0000;
        }

        .ifoot-subcategories a:hover::before {
            color: #cc0000;
        }

        /* 右侧联系信息 */
        .ifoot-right-section {
            width: 30%;
            padding: 30px;
            background-: #f9f9f9;
        }

        .ifoot-contact-title {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 30px;
            padding-bottom: 10px;
            border-bottom: 2px solid #cc0000;
            color: #222;
        }

        .ifoot-contact-info {
            margin-bottom: 30px;
        }

        .ifoot-contact-row {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
        }

        .ifoot-contact-icon {
            width: 40px;
            height: 40px;
            background: #cc0000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            flex-shrink: 0;
        }

        .ifoot-contact-icon i {
            color: white;
            font-size:20px;font-weight: 700; padding-top:5px;
        }

        .ifoot-contact-text {
            flex: 1;
        }

        .ifoot-contact-text h3 {
            font-size: 14px;
            color: #cc0000;
            margin-bottom: 5px;
        }

        .ifoot-contact-text p {
            color: #555;
            font-size: 14px;
        }

        /* 分享按钮 */
        .ifoot-share-section {
            margin-top: 20px;width: 70%;
        }

        .ifoot-share-title {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 20px;
            color: #222;
        }

        .ifoot-share-buttons {
            display: flex;
            justify-content: space-between;
        }

        .ifoot-share-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
        }

        .ifoot-share-btn i {
            color: #666;
			padding-top:5px;
            font-size: 24px;
            transition: color 0.3s;
        }

        .ifoot-share-btn:hover {
            background: #cc0000;
        }

        .ifoot-share-btn:hover i {
            color: white;
        }

        /* 二维码提示 */
        .ifoot-qr-tooltip {
            position: absolute;
            bottom: 60px;
            left: 50%;
            transform: translateX(-50%);
            background: white;
            padding: 10px;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
            width: 120px;
            text-align: center;
        }

        .ifoot-share-btn:hover .ifoot-qr-tooltip {
            opacity: 1;
            visibility: visible;
            bottom: 70px;
        }

        .ifoot-qr-tooltip img {
            width: 100px;
            height: 100px;
            display: block;
            margin-bottom: 8px;
        }

        .ifoot-qr-tooltip span {
            font-size: 12px;
            color: #333;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
            .ifoot-main-content {
                flex-direction: column;
            }
            
			 .ifoot-left-section{
              display: none;
          
            }
            
            .ifoot-right-section {
                width: 100%;
                border-right: none;
                border-bottom: 1px solid #eee;
            }
            
            .ifoot-products-grid {
                gap: 15px;
            }
            
            .ifoot-category {
                flex: 1 1 calc(50% - 15px);
            }
			 .ifoot-share-section {
            margin-top: 20px;width: 100%;
        }

        }

        @media (max-width: 576px) {
            .ifoot-category {
                flex: 1 1 100%;
            }
             .ifoot-share-section {
            margin-top: 20px;width: 100%;}
            .ifoot-share-buttons {
                flex-wrap: wrap;
                gap: 1px;
                justify-content: center;
            }
        }

        /* 返回顶部按钮效果 */
        #ifoot-back-to-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background: rgba(231, 76, 60, 0.8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s;
            z-index: 1000;
        }

        #ifoot-back-to-top.show {
            opacity: 1;
            visibility: visible;
        }

        #ifoot-back-to-top i {
            color: white;
            font-size: 25px;
        }
		
        .footb-footer {
            background-color: #333;
            color: #fff;
            padding: 30px 0;
            font-family: Arial, sans-serif;
        }
        .footb-container {
            
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
        }
        .footb-copyright {
            font-size: 14px;
            line-height: 20px;            font-size: 14px;
            line-height: 30px;
        }
		
	        .footb-copyright  a{
            color: #fff;
            text-decoration: none;
        }
			
		
        .footb-icp {
            font-size: 14px;
            line-height: 30px;
        }
        .footb-icp a {
            color: #fff;
            text-decoration: none;
            transition: opacity 0.3s;
        }
		
	        .footb-icp img{height: 30px;

        }	
		
        .footb-icp a:hover {
            opacity: 0.8;
        }
        @media (max-width: 768px) {
            .footb-container {
                flex-direction: column;
                text-align: center;
            }
            .footb-copyright,
            .footb-icp {
                margin: 10px 0;
            }
        }