.lxHand_banner {position: relative;}
.lxHand_banner .text {margin-top: 4.375rem; width: 45%; text-align: justify;line-height: 1.8;}
.lxHand_banner .text p {opacity: .8;}
.lxHand_One .item {overflow: hidden;}
.lxHand_One .item_one {background: linear-gradient(270deg, rgb(0,0,0) 0%, rgb(29,29,29) 36%, rgb(58,58,58) 100%);}
.lxHand_One .item .box {display: flex; justify-content: space-between; flex-wrap: wrap;height: 100vh;}
.lxHand_One .item .imgBox {width: 40%; height: 100%; display: flex; align-items: flex-end; justify-content: center;}
.lxHand_One .item .imgBox img {max-height: 90%; width: 100%; object-fit: contain; transform: translateY(.625rem);}
.lxHand_One .item .con {width: 44%; display: flex; flex-direction: column; justify-content: center;}
.lxHand_One .item .con .text {margin-top: 8.75rem;}
.lxHand_One .item .con .text .p2 {line-height: 1.8; margin-top: 1rem; opacity: .8;}
.lxHand_One .item .con .text:first-child {margin-top: 0;}
.lxHand_One .item_two {background:linear-gradient(170deg, rgb(0,0,0) 0%, rgb(27,27,27) 33%, rgb(53,53,53) 100%);}
.lxHand_One .item_two .box {flex-direction: row-reverse;} 

.lxHand_Two {padding: 6.25rem 0; background: #f4f4f4;}
.lxHand_Two .list {margin-top: 5rem;}
.lxHand_Two .list ul {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10rem; box-sizing: border-box; row-gap: 5rem;}
.lxHand_Two .list li {width: calc(100% / 3 - 10rem); text-align: center; box-sizing: border-box;}
.lxHand_Two .list li .icBox {width: 3.3rem; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.lxHand_Two .list li:nth-child(5) .icBox{width: 3rem;}
.lxHand_Two .list li:nth-child(6) .icBox{width: 3.5rem;}
.lxHand_Two .list li .icBox img , .lxHand_Two .list li .icBox svg {min-height: 60%;max-height: 100%; object-fit: contain;}
.lxHand_Two .list li .icBox svg {width: 100%; height: 100%; max-height: 95%;}
.lxHand_Two .list li .p1 {font-size: var(--font30); font-weight: 600; margin-top: 1.25rem;}
.lxHand_Two .list li .p2 {line-height: 1.8; margin-top: 1rem; opacity: .8;}

.lxHand_Thre {background: #1d1d21; padding: 5rem 0;}
.lxHand_Thre .pro_imgBox {margin-top: 6.25rem;}
.lxHand_Thre .pro_imgBox img {width: 100%;}

.more_Info {display: none;}
.canShu {margin-top: 3.125rem;padding: 2.5rem 3.75rem; background: #414145;box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.09); overflow: hidden; border-radius: 1.375rem;gap: 1.5rem;} 
.canShu .item {background: #f5f5f5;padding: 1.875rem; border-radius: .625rem; width: calc(100% / 3 - 1rem);}
.canShu .item .imgBox {border-radius: .625rem; overflow: hidden;}
.canShu .item .imgBox img {width: 100%;}
.canShu dl {margin-top: 1.875rem;}
.canShu dd {margin: .625rem 0;font-size: var(--font16);color: #040813;}
.canShu dd .p1 {color: #040813;font-size: var(--font16);}
.canShu dd .p2 {font-size: var(--font16);}
.canShu dd .p3 {font-size: var(--font16);}
.canShu dd .tip {margin-left: .75rem; display: inline-block; transform: translateY( -0.313rem ); font-size: var(--font14); background: #7d33ff; padding: .375rem .75rem; border-radius: 6.25rem; color: #fff;}

.lxHand_Four {padding: 3.25rem 0;}
.lxHand_Four .tle {font-weight: 700;}
.lxHand_Four .box {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem; margin-top: 3.75rem;}
.lxHand_Four .item {overflow: hidden; position: relative;}
.lxHand_Four .item .imgBox {}
.lxHand_Four .item .imgBox img {width: 100%; transition: .5s;}
.lxHand_Four .item span {position: absolute;  width: 100%; bottom: 0; left: 0; width: 100%; text-align: center; bottom: 1.875rem; color: #fff; font-size: var(--font20);}
.lxHand_Four .item:hover .imgBox img {transform: scale(1.1);}

@media screen and (max-width: 1200px) {
    .lxHand_Two .list ul {gap: 5rem;}
    .lxHand_Two .list li {width: calc(100% / 3 - 5rem);}
}


@media screen and (max-width: 767px) {
  .lxHand_banner {padding-top: 3.75rem;}
  .lxHand_banner .box {/* position: relative; transform: none; left: 0; top: 0; padding: 3rem 4%; */top: 30%;        text-align: center;}
  .lxHand_banner .p1 {color: #fff; font-size: var(--font40);        font-size: 2.5rem;
        font-weight: 600;}
  .lxHand_banner .p2 {color: #fff;}
  .lxHand_banner .text p{opacity: 0.8;text-align:center}
  .lxHand_banner .text {color: #fff; width: 100%; margin-top: 1rem; font-size: var(--font16);}

  .lxHand_One .item .box {height: auto; padding:6rem  0; padding-bottom: 0;}
  .lxHand_One .item .imgBox {width: 100%; width: 50%; margin: auto; order: 2;}
  .lxHand_One .item .imgBox img {height: auto;}
  .lxHand_One .item .con {width: 100%; margin-bottom: 2rem;}
  .lxHand_One .item .con .text {margin-top: 5rem;}
  .lxHand_One .item .con .text .p1 {font-size: var(--font26);}
  .lxHand_One .item .con .text .p2 {font-size: var(--font16);}
  .lxHand_One .item .con .text .p2{margin-top:0}
  .lxHand_Two {padding: 3rem 0;}
  .lxHand_Two .list {margin-top: 3rem;}
  .lxHand_Two .list ul {gap: 1rem; row-gap: 2rem;}
  .lxHand_Two .list li {width: calc(100% / 2 - 1rem);}
  .lxHand_Two .list li .icBox {height: 3rem; width: 3rem;}
  .lxHand_Two .list li:nth-child(5) .icBox {width: 2.5rem;}
  
  .lxHand_Two .list li .icBox img {height: 100%;}
  .lxHand_Two .list li .p1 {font-size: var(--font20);    margin-top: 1rem;}
  .lxHand_Two .list li .p2 {font-size: var(--font14);    margin-top: 0.25rem;}

  .lxHand_Thre {padding: 3rem 0;}
  .lxHand_Thre .pro_imgBox {margin-top: 3rem;}
  .lxHand_Thre .pro_imgBox img {width: 100%;}
  .lxHand_Thre .more {margin-top: 2rem;}

  .canShu {padding: 2.5rem 1rem;}
  .canShu .item {width: 100%; padding: 1rem;}
    
  .lxHand_Four {padding: 3rem 0;}
  .lxHand_Four .box {margin-top: 3rem; grid-template-columns: repeat(2,1fr); gap: 1rem;}
  .lxHand_Four .item span {font-size: var(--font18); bottom: 1rem;}




}