#banner_box,#banner_box .item,#banner_box .img_box { position: relative; }
#banner_box .img_box img { min-width: 100%; width: 100%; aspect-ratio: 5/2; }
#banner_box .img_box iframe,#banner_box .img_box video {position: absolute;width: 100%;height: auto;top: 0;left: 0;}
#banner_box .slick-dotted .slick-track { min-width: 100%; }
#banner_box .info_box,#banner_box .atag_item { position: absolute; }
#banner_box .atag_item{z-index:3}
#banner_box .info_box { width: 100%; height: 100%; display: flex; align-items: center; top: 0; left: 0; }
#banner_box .info_box .title_big {position: relative;display: inline-block;font-weight: 600;line-height: 1.5;color: var(--info);text-shadow: 0 12px 35px rgba(6,70,184,.12);font-size: 50px;width: 35%;letter-spacing: 3px;z-index: 2;}
#banner_box .info_box .title_big:before{content:"";position: absolute;width: 30vw;height: 153%;background: var(--gradient-soft);z-index: 0;left: -35px;border-radius: 260px 0 260px 0;transform-origin: bottom left;animation: swingArc 3s ease-in-out infinite alternate;z-index: -1;}
#banner_box .info_box p {color: var(--sub);line-height: 2;letter-spacing: .08em;margin-top: 25px;position: relative;font-size: 19px;z-index: 2;}
#banner_box .info_box p::before { content: ''; display: block; width: 56px; height: 3px; margin-bottom: 18px; border-radius: 999px; background: linear-gradient(90deg,#0646b8,#5b8df7,#f28ab8); box-shadow: 0 8px 22px rgba(91,141,247,.25); }
#banner_box .info_box .golink { display: flex; align-items: center; gap: 16px; margin-top: 38px; }
#banner_box .info_box .golink a { z-index: 10; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 15px 30px; border-radius: 999px; color: #fff; letter-spacing: .08em; background: linear-gradient(135deg,#0646b8 0%,#5b8df7 42%,#f28ab8 78%,#ffcb77 120%); box-shadow: 0 18px 36px rgba(6,70,184,.24); overflow: hidden; transition: transform .35s ease,box-shadow .35s ease; }
#banner_box .info_box .golink a:last-child { background: var(--info) }
#banner_box .info_box .golink a:hover { background: linear-gradient(135deg,#0646b8 0%,#0646b8 42%,#0646b8 78%,#0646b8 120%); }
#banner_box .info_box .golink svg { width: 18px; height: 18px; fill: white; transition: transform .35s ease; }
#banner_box .info_box .golink a:hover svg { transform: translateX(5px); }
@keyframes swingArc {  0% { transform: rotate(0deg) translate(0,0); }  100% { transform: rotate(-3deg) translate(0px,0); }}

@media screen and (max-width:1440px) {
    #banner_box .info_box .title_big{font-size: 40px;}
}
@media screen and (max-width:1160px) {
    #banner_box .img_box iframe, #banner_box .img_box video{width:auto;height: 100%;}
    #banner_box .img_box video{left: -20%;}
    #banner_box .info_box .title_big:before{width: 100%;}
  #banner_box .img_box img { aspect-ratio: 5/3; }
    #banner_box .info_box .title_big{font-size: 35px;width: 50%;}
    #banner_box .info_box p{font-size:16px}
}
@media screen and (max-width:980px) {
    #banner_box .info_box{transform: scale(.78);transform-origin: left center;left: 3%;}
}
@media screen and (max-width:640px) {
    #banner_box .img_box video{left: -40%;}
     #banner_box .info_box{transform: scale(.7);left: 3%;top: -20px;}
   #banner_box .info_box .workframe{width:100% }
    #banner_box .info_box .title_big:before{width: 100%;}
  #banner_box .img_box img { aspect-ratio: 4/3; }
    #banner_box .info_box .title_big{font-size: 28px;width: 90%;}
    #banner_box .info_box p{font-size:16px}
    #banner_box .info_box .golink{display:none;}
}