.in {width:100%; margin:0 auto;  max-width:1400px; }

@media all and (max-width:1400px) {
  .in {padding:0 4%; box-sizing:border-box }
 
}


.main_con {width:100%;  margin:0 auto;  font-size:17px;  font-weight:300; line-height:1.4}
.top_text {margin-bottom:0}

section + section {margin-top:120px}
body {overflow-x:hidden}

.vi {position:relative; width:100%; height:100vh}
.vi iframe {height:100%; width:100%}
.vi + hr {height:120px}


.tit {font-weight:800}
.tit  + p {color:#555; margin-top:8px}


@media all and (max-width:900px) {
	 .main_con { font-size:15px;  }

}


.about {position:relative;  }
.about .span_bar {width:30px; height:3px; margin-bottom:10px; display:inline-block; background-color:var(--main_c)}
.about .in {margin-top:60px}
.about .top_text b.b1 {font-size:1.5em}
.about .top_text b.b2 {font-size:2.7em; letter-spacing:-1.3px; font-weight:800 }
.about .top_text b.b2  span {color:var(--main_c); font-weight:900}
.about .ceo_wrap {gap:60px}
.about .left_img {width:500px; flex-shrink:0; margin-top:10px; position:relative}
.about .left_img .back_bg {width:100%; height:100%; background-color:#d2e9f4; opacity:.5;   position:absolute; left:-45px; top:-45px; z-index:-9}

.about  .top_text p {font-size:17.5px}


@media all and (max-width:900px) {
		.about .ceo_wrap {gap:40px; margin-top:0px}
		.about .left_img {width:100%; }
		.about .left_img .back_bg {left:-4vw; top:-4vw}
		.about .in {margin-top:0}
		.about .ceo_img {width:100%;  }
		.about .top_text b.b1 {font-size:1.2em;  }
		.about .top_text b.b2  {font-size:1.7em; letter-spacing:-1px; }
		.about .top_text p {font-size:1em}


}




.no_counter_wrap {background-color:#f5fbff}
.no_counter_wrap ul.flex {width:100%; border-left:1px solid #fff; justify-content:center; gap:70px }
.no_counter_wrap ul.flex li {font-size:19px; padding:50px 0; text-align:Center; }
.no_counter_wrap ul.flex li b {font-size:1.7em; white-space:nowrap;  line-height:1;  font-weight:600;  margin-top:17px; display:flex; gap:3px; justify-content:center;   align-items:center}
.no_counter_wrap ul.flex li b span {font-size:1.5em;  white-space:nowrap;  line-height:0; color:var(--main_c);  font-weight:800; letter-spacing:-2px}
.no_counter_wrap ul.flex li p {height:75px; width:70px;   position:relative; margin:0 auto; margin-bottom:10px; display:flex; align-items:center; justify-content:center;}
.no_counter_wrap ul.flex li div {height:0;  overflow:hidden; padding:0 5px}


 @media all and (max-width:900px) {
   .no_counter_wrap ul.flex {gap:30px 0; padding:50px 0}
   .no_counter_wrap ul.flex li {width:50%; font-size:16px; padding:0}
   .no_counter_wrap ul.flex li b {font-size:1.2em;  }


}
.business ul.flex {width:100%; flex-wrap:wrap ; gap:30px; margin-top:30px; }
.business ul.flex li {width:100%; display:flex; align-items:center;  gap:50px;  padding:0; background-color:#fff; color:#333; }
.business ul.flex li div:first-child img {width:100%; }
.business ul.flex li div:first-child {width:47%;   overflow:hidden;  flex-shrink:0; height:400px; overflow:hidden} 
.business ul.flex li div:last-child {width:45%; margin-left:auto; line-height:1.6; font-size:1.05em  } 
.business ul.flex li h5 {font-size:2em; font-weight:800; margin-bottom:10px;   color:#000}
.business ul.flex li h6 {font-size:1.1em; font-weight:500;  color:#000}
.business ul.flex li:nth-child(2) div:first-child  {order:2;  margin-left:auto}
.business ul.flex li:nth-child(2) div:last-child  {order:1;  margin-left:0}


 @media all and (max-width:900px) {
		.business ul.flex li {flex-wrap:wrap; gap:20px }
		.business ul.flex li div:first-child {width:100%; height:250px; } 
		.business ul.flex li div:last-child {width:100%;  } 
		.business ul.flex li:nth-child(2) div:first-child  {order:1;  }
		.business ul.flex li:nth-child(2) div:last-child  {order:2; }
		.business ul.flex li h5 {font-size:1.5em; }
		.business ul.flex li h6 {font-size:1em;  }


}

.btn_wrap {text-align:center; margin-top:30px}
.btn_wrap p {width:50px; height:50px; border-radius:10px; display:flex; align-items:Center; justify-content:center; border:1px solid #999}
.btn_wrap span {font-size:40px;  font-weight:200}
 


  
.partner_wrap {position:relative;  margin-top:30px; padding-bottom:50px}
.partner .swiper-slide ul {display:flex; flex-wrap:wrap; }
.partner .swiper-slide ul li {width:20%;  box-sizing:border-box; display:flex; align-items:center; justify-content:center; height:100px; background-color:#fff }
.partner .swiper-slide ul li img  {max-width:70%; max-height:70% }
 

 @media all and (max-width:900px) {
		.partner .swiper-slide ul li {width:33%; height:80px }
		.partner .swiper-slide ul li img  {max-width:80%; max-height:80% }


}
.partner_wrap .swiper-button-prev,
.partner_wrap .swiper-button-next {
	background: transparent;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border: 2px solid #111;
	border-radius: 50px;
	opacity: .5;

	transition: all .3s ease;
}

.partner_wrap .swiper-button-prev:hover,
.partner_wrap .swiper-button-next:hover {
	opacity: 1
}

.partner_wrap .swiper-button-next:after,
.partner_wrap .swiper-button-prev:after {
	font-size: 20px;
	color: #111;
	  
}
.partner_wrap .swiper-button-next {right:-70px}
.partner_wrap .swiper-button-prev {left:-70px}
.partner_wrap .swiper-pagination-bullet-active {background-color:var(--main_c);}


 @media all and (max-width:1400px) {
		.partner_wrap .swiper-button-next {display:none}
		.partner_wrap .swiper-button-prev {display:none}

 
}