@charset "UTF-8";

#myVideo{position: absolute;right: 0;bottom: 0;top:0;right:0;width: 100%;height: 100%;background-size: 100% 100%;background-color: black;object-fit: cover;z-index:3;}

.mouse-scroll {position:absolute; bottom:40px; left:50%; margin-left:-14px; width:28px; height:46px; border:1px solid #fff; border-radius:23px; animation: scrollDown .9s linear infinite alternate; z-index:10}
.mouse-scroll .arrow {position:absolute; top:15px; left:50%; margin-left:-6px; width:12px; height:6px; background:url('../img/main/scroll_down.png') 50% 50% no-repeat;animation-name: scroll;animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;}

@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

@keyframes scrollDown {
    from {
        bottom: 30px;
    }

    to {
        bottom: 40px;
    }
}



.business-vis {position:relative; height:100%;overflow:hidden;}
.business-vis .item {height:100vh; display:flex; text-align:center; position: relative; z-index:1;}
.business-vis .item .background {position:absolute;  top:0; left:0; width:100%; height:100%; object-fit:cover; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  opacity: 1 !important; animation-duration: 3s; transition: all 1s ease;}
.business-vis .content {position:absolute; top:50%; left:0; width:100%; color:#fff; transform:translateY(-60%); letter-spacing:-.050em; z-index:50;}
.business-vis .content em {font-style:normal; display:block; font-size:20px;line-height:1.3em; font-weight:600; margin-bottom:20px;}
.business-vis .content .tit {font-size:70px; line-height:1.06em; font-weight:600; margin-bottom:40px;}
.business-vis .content .cnt {font-size:20px; line-height:1.5em;}
.business-vis .btns {position:absolute; bottom:145px; left:0; width:100%; z-index:10}
.business-vis .btns a {display:inline-flex; justify-content:center; align-items:center; font-size:20px ;line-height:1.4em; color:#fff;}
.business-vis .btns a i {display:block; width:47px; height:47px; border:1px solid #fff; margin-right:10px; border-radius:100%; background:url('../img/main/more_arrow.png') 50% 50% no-repeat; transition:.3s;}
.business-vis .btns a:hover {color:#7bbdde}
.business-vis .btns a:hover i {border-color:#7bbdde}
.business-vis .slick-arrow {position:absolute; top:50%; margin-top:-45px; width:45px;height:90px; font-size:0; line-height:0; border:0; background-color:transparent; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; z-index:50}
.business-vis .slick-arrow:focus {outline:0;}
.business-vis .slick-prev {left:50px; background-image:url('/html/_skin/img/main/slide_prev.png');}
.business-vis .slick-next {right:50px; background-image:url('/html/_skin/img/main/slide_next.png');}
.business-vis .slick-dots {position:absolute; bottom:100px; left:0; width:100%;display:flex; align-items:center; justify-content:center; z-index:50;}
.business-vis .slick-dots li {line-height:0; margin:0 5px;}
.business-vis .slick-dots li button {width:10px; height:10px; background:#ccc;border-radius:100%; font-size:0; line-height:0;}
.business-vis .slick-dots li button:focus {outline:0;}
.business-vis .slick-dots li.slick-active button {background:#7bbdde}

.animated {transition: all .5s ease;}
.business-vis [data-animation-in] {opacity: 0;animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;transition:1s;}

@keyframes zoomInImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
	transition:1s;
  }
  to {
    transform: scale3d(1, 1, 1);
	transition:1s;
  }
}
.zoomInImage {animation-name: zoomInImage;}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1, 1, 1);
	transition:1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
	transition:1s;
  }
}
.zoomOutImage {animation-name: zoomOutImage;transition:1s;}

.main-title {margin-bottom:65px;}
.main-title h2 {font-size:70px; line-height:1.06em; color:#0d0d0d; font-weight:600;}
.main-title p {font-size:20px ;line-height:1.5em; opacity:.60;color:#0d0d0d; margin-top:16px;}

.main-jace {padding:80px 0;}
.main-jace .inner {max-width:1620px;}
.main-jace .jace-inner {position:relative;}
.main-jace .jace-slider ul li {position:relative;}
.main-jace .jace-slider ul li .info:after {content:"";  position:absolute; top:-1px; left:0; width:100%; height:100%; border:1px solid #d1d1d1; border-top:0; border-left:0; border-right:0; z-index:0;}
.main-jace .jace-slider ul li .info .wrap {position:relative; width:50%; display:flex; align-items:center; height:138px; }
.main-jace .jace-slider ul li .info .num {color:#ccc; font-size:20px; line-height:1.3em; font-weight:600; transition:.3s; width:160px;}
.main-jace .jace-slider ul li .info .tit {flex:1 1 auto; min-witdh:0; width:1%; font-size:24px; line-height:1.3em; font-weight:600; color:#0d0d0d; transition:.3s;}
.main-jace .jace-slider ul li:nth-child(1) {border-top:1px solid #d1d1d1 !important;}
.main-jace .jace-slider ul li.active .info:after {border:1px solid #1b78ba; border-left:0; border-right:0;} 
.main-jace .jace-slider ul li .info .more {position:absolute; top:50%; right:0; margin-top:-23.5px; font-size:20px; line-height:47px; display:flex; align-items:center; color:#1b78ba; transition:.3s; opacity:0; z-index:90}
.main-jace .jace-slider ul li .info .more i {width:47px; height:47px; border-radius:100%; background:#1b78ba url('../img/main/more_arrow2.png') 50% 50% no-repeat; margin-left:20px;}
.main-jace .jace-slider ul li.active .info .more {opacity:1; right:-20px;}
.main-jace .jace-slider ul li.active .info .num,
.main-jace .jace-slider ul li.active .info .tit {color:#1b78ba}
.main-jace .jace-slider ul li.active .jace-image {opacity:1; top:-40px;}
.main-jace .jace-slider ul li:nth-child(2) .jace-image {top:-60px;}
.main-jace .jace-slider ul li:nth-child(2).active .jace-image {opacity:1; top:-40px;}
.main-jace .jace-slider ul li:nth-child(3) .jace-image {top:auto; bottom:-20px;}
.main-jace .jace-slider ul li:nth-child(3).active .jace-image {opacity:1; bottom:-10px;}
.main-jace .jace-image {opacity:0;position:absolute; top:0; right:0; width:50%; box-shadow:4px 6px 10px rgba(0,0,0,.40); z-index:9; transition:.3s;}


#section3 {padding:190px 0;background:#f8f8f8 url('../img/main/partner_bg.png') 100% 100% no-repeat;}
.main-partner {overflow:hidden;}
.main-partner .main-title {text-align:center; margin-bottom:80px;}
.main-partner .board-wrap {display:none;}

.partnerSlider .slick-list {margin:0 -10px;}
.partnerSlider .item {padding:0 10px;}
.partnerSlider .thumb {position:relative; height:0; background:#fff; padding-bottom:33.3%; overflow:hidden;}
.partnerSlider .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.partnerSlider a:hover .thumb img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}


.modal-video {background:rgba(0,0,0,.70);}
.modal-video-close-btn {top:-36px !important; right:0 !important; width:23px; height:23px; background:url('../img/main/close.png') 50% 50% no-repeat; background-size:contain;}
.modal-video-close-btn:before,
.modal-video-close-btn:after {display:none;}

.fp-watermark {display:none !important}