@charset "utf-8";

/* CSS Document */
/*2025.8.19*/

.main-right12{
	    flex: 0 0 100%;
        max-width: 100%;
        padding-right: 65px;
}

/*innovation*/

.innovation-box{
	
}
.inno-one{
	
}
.innovation-box h2{
	font-size: 42px;
	/*font-weight: bold;*/
	color: #333;
      font-family:"Source-Han-Serif-CN_Bold";
	line-height: 1.5;
}
.inno-one-tt{
	padding-top: 30px;
}
.innovation-box p{
	font-size: 20px;
	color: #333;
	line-height: 34px;
}


.inno-one-t2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 40px 0 68px;
	position: relative;
}
.inno-one-t2 .xian{
	position: absolute;
	left: 48.5%;
	top: -5%;
	height: 110%;
	width: 30px;
	background: #fff;
	transform: rotate(-10deg);
}


.inno-one-t2 .in-t21{
	background: #6aa29b;
	padding: 20px 40px 20px 25px;
	width:50%;
}
.inno-one-t2 .in-t22{
 background: #829bbd;	
	padding: 20px 20px 20px 50px;
	width: 50%;
	
}
.inno-one-t2 p{
	color: #fff;
	font-size: 20px;
	line-height: 33px;
	margin-bottom: 0;
}

.inno-two{
	background: #f5f5f5;
	padding: 60px 0 30px;
	position: relative;
}


.inno-two::before{
	background: #f5f5f5;
	content: "";
	position: absolute;
	left: -100%;
	top: 0px;
	width: 100%;
	height: 100%;
}
.inno-two::after{
	background: #f5f5f5;
	content: "";
	position: absolute;
	right: -100%;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: -21;
}
.nycon .row1::before{
	z-index: 2;
}
.inno-twott{
	padding-top: 10px;
}

.pimg1{
	display: flex;
	justify-content: space-between;
	margin: 40px 0 30px;
}
.pimg1 img{
	width: 47%;
}

/*inno-three*/
.inno-three{
	position: relative;
	padding: 55px 0;
}
.inno-three::after{
	content: "";
	position: absolute;
	right: -6%;
	top: 0px;
	width: 160%;
	height: 100%;
	background: url(../images/ibg1.jpg) no-repeat right top;
	background-size: cover;
}
.inno-t-one{
	z-index: 1;
	display: flex;
	
	justify-content: space-between;
}
.inno-t-one .t-oneli{
	background: rgba(224,195,65,0.75);
	padding: 40px;
	width: calc(50% - 15px);
	transition: all 0.4s ease-out;
}
.inno-t-one .t-oneli:hover{
	    transition: all 0.4s ease-out;
        transform: translateY(-10px);
}
.inno-t-one .t-oneli2{
	background: rgba(208,135,95,0.75);
}
.inno-t-one .t-oneli h4{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 30px;
}
.inno-t-one .t-oneli p{
	color: #fff;
	
}

.inno-t-two{
	z-index: 11;
	display: flex;
	justify-content: center;	
	margin-top: 30px;
	transition: all 0.4s ease-out;
}
.inno-t-two:hover{
	    transition: all 0.4s ease-out;
        transform: translateY(-5px);
	
}

.inno-t-two .inno-ttimg{
	width:320px;
}
.inno-t-two .inno-tt2{
	padding: 30px 45px 20px;
	background: rgba(51,107,135,0.75);
	width:calc(100% - 320px);
	color: #fff;
	
}
.inno-t-two:nth-child(2) .inno-tt2{
	background: rgba(67,52,73,0.75);
}
.inno-t-two .inno-tt2 h4{
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
}
.inno-t-two .inno-tt2 p{
	color: #fff;	
	margin-bottom: 0;
}

/*inno-four*/
.inno-four {
	background: #f5f5f5;
	position: relative;
	padding: 60px 0;
	
}

.inno-four::before{
	background: #f5f5f5;
	content: "";
	position: absolute;
	left: -100%;
	top: 0px;
	width: 100%;
	height: 100%;
}
.inno-four::after{
	background: #f5f5f5;
	content: "";
	position: absolute;
	right: -100%;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: -21;
}
.inno-four h4{
	font-weight: bold;
	font-size: 24px;
	
	
}

.inno-ftwo2,.inno-fone2{
	display: flex;
	flex-wrap: wrap;justify-content: space-between;
	margin: 40px 0 68px;
	position: relative;
}
.inno-ftwo2 .xian,.inno-fone2 .xian{
	position: absolute;
	left: 48.5%;
	top: -5%;
	height: 110%;
	width: 33px;
	background: #f5f5f5;
	transform: rotate(-9deg);
}
.inno-fone2 .xian{
	/*transform: rotate(-7deg);*/
}
.inno-fone2 p{
	color: #fff;
	font-size: 20px;
	line-height: 33px;
	margin-bottom: 0;
}
.inno-fone2 h5{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 12px;
}
.inno-fone2  .inno-fone21{
	background: #d0875f;
	padding: 20px 30px 20px 25px;
	width: 50%;

	
}
.inno-fone2  .inno-fone21 p b{
	font-weight: normal;
	text-decoration: underline;
	
}
.inno-fone2  .inno-fone22{
 background: #b34c44;	
	padding: 20px 20px 20px 45px;
	width: 50%;
	
}

.inno-ftwo2 p{
	color: #fff;
	font-size: 20px;
	line-height: 33px;
	margin-bottom: 0;
}

.inno-ftwo2  .inno-ftwo21{
	background: #9fc0ce;
	padding: 20px 50px 20px 25px;
	width: 50%;
	display: flex;
	
	justify-content: center;
	align-items: center;
	
}
.inno-ftwo2  .inno-ftwo22{
    background: #597a86;	
	padding: 20px 20px 20px 55px;
	width: 50%;
	
}
.f-timg {
	margin: 30px 0;
}
.f-timg img{
	width: 100%;
}

.f-timg span{
	position: absolute;
	right: 0px;
	bottom: 10px;
	width: 100%;
	color: #fff;
	font-size:24px;
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
}



@media (min-width: 1500px) {

.inno-t-two .inno-tt2{
	height: 240px;
    overflow: hidden;
    padding: 30px 35px 10px;
}




}
@media (min-width: 1200px) {



}

@media (max-width: 1500px) {
   
   
   






	
}



@media (max-width: 1400px) {
    .innovation-box h2{
		font-size: 34px;
       
	}

.inno-t-two .inno-tt2 p{
	line-height: 30px;
	
}
.inno-fone2 .xian {
    transform: rotate(-7deg);
}






	
}
@media (max-width: 1300px) {
	.innovation-box h2{
		        font-size: 28px;
       
	}
.inno-four h4{
	font-size: 22px;
	font-size: 18px;
}
    .inno-fone2 .xian {
        transform: rotate(-5deg);
    }
.innovation-box p{
	font-size: 18px;
	line-height: 28px;
}	

.inno-three::after{
	right: -7%;
}
.inno-t-two .inno-tt2 h4{
	font-size: 22px;
}
.inno-fone2 h5{
	font-size: 22px;
}

	
	
	
	
	
}
@media (max-width: 1200px) {

    .innovation-box h2 {
        font-size: 26px;
    }

.inno-two{
	padding-top: 30px;
}
.inno-t-one .t-oneli h4{
	font-size: 22px;
	margin-bottom: 20px;
}
.inno-t-one .t-oneli{
	padding: 30px 30px 20px;
}

.inno-t-two .inno-tt2{
	padding: 30px;
}
.inno-t-two .inno-tt2 h4{
	font-size: 20px;
	
}
.inno-fone2 h5{
	font-size: 20px;
}

.inno-t-two{
	align-items: center;
	flex-wrap: wrap;
}












	
	
}

@media (max-width: 1100px) {
	





}


@media (max-width: 991px) {
	
.inno-t-two .inno-ttimg {
    width: 220px;
}
.inno-t-two .inno-tt2{
	    width: calc(100% - 220px);
	    padding: 20px;
	    
}	
.inno-t-two .inno-tt2 h4{
	margin-bottom: 5px;
}	
.innovation-box h2 {
    font-size: 20px;
}
.inno-one-tt {
    padding-top: 10px;
}
.main-right {
        padding-right: 15px;
    }




	
	
	
	
	
	
	
	
}
@media (max-width: 767px) {
	.inno-one-t2{
		display: block;
		margin: 30px 0;
	}
.inno-one-t2 .xian{
	display: none;
}	
.inno-one-t2 .in-t21{
	width: 100%;
	padding: 20px;
}	
.inno-one-t2 .in-t22{
	width: 100%;
	padding: 20px;
}		
.innovation-box p{
	font-size: 16px;
}	
	.inno-t-one{
		display: block;
		
	}
    .inno-t-one .t-oneli {
    	width: 100%;
        padding: 20px;
    }	
.inno-t-one .t-oneli h4{
	font-size: 18px;
	margin-bottom: 10px;
}	
.inno-t-one .t-oneli2{
	margin-top: 30px;
}	
.inno-t-two{
	display: block;
	
}	
.inno-t-two .inno-ttimg{
	width: 100%;
}	
.inno-t-two .inno-ttimg img{
	width: 100%;
}	
.inno-t-two .inno-tt2{
	width: 100%;
}	
	
.inno-four{
	padding: 30px 0;
}	
	
.inno-ftwo2 .xian, .inno-fone2 .xian{
	display: none;
}	
.inno-fone2 .inno-fone21{
	width: 100%;
	margin-bottom: 30px;
	padding: 20px;
}
.inno-fone2 .inno-fone22{
	width: 100%;
	padding: 20px;
}
.inno-ftwo2, .inno-fone2{
	margin: 30px 0;
}
.f-timg span{
	font-size: 16px;
}
.f-timg {
    margin: 10px 0;
}
.inno-ftwo2 .inno-ftwo21,.inno-ftwo2 .inno-ftwo22{
	width: 100%;
	padding: 20px;
}
.inno-t-two .inno-tt2 h4{
	font-size: 18px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}