.main .section .cont {position:relative;}
section {position:relative; padding:6.25rem 0; }
@media screen and ( max-width:1200px ) {
section {  padding:3.85rem 0; min-height:auto;}
}
@media screen and ( max-width:1024px ) {
section {  padding:2.5rem 0 2.5rem;}
}


/* swiper */
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0);}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; /*transition-timing-function: linear;*/}
.swiper-slide { flex-shrink: 0; /*width: 100%;*/ height: 100%; position: relative; transition-property: transform;}

.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}


.main-visual {  position: relative;  left: 0;  right: 0;  top: 0;  width:100%; height:700px; overflow: hidden;  z-index: 10; }
.main-visual .swiper-slide { width: 100%; height: 100%;  position: relative;  display: flex;  align-items: center;  background: linear-gradient(to bottom, #f1f4fa, #e2efff, #e2efff, #e2efff, #e2efff); }
.main-visual .swiper-slide video {  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  object-fit: cover;  z-index: 0;  opacity: 0.6;}

.visual-copy {position: relative; width: 100%;  margin:0 auto;  text-align: left; display:flex; justify-content: center; align-items: center; z-index: 10;}
.visual-copy .main-copy { width:650px; display:flex; flex-direction: column;margin-right:-7rem; margin-top:-1.5rem; gap:.5rem; z-index:10}
.visual-copy .main-copy .copy1,
.visual-copy .main-copy .copy2,
.visual-copy .main-copy .copy3,
.visual-copy .main-car {transition:all .4s cubic-bezier(0.165, 0.84, 0.44, 1);opacity: 0; }
.visual-copy .main-copy .copy1 {transform: translateX(50px);  transition-delay: .6s; transform: scale(0.8);transform-origin: right; }
.visual-copy .main-copy .copy2 {transform: translateX(50px);  transition-delay: .8s; transform: scale(0.8);transform-origin: right; }
.visual-copy .main-copy .copy3 {transform: translateX(50px);  transition-delay: 1.0s; transform: scale(0.8); transform-origin: right;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .main-copy .copy1 {transform: translateX(0px);  opacity: 1; transform: scale(1); right:0}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .main-copy .copy2 {transform: translateX(0px);  opacity: 1; transform: scale(1);right:0}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .main-copy .copy3 {transform: translateX(0px);  opacity: 1; transform: scale(1);right:0}

.visual-copy .main-car {width:500px ; transform: translateX(30px);transform-origin: right; transition-delay: .4s;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .main-car {transform: translateX(0px);  opacity: 1;}

.visual-swiper-control { position: absolute; left: 50%; margin-left: -480px; bottom: 80px; color: #fff; display: flex; align-items: center; z-index: 100;}
.visual-progressbar { width: 80px; height: 3px;  position: relative; background-color: rgba(255, 255, 255, 0.3); transition: .3s opacity; text-align: center; position: relative; overflow: hidden; margin: 0 14px; }
.visual-progressbar .bar { display: block;  content: ''; background-color: #fff; position: absolute; left: 0; top: 0; width: 0; height: 100%; }
.visual-progressbar.play .bar { animation: barMotion 5s forwards linear; }

@keyframes barMotion {
  0% {    width: 0;  }
  100% {    width: 100%;  }
}



.visual-swiper-paging.swiper-pagination-progressbar {  width: 80px;  height: 3px;  position: relative;  background-color: rgba(255, 255, 255, 0.3);  transition: .3s opacity;  text-align: center;  position: relative;  overflow: hidden;  margin: 0 14px;}
.visual-swiper-paging.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background-color: #fff;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.visual-swiper-control .swiper-pagination {  display: flex;  align-items: center;  margin-right: 30px;  font-size: 18px;  color: #fff;  font-weight: 700; }

.visual-swiper-control .swiper-pagination .current-page,
.visual-swiper-control .swiper-pagination .total-page {  width: 24px;  text-align: center; color:#fff;}

.visual-swiper-control .btn-swiper-prev,
.visual-swiper-control .btn-swiper-next,
.visual-swiper-control .btn-swiper-stop {  width: 20px;  height: 20px;  text-align: left;  text-indent: -9999px;  overflow: hidden;  margin: 0 5px;}

.visual-swiper-control .btn-swiper-prev {  background: url(../images/main/i_slider_prev_next.svg) 0 0 no-repeat;}
.visual-swiper-control .btn-swiper-next {  background: url(../images/main/i_slider_prev_next.svg) -30px 0 no-repeat;}
.visual-swiper-control .btn-swiper-stop {  background: url(../images/main/i_slider_stop.svg) center 0 no-repeat;}
.visual-swiper-control .btn-swiper-stop.on {  opacity: 0.3;}
.main-visual .arr-down { opacity: 1;  animation: arrMotion 1.5s infinite; }


@keyframes arrMotion {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    transform: translate(0, -10px);
    opacity: 0.5;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}


@media screen and ( max-width:800px ) {
	.main-visual { height:auto;  }
	.main-visual .swiper-slide {padding:5rem 0; }
    .visual-copy {padding-left:.65rem;}
	.visual-copy .main-copy {margin-right:-4.5rem; margin-top:-2rem;gap: .35rem; }
	.visual-copy .main-car {margin-right:-.5rem;}
}





.item_list {margin-top:2rem; display:flex; gap:1rem; flex-direction: column;}
.item_list li {position:relative; font-size:1.5rem; font-weight:500; color:#2a2c31; line-height:2rem; padding-left:2rem;  }
.item_list li:before {content: "\e929"; font-family:'xeicon';font-size: 2.1rem; color:var(--color-main); position:absolute; left:0; top:0; line-height:2rem; }

@media screen and ( max-width:1024px ) {
	.item_list {gap:.5rem; margin-top:1rem;}
	.item_list li {  font-size:1rem;  line-height:1.3rem; padding-left:1.5rem;  }
	.item_list li:before { font-size: 1.3rem; line-height:1.5rem; }
}


/* main-content */
.section_content  {align-items: center; display: flex;  justify-content: space-between;  justify-content: center; align-items: center;  margin: 0 auto;  padding: 0;  width: 100%;}
.section_txt .title_wrap { text-align:left;}
.section_txt,
.section_img {transition: all 0.2s ease-in; width:50%; display:flex; justify-content: center; }
.sub .section_content .section_txt {padding-left:1rem;}

@media screen and ( max-width:1024px ) {
	.section_content {flex-direction: column; gap:2rem;	}
	.section_txt,
	.section_img { width:90%;  }
	.sub .section_content .section_txt {padding-left:0;padding-top:1rem;}
}

.mainSec4 {background-color:#ebf0fa; overflow:hidden; }

.mainSec2 {background-color:#eaf3fa;}
.mainSec2 .list {margin-top:3rem; padding:0 0rem; font-size:0;}
.mainSec2 .list li { position:relative; width:25%; display:inline-block; vertical-align:top;text-align:center; }
.mainSec2 .list li img  {display:inline-block;}
.mainSec2 .list li p {display:block; margin-top:1rem; font-size:1.2rem; line-height:1.65rem; color:#272c36; font-weight:600;   }

@media screen and ( max-width:1024px ) {
	.mainSec2 .column {padding-left:0; padding-right:0;}
	.mainSec2 .list { margin-top:1.5rem;}
	.mainSec2 .list li { width:50%; padding:0 .65rem; margin:1rem 0;}
	.mainSec2 .list li p {  font-size:.9rem; line-height:1.3rem; }
	.mainSec2 .list li img  {width:90%;}
	
}

.consult_mb {display:none; background-color:#ffea00; }
.consult_mb img{width:100%;}

@media screen and ( max-width:640px ) {
  .consult_mb {display:block; }
}



/* ÀýÂ÷ */
.mainSec4 .list { margin-top:4rem; padding:0 0rem; font-size:0; }
.mainSec4 .list li { position:relative; width:100%; display:flex; justify-content: center;  align-items: center;}
.mainSec4 .list li:nth-child(1):before {content:''; position:absolute; left:15%; top:-8rem; width:46px; height:46px; background:url('/images/main/ball_01.png') no-repeat;}
.mainSec4 .list li:nth-child(2):before {content:''; position:absolute; right:10%; top:-5rem; width:68px; height:68px; background:url('/images/main/ball_02.png') no-repeat;}
.mainSec4 .list li:nth-child(3):before {content:''; position:absolute; left:10%; bottom:-6rem; width:98px; height:98px; background:url('/images/main/ball_03.png') no-repeat;}
.mainSec4 .list li:nth-child(4):before {content:''; position:absolute; right:5%; bottom:-12rem; width:168px; height:168px; background:url('/images/main/ball_04.png') no-repeat center ;}

.mainSec4 .list .title_wrap {text-align:left; width:460px;}
.mainSec4 .list .title_wrap h2 {color:var(--color-main); font-weight:700; font-size:1.75rem; line-height:2rem; text-align:inherit; letter-spacing:-.04em; }
.mainSec4 .list .title_wrap h2 strong {display:block; color:#6d7da2; font-size:1.25rem; line-height:1.25rem; margin-bottom:.65rem; font-weight:700; text-transform:uppercase;  }
.mainSec4 .list .title_wrap p {margin-top:1rem; font-size:1.25rem; line-height:1.8rem; font-weight:500;text-align:inherit;  }
.mainSec4 .list figure {width:460px; text-align:center; }
.mainSec4 .list .title_wrap.left {text-align:right !important;}

@media screen and ( max-width:1024px ) {
	.mainSec4 .list {display:flex; flex-direction: column; margin-top:1rem; gap:3rem;}
	.mainSec4 .list li {flex-direction: column; gap:1.25rem;}
	.mainSec4 .list li:nth-child(1):before {left:3%; top:-3rem; background-size:80%}
	.mainSec4 .list li:nth-child(2):before {right:-3rem; top:-2.5rem; background-size:80%}
	.mainSec4 .list li:nth-child(3):before {left:-3rem; bottom:3rem; background-size:80%}
	.mainSec4 .list li:nth-child(4):before {right:-5rem; bottom:-10em; background-size:80%}

	.mainSec4 .list .title_wrap,
	.mainSec4 .list figure {width:auto; text-align:center !important; }
	.mainSec4 .list figure img {width:60%}
	.mainSec4 .list .title_wrap h2 { font-size:1.45rem; line-height:1.5rem;}
	.mainSec4 .list .title_wrap h2 strong { font-size:.95rem; line-height:1rem; margin-bottom:.65rem; }
	.mainSec4 .list .title_wrap p {margin-top:.65rem; font-size:1rem; line-height:1.5rem; }
	.mainSec4 .list .title_wrap.left {text-align:center !important}

	.mainSec5 .column {padding-left:0; padding-right:0;}

}