@charset "utf-8";

/* ————————————————————————————首页标题样式———————————————————————————— */
.title_e{font-size:30px;text-align:center;font-weight:600;position:relative;color:#333333;line-height:1;padding-bottom:20px}
.title_e-line{position:relative;margin:0px auto;width:60px;height:3px;background-color:#009640;}
.title_e-line::after,.title_e-line::before{content:"";width:65px;height:2px;background:#EEE;position:absolute;right:calc(100% + 0px);top:0px}
.title_e-line::after{right:auto;left:calc(100% + 0px)}
.title_e-des{max-width:80%;margin:0px auto;font-size:18px;font-weight:500;color:#333333;text-align:center;padding:20px 0px 50px}
 @media (max-width: 768px) {
.title_e{font-size:20px;text-align:center;font-weight:600;position:relative;color:#333333;line-height:1;padding-bottom:20px}
.title_e-line{position:relative;margin:0px auto;width:60px;height:3px;background-color:#009640;}
.title_e-line::after,.title_e-line::before{content:"";width:50px;height:2px;background:#EEE;position:absolute;right:calc(100% + 0px);top:0px}
.title_e-line::after{right:auto;left:calc(100% + 0px)}
.title_e-des{max-width:80%;margin:0px auto;font-size:14px;font-weight:500;color:#333333;text-align:center;padding:20px 0px 50px}
}
/* ————————————————————————————首页查看更多按钮通用———————————————————————————— */
        /* ibanner前缀的CSS样式 */
        .ibanner-container {
            margin: 0 auto;
        }
        
        .ibanner-title {
            text-align: center;
            color: #333;
            margin-bottom: 30px;
            font-size: 2.2rem;
        }
        
        .ibanner-slider {
            position: relative;
            overflow: hidden;
            border-radius: 0px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            background-color: #f8f9fa;
        }
        
        .ibanner-slides-container {
            display: flex;
            transition: transform 0.5s ease-in-out;
            height: 800px;
        }
        
        .ibanner-slide {
            min-width: 100%;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .ibanner-slide-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .ibanner-slide-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            color: white;
            padding: 30px;
            padding-top: 60px;
        }
        
        .ibanner-slide-title {
            font-size: 1.8rem;
            margin-bottom: 10px;
            font-weight: 600;
        }
        
        .ibanner-slide-description {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 80%;
        }
        
        /* 左下角控制面板 */
        .ibanner-controls-panel {
            position: absolute;
            bottom: 30px;
            left: 65px;
            z-index: 20;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        
        .ibanner-controls-row {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .ibanner-btn {
            background-color: rgba(255, 255, 255, 0.85);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 1.2rem;
            color: #333;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }
        
        .ibanner-btn:hover {
            background-color: white;
            transform: scale(1.1);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
        }
        
        /* 位置指示器 */
        .ibanner-position-indicator {
            color: white;
            font-weight: 600;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
            background-color---: rgba(0, 0, 0, 0.1);
            padding: 8px 26px;
            border-radius: 20px;
            min-width: 100px;
            text-align: center;
            backdrop-filter---: blur(5px);
            display: flex;
            align-items: baseline;
            justify-content: center;
        }
        
        .ibanner-current-index {
            font-size: 1.8rem;
            line-height: 1;
            margin-right: 4px;
        }
        
        .ibanner-slash {
            font-size: 1.2rem;
            margin: 0 2px;
            opacity: 0.8;
        }
        
        .ibanner-total-index {
            font-size: 1rem;
            line-height: 1;
            opacity: 0.99;
            margin-left: 5px;
            align-self: flex-end;
            margin-bottom: 3px;
        }
        
        .ibanner-dots {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 12px;
            z-index: 10;
        }
        
        .ibanner-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .ibanner-dot.active {
            background-color: white;
            transform: scale(1.2);
        }
        
        .ibanner-dot:hover {
            background-color: rgba(255, 255, 255, 0.8);
        }
        
        .ibanner-indicators {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            gap: 10px;
        }
        
        .ibanner-indicator-btn {
            padding: 8px 16px;
            background-color: #f0f0f0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        
        .ibanner-indicator-btn:hover {
            background-color: #e0e0e0;
        }
        
        .ibanner-indicator-btn.active {
            background-color: #4a6ee0;
            color: white;
        }
        
        /* 平板端响应式样式 */
        @media (max-width: 1024px) {
		.ibanner-container {
            margin: 0 auto;
        }
            .ibanner-slides-container {
                height-: 400px;
				 height: auto;
            }
            
            .ibanner-slide-content {
                padding: 25px 0;
                padding-top: 50px;
            }
            
            .ibanner-slide-title {
                font-size: 1.6rem;
            }
            
            .ibanner-slide-description {
                font-size: 1rem;
            }
            
            .ibanner-controls-panel {
                bottom: 25px;
                left: 25px;
            }
            
            .ibanner-btn {
                width: 44px;
                height: 44px;
                font-size: 1.3rem;
            }
            
            .ibanner-current-index {
                font-size: 1.6rem;
            }
            
            .ibanner-slash {
                font-size: 1.1rem;
            }
            
            .ibanner-total-index {
                font-size: 0.85rem;
            }
        }
        
        /* 移动端响应式样式 */
        @media (max-width: 768px) {
            .ibanner-container {
                padding: 0px;
            }
            
            .ibanner-title {
                font-size: 1.8rem;
                margin-bottom: 20px;
            }
            
            .ibanner-slides-container {
                height0: auto;
				 height: 400px;
            }
            
            .ibanner-slide-content {
                padding: 0px;
                padding-top: 40px;
            }
            
            .ibanner-slide-title {
                font-size: 1.3rem;
            }
            
            .ibanner-slide-description {
                font-size: 0.9rem;
                max-width: 100%;
            }
            
            /* 在移动端隐藏控制面板 */
            .ibanner-controls-panel {
                display: none;
            }
            
            .ibanner-dots {
                bottom: 15px;
            }
        }
        
        @media (max-width: 480px) {
		.ibanner-container {
            margin: 0 auto;
        }
            .ibanner-slides-container {
                height0: auto;
				 height: 220px;
            }
            
            .ibanner-slide-content {
                padding: 0px;
                padding-top: 30px;
            }
            
            .ibanner-slide-title {
                font-size: 1.1rem;
            }
            
            .ibanner-slide-description {
                font-size: 0.8rem;
            }
            
            .ibanner-indicators {
                flex-wrap: wrap;
            }
        }

/* ————————————————————————————首页4个产品分类悬浮———————————————————————————— */
        .index_pro_four {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
			z-index: 9999;
        }

        .index_pro_four_container {
            z-index: 9999;
            margin: 0 auto;
            padding: 0px;
            display: flex;
            flex-wrap: wrap;
            gap:50px;
        }

        .index_pro_four_category-box {
            flex: 1;
            min-width: 250px;
            height: 350px;
            background: white;
            border-radius: 5px;
            padding:30px;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .index_pro_four_category-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }

        .index_pro_four_text-content {
            position: relative;
            z-index: 2;
        }

        .index_pro_four_sub-title {
            font-size: 16px;
            color: #666;
            margin-bottom: 8px;
            transition: color 0.3s;
        }

        .index_pro_four_main-title {
            font-size: 50px;
            color: #009640;
            margin-bottom: 10px;
            transition: color 0.3s;
        }

        .index_pro_four_more-btn {
            display: inline-block;
            color: #666;
			padding: 8px 18px;
			border:#ddd solid 1px;
            text-decoration: none;
            font-size: 14px;
			border-radius: 20px;
            transition: color 0.3s;
        }
		
		
        .index_pro_four_more-btn:hover{
            display: inline-block;
            color: #ffffff;
			background: #009640;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }


        .index_pro_four_product-img {
            position: absolute;
			padding-top: 30px;
            bottom: 20px;
            right: 20px;
            width: 180px;
            height: 180px;
            object-fit: cover;
            border-radius: 5px;
        }

        /* 鼠标悬停效果 */
        .index_pro_four_category-box:hover .sub-title,
        .index_pro_four_category-box:hover .main-title,
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .index_pro_four_container {
                padding: 10px;
            }
            .index_pro_four_category-box {
                flex: 0 0 calc(100% - 10px);
                height: 250px;
            }
            .index_pro_four_main-title {
                font-size: 20px;
            }
            .index_pro_four_product-img {
                width: 180px;
                height: 180px;
            }
        }

/* ————————————————————————————首页关于我们———————————————————————————— */
        .index_about_txt_container {
			margin-top:-80px;
            position-: relative;
            min-height: 550px;
            padding: 60px 0px 40px 0px;
            background-image: url('../img/bg_about.jpg');
            background-size: cover;
            background-position: center;
        }

        .index_about_txt_content {
			padding: 100px 0px 0px 0px;
            position: relative;
            max-width: 600px;
            color: white;
            z-index: 1;
        }

        .index_about_txt_deco-line {
            width: 160px;
            margin: 15px 0;
    height: 1px; /* 灰色线的高度 */
    background: #ffffff;
    position: relative;
        }
		
        .index_about_txt_deco-line::before  {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px; /* 绿色部分宽度占比 */
    height: 3px; /* 绿色部分高度 */
    background: #ffffff;
        }		
		

        .index_about_txt_desc {
                font-size: 14px;
				line-height: 28px;
            margin-top: 30px;
			 margin-bottom: 30px;
            opacity: 0.9;
        }

        .index_about_txt_detail-btn {
            display: inline-block;
            padding: 12px 35px;
            background: rgba(255, 255, 255, 0.5);
            color: #333;
            text-decoration: none;
            border-radius: 25px;
            transition: all 0.4s ease;
            border: 2px solid transparent;
        }

        .index_about_txt_detail-btn:hover {
            background: #009640;
            color: white;
            transform: translateY(-2px);
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
	
            .index_about_txt_container {
			margin-top:30px;
            padding: 0px 10px 40px 10px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url('../img/bg_about.jpg');
			min-height: 250px;
            }

            .index_about_txt_content {
				padding: 40px 0px 0px 0px;
                width: 100%;
                max-width: none;
            }
            
            .index_about_txt_desc {
                font-size: 14px;
				line-height: 28px;
            }
            
            .index_about_txt_detail-btn {
                width: 150px;
                text-align: center;
                padding: 10px 15px 10px 15px;
            }
        }

/* ————————————————————————————首页滚动产品————————————————————————————*/

          * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        
        .ipro_roll_container {
            margin: 0 auto;
            padding: 10px 0px 40px 0px;
        }
        
        
        /* 轮播区域样式 */
        .ipro_roll_slider_wrapper {
            position: relative;
            overflow: hidden;
            padding: 20px 0;
            margin: 0 auto;
        }
        
        .ipro_roll_slider {
            display: flex;
            transition: transform 0.6s ease-in-out;
            will-change: transform;
        }
        
        .ipro_roll_slide {
            flex: 0 0 auto;
            padding: 15px;
            transition: all 0.3s ease;
        }
        
        /* 产品卡片样式 */
        .ipro_roll_product {
            background-color: #f5f5f5;
            border-radius: 0px;border: 1px solid #ededed;
            overflow: hidden;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.02);
            display: flex;
            flex-direction: column;
            height: 100%;
            transition: all 0.3s ease;
        }
        
        .ipro_roll_product:hover {
            transform: translateY(-1px);
			box-shadow2: 0 6px 25px rgba(196, 39, 32, 0.3);
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
        }
        
        /* 图片区域 */
        .ipro_roll_img_wrap {
            position: relative;
            overflow: hidden;
            padding-top: 100%; /* 1:1 比例 */
            background: #f5f5f5;
			
        }
        
        .ipro_roll_img {
            position: absolute;
            top: 0;
            left: 0;
			padding: 0px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }
        
        /* 图片悬停效果 */
        .ipro_roll_product:hover .ipro_roll_img {
            transform: scale(1.05);
            filter: brightness(0.9999);
        }

        
        /* 标题区域 */
        .ipro_roll_title_wrap {
            padding: 20px 10px;
            text-align: center;
            flex-grow: 1;
            display: flex; background: #fefefe;
            align-items: center;
            justify-content: center;
        }
        
        .ipro_roll_title {
            font-size: 18px;
            color: #333333;
            font-weight: 500;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .ipro_roll_product:hover .ipro_roll_title {
            color: #000000;
			
        }
        
        /* 按钮区域 */
        .ipro_roll_btn_wrap {
            padding: 0 20px 20px;
            text-align: center;
        }
        
        .ipro_roll_btn {
            display: inline-block;
            padding: 8px 28px;
            border: 1px solid #dddddd;
            border-radius: 30px;
            color: #555;
            text-decoration: none;
            font-weight: 400;
            font-size: 15px;
            transition: all 0.3s ease;
            background-color: transparent;
        }
        
        .ipro_roll_product:hover .ipro_roll_btn {
            background-color: #009640;
            border-color: #009640;
            color: #fff;
        }
        
        /* 导航按钮 */
        .ipro_roll_nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.05);
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .ipro_roll_nav:hover {
            background-color: #009640;
            transform: translateY(-50%) scale(1.1);
        }
        
        .ipro_roll_nav:hover:after {
            border-color: #fff;
        }
        
        .ipro_roll_prev {
            left: 15px;
        }
        
        .ipro_roll_next {
            right: 15px;
        }
        
        /* 修复箭头居中问题 */
        .ipro_roll_prev:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 12px;
            height: 12px;
            border-left: 3px solid #555;
            border-bottom: 3px solid #555;
            transform: translate(-50%, -50%) rotate(45deg);
            transition: all 0.3s ease;
        }
        
        .ipro_roll_next:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 12px;
            height: 12px;
            border-right: 3px solid #555;
            border-top: 3px solid #555;
            transform: translate(-50%, -50%) rotate(45deg);
            transition: all 0.3s ease;
        }
        
        /* 圆点指示器 */
        .ipro_roll_pagination {
            text-align: center;
            margin-top: 20px;
        }
        
        .ipro_roll_dot {
           display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ddd;
            margin: 0 5px;
            cursor: pointer;
        }
        
        .ipro_roll_dot.active {
            background-color: #009640;
            transform: scale(1.2);
        }
        
        /* 响应式设计 */
        /* 桌面端 - 每屏显示4个产品 */
        @media (min-width: 1025px) {
            .ipro_roll_slide {
                width: 25%; /* 4个产品 */
            }
            
            .ipro_roll_nav {

                display: flex;
            }
        }
        
        /* 平板端 - 每屏显示2个产品 */
        @media (min-width: 768px) and (max-width: 1024px) {
            .ipro_roll_slide {
                width: 50%; /* 2个产品 */
            }
            
            .ipro_roll_nav {
                display: flex;
            }
        }
        
        /* 移动端 - 每屏显示1个产品 */
        @media (max-width: 767px) {
            .ipro_roll_slide {
                width: 100%; /* 1个产品 */
            }
            
            .ipro_roll_nav {
                display: none;
            }
            
            .ipro_roll_header h1 {
                font-size: 32px;
            }
            
            .ipro_roll_header p {
                font-size: 16px;
            }
        }
        
        /* 小屏幕优化 */
        @media (max-width: 480px) {
            .ipro_roll_container {
                padding: 0px 0px;
            }
            
            
            .ipro_roll_title {
                font-size: 18px;
            }
            
        }


/* ————————————————————————————首页左右新闻————————————————————————————*/
.inews .area1{padding:0px 0px 30px;}
.inews .area1 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:30px;}
.inews .area1 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.inews .area1 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#009640;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.inews .area1 .body .picScro{width:64.28%;float:left;}
.inews .area1 .body .picScro .pic{overflow:hidden;height: 385px;}
.inews .area1 .body .picScro .pic img{transition:all 0.3s;width: 100%;}
.inews .area1 .body .picScro .pic:hover img{transform:scale(1.08);}
.inews .area1 .body .picScro .caption{width:88.888%;margin:0 auto;background-color:#f5f5f5;border-radius:6px;/*box-shadow:0px 1px 10px rgba(0,0,0,0.1);*/margin-top:-30px;position:relative;z-index:1;}
.inews .area1 .body .picScro .caption .intit{height:60px;line-height:60px;font-size:18px;color:#009640;font-weight:bold;background-color:#fff;padding:0px 20px;border-top-left-radius:6px;border-top-right-radius:6px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}


.inews .area1 .body .picScro .caption .inbod .data{float:left;width:120px;background-color:#f0f0f0;border-right:1px solid #e5e5e5;font-family: Arial;}
.inews .area1 .body .picScro .caption .inbod .data p{padding:30px 20px;color:#999999;}
.inews .area1 .body .picScro .caption .inbod .data span{display:block;font-size:14px;line-height:14px;margin-top:18px;margin-left:24px;}
.inews .area1 .body .picScro .caption .inbod .data em{font-size:36px;line-height:32px;display:block;position:relative;}
.inews .area1 .body .picScro .caption .inbod .data em:before{content:"";display:block;width:80%;height:1px;background-color:#c4c4c4;position:absolute;left:0px;bottom:-6px;transform:rotate(-36deg);}

.inews .area1 .body .picScro .caption .inbod .newCt{padding-left:40px;overflow:hidden;height:124px;padding-right:250px;position:relative;}
.inews .area1 .body .picScro .caption .inbod .newCt .txt{font-size:16px;color:#555;padding-top:28px;line-height:30px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.inews .area1 .body .picScro .caption .inbod .newCt .more{display:block;width:160px;height:40px;font-family: Arial;line-height:40px;font-size:12px;text-transform:uppercase;background-color:#009640;color:#fff;border-radius:20px;position:absolute;right:20px;top:50%;margin-top:-20px;box-sizing:border-box;padding:0px 20px;transition:all 0.3s;}
.inews .area1 .body .picScro .caption .inbod .newCt .more:before{content:"";display:block;width:30px;height:16px;background:url(../img/zjt.png) center no-repeat;background-size:cover;position:absolute;right:20px;top:50%;margin-top: -8px;transition:all 0.3s;}
.inews .area1 .body .picScro .caption .inbod .newCt .more:hover:before{transform:translateX(6px);}
.inews .area1 .body .picScro .caption .inbod .newCt .more:hover{background-color:#000000;box-shadow:0px 1px 10px rgba(0,0,0,0.1);}


.inews .area1 .body .newList{width:32.85%;float:right;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:6px;}
.inews .area1 .body .newList li{border-bottom:1px solid #e5e5e5;transition:all 0.3s;}
.inews .area1 .body .newList li a{display:block;padding:28px 28px;}
.inews .area1 .body .newList li .intit{font-size:14px;font-family:Arial;color:#999;padding-left:20px;background:url(../img/dt.gif) left center no-repeat;line-height:14px;}
.inews .area1 .body .newList li .inbod{font-size:18px;color:#333333;margin-top:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}

.inews .area1 .body .newList li:hover{background-color:#fff;}
.inews .area1 .body .newList li:hover .inbod{color:#009640;}

@media(max-width: 1500px){
.inews .area1 .body .picScro .pic{height: 264px;}
    .inews .area1 .body .newList li a{padding:25px 28px;}
    .inews .area1 .body .picScro .caption .inbod .data p{padding:43px 20px;}
    .inews .area1 .body .picScro .caption .inbod .newCt{height:150px;}
}

@media(max-width:1024px){
   
    .inews .area1{padding:00px 0px 40px;}
    .inews .area1 .tit{font-size:20px;margin-bottom:40px;}
    .inews .area1 .tit span{padding:0px 10px 10px;}
    .inews .area1 .tit span:before{width:40px;margin-left:-20px;}



    .inews .area1 .body .picScro{width:100%;}
    .inews .area1 .body .newList{width:100%;margin-top:10px;}
    

    .inews .area1 .body .picScro .caption{width:100%;margin-top:0px;}
    .inews .area1 .body .picScro .caption .intit{font-size:16px;height:50px;line-height:50px;/*background-color:transparent;*/padding-left: 0;}
    .inews .area1 .body .picScro .caption .inbod .newCt{padding:30px 20px;height:auto;}
    
    .inews .area1 .body .picScro .caption .inbod .data p{padding:34px 20px;}
    .inews .area1 .body .picScro .caption .inbod .newCt .txt{padding-top:0px;font-size:14px;line-height:24px;text-align:justify;height: 48px;}
    .inews .area1 .body .picScro .caption .inbod .newCt .more{display: none;}


    .inews .area1 .body .picScro .pic{height: auto;}
}


@media screen and (max-width: 767px) {
    .inews .area1 .body .picScro .caption .inbod .newCt .txt{
        -webkit-line-clamp: 3;
        height: 72px;
    }
}

/* ————————————————————————————首页滚动案例———————————————————————————— */
        .index_case_roll-container {
            margin: 0 auto;
            padding: 0px 0px 25px 0px;
            position: relative;
        }

        .index_case_roll-slide {
            overflow: hidden;
            position: relative;
        }

        .index_case_roll-wrapper {
            display: flex;
            transition: transform 0.5s ease;
        }

        .index_case_roll-item {
            flex: 0 0 33.333%;
            padding: 10px;
            box-sizing: border-box;
            position: relative;
        }

        .index_case_roll-link {
            display: block;
            text-decoration: none;
            color: #333;
            border-radius: 5px;
            overflow----: hidden;
            position: relative;
        }

        .index_case_roll-imgbox {
            position: relative;
            padding-top: 80%; /* 4:3比例 */
            overflow: hidden;
        }

        .index_case_roll-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s ease;
        }

        .index_case_roll-content {
            background: #FFF;
            width: 85%;
			height: 250px;
            margin: -85px auto 0;
            position: relative;
            border-radius: 5px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .index_case_roll-title {
            font-size: 20px;
			color: #009640;
            margin: 0 0 15px;
        }

.index_case_roll-line {
    width: 100%;
    height: 1px; /* 灰色线的高度 */
    background: #ededed;
    margin: 0 0 10px;
    position: relative;
}

.index_case_roll-line::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5%; /* 绿色部分宽度占比 */
    height: 2px; /* 绿色部分高度 */
    background: #009640;
}

        .index_case_roll-desc {
            font-size: 15px;
			line-height:28px;
            color: #666;
			padding-bottom:0px;
            margin: 0 0 15px;
        }

        .index_case_roll-btn {
            display: inline-block;
            padding: 10px 30px;
            background: none;
            color: #009640;
			border:1px solid #009640;
            border-radius: 4px;
            transition: transform 0.3s ease;
        }

        .index_case_roll-btn:hover {
            transform: translateY(-2px);
			color: #ffffff;
			 background: #009640;
        }

        .index_case_roll-dots {
            text-align: center;
            margin-top: 20px;
        }

        .index_case_roll-dot {
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ddd;
            margin: 0 5px;
            cursor: pointer;
        }

        .index_case_roll-dot.active {
            background: #009640;
        }

        /* 交互效果 */
        .index_case_roll-link:hover .index_case_roll-img {
            transform: scale(1.05);
            filter: brightness(0.9);
        }

        .index_case_roll-link:hover::after {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;

        }



        /* 移动端样式 */
        @media (max-width: 768px) {
			

            .index_case_roll-item {
                flex: 0 0 100%;
            }
            .index_case_roll-content {
                margin-top: -60px;
                padding: 10px;
            }
			        .index_case_roll-title {
            font-size: 16px;
			color: #009640;
            margin: 0 0 15px;
        }
		
		        .index_case_roll-desc {
            font-size: 14px;
			line-height:25px;
            color: #666;
			padding-bottom:0px;
            margin: 0 0 10px;
        }

        .index_case_roll-btn {
            display: inline-block;
            padding: 10px 20px;
            background: none;
            color: #009640;
			border:1px solid #009640;
            border-radius: 4px;
            transition: transform 0.3s ease;
        }
		
		
        }

/* ————————————————————————————首页技术支持———————————————————————————— */


        /* 核心容器样式 */
        .index_support_container {
            margin: 0 auto;
            padding: 0 0 50px 0;
            height: 380px;
            display: flex;
            overflow: hidden;
            position: relative;
        }

        .index_support_item {
            flex: 1;
            margin-left: 4px;
            margin-right: 4px;
            position: relative;
            transition: all 0.5s ease;
            cursor: pointer;
            height: 100%;
        }
        
        .index_support_item:first-child {
            margin-left: 0;
        }
        
        .index_support_item:last-child {
            margin-right: 0;
        }

        .index_support_item.active {
            flex: 5;
        }

        .index_support_image_link {
            display: block;
            width: 100%;
            height: 260px;
            overflow: hidden;
        }

        .index_support_image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }

        .index_support_content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.95);
            height: 70px;
            padding-left: 20px;
            padding-right: 20px;
            display: flex;
            align-items: center;
            transition: all 0.3s ease;
        }

        .index_support_title {
            font-size: 18px;
            color: #333;
            text-decoration: none;
            transition: color 0.3s ease;
            flex: 1;
            white-space: nowrap;
        }

        .index_support_title:hover {
            color: #009640;
        }

        .index_support_btn {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.3s ease;
            background: #009640;
            border: 1px solid #333;
            color: #fff;
            border-radius: 5px;
            padding: 8px 20px;
            text-decoration: none;
            display: inline-block;
            white-space: nowrap;
            margin-left: 15px;
        }

        .index_support_btn:hover {
            color: #ffffff;
            background: #007a32;
            transform: translateY(0) scale(1.05);
        }

        .index_support_item.active .index_support_btn {
            opacity: 1;
            transform: translateY(0);
        }

        .index_support_item:not(.active) .index_support_content {
            justify-content: center;
        }

        .index_support_item:not(.active) .index_support_btn {
            display: none;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .index_support_container {
                flex-direction: column;
                height: auto;
                padding-bottom: 30px;
            }
            
            .index_support_item {
                width: 100%;
                flex: none !important;
                height: 300px;
                margin: 0 0 15px 0;
            }
            
            .index_support_item.active {
                flex: none;
            }
            
            .index_support_image_link {
                height: 230px;
            }
            
            .index_support_content {
                position: relative;
                padding: 15px;
                background: rgba(0, 0, 0, 0.05);
                justify-content: center;
                height: auto;
            }
            
            .index_support_item.active .index_support_content {
                justify-content: center;
            }
            
            .index_support_item.active .index_support_btn {
                display: none;
            }
            
            .index_support_item:not(.active) .index_support_content {
                justify-content: center;
            }
            
            .index_support_title {
                text-align: center;
            }
            
            .index_support_item:first-child,
            .index_support_item:last-child {
                margin: 0 0 15px 0;
            }
        }
        
        /* 小屏幕手机适配 */
        @media (max-width: 480px) {
            .index_support_item {
                height: 250px;
            }
            
            .index_support_image_link {
                height: 180px;
            }
            
            .title_e {
                font-size: 24px;
            }
        }
/* ————————————————————————————首页合作伙伴LOGO———————————————————————————— */

/* ————————————————————————————首页底部版权———————————————————————————— */

 .index_foot {
background----: #009640;
background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url(../img/bg_foot.jpg) no-repeat; background-size: cover;
color: #fff;}
 @media (max-width: 768px) {
	 .index_foot {margin-top:0px;}
	 
	 }
        .index_foot a {
            color: #fff;
            text-decoration: none;
            transition: opacity 0.3s;
        }
		
        .index_foot a:hover {
            opacity: 0.8;
        }

        /* 上半部分 */
        .index_foot__top {
            display: flex;
            padding: 0px 0px 30px 0px;
            gap: 30px;			
        }

        /* 中间部分 */
		 .index_foot_title{
          color: #fff;
          font-size: 16px;
		  padding-bottom:10px;
        }
        .index_foot__middle {
            flex: 10;
            display: flex;
            gap: 10px;
			padding-top:50px;
        }
        .index_foot__category,
        .index_foot__links {
            flex: 1;font-size: 13px;
        }
        .index_foot__category a,
        .index_foot__links a {
			
            display: block;
            margin: 8px 0;
            word-break: break-word;
        }
		 .index_foot__category a:hover{
			color: #fff;
            word-break: break-word;
        }
        .index_foot__links a:hover{
			color: #fff;
            word-break: break-word;
        }
		
		.index_foot__category:nth-child(2),
.index_foot__links:nth-child(2) {
    margin-right: 80px;
}
        /* 右侧样式 */
        .index_foot__right {
            flex: 1;padding-top:50px;
        }
        .index_foot__qrcode-box {
            display: flex;
            gap: 20px;
            margin: 15px 0;
        }
        .index_foot__qrcode {
            text-align: center;
        }
        .index_foot__qrcode img {
            width: 150px;       
        }
		 .index_foot__qrcode_title{
          color: #fff;
          font-size: 14px;
		  padding-top:8px;
        }
        .index_foot__share {
            display: flex;
            gap: 12px;
            margin-top: 20px;
        }
        .index_foot__share a {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #666666;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s;
        }
        .index_foot__share a:hover {
			color: #fff;
            transform: scale(1.1);
			background: #009640;
        }
        /* 下半部分 */
        .index_foot__bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding: 20px 0%;
            display: flex;
            justify-content: space-between;
        }
       .index_foot__bottom a:hover{
          color: #fff;
        }
        /* 移动端样式 */
        @media (max-width: 768px) {
            .index_foot__top {
				 padding: 20px 0px 30px 0px;
                flex-direction: column;
                text-align: center;
            }
	
            .index_foot__middle {
                display: none;
            }
			  .index_foot__right {
            flex: 1;
        }
            .index_foot__qrcode-box {
                justify-content: center;
            }
            .index_foot__share {
                justify-content: center;
            }
            .index_foot__bottom {
                flex-direction: column;
                text-align: center;
                gap: 10px;
            }
        }
	/* ————————————————————————————首页右侧客服———————————————————————————— */	
	
	@media (max-width:768px){
 .right_kefu_container { 
 display:none
}
}
	
        .right_kefu_container {
            position: fixed;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 9999;
            font-family: "Microsoft YaHei", sans-serif;
        }

        .right_kefu_list {
            list-style: none;
            padding: 0;
            margin: 0;
            background: #009640;
            border-radius: 6px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.12);
            overflow: visible;
        }

        .right_kefu_item {
            width: 50px;
            height: 50px;
            position: relative;
            border-bottom: 1px solid rgba(255,255,255,0.2);
            transition: background-color 0.3s;
        }

        .right_kefu_item:last-child {
            border-bottom: none;
        }

        .right_kefu_item:hover {
            background: #333;
        }

        .right_kefu_link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            position: relative;
        }

        .right_kefu_img {
            width: 24px;
            height: 24px;
			filter: contrast(0) brightness(2);
            transition: transform 0.3s;
        }

        .right_kefu_item:hover .right_kefu_img {
            transform: scale(1.1);
        }

        .right_kefu_tip {
            position: absolute;
            right: calc(100% + 15px);
            top: 50%;
            transform: translateY(-50%);
            background: #fff;
            padding: 12px 18px;
            border-radius: 4px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            font-size: 14px;
            color: #666;
            pointer-events: none;
        }

        .right_kefu_tip::after {
            content: "";
            position: absolute;
            left: 100%;
            top: 50%;
            transform: translateY(-50%);
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent transparent #fff;
        }

        .right_kefu_item:hover .right_kefu_tip {
            opacity: 1;
            visibility: visible;
            right: calc(100% + 20px);
        }

        /* 二维码特殊样式 */
        .right_kefu_tip img {
            display: block;
            margin: 0 auto;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .right_kefu_container {
                right: 10px;
                bottom: 20px;
                top: auto;
                transform: none;
            }

            .right_kefu_list {
                border-radius: 25px;
            }

            .right_kefu_item {
                width: 40px;
                height: 40px;
            }

            .right_kefu_tip {
                right: auto;
                left: 50%;
                top: -120%;
                transform: translateX(-50%);
                white-space: normal;
            }

            .right_kefu_tip::after {
                left: 50%;
                top: 100%;
                transform: translateX(-50%);
                border-color: #fff transparent transparent transparent;
            }

            .right_kefu_item:hover .right_kefu_tip {
                right: auto;
                top: -130%;
            }

            /* 二维码提示框特殊处理 */
            .right_kefu_item:nth-child(3) .right_kefu_tip {
                top: -180%;
                padding: 12px;
            }
        }