.visual{width:100%;height:100vh;overflow:hidden;position: relative;background:url('/images/visual_bg.jpg') no-repeat;background-size:cover;box-sizing: border-box;color:#fff;background-attachment: fixed;}
/* .visual{width:100%;height:100vh;overflow:hidden;position: relative;box-sizing: border-box;color:#fff;}
.visual .bg{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;background:#000}
.visual .bg-video{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;opacity: 0.3;}
.visual .bg-video .bg-video__content {height: 100%;width: 100%;object-fit: cover;} */
.visual .txt{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%;}
.visual h2{font-family:'Paperlogy8', sans-serif;font-size:60px;text-align:center;}
.visual h2 br{display: none;}
.visual p{font-family:'Paperlogy5', sans-serif;font-size:18px;line-height: 24px;margin-top:20px;text-align:center;}

.visual .scroll{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);}
.visual .scroll small{font-family:'Paperlogy3', sans-serif;font-size:13px;}
.visual .scroll .mouse {
  position: relative;
  width: 19px;
  height: 27px;
  border: 1px solid #fff;
  border-radius: 100px;
  margin:10px auto 5px;
}
.visual .scroll .mouse::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 50%;
  width: 2px;
  height: 4px;
  background-color: #fff;
  border-radius: 40px;
  opacity: 1;
  animation: wheel 1s infinite;
  -webkit-animation: wheel 1s infinite;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#fullpage #sub1{min-height:460px;background:#0057b8;overflow:hidden;position: relative;}
/* #fullpage #sub1 .w1300{display: flex;justify-content: space-between;} */
#fullpage #sub1 img{position: absolute;left:0;top:0;height: 100%}
#fullpage #sub1 .txt{text-align:right;float:right;padding-right: 50px}
#fullpage #sub1 .txt small{color:#fff;}
#fullpage #sub1 .txt h3{color:#fff;}
#fullpage #sub1 .txt p{color:#fff;}
#fullpage #sub1 .txt a{display: inline-block;border-radius:200px;border:1px solid #fff;width:200px;text-align:center;height:40px;line-height: 40px;font-family:'Paperlogy6', sans-serif;color:#fff}

/* #fullpage #sub2 .txt small{display: inline-block;padding:10px 0;width:150px;background:#0057b8;color:#fff;} */
#fullpage #sub2 ul{display: flex;justify-content: space-between;}
#fullpage #sub2 ul li{width:24%;margin-right: 1%;box-sizing: border-box;transition: all .5s;border:1px solid #e1e1e1;height:250px;padding:30px;position: relative;cursor: pointer;box-shadow: none}
#fullpage #sub2 ul li:last-child{margin-right: 0}
#fullpage #sub2 ul li p.num{color:#ff6b00;font-family:'Paperlogy8', sans-serif;font-size:48px;}
#fullpage #sub2 ul li h4{color:#1c1c1e;font-family:'Paperlogy7', sans-serif;font-size:18px;padding:30px 0;opacity: 0;position: absolute;transition: all .5s;}
#fullpage #sub2 ul li h4 br{display: none;}
#fullpage #sub2 ul li div{color:#1c1c1e;font-family:'Paperlogy4', sans-serif;font-size:14px;line-height: 18px;opacity: 0;position: absolute;bottom:30px;transition: all .5s;}
#fullpage #sub2 ul li img{width:110px;position: absolute;bottom:0;right:20px;opacity: 0;transition: all .5s;}
#fullpage #sub2 ul li i{position: absolute;bottom:30px;left:30px;opacity: 1;color:#1c1c1e;font-size:20px}
#fullpage #sub2 ul li.on{width:80%;box-shadow: 5px 4px 13px 0px #e3e3e3}
#fullpage #sub2 ul li.on  h4,#fullpage #sub2 ul li.on div,#fullpage #sub2 ul li.on img{opacity: 1}
#fullpage #sub2 ul li.on i{opacity: 0}

/* #fullpage #sub3{height:100vh;} */
#fullpage #sub3 .swiper{position: sticky;left: 0;top: 0;width: 100%;height: 100dvh;overflow: hidden;}
#fullpage #sub3 .swiper .swiper-slide{display: flex;flex-direction: column;justify-content: center;align-content:center;flex-wrap: wrap;}
#fullpage #sub3 .swiper .swiper-slide .program_box{width:80%;}
#fullpage #sub3 .swiper .swiper-slide .program_box h4{font-size:48px;font-family:'Paperlogy8', sans-serif;padding-bottom:30px;color:#fff;}
#fullpage #sub3 .swiper .swiper-slide .program_box p{font-size:36px;font-family:'Paperlogy6', sans-serif;padding-bottom:30px;color:#fff;}
#fullpage #sub3 .swiper .swiper-slide .program_box div{font-size: 16px;line-height: 24px;font-family:'Paperlogy4', sans-serif;color:#fff;}
#fullpage #sub3 .swiper .program1{background:url('/images/main/main_img07.jpg') no-repeat;background-size:cover;}
#fullpage #sub3 .swiper .program2{background:url('/images/main/main_img08.jpg') no-repeat;background-size:cover;}
#fullpage #sub3 .swiper .program3{background:url('/images/main/main_img09.jpg') no-repeat;background-size:cover;}
#fullpage #sub3 .swiper .program4{background:url('/images/main/main_img10.jpg') no-repeat;background-size:cover;}
#fullpage #sub3 .pager_txt{z-index: 9;position: absolute;right: 0;width:300px;height:auto;color:#999;font-family:'Paperlogy6', sans-serif;font-size:16px}
#fullpage #sub3 .pager_txt p{width: 100%;height: auto;margin-bottom:20px;opacity: 1;display: flex;justify-content: space-between;align-items: center;padding: 0 30px;box-sizing: border-box;background: transparent;transition: all .3s;}
#fullpage #sub3 .pager_txt p i{display: inline-block;width:10px;height:10px;background:#999;border-radius:200px;transition: all .3s;}
#fullpage #sub3 .pager_txt p.on{color:#fff;font-size:24px;}
#fullpage #sub3 .pager_txt p.on i{height:50px;background:#fff}
#fullpage #sub3 .m_box{display: none;}
#fullpage #sub3 .m_box>div{height:200px;border-radius:20px;padding:20px;margin-bottom: 20px;overflow: hidden;box-sizing: border-box;text-align: center;}
#fullpage #sub3 .m_box .program_box h4{font-size:20px;font-family:'Paperlogy8', sans-serif;padding-bottom:20px;color:#fff;}
#fullpage #sub3 .m_box .program_box p{font-size:25px;font-family:'Paperlogy6', sans-serif;padding-bottom:20px;color:#fff;}
#fullpage #sub3 .m_box .program_box div{font-size: 14px;line-height: 24px;font-family:'Paperlogy4', sans-serif;color:#fff;}
#fullpage #sub3 .m_box .program1{background:url('/images/main/main_img07.jpg') no-repeat;background-size:cover;}
#fullpage #sub3 .m_box .program2{background:url('/images/main/main_img08.jpg') no-repeat;background-size:cover;}
#fullpage #sub3 .m_box .program3{background:url('/images/main/main_img09.jpg') no-repeat;background-size:cover;}
#fullpage #sub3 .m_box .program4{background:url('/images/main/main_img10.jpg') no-repeat;background-size:cover;}

#fullpage #sub4 ul{width:80%;margin:0 auto;}
#fullpage #sub4 ul li{display: flex;align-items: center;margin-bottom: 20px}
#fullpage #sub4 ul li:last-child{margin-bottom: 0}
#fullpage #sub4 ul li img{border-radius: 20px;border:1px solid #e1e1e1;margin-right:50px;}
#fullpage #sub4 ul li .text h4{font-family:'Paperlogy7', sans-serif;color:#ff6b00;font-size:28px;margin-bottom: 20px}
#fullpage #sub4 ul li .text div{font-family:'Paperlogy4', sans-serif;font-size:16px;line-height: 20px}
#fullpage #sub4 .w1300>a{display: block;margin:60px auto 0;border-radius: 200px;width:250px;padding:20px 0;text-align:center;background:#0057b8;color:#fff;font-family:'Paperlogy6', sans-serif;font-size:18px;}

/* #fullpage #sub5{background:#f1f5f6;overflow: hidden}
#fullpage #sub5 .fp-overflow{overflow: hidden;padding:0 30px}
#fullpage #sub5 .w1300{position: relative;}
#fullpage #sub5 .swiper-partner{padding-top: 50px}
#fullpage #sub5 .swiper-slide{width:500px;background:#fff;border:3px solid transparent;border-radius: 20px;padding:30px;box-sizing: border-box;box-shadow: 7px 6px 7px 1px #ddd;transition: all .3s;}
#fullpage #sub5 .swiper-slide:hover{border-color:#0057b8}
#fullpage #sub5 .swiper-slide img{height:35px;margin-bottom: 20px;}
#fullpage #sub5 .swiper-slide h4{font-size:18px;color:#1c1c1e;font-family:'Paperlogy7', sans-serif;margin-bottom: 20px;}
#fullpage #sub5 .swiper-slide p{font-size:14px;color:#999;text-align:right;font-family:'Paperlogy3', sans-serif;}

#fullpage #sub5{background:#f1f5f6;overflow: hidden}
#fullpage #sub5 .w1300{position: relative;}
#fullpage #sub5 .card_wrap{padding-top: 50px;display: flex;justify-content: center;}
#fullpage #sub5 .card{width:500px;height:350px;position: relative;margin-right:20px;background:#fff;border-radius: 20px;padding:30px 50px;box-sizing: border-box;box-shadow: 7px 6px 7px 1px #ddd;transition: all .3s;text-align: center;}
#fullpage #sub5 .card:last-child{margin-right: 0}
#fullpage #sub5 .card:hover{background-color:#0057b8}
#fullpage #sub5 .card img.logo{height:50px;margin:0 auto 20px;display: block;}
#fullpage #sub5 .card:hover img.logo{filter : brightness(0) invert(1);}
#fullpage #sub5 .card img.icon_img{width:140px;margin:0 auto 10px;display: block;opacity: 0.5;transition: all .3s;}
#fullpage #sub5 .card:hover img.icon_img{opacity: 1}
#fullpage #sub5 .card h4{font-size:18px;color:#1c1c1e;font-family:'Paperlogy6', sans-serif;margin-bottom: 20px;transition: all .3s;}
#fullpage #sub5 .card p{font-size:14px;color:#999;text-align:center;font-family:'Paperlogy4', sans-serif;position: absolute;bottom: 36px;left: 50%;transform: translateX(-50%);border:1px solid transparent;height:40px;border-radius:200px;line-height: 40px;padding:0 30px;}
#fullpage #sub5 .card:hover p{border-color:#fff;transition: all .3s;color:#fff;}
#fullpage #sub5 .card:hover h4{color:#fff;} */

/* #fullpage #sub5 .fp-overflow:before, #fullpage #sub5 .fp-overflow:after {
    content: "";
    position: absolute;
    width: 200px;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}

#fullpage #sub5 .fp-overflow:after {
    left: auto;
    right: 0;
    transform: rotateY(180deg);
} */

#fullpage #sub5 .contact_box{height:75vh;overflow: hidden;text-align: center;background: url('/images/main/bg_ctm.jpg') no-repeat center;background-size: cover;background-attachment: fixed;padding-top:80px;box-sizing: border-box;min-height:600px}
#fullpage #sub5 .contact_box .txt small,#fullpage #sub5 .contact_box .txt h3{color:#fff;}
#fullpage #sub5 .contact_box .contactus{width:70%;background:rgba(0,0,0,0.5);border-radius:20px;margin:0 auto;padding:60px 0}
#fullpage #sub5 .contact_box .contactus h4 {margin-bottom: 20px;}
#fullpage #sub5 .contact_box .contactus h4 a{font-size:24px;color:#fff;font-family:'Paperlogy8', sans-serif;}
#fullpage #sub5 .contact_box .contactus p{font-size:16px;color:#999;font-family:'Paperlogy5', sans-serif;}

.fp-watermark{display: none;}

@keyframes wheel {
  to {
    opacity: 0;
    top: 15px;
  }
}
@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 15px;
  }
}

@keyframes motion_1 {
    50% {transform: translateY(-20px);}
}
@keyframes btn-shake {
    40%, 60% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(10deg);
    }
    70% {
        transform: rotate(0deg);
    }
}

@media screen and (max-width: 1340px){
    #fullpage #sub2 ul li.on{width:100%;}
}

@media screen and (max-width: 1250px){
    #fullpage #sub2 ul li img{width:95px;}
}

@media screen and (max-width: 1150px){
    #fullpage #sub1 img{left:-12%;}
    #fullpage #sub2 ul li img{display: none;}
    #fullpage #sub4 ul{width:100%}
}

@media screen and (max-width: 1035px){
    #fullpage #sub2 ul{flex-direction: column;}
    #fullpage #sub2 ul li{height:104px;width: 100%;padding:30px 20px}
    #fullpage #sub2 ul li.on{height:auto;box-shadow: none;}
    #fullpage #sub2 ul li img{display: block;}
    #fullpage #sub2 ul li i{left:auto;right:30px;}
    #fullpage #sub2 ul li h4{position: initial}
    #fullpage #sub2 ul li div{position: initial}
}


@media screen and (max-width: 1005px){
    .visual h2{font-size: 55px}
    #fullpage #sub1 img.imgPng{display: none;}
    #fullpage #sub1 img{left:0;}
    #fullpage #sub1 .txt{float: none;width: 100%;text-align: center;}
    #fullpage #sub3 .pager_txt{top:auto;bottom:-50px}
    #fullpage #sub5 .contact_box .contactus{width:100%;}
}

@media screen and (max-width: 850px){
    #fullpage #sub4 ul li{flex-direction: column;border:1px solid #e1e1e1;border-radius: 20px;padding:20px;}
    #fullpage #sub4 ul li img{display: none;}
    /* #fullpage #sub4 ul li .text{text-align:center;} */
    #fullpage #sub4 .w1300>a{margin-top: 20px}
}
@media screen and (max-width: 795px){
    .visual h2{font-size: 3rem;padding:0 20px;}
    .visual p{font-size: 16px;}
    .visual h2 br{display: block;}
    #fullpage #sub2 ul li h4{padding:15px 0}
    #fullpage #sub2 ul li h4 br{display: block;}
}
@media screen and (max-width: 655px){
    #fullpage #sub2 ul li img{display: none;}
    #fullpage #sub5 .contact_box .contactus h4 a{font-size:21px;}
    #fullpage #sub5 .contact_box .contactus p{font-size:14px;padding:0 20px;}
}

@media (pointer:coarse) {
    #fullpage #sub3 .swiper{display: none;}
    #fullpage #sub3 .m_box{display: block;}
}