#banner{position:relative;width:100%;height: clamp(680px,50vw,1080px);overflow:hidden;background:#edf6fb;}
#banner .main-slider,#banner .slick-list,#banner .slick-track,#banner .slick-slide,#banner .slick-slide>div,#banner .item{height:100%;}
#banner .item{position:relative;overflow:hidden;}
#banner .item{position:relative;height:100%;overflow:hidden;background:#eaf4f9;}
#banner .item:before{content:"";position:absolute;left:0;top:0;width:62%;height:100%;z-index:3;background:linear-gradient(90deg,rgba(246,251,253,.96) 0%,rgba(244,250,252,.84) 40%,rgba(241,249,252,.38) 72%,rgba(241,249,252,0) 100%);pointer-events:none;}
#banner .banner_img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;overflow:hidden;}
#banner .banner_img img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.01);transition:7s linear;}
#banner .slide-video,#banner video.slide-media{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:block;object-fit:cover;object-position:center center;background:#eaf4f9;}
#banner .info{z-index:5;}
#banner .banner_professional{z-index:5;}
#banner .banner_link{z-index:4;}
#banner .maskJa_box{z-index:6;}

#banner .slick-active .banner_img img{transform:scale(1.055);}
#banner .info{left:0;top:0;width:100%;height:100%;z-index:5;align-items:center;pointer-events:none;}
#banner .workframe{width:min(100% - 10%,1440px);margin:0 auto;}
#banner .txt{padding-top: 0;padding-bottom: 4vw;}
#banner .banner_title{max-width:680px;color:#124d69;font-size:clamp(38px,3.1vw,61px);font-weight: 600;line-height:1.4;letter-spacing:.08em;text-shadow:0 2px 12px rgba(255,255,255,.4);word-spacing: 100vw;max-width: 100%;}
#banner .banner_desc{max-width:610px;margin-top:20px;color:#263f49;font-size:18px;line-height:1.8;letter-spacing:.06em;}
#banner .bannermore{display:flex;align-items:center;gap:22px;margin-top:28px;pointer-events:auto;}
#banner .bannermore>div{width:196px;}
#banner .bannermore .bannmore01 a span , #banner .bannermore .bannmore01 a i{color:white;}
#banner .bannermore a{position:relative;width:100%;height:54px;padding:0 26px;border-radius:40px;display:flex;align-items:center;justify-content:space-between;font-size:16px;letter-spacing:.08em;transition:.35s ease;overflow:hidden;}
#banner .bannermore a span,#banner .bannermore a i{position:relative;z-index:2;}
#banner .bannmore01 a{color:#fff;background:linear-gradient(110deg,#70abc7,#3c88ae);box-shadow:0 8px 25px rgba(50,128,166,.17);}
#banner .bannmore01 a:before{content:"";position:absolute;left:-110%;top:0;width:100%;height:100%;background:linear-gradient(110deg,#3b84a8,#22698c);transition:.4s ease;}
#banner .bannmore01 a:hover:before{left:0;}
#banner .bannmore02 a{color:#174f68;border:1px solid rgba(34,91,118,.58);background:rgba(255,255,255,.32);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
#banner .bannmore02 a:hover{color:#fff;border-color:#4a91b3;background:#4a91b3;}
#banner .bannmore02 a:hover span{color:white;}
#banner .bannmore02 a:hover i{background:white;}
#banner .bannmore02 a:hover i:after{border-color:white;}
#banner .bannermore i{width:21px;height:1px;background:currentColor;transition:.3s ease;}
#banner .bannermore i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);}
#banner .bannermore a:hover i{width:27px;}
#banner .banner_slogan{margin-top:43px;color:#6f8d9b;font-family:"Times New Roman",serif;font-size:12px;line-height:1.55;letter-spacing:.3em;}
#banner .banner_slogan span{display:block;width:42px;height:1px;margin-bottom:15px;background:#799aa9;}
#banner .banner_professional{position:absolute;right:7.5%;bottom:26%;z-index:5;color:rgba(255,255,255,.93);font-family:"Times New Roman",serif;font-size:13px;line-height:1.7;text-align:center;letter-spacing:.32em;text-shadow:0 2px 12px rgba(14,68,94,.25);}
#banner .banner_link{left:0;top:0;width:100%;height:100%;z-index:2;}
#banner .maskJa_box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:hidden;}
#banner .maskitem{position:absolute;pointer-events:none;}
#banner .maskitem img{display:block;width:100%;height:auto;}
#banner .flyleft{left: 0vw;top: 7vw;width: 11vw;animation:bannerFlyLeft 8s ease-in-out infinite alternate;}
#banner .flyright{right: -4vw;top: 4vw;width: 23vw;animation:bannerFlyRight 9s ease-in-out infinite alternate;opacity: 0.5;}
#banner .flyright2{right: 8vw;bottom: 1vw;width: 17vw;animation:bannerFlyRight 9s ease-in-out infinite alternate;opacity: 0.7;}

#banner .flybottom{left:0;bottom:-2px;width:100%;z-index:3;}
#banner .flybottom img{width:100%;height:auto;}
#banner .slick-slide .banner_title,#banner .slick-slide .banner_desc,#banner .slick-slide .bannermore,#banner .slick-slide .banner_slogan{opacity:0;transform:translateY(25px);}
#banner .slick-active .banner_title{animation:bannerTextIn .8s .2s forwards;}
#banner .slick-active .banner_desc{animation:bannerTextIn .8s .4s forwards;}
#banner .slick-active .bannermore{animation:bannerTextIn .8s .6s forwards;}
#banner .slick-active .banner_slogan{animation:bannerTextIn .8s .8s forwards;}
@keyframes bannerTextIn{0%{opacity:0;transform:translateY(25px);}100%{opacity:1;transform:translateY(0);}}
@keyframes bannerFlyLeft{0%{transform:translate3d(-5px,-5px,0) rotate(-1deg);}100%{transform:translate3d(8px,12px,0) rotate(2deg);}}
@keyframes bannerFlyRight{0%{transform:translate3d(5px,-8px,0) rotate(0);}100%{transform:translate3d(-7px,10px,0) rotate(-2deg);}}

@media(max-width:1400px) {
  #banner { height: 730px; }
  #banner .workframe { width: 90%; }
  #banner .banner_title { max-width: 620px; font-size: 48px; }
  #banner .banner_desc { font-size: 17px; }
  #banner .flyleft { width: 125px; }
  #banner .flyright { width: 110px; }
}
@media(max-width:1200px) {
  #banner { height: 720px; }
  #banner .banner_img:after { width: 70%; background: linear-gradient(90deg,rgba(246,251,253,.96),rgba(244,250,252,.74) 52%,rgba(241,249,252,.08)); }
  #banner .txt { padding-top: 40px; }
  #banner .banner_title { max-width: 570px; font-size: 44px; }
  #banner .banner_professional { right: 5%; bottom: 24%; }
}
@media(max-width:991px) {
  #banner { height: 680px; }
  #banner .banner_img img { object-position: 58% center; }
  #banner .banner_img:after { width: 100%; background: linear-gradient(90deg,rgba(246,251,253,.94) 0%,rgba(246,251,253,.78) 45%,rgba(246,251,253,.18) 100%); }
  #banner .item:before { width: 100%; background: linear-gradient(90deg,rgba(246,251,253,.94) 0%,rgba(246,251,253,.78) 48%,rgba(246,251,253,.2) 100%); }
  #banner .slide-video,#banner video.slide-media { object-position: 58% center!important; }
  #banner .txt { padding-top: 25px; }
  #banner .banner_title { max-width: 520px; font-size: 40px; }
  #banner .banner_desc { max-width: 520px; font-size: 16px; }
  #banner .banner_professional { display: none; }
  #banner .flyleft { width: 100px; }
  #banner .flyright { width: 90px; }
}
@media(max-width:767px) {
  #banner { height: 720px; }
  #banner .banner_img img { object-position: 62% center; }
  #banner .banner_img:after { background: linear-gradient(90deg,rgba(247,252,254,.95) 0%,rgba(247,252,254,.82) 55%,rgba(247,252,254,.3) 100%); }
  #banner .item:before { background: linear-gradient(90deg,rgba(247,252,254,.95) 0%,rgba(247,252,254,.83) 55%,rgba(247,252,254,.28) 100%); }
  #banner .slide-video,#banner video.slide-media { object-position: 62% center!important; }
  #banner .workframe { width: calc(100% - 40px); }
  #banner .txt { padding-top: 5px; }
  #banner .banner_title { max-width: 470px; font-size: 34px; line-height: 1.45; letter-spacing: .05em; }
  #banner .banner_desc { max-width: 430px; margin-top: 16px; font-size: 15px; line-height: 1.75; }
  #banner .bannermore { gap: 12px; margin-top: 23px; }
  #banner .bannermore>div { width: 165px; }
  #banner .bannermore a { height: 48px; padding: 0 21px; font-size: 15px; }
  #banner .banner_slogan { margin-top: 35px; }
  #banner .flyleft { width: 78px; }
  #banner .flyright { width: 72px; top: 29%; }
}
@media(max-width:550px) {
  #banner { height: 680px; }
  #banner .banner_img img { object-position: 65% center; }
  #banner .banner_img:after { background: linear-gradient(90deg,rgba(247,252,254,.96) 0%,rgba(247,252,254,.88) 62%,rgba(247,252,254,.3) 100%); }
  #banner .slide-video,#banner video.slide-media { object-position: 65% center!important; }
  #banner .workframe { width: calc(100% - 30px); }
  #banner .banner_title { max-width: 370px; font-size: 29px; line-height: 1.5; }
  #banner .banner_desc { max-width: 340px; font-size: 15px; }
  #banner .bannermore { width: 100%; gap: 10px; }
  #banner .bannermore>div { width: 145px; }
  #banner .bannermore a { height: 45px; padding: 0 17px; font-size: 14px; }
  #banner .bannermore i { width: 16px; }
  #banner .banner_slogan { margin-top: 28px; font-size: 10px; }
  #banner .flyleft { width: 62px; }
  #banner .flyright { display: none; }
}