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



/* === 内容2 === */

		.content-about{
			width: 1400px;
			height: 100%;
			margin: auto;
			padding-top: 80px;
			padding-bottom: 4000px;
		}

		.about-box,.josn-box{
			float: right;
			width: 76%;
		}
		.about-box h2{
			font-size: 2rem;
			color: #262626;
			text-align: center;
			line-height: 2rem;
			font-weight: normal;
		}
		
		.about-box h6{
			font-size: 0.8rem;
			color: #989898;
			text-align: center;
			line-height: 2rem;
			font-weight: normal;
			text-transform: uppercase;
			margin-bottom: 40px;	
		}

		.about-box span{
			font-size: 1.1rem;
			color: #333;
			text-align:left;
			line-height: 2.4rem;
			font-weight: 500;
			padding: 50px 60px;
			background: #f7f7f7;
			display: inline-block;
		}


		.about-conte{
			margin-top: 80px;
		}

		.core-cont{
			width: 100%;
		}

		.core-cont-l{
			float: left;
			width: 45%;
		}

		.core-cont-l img{
			width: 100%;
			margin-top: 40px;
		}

		.core-cont-r{
			width: 100%;
		}

		.core-cont-r li{
			font-size: 1.1rem;
			color: #fff;
			line-height: 2.4rem;
			text-align: left;
			margin-bottom: 30px;
			border-radius: 4px;
			padding: 20px 30px;
			cursor: pointer;
			
            transition: transform 0.3s ease, box-shadow 0.3s ease;
		}

        .core-cont-r li:hover {
            transform: translateY(-10px);
        }

		.core-cont-r em{
			font-size: 1.3rem;
			font-weight: bold;
			font-style: normal;
			padding-right: 10px;
		}

		.core-cont-r .yleoo1{
			background-color: #0082b3;
		}

		.core-cont-r .yleoo2{
			background-color: #00abb3;
		}

		.core-cont-r .yleoo3{
			background-color: #00b382;
		}

		.core-cont-r .yleoo4{
			background-color: #72b35d;
		}

		.core-cont-r .yleoo5{
			background-color: #87994c;
		}

		.certif-cont{
			max-width: 100%;
			margin: auto;
			height: 445px;
		}

		.certif-img1{
			max-width: 30%;
			height: 100%;
			border-radius: 4px;
			cursor: pointer;
			border: 1px #e6e6e6 solid;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
			float: left;
		}

		.certif-img2{
			width: 30%;
			height: 100%;
			border-radius: 4px;
			cursor: pointer;
			border: 1px #e6e6e6 solid;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
			float: left;
			margin-left: 5%;
		}

		.certif-img3{
			width: 30%;
			height: 100%;
			border-radius: 4px;
			cursor: pointer;
			border: 1px #e6e6e6 solid;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
			float: right;
		}

		.certif-cont img{
			width: 100%;
		}
 
        .certif-img1:hover {
            transform: translateY(-10px);  
        }

        .certif-img2:hover {
            transform: translateY(-10px);  
        }

        .certif-img3:hover {
            transform: translateY(-10px);  
        }
		.cooper-cont{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-bottom: 100px;
	
		}

		.cooper-koo1{
            border-radius: 4px;
			border: 1px #e6e6e6 solid;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
		}

		.cooper-koo1 img{
			margin-left: 11%;
		}

        .cooper-koo1:hover {
            transform: translateY(-10px);  
        }


 
/* === 响应式设计 === */

 
        @media (max-width: 768px) {
            .gallery {
                grid-template-columns: repeat(1, 1fr);
                grid-auto-rows: 268px;
				width: 100%;
            }
            
			.cooper-cont{
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 12px;
				justify-items:center;
				width: 90%;
				margin: auto;
				padding-bottom: 30px;
			}
			
			.cooper-koo1{
				width: 100%;
			}
			
            .mobile-instruction {
                display: block;
            }
            
			.about-box{
				float: none;
				width: 100%;
			}
			
			.content-about{
				width: 100%;
				padding-top: 10px;
			}
			
			
			.about-box h2{
				font-size: 1.2rem;
				line-height: 1.2rem;
			}
			
			.about-box h6{
				font-size: 0.6rem;
				line-height: 1.2rem;
				margin-bottom: 10px;
			}
			
			.about-box span{
				font-size: 0.6rem;
				line-height: 1.3rem;
				width: 100%;
				padding: 20px 30px 20px 30px;
			}
			
			.about-conte{
				margin-top: 20px;
				width: 100%
			}
			
			
			.content-about{
				padding-bottom: 0px;
				width: 100%;
			}
			
			.overlay h3 {
				font-size: 1.2rem;
			}
 
			.overlay p {
				font-size: 0.8rem;
			}
			

			.core-cont-l{
				float: none;
				width: 100%;
			}
			
			.core-cont-l img{
				width: 80%;
				margin:0 0 3vh 5vh;
				
			}
			
			.core-cont-r{
				float: none;
				width: 100%;
			}
			
			.core-cont-r li{
				width: 90%;
				margin:1.5vh auto;
				font-size: 0.6rem;
				line-height: 1.3rem;
				padding: 20px;
			}
			
			.core-cont-r em{
				font-size: 1rem;
			}
			
			.certif-cont{
				width: 90%;
				overflow: hidden;
				height: 100%;
			}
			
			.cooper-koo1 img{
			margin-left: 0;
				width: 100%;
			}
			
			.about-box,.josn-box{
			float: none;
			width: 100%;
			}
			

			
        }


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

			
        }