.cor-fff {color: #fff;}
.cor-deb86f {color: #deb86f;}

.cor-b3bbd4-clip {
  color: #deb86f;
    @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(to right, 
    #fff 0%,      
    #b3bbd4 100%       
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}

/* 公用样式 */
.w1600 {width: 1600px; margin: auto; max-width: 85%;}
.w1800 {width: 1800px; margin: auto; max-width: 92%;}

/* banner */
.A2Ultra-banner {position: relative; overflow: hidden;}
.A2Ultra-banner .imgBox img {width: 100%; min-height: 5rem; object-fit: cover;}
.A2Ultra-banner .con {padding: 0 1rem;}
.A2Ultra-banner .con .p1 {font-size: .96rem; font-weight: 700;}
.A2Ultra-banner .con .p2 {font-size: .48rem; font-weight: 600;}

.A2Ultra_tle .t1 {font-size: .64rem; font-weight: 700; line-height: 1.2;}
.A2Ultra_tle .t2 {font-size: .36rem; margin-top: .2rem;}
.A2Ultra_tle .t2 p {color: #fff;}

.A2Ultra_One {position: relative; overflow: hidden;}
.A2Ultra_One .bjBox img {width: 100%; min-height: 8.5rem; object-fit: cover;}
.A2Ultra_One .box {position: absolute; width: 100%; top: 5%; text-align: center;}

.A2Ultra_Two {padding: 1rem 0; background: #141922;}
.A2Ultra_Two .list {margin-top: .9rem;}
.A2Ultra_Two .list ul {display: flex; justify-content: space-between;}
.A2Ultra_Two li {border-radius: .25rem; overflow: hidden; position: relative; width: 32.5%;}
.A2Ultra_Two li .imgBox img {width: 100%; transform: scale(1.01);}
.A2Ultra_Two li .con1 {position: absolute; top: 0; left: 0; width: 100%; padding: .5rem; padding-right: .2rem;}
.A2Ultra_Two li .p1 {font-size: .36rem; color: #fff; font-weight: 700;}
.A2Ultra_Two li .p2 {color: #c8c8c8; font-size: .2rem;}
.A2Ultra_Two li .tip {font-size: var(--font14); color: #fff; position: absolute; bottom: 0; width: 100%; padding: .2rem;}

.A2Ultra_Thre {background: #161b26; padding: .7rem 0 1.4rem;}
.A2Ultra_Thre .list {margin-top: .9rem;}
.A2Ultra_Thre .list ul {display: flex; justify-content: space-between; flex-wrap: wrap;row-gap: .24rem;}
.A2Ultra_Thre li {border-radius: .36rem; overflow: hidden; position: relative; width: 32.5%; }
.A2Ultra_Thre li:nth-child(1) , .A2Ultra_Thre li:nth-child(2) {width: 49.25%;}
.A2Ultra_Thre li .imgBox img {width: 100%; transform: scale(1.01);}
.A2Ultra_Thre li .con {position: absolute; top: 0; left: 0; width: 100%; padding: .5rem; padding-right: .2rem;}
.A2Ultra_Thre li .p1 {font-size: .36rem; color: #fff; font-weight: 700;}
.A2Ultra_Thre li .p2 {color: #c8c8c8; font-size: .2rem;}

.A2Ultra_Four {background: #141922; padding: .8rem 0;}
.A2Ultra_Four .list {margin-top: .8rem;}
.A2Ultra_Four .list ul {display: flex; justify-content: space-between; flex-wrap: wrap;row-gap: .4rem;}
.A2Ultra_Four li {border-radius: .36rem; overflow: hidden; position: relative; width: 49%; }
.A2Ultra_Four li .imgBox img {width: 100%; transform: scale(1.01);}
.A2Ultra_Four li .con {position: absolute; top: 0; left: 0; width: 100%; padding: .5rem; padding-right: .2rem;}
.A2Ultra_Four li .p1 span {font-size: .62rem; color: #fff; font-weight: 700;}
.A2Ultra_Four li .p1 p {font-size: .36rem; color: #fff; font-weight: 700; display: inline-block;}
.A2Ultra_Four li .p2 {color: #c8c8c8; font-size: .2rem;}

.A2Ultra_Five {background: #141922;}
.A2Ultra_Five .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem;}
.A2Ultra_Five li {border-radius: .36rem; overflow: hidden; position: relative; }
.A2Ultra_Five li img {width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); max-height: 8.3rem;}
.A2Ultra_Five li:nth-child(1) {grid-row: 1 / 3; order: -6;}
.A2Ultra_Five li:nth-child(2) {grid-row: 1 / 3; }
.A2Ultra_Five li:nth-child(3) {grid-row: 1 / 5; order: -5;} 
.A2Ultra_Five li:nth-child(4) {grid-row: 3 / 5;}

.A2Ultra_Six {padding: .6rem 0; padding-top: .8rem; background: linear-gradient(to bottom, #141922 0%, #323b54 100%);}
.A2Ultra_Six .list {margin-top: .5rem;}
.A2Ultra_Six .list ul {border-radius: .48rem; padding: 1rem .4rem; background: #424d6f; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .2rem;  box-shadow: 0px .16rem 1rem .1rem rgba(23, 27, 38, 0.14);}
.A2Ultra_Six .list li {text-align: center;}
.A2Ultra_Six .list li .icBox {height: .5rem; }
.A2Ultra_Six .list li .icBox img {max-height: 100%;}
.A2Ultra_Six .list li span {font-size: .3rem; color: #fff; margin-top: .3rem; display: block;}
.A2Ultra_Six .list li .num {font-size: .3rem; color: #fff;}

.A2Ultra_Seven {background: #323b54; padding: 1rem 0;}
.A2Ultra_Seven .imgBox {text-align: center; margin-top: .7rem;}
.A2Ultra_Seven .imgBox img {max-width: 100%;}

.A2Ultra_Eight {padding: 1rem 0;}
.A2Ultra_Eight .box {margin-top: .5rem;  overflow-x: auto;}

.A2Ultra_Eight table {border-radius: 16px; overflow: hidden;}
.A2Ultra_Eight table tr td {padding:.15rem .2rem;font-size: .24rem;}
.A2Ultra_Eight table tr:first-child td span {font-size: .32rem !important;}
.A2Ultra_Eight table tr td[colspan="3"] strong span {font-size: .32rem !important;}
.A2Ultra_Eight table tr td:not(:first-child) {box-shadow: -.1rem 0px .05rem rgba(0, 0, 0, .05);}


@media screen and (max-width: 1200px) {
  .A2Ultra_Thre li .p1 {font-size: .3rem;}
  .A2Ultra_Thre li .con {padding: .3rem; padding-right: .2rem;}
}


@media screen and (max-width: 1024px) {
  .A2Ultra-banner .con {padding: 0;}
  .A2Ultra-banner .con .p1 {font-size: .6rem;}
  .A2Ultra-banner .con .p2 {font-size: .4rem;}

  .A2Ultra_Two li .con1 {padding: .3rem;}
  .A2Ultra_Two li .p1 {font-size: .3rem;}
  
}

@media screen and (max-width: 768px) {
  .w1600 {max-width:92%;}
    
  .A2Ultra_tle .t1 {font-size: .5rem;}
  .A2Ultra_tle .t2 {font-size: .3rem;}

  .A2Ultra_One .t2 {font-size: .24rem;}
  .A2Ultra_Two {padding: 1rem 0;}
  .A2Ultra_Two .list ul {flex-wrap: wrap;}
  .A2Ultra_Two .list li {width: 100%; margin-bottom: .5rem;}
  .A2Ultra_Two li .p1 {font-size: .36rem;}
  .A2Ultra_Thre {padding-top: 0;}
  .A2Ultra_Thre li {width: 100% !important; margin-bottom: .3rem;}
  .A2Ultra_Thre li .p1 {font-size: .36rem;}
  .A2Ultra_Four {padding-top: 0;}
  .A2Ultra_Four li {width: 100% !important;}
  .A2Ultra_Five .list ul {grid-template-columns: repeat(2, 1fr);}
  .A2Ultra_Five li:nth-child(1) {grid-row: auto;}
  .A2Ultra_Five li:nth-child(2) {grid-row: auto;}
  .A2Ultra_Five li:nth-child(3) {grid-row: 1 / 3;}
  .A2Ultra_Six .list ul {gap: 0; justify-content: flex-start; row-gap: .4rem;}
  .A2Ultra_Six .list li {width: calc(100% / 3);}
  


}