/* 公用样式 */
@import url('https://font.sec.miui.com/font/css?family=MiSans:400,500,600,700,900:MiSans'); /* 字体引入 */

.w1500 {width: 1500px; margin: auto; max-width: 92%;}
.w1600 {width: 1600px; margin: auto; max-width: 92%;}
.w1700 {width: 1700px; margin: auto; max-width: 92%;}

.cor-fff {color: #fff;}
.text-clip { 
  color: #37A5D0; 
  @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(to right, #37A5D0, #6B5BA0);-webkit-background-clip: text;background-clip: text;color: transparent;
  }
}

.OHand10Main {font-family: 'MiSans', sans-serif;}

.OHand10_Tle {font-size: .64rem; font-weight: 500;}

.OHand10-banner {position: relative; overflow: hidden;}
.OHand10-banner .imgBox img {width: 100%; min-height: 5rem; object-fit: cover;}
.OHand10-banner .p1 .sp1 {font-size: .55rem; font-weight: 600;}
.OHand10-banner .p1 .sp2 {font-size: .42rem; margin: 0 .1rem;}
.OHand10-banner .p1 .sp3 {font-size: .42rem;}
.OHand10-banner .p2 {font-size: .7rem; color: #000; line-height: 1.2; margin-top: .3rem; font-weight: 500;}
.OHand10-banner .p3 {margin-top: .6rem; font-size: .28rem;}

.OHand10_One .sec_item {position: relative; overflow: hidden;}
.OHand10_One .sec_item .bjBox img {width: 100%;}
.OHand10_One .sec_item .con {position: absolute; width: 100%;left: 0;z-index: 1; top: 50%; transform: translateY(-50%);}
.OHand10_One .sec_item .con .left {width: 44%;}
.OHand10_One .sec_item .tle {font-size: .8rem; font-weight: 500;}
.OHand10_One .sec_item .tle span {display: block;}
.OHand10_One .sec_item .p1 {font-size: .4rem; margin-top: .4rem; color: #333;}
.OHand10_One .sec_item:nth-child(even) .box {display: flex; justify-content: flex-end;}

.OHand10_Two {padding: 1.2rem 0; background: #fafafa;}
.OHand10_Two .list {margin-top: .8rem;}
.OHand10_Two .list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.OHand10_Two .list li {width: 23%; text-align: center; background: #fff; padding: .6rem .1rem; border-radius: .16rem;}
.OHand10_Two .list li .icBox {margin-bottom: .24rem; height: 1rem;}
.OHand10_Two .list li .icBox img {max-height: 100%;}
.OHand10_Two .list li span {display: block; font-size: .26rem;}

.OHand10_Thre {background: #fafafa;padding: 1.2rem 0; padding-top: 0;}
.OHand10_Thre .imgBox {margin-top: .8rem; text-align: center;}
.OHand10_Thre .imgBox img {max-width: 100%;}

.OHand10_Thre .box {margin-top: .5rem; background:#fff; padding-top: .6rem;  padding-bottom: .4rem;border-radius: 16px;    overflow-x: auto;}
.OHand10_Thre table {border-radius: 16px; overflow: hidden; border-collapse: collapse;min-width: 440px;}
.OHand10_Thre table tr td {padding: .15rem .2rem;font-size: .2rem; border: 0 !important; border-bottom: 1px solid #b6b6b6 !important;}
.OHand10_Thre table tr:first-child td span {font-size: .24rem !important;}

/* =====================OHand12======================== */
.OHand12Main {background: #060708;}
.OHand12Main .OHand10_Tle {color: #fff;}

.OHand12-banner .p1 .sp1 {color: #fff;}
.OHand12-banner .p1 .sp3 {color: #fff;}
.OHand12-banner .p2 p {color: #fff;}
.OHand12-banner .p3 {color: #fff;}

.OHand12_One .left .tle  {color: #fff;}
.OHand12_One .sec_item .p1 {font-size: .36rem;}
.OHand12_One .sec_item .p1 p {color: #fff;}
.OHand12_One .sec_item:nth-child(even) .box .left {width: 40%;}

.OHand12_Two {background: none;}
.OHand12_Two .list li {background: #1c1f25;}
.OHand12_Two .list li .text {color: #fff;}

.OHand12_Thre {background: none;}
.OHand12_Thre p {color: #fff;}
.OHand12_Thre .box {background: none;color: #fff;}
.OHand12_Thre table {border-radius: 0; width:100%;    min-width: 100%;}
.OHand12_Thre table tr td {border: 1px solid rgb(63, 63, 63) !important; border-bottom: 1px solid rgb(63, 63, 63) !important;}
.OHand12_Thre table tr td strong , .OHand12_Thre table tr td strong span {font-size: .2rem !important;}
.OHand12_Thre table tr:first-child td:first-child {width: 25%;}
.OHand12_Thre table tr:nth-child(2) td:first-child {width: 6%;}


@media screen and (max-width: 1024px) {
  .OHand10-banner .p2 {font-size: .6rem;}
  .OHand10_One .sec_item .tle {font-size: .6rem;}
  .OHand10_One .sec_item .p1 {font-size: .3rem;}

  .OHand12_Thre table tr:first-child td:first-child {width: 45%;}
  .OHand12_Thre table tr:nth-child(2) td:first-child {width: 15%;}
}


@media screen and (max-width: 768px) {
  .OHand10_Tle {font-size: .5rem;}
  .OHand10-banner .p1 .sp1 {font-size: .3rem;}
  .OHand10-banner .p1 .sp2 {font-size: .3rem;}
  .OHand10-banner .p1 .sp3 {font-size: .3rem;}
  .OHand10-banner .p2 {font-size: .36rem;}
  .OHand10-banner .p3 {margin-top: .2rem;}
  .OHand10_One .sec_item .tle {font-size: .4rem;}
  .OHand10_One .sec_item .p1 {font-size: .24rem; margin-top: .2rem;}
  .OHand10_Two {padding: 1rem 0;}
  .OHand10_Two .list ul li {width: 48%; margin-bottom: .3rem;}
  
  
  
  
  
  
}