@charset "utf-8";
/* CSS Document */

/* === banner === */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        /* === Banner容器 === */
        .carousel {
            position: relative;
            width: 100%;
            height: 630px;
            overflow: hidden;
            background: #f0f0f0;
			
        }
        
		.carousel img {
            margin: auto;
			
        }

        /* 幻灯片容器 */
        .slides {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 0.5s ease;
        }
        
        /* 单张幻灯片 */
        .slide {
            min-width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            display: flex;
            justify-content:space-between;
            text-shadow: 0 2px 4px rgba(0,0,0,0.5);
        }
        
        /* 控制按钮 */
        .prev, .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.3);
            color: white;
            border: none;
            cursor: pointer;
            font-size: 0.5rem;
            z-index: 100;
            transition: background 0.3s;
			border-radius: 50%;
			padding: 15px 20px;
        }
        

        .prev {
            left: 20vh;
        }
        
        .next {
            right: 20vh;
        }
        
        .prev:hover, .next:hover {
            background: rgba(0,0,0,0.8);
        }
        
        /* 指示器 */
        .indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }
        
        .indicator {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: background 0.3s;
        }
        
        .indicator.active  {
            background: white;
        }
        
/* === 响应式设计 === */
        @media screen and (max-width: 768px) {
            .carousel {
                min-width: 100%;
				height: 22vh;
				margin-top: 59px;
            }
			
			.carousel img {
                min-width: 100%;
				margin: 0;
				
            }
            
            .prev, .next {
                padding: 10px 15px;
                font-size: 0.7rem;
            }
            
            .slide {
                font-size: 1rem;
            }
        }


/* === 业务介绍 === */

		.busin-box{
			min-width: 100%;
			margin-top: 80px;
			
		}

		.busin-box h2{
			font-size: 2rem;
			color: #262626;
			text-align: center;
			line-height: 2rem;
			font-weight: normal;
		}
		
		.busin-box h6{
			font-size: 0.8rem;
			color: #989898;
			text-align: center;
			line-height: 2rem;
			font-weight: normal;
			text-transform: uppercase;
			margin-bottom: 40px;	
		}

		.busin-box p{
			font-size: 1.1rem;
			color: #333;
			text-align: left;
			line-height: 2.4rem;
			font-weight: normal;
			background: #f7f7f7;
			display: block;
			width: 1400px;
			margin: auto;
			padding: 50px 70px 50px 70px;
		}


/* === 响应式设计 === */
        @media screen and (max-width: 768px) {
			
            .busin-box p{
				font-size: 0.6rem;
				line-height: 1.3rem;
				width: 100%;
				padding: 20px 30px 20px 30px;
			}
			
			.busin-box h2{
				font-size: 1.2rem;
				line-height: 1.2rem;
			}
			
			.busin-box h6{
				font-size: 0.6rem;
				line-height: 1.2rem;
				margin-bottom: 10px;
			}
			
			.busin-box{
				margin-top: 20px;
				margin-bottom: 20px;
			}
			
        }




/* === 核心技术 === */
        .core-box {
            max-width: 1400px;
            margin: 0 auto;
			position: relative;
        }
        
        .image-core {
			width: 100%;
			position: relative;
			height: 618px;
			margin-bottom: 50px;
        }
        
        .image-container:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0,0,0,0.15);
        }
        .image-container-1:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0,0,0,0.15);
        }
        
        .image-container {
			border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
			width: 1080px;
			position: absolute;
			left: 0;
			
        }

        .image-container-1 {
			border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
			width: 1080px;
			position: absolute;
			right: 0;
        }

        
        .zoom-image {
            width: 100%;
            object-fit: cover;
            cursor: pointer;
            transition: transform 0.5s cubic-bezier(0.25, 0.45, 0.45, 0.95);
            will-change: transform;
        }
        
        /* 桌面端悬停效果 */
        @media (hover: hover) and (pointer: fine) {
            .image-core:hover .zoom-image {
                transform: scale(1.1);
            }
        }
        
        /* 移动端触摸效果 */
        @media (hover: none) and (pointer: coarse) {
            .zoom-image.zoomed  {
                transform: scale(1.1);
                position: relative;
                z-index: 10;
            }
        }
        

		.core-caption{
			position: absolute;
			right: 0;
			top: 16%;
			background-color: rgba(255, 255, 255, 0.8);
			width: 42%;
		}
		
		.core-caption-1{
			position: absolute;
			left: 0;
			top: 16%;
			background-color: rgba(255, 255, 255, 0.8);
			width: 42%
		}

		.core-juoz{
			box-shadow: 0 5px 15px rgba(0,0,0,0.2);
			padding: 70px;
		}

		.core-juoz h4{
			font-size: 1.7rem;
			font-weight: bolder;
			color: #0089e5;
			display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 2; /* 限制显示的行数为2 */
		    overflow: hidden;
		}
		
		.core-caption-1 h4{
			color: #29ccb9;
		}

		.core-juoz h5{
			font-size: 0.8rem;
			color: #0089e5;
			text-transform: uppercase;
			font-weight: normal;
			line-height: 1.4rem;
			display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 1; /* 限制显示的行数为1 */
		    overflow: hidden;
		}

		.core-caption-1 h5{
			color: #29ccb9;
		}

		.core-juoz p{
			font-size: 1.1rem;
			color: #333;
			text-transform: uppercase;
			font-weight: normal;
			line-height: 2.2rem;
			margin-top: 26px;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 3; /* 限制显示的行数为2 */
		    overflow: hidden;

		}

		.core-juoz a{
			font-size: 1.1rem;
			color: #7f7f7f;
			text-transform: uppercase;
			line-height: 1.6rem;
			border: 1px solid #ccc;
			padding: 10px 100px 10px 40px;
			display:inline-block;
			border-radius: 6px;
			margin-top: 70px;
			position: relative;
		}
		.core-juoz a:hover span{
			background-image: url("../../style/imges/in_icon008-1.png");
		}

		.core-juoz a:hover{
			background: #0089e5;
			border: none;
			color: #fff;
			transform: translateY(-5px);
			transition: all 0.3s;
		}

		.core-caption-1 a:hover{
			background: #29ccb9;
		}

		.core-juoz span{
			background-image: url("../../style/imges/in_icon008.png");
			width: 27px;
			height: 6px;
			display:block;
			margin-left: 26px;
			position: absolute;
			right: 20%;
			top: 45%;
		}



/* === 响应式设计 === */
        @media screen and (max-width: 768px) {
			
            .image-container,.image-container-1 {
				max-width: 70%;
				height:55%;
        	}
			
			.core-caption,.core-caption-1{
				width: 62%;
				top: 10%;
			}
			
			.core-juoz{
				padding: 20px;
			}
			
			.core-juoz p{
				margin-top: 10px;
				font-size: 0.6rem;
				line-height: 1.2rem;
			}
			
			.core-juoz h4{
				font-size: 1rem;
				font-weight: 600;
			}
			
			.core-juoz h5{
				font-size: 0.6rem;
				line-height: 1rem;
			}
			
			.core-juoz a{
				margin-top: 14px;
				padding: 0px 60px 0px 20px;
				font-size: 0.6rem;
			}
			
			.core-juoz span{
				top:38%;
			}
			
			.image-core {
				width: 100%;
				position: relative;
				height: 40vh;
				margin-bottom: -20px;
       		}
			
        }