.block2-1 {padding:110px 0 110px;background:#fff;}
.block2-1 .b21 {display:flex;align-items:center;gap:60px;}
.block2-1 .b21l {width:55%;}
.block2-1 .b21r {width:45%;}
.block2-1 .b21limg {position:relative;}
.block2-1 .b21limg img {width:100%;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.10);} 
.block2-1 .b21play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;background:rgba(16,110,203,.85);} 
.block2-1 .b21play i {color:#fff;font-size:44px;}
.block2-1 .b21rh {font-size:36px;font-weight:700;color:#333;margin-bottom:18px;}
.block2-1 .b21list {display:flex;flex-direction:column;gap:12px;}
.block2-1 .b21list li {display:flex;gap:12px;align-items:flex-start;}
.block2-1 .b21list i {font-size:22px;color:#106ecb;line-height:28px;}
.block2-1 .b21list h6 {font-size:16px;color:#333;margin:0;}
.block2-1 .b21list p {margin:8px 0 0;color:#777;line-height:28px;font-size:18px;}

@media screen and (max-width:992px){
  .block2-1 {padding:80px 0 0;}
  .block2-1 .b21 {gap:28px;}
  .block2-1 .b21rh {font-size:28px;}
}
@media screen and (min-width:992px){
  .block2-2 .b22-tabs{gap:20px;}
  .block2-2 .b22-tab{padding:22px;min-height:84px;border-color:#e6eaf1;background:linear-gradient(180deg,#fff 0%,#fafcfe 100%);will-change:transform;}
  .block2-2 .b22-tab::before{width:44px;height:4px;}
  .block2-2 .b22-tab span{font-size:18px;}
  .block2-2 .b22-tab:hover{transform:translateY(-4px);} 
  .block2-2 .b22-tab.on{color:#106ecb;}
  .block2-2 .b22-tab:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(16,110,203,.25),0 10px 26px rgba(16,110,203,.12);} 
  .block2-2 .b22-panels{margin-top:28px;border-top:1px solid #eceff4;padding-top:24px;}
  .block2-2 .b22-list{display:flex!important;flex-wrap:wrap;gap:18px;}
  .block2-2 .b22-item{flex:0 0 calc(33.333% - 12px)!important;}
  .block2-2 .b22-item{padding:16px 18px;border:1px solid #e6eaf1;border-radius:10px;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%);box-shadow:0 2px 8px rgba(0,0,0,.04);} 
  .block2-2 .b22-item:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(16,110,203,.10);} 
  .block2-2 .b22-itemt{font-size:16px;color:#333;font-weight:600;}
  .block2-2 .b22-itemn{font-size:15px;font-weight:700;letter-spacing:.2px;background:#f5f7fa;padding:6px 10px;border-radius:8px;border:1px solid #e0e7ef;font-variant-numeric:tabular-nums;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
}
@media screen and (max-width:768px){
  .block2-1 .b21 {flex-direction:column;gap:20px;}
  .block2-1 .b21l,.block2-1 .b21r {width:100%;}
  .block2-1 .b21play {width:64px;height:64px;}
  .block2-1 .b21play i {font-size:32px;}
  .block2-1 .b21rh {font-size:22px;}
  .block2-1 .b21list p {font-size:15px;line-height:24px;}

/* block2-2 */
.block2-2 {padding:40px 0 0;background:#fff;}
.block2-2 .container {max-width:100%;width:100%;padding:0;}
.block2-2 .b22-tabs {display:grid;gap:16px;}
.block2-2 .b22-tab {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:18px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#333;text-decoration:none;transition:all .25s;box-shadow:0 2px 10px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,.04);} 
.block2-2 .b22-tab::before{content:'';display:block;width:36px;height:4px;border-radius:2px;background:transparent;transition:background .25s;} 
.block2-2 .b22-tab i {display:none;}
.block2-2 .b22-tab span {font-size:16px;font-weight:700;letter-spacing:.2px;} 
.block2-2 .b22-tab:hover {border-color:#106ecb;transform:translateY(-2px);box-shadow:0 8px 22px rgba(16,110,203,.12),0 0 0 6px rgba(16,110,203,.06);} 
.block2-2 .b22-tab.on {border-color:#106ecb;box-shadow:0 10px 28px rgba(16,110,203,.15),0 0 0 8px rgba(16,110,203,.08);} 
.block2-2 .b22-tab.on::before{background:#106ecb;} 
.block2-2 .b22-panels {margin-top:22px;}
.block2-2 .b22-list {display:flex;flex-wrap:wrap;gap:16px;border-top:1px dashed #eee;padding-top:18px;position:relative;}
.block2-2 .b22-item {display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #f1f1f1;border-radius:8px;background:#fafafa;transition:all .25s;flex:0 0 calc(50% - 8px);} 
.block2-2 .b22-item:hover {border-color:#106ecb;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.06);}  
.block2-2 .b22-itemt {font-size:15px;color:#333;font-weight:600;}
.block2-2 .b22-itemn {font-size:14px;color:#555;background:#f5f7fa;padding:4px 8px;border-radius:6px;border:1px solid #eaecef;} 

@media screen and (min-width:1400px){
  .block2-2 .b22-tabs {grid-template-columns:repeat(10,1fr);} 
  .block2-2 .b22-tab{border-radius:14px;}
  .block2-2 .b22-list{grid-template-columns:repeat(4,1fr);} 
  .block2-2 .b22-item{flex-basis:calc(25% - 12px)!important;}
}
@media screen and (min-width:1600px){
  .block2-2 .b22-list{grid-template-columns:repeat(5,1fr);} 
  .block2-2 .b22-item{flex-basis:calc(20% - 12px)!important;}
}
@media screen and (min-width:992px){
  .block2-2 .b22-list{display:flex;flex-wrap:wrap;gap:18px;}
  .block2-2 .b22-item{flex:0 0 calc(33.333% - 12px);} 
}
@media screen and (min-width:1400px){
  .block2-2 .b22-item{flex-basis:calc(25% - 12px);} 
}
@media screen and (min-width:1600px){
  .block2-2 .b22-item{flex-basis:calc(20% - 12px);} 
}
@media screen and (max-width:1399px) and (min-width:992px){
  .block2-2 .b22-tabs {grid-template-columns:repeat(4,1fr);} 
  .block2-2 .b22-tab{border-radius:12px;}
}
@media screen and (max-width:991px) and (min-width:768px){
  .block2-2 .b22-tabs {grid-template-columns:repeat(3,1fr);}
}
@media screen and (max-width:767px){
  .block2-2 .b22-tabs {grid-template-columns:repeat(3,1fr);} 
  .block2-2 .b22-tab {padding:12px;border-radius:10px;}
  .block2-2 .b22-tab span {font-size:14px;font-weight:600;}
  .block2-2 .b22-list {gap:10px;}
  .block2-2 .b22-item {flex-basis:100%;padding:10px 12px;border-radius:8px;}
}
@media screen and (min-width:992px) and (max-width:1399px){
  .block2-2 .b22-list{grid-template-columns:repeat(3,1fr);} 
  .block2-2 .b22-panels{margin-top:28px;border-top:1px solid #eceff4;padding-top:24px;}
}
}
.block2-2 .b22-more{width:100%;display:flex;justify-content:center;margin-top:12px;}
.block2-2 .b22-morebtn{padding:10px 16px;border-radius:8px;border:1px solid #e6eaf1;background:#fff;color:#106ecb;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06);} 
.block2-2 .b22-morebtn:hover{box-shadow:0 6px 16px rgba(16,110,203,.10);transform:translateY(-2px);}