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_20250509164651001) 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_20250509164651001) left bottom no-repeat; width: 627px; height: 556px; position: absolute; bottom: 0;left:0; z-index: 1}
 .main_vis .main_text {float:left;margin-top:312px; 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:50px;animation:fade-in-left .5s both;}
 .main_vis .main_text .btn{position: relative; margin-top:60px; 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_20250509164651001) 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_20250509164651001) 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_20250509164651001) 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_20250509164651001) 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_20250509164651001) 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%;}
 }