body{ background-color: #1a1a1a; }
 #wrap{width: 1500px;}
  .btn{display:inline-block;height:52px;font-size:17px;font-weight:300;line-height:50px; padding: 0 42px; text-align:center;color:#fff; border:1px solid transparent;border-image: linear-gradient(to right, #278BD9, #BF2DE3) 1; vertical-align:middle; box-sizing:border-box;}
 .btn:hover{ background:linear-gradient(to right, #278BD9, #BF2DE3);}
  .fadein_left{position:relative;left:0;transform:translateX(-80px);opacity:0;transition:all 1.5s ease-in-out;}
 .fadein_right{position:relative;right:0;transform:translateX(80px);opacity:0;transition:all 1.5s ease-in-out;}
 .docSlider-current .fadein_left{transform:translateX(0);opacity:1;}
 .docSlider-current .fadein_right{transform:translateX(0);opacity:1;}
  .main{cursor:url(/images/www/main/cursor.png?build_20250703105435001) 20 20,auto;}
 .main .docSlider{color:#fff;background-color:#1a1a1a;}
 /*.main .docSlider-page{display:flex;align-items:center;justify-content:center;}
*/ .main .docSlider-pager{display:none;}
  .main_vis .inner{ position: relative; z-index: 2; }
 .main_vis::after{ content: ''; display: block; background: url(/images/photoq/main/bg_photo_left.png?build_20250703105435001) left bottom no-repeat; width: 627px; height: 556px; position: absolute; bottom: 0; z-index: 1}
 .main_vis .main_text {float:left;margin-top:240px; color: #fff;}
 .main_vis .main_text .s_tit{position:relative;top:0;left:0;font-size:20px;font-weight:400;line-height:1.2;animation:fade-in-left .5s both;color: #278BD9;}
 .main_vis .main_text .tit{position:relative;font-size:46px;font-weight:700;line-height:1.35;margin-top:17px;animation:fade-in-left .5s both; color:#fff;}
 .main_vis .main_text .d_txt{position:relative;font-size:21px;font-weight:300;line-height:1.5;margin-top:30px;animation:fade-in-left .5s both;}
 .main_vis .main_text .btn{position: relative; margin-top:30px; animation:fade-in-left .5s both;}
 @keyframes fade-in-down{ 0%{top:-160px;left:0;opacity:0;}
 100%{top:0;left:0;opacity:1;}
 }
 @keyframes fade-out-right{ 0%{top:0;left:0;opacity:1;}
 100%{top:0;left:160px;opacity:0;}
 }
 @keyframes fade-in-left{ 0%{top:0;left:-160px;opacity:0;}
 100%{top:0;left:0;opacity:1;}
 }
 @keyframes fade-out-left{ 0%{top:0;left:0;opacity:1;}
 100%{top:0;left:-160px;opacity:0;}
 }
  .main_vis .mySwiper{ position: absolute; top:0; width:100%; transition:all .2s; height: 100%;}
 .main_vis .mySwiper .swiper-slide{position:relative;top:0;transition:top .4s;}
 .main_vis .mySwiper .swiper-slide.img01{ background: url(/images/photoq/main/bg_vis_01.png?build_20250703105435001) right top no-repeat; width: 100%; height:100%; background-size: cover; }
 .main_vis .mySwiper .swiper-slide.img02{ background: url(/images/photoq/main/bg_vis_02.png?build_20250703105435001) right top no-repeat; width: 100%; height:100%; background-size: cover;}
 .main_vis .mySwiper .swiper-slide.img03{ background: url(/images/photoq/main/bg_vis_03.png?build_20250703105435001) right top no-repeat; width: 100%; height:100%; background-size: cover;}
 .main_vis .mySwiper .swiper-pagination{ bottom: 92px; right: 216px; width: auto; left: auto; }
 .main_vis .mySwiper .swiper-pagination span{ width: 56px; height: 2px; background-color: #999;}
 .main_vis .mySwiper .swiper-pagination span.swiper-pagination-bullet-active{ background:linear-gradient(to right, #278BD9, #BF2DE3); width: 112px;}
 .btn_scroll_dw{ width: 116px; position: absolute; color:#fff; left:calc( 50% - 60px); bottom: 0; height: 87px; font-size: 16px; font-weight: 100; z-index: 2;}
 .btn_scroll_dw::after{ content: ''; display: block; position: absolute; left:calc( 50% - 1px); bottom: 0; height:46px; width: 1px; background-color: #fff; }
  .main_advantage{ background: url(/images/photoq/main/bg_advantage.png?build_20250703105435001) left top no-repeat; width: 100%; height:100%; background-size: cover; }
 .main_advantage .inner{ margin-top: 25vh; display: flex; justify-content: space-around; color: #fff;}
 .main_advantage .inner h3{ font-size: 35px; font-weight: 700;}
 .main_advantage .inner .cont_left, .main_advantage .inner .cont_right{ width: 463px;}
 .main_advantage .inner .cont_left h3{ margin-top: 71px;}
 .main_advantage .inner .sub_txt{ margin-top:39px; font-size: 21px; line-height: 1.6;}
 .main_advantage .inner .cont_right .sub_txt{ margin-bottom: 71px;}
  .main_info{ width: 100%; background-color: #222425; }
 .main_info .inner_info{ margin-top: 20vh; text-align: center;}
 .main_info h3{ font-size: 46px; font-weight: 700;}
 .main_info .sub_txt{ margin-top: 71px; line-height: 1.6; margin-bottom:50px; font-size: 21px;}
 .main_info .wrap_data{ display: flex; justify-content: center; margin-top: 120px; margin-bottom: 140px; text-align: center;}
 .main_info .wrap_data .data{ border-radius: 50%; border: 1px solid #9B9797; width: 232px; height: 232px; margin: 0 22px; display: flex; flex-direction: column; justify-content: center; }
 .main_info .wrap_data .data span{ font-size:19px; display: block; margin-bottom: 16px;}
 .main_info .wrap_data .data t{ font-size: 55px; font-weight: 700;}
 .main_info .wrap_data .d_01 t,.main_info .wrap_data .d_03 t{ color: #278BD9;}
 .main_info .wrap_data .d_02 t{ color: #BF2DE3;}
 .main_info .wrap_data::after{ content:'' ; background: url(/images/photoq/main/bg_03.png?build_20250703105435001) center 0 no-repeat; position: absolute; bottom: 140px; width: 100%; height: 559px;z-index:-1;}
 @media screen and (max-width:1500px){ .main_vis .swiper_vis{width:calc(95% - 586px);margin-left:5%;}
 }
  .interview_box{position: absolute;top: 580px;width: 480px;margin-left: -15px;}
 .interview_box > div{display:none;}
 .interview_box > div.on{display:block}
 .interview_box .interview_close{display:none;}
 .interview_box .control button {position: absolute;top: 70%;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: rgba(0,0,0,.6);z-index: 1;margin-top: -4em;border-radius: 50px;}
 .interview_box .control button::before {content: '';display: block;width: 14px;height: 25px;background-image: url(/images/www/sub/interview_sp.png?build_20250703105435001);background-repeat: no-repeat;filter: contrast(0) brightness(10);}
 .interview_box .control .btn_prev {left: -3px;}
 .interview_box .control .btn_prev::before {background-position: -7px -4px;}
 .interview_box .control .btn_next {left: 185px;}
 .interview_box .control .btn_next::before {background-position: -42px -4px;}
 .interview_box button span.sr_only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
 .interview_box .swiper_interview{text-align: center;padding-bottom: 35px;}
 .interview_box .swiper_interview a{display: flex;align-items: center;gap: 0 30px;color: #fff;}
 .interview_box .swiper_interview .interview_thum{width: 220px;position: relative;}
 .interview_box .swiper_interview .interview_thum::before{content:'';display: block;position: absolute;left: 50%;top: 10px;margin-left: -86px;width: 174px;height: 174px;background: rgb(85 85 85 / 30%);z-index: 0;border-radius: 100px 100px 30px 30px;}
 .interview_box .swiper_interview .interview_thum img{position:relative; z-index:2;}
 .interview_box .swiper_interview .interview_thum .team_name{position:absolute;background: #000;z-index: 2;bottom: -34px;font-size: 13px;letter-spacing: -0.05rem;display: flex;justify-content: center;align-items: center;width: 100%;padding: 12px 0;border-radius: 100px;box-sizing: border-box;color: #fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
 .interview_box .swiper_interview .team_name .team{padding-right: 4px;margin-right: 4px;border-right:1px solid #474747}
 .interview_box .interview_cont{text-align:left;margin-top: 45px;}
 .interview_box .interview_cont .title{font-size:24px;font-weight:600;margin-bottom: 12px;}
 .interview_box .interview_cont .text{line-height:1.5;font-size: 17px;color: #d7d7d7;}
 .interview_box .interview_cont .text b{font-weight:bold;}