.wrap{overflow:hidden}
.inbox{width:1320px; margin:0 auto;}

.header{position:fixed;top:0;left:0;width:100%;padding:30px 60px;display:flex;justify-content: space-between;z-index: 11;align-items: center;}
.header.scroll{padding:20px 60px; background-color:#611987;}
.header h1{width: 141px;}
.header h1 a{display:block;height:69px;background:url(/images/logo.png) no-repeat 50%; }

.gnb{}
.gnb a{color:#fff; font-size:18px; margin-left:60px;}
.gnb a:first-child{margin-left:0;}
 

.visual{position:relative; overflow: hidden;}
.visual .inbox{position:relative;height:1000px; display:flex;flex-direction: column;justify-content: center;z-index: 1; }
.visual  video{position:absolute;left: 0;top: 0;/* z-index: -1; *//* transform: translateY(-50%); */width: 100%;height: 100%;object-fit: cover;}

.visual h3{position:relative;color:#fff;font-size: 80px;font-weight:900;line-height:1.3em;padding-bottom: 70px; }
.visual h3:after{position:absolute;left:0;bottom:0;width:150px;height:1px;content:'';background-color:#a78eb4; }

.visual p{color:#fff;font-size:36px;font-weight: 300;line-height: 1.4em;margin-top: 60px;}


.section{padding: 140px 0;}

.title{}
.title h3{text-align:center;color:#611987;font-size:70px;font-weight:900;margin-bottom: 30px;}
.title p{text-align:center;font-size: 32px;font-weight:400;line-height: 1.5em;}




.point{display:flex;justify-content: space-between;margin-bottom:100px; }
.point>div{position:relative;display:flex;width: 370px;height: 410px;align-items: flex-end;}

.point>div div{opacity:0;transition: ease-in-out 0.3s;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 50px 30px;}
.point>div span{position:absolute; top:50px; left:30px; color:#fff;font-size:22px;font-weight:400;display: block;text-align: center;}
.point>div h5{color:#fff;font-size: 30px;font-weight: bold; margin-bottom:20px; line-height: 1.3em;}
.point>div p{color:#fff;font-size:22px; font-weight:300;line-height: 1.3em;}
.point>div:hover div{opacity:1;}

.point>div[data-aos^=up][data-aos^=up].aos-animate { transform: translateY(-25px);}
.point>div[data-aos^=down][data-aos^=down].aos-animate { transform: translateY(25px);}

.p1{background:url(/images/box1.png) no-repeat 50%}
.p1 div{background:url(/images/box1_hover.png) no-repeat 50%}
.p2{background:url(/images/box2.png) no-repeat 50%}
.p2 div{background:url(/images/box2_hover.png) no-repeat 50%}
.p3{background:url(/images/box3.png) no-repeat 50%}
.p3 div{background:url(/images/box3_hover.png) no-repeat 50%}


.solution{background-color:#2d0c40}

.s_list{position:relative;margin-top: 80px;padding-left: 740px;}
 
.s_list ul{position:relative;}
.s_list li{display: flex;flex-direction: column;cursor:pointer;justify-content: space-evenly;padding-left: 90px;opacity: 0.3;min-height: 80px;margin-bottom: 60px;width: 100%;height: auto;border-radius: 0;}
.s_list li:last-child{}

.s_list li.swiper-pagination-bullet-active{opacity:1}
.s_list h5{color:#fff;font-size: 24px;font-weight:400;margin-bottom: 15px;}
.s_list h5 img{width:11vw; display:block; margin:0 auto 2vw}
.s_list p{color:#fff;font-size: 18px;font-weight:300;line-height: 1.4em;}

.s_list li.icon1{background: url(/images/icon1.png) no-repeat 0 50%;}
.s_list li.icon2{background: url(/images/icon2.png) no-repeat 0 50%;}
.s_list li.icon3{background: url(/images/icon3.png) no-repeat 0 0;}
.s_list li.icon4{background: url(/images/icon4.png) no-repeat 0 50%;}
.s_list li.icon5{background: url(/images/icon5.png) no-repeat 0 50%;}
 
 
.s_slide{position: absolute !important;top:50%;left:0;transform: translateY(-50%);width: 673px;}
.s_slide .swiper-slide{background-color:#2d0c40;width: 673px;}


.pf_slide{position:relative;margin-top: 100px;padding: 0 120px;}
.pf_slide>div{}
.pf_slide li{display: flex;width: 910px;filter: blur(4px);}
.pf_slide li .slide_wrap{padding-left: 155px;transition: padding-left 0.25s ease-in-out;-webkit-transition: padding-left 0.25s ease-in-out;}
.pf_slide li.swiper-slide-active{filter: blur(0);}
.pf_slide>span{position: absolute;display:block;top:50%;width: 56px;height: 104px;cursor:pointer;top:50%;transform: translateY(-50%);background-size: 100% auto !important;}
.pf_slide>span.bt_left{left: 0;background: url(/images/bt_left.png) no-repeat 50%;}
.pf_slide>span.bt_right{right: 0;background: url(/images/bt_right.png) no-repeat 50%;}



.pop{position:absolute;top: 0;right: 43%;height: 100%;z-index:999;background-color:#611987;padding:50px 30px;width: 310px;/* transform: translateX(-310px); */transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;z-index: -1;}

 
.pop h5{color:#fff; font-weight:bold; font-size:24px; margin-bottom:30px;}
.pop p{color:#fff; font-size:15px; line-height:1.4em}
.pop a{position:absolute;bottom:50px;right:30px;width:190px;height:50px;border-radius:25px;color:#fff;border:1px solid #fff;font-size:18px;line-height: 50px;text-align: center;}
.pop a i{color:#fff;margin-left:10px;vertical-align: middle;}

.pop a:hover{background-color:#fff; color:#611987;}
.pop a:hover i{ color:#611987;}


.pf_slide li.swiper-slide-active:hover .slide_wrap{padding-left:0}
.pf_slide li.swiper-slide-active:hover .pop{right:0;}



.client{background-color:#eaeaea; overflow:hidden;}


 
.client .loop{margin: 80px 0 30px;display:flex;justify-content: space-around;}
.client .loop span{
        -webkit-animation: loop 15s infinite linear 1s both;
        animation: loop 15s infinite linear 1s both;
        }

.client .loop.rv{margin:0;}
.client .loop.rv span{animation-direction: reverse;}


.footer{padding-top:120px; background-color:#611987}

.footer .inbox{display:flex;justify-content: space-between;align-items: flex-start;}
.footer .inbox>div{
    padding: 35px 0;
}

.footer .f_box1{padding: 35px 0 110px !important;}
.footer .f_box1 h4{width:398px; height:200px; background:url(/images/f_logo.png) no-repeat 50%;}
.footer .f_box1 p{color:#c0a2d7;font-size:18px;font-weight:300;line-height:1.5em;margin-top: 165px;}



.footer .inbox>div h5{font-size:38px; font-weight:bold; color:#fff;}

.f_box2 p{color:#fff; font-size:22px; margin-top:65px; line-height:1.4em; font-weight:300}
.f_box2 span{display:block; font-size:22px; margin:15px 0; color:#fff;}
.f_link a{margin-right:10px;}
.f_link {margin-top: 70px}

.f_box3{width:370px;padding: 35px !important; border-radius: 30px 30px 0 0; }
.f_box3 h5{position:relative; margin-bottom:25px}
.f_box3 h5 i{position:absolute;top:50%;right:0;color:#fff;transform: translateY(-50%);}
.f_box3.active h5 i{transform: translateY(-50%) rotate(-180deg);}

.f_form{
    
    overflow: hidden;
}
.f_form li{margin-bottom:8px}
.f_form input,.f_form textarea{width:100%; border:1px solid #ececec; border-radius:20px; color:#623287; font-size:18px; font-weight:bold; }
.f_form input{height:60px; padding-left:20px;}
.f_form textarea{padding:20px; height:110px;}
.f_form input::placeholder {color:#623287; font-weight:bold;}
.f_form textarea::placeholder {color:#623287; font-weight:bold;}

.f_form  div{}
.f_form  div p{margin-bottom:15px;}
.f_form  div p a{color:#000; font-size:18px; font-weight:bold}
.f_form  div input{width:15px; height:15px; margin-right:10px; vertical-align:middle}
.f_form  button{margin-top:10px; width:100%; height:60px; color:#fff; font-size:24px; text-align:center; background-color:#933fd3; border-radius:20px}

.nice-select:after{margin-top: -9px; height: 13px; width: 13px; right: 18px;}

.f_box3.active{background-color:#fff;}
.f_box3.active h5{color:#611987 !important;;}
.f_box3.active h5 i{color:#611987;}