.gap50{gap: var(--gap50);}
.gap30{gap: var(--gap30);}
.gap42{gap: var(--gap42);}
.padding65{padding-top: var(--gap65);padding-bottom: var(--gap42);}
.w1200{width: 1200px;max-width: 100%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 100%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 100%;margin: 0 auto;}
.w1500{width: 1500px;max-width: 100%;margin: 0 auto;}
.bg-black{background-color: #000;}
.bg-black2{background-color: #121212;}
.bg-lanse{background-color: #143369;}
.bg-shenlan{background-color: #071f45;}
.blue{color: #45a6ff;}
.purple{color: #a16dff;font-weight: var(--font-weight-bold);}
.orange{color: #fe8e38;}
.img{display: flex;}
main>section {margin-top: 0px;font-size: var(--font-size-25);line-height: 1.4em;}
img{max-width: 100%;} 
h2,h3{font-size: var(--font-size-42);line-height: 1.25em;}
.banner-m-img,.m-img{display: none;margin: 0 auto;max-width: 100%;}

.bg-black,.bg-black2,.bg-lanse,.bg-shenlan,.bg-lanse h3,.bg-shenlan h3,.visual h2,.bg-black h3,.bg-yingjian,.bg-yingjian h4{color: #fff;}
.jianbianlan{
  background: linear-gradient(to bottom right,#0870ff,#56f9ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.small-power .desc{
  text-align: center;
}
.pd-item {
  flex: 1 1 calc(50% - 50px);
}

.android14 .one .left{
  padding: 65px 70px 0 140px;
}
.android14 .two .left{
  padding: 65px 15px 65px 140px;
}
.android14 .two .right{
  padding: 65px 160px 0 100px;
}
.visual{
  padding-top: var(--gap65);
  gap: 90px;
}
.visual .left{
  flex: 1 1 460px;
}
.visual .right{
  flex: 1 1 calc(100% - 550px);
}
.box-other .right{
  padding: 65px 0 0 100px;
}
.simple .right{
  justify-content: flex-end;
}
.entertainment .left{
  flex: 1 1 540px;
}
.entertainment .right{
  flex: 1 1 calc(100% - 600px);
}

.guide .name{
  text-align: center;
}

.guide .product-items{
  gap:90px
}

.guide .product-item{
  flex: 1 1 calc(33% - 45px);
  gap: var(--gap2);
}

.guide .product-item img{
  width: auto;
  max-width: 100%;
  height: 160px;
}

.guide .product-item h4{
  font-size: var(--font-size-25);
}

.guide .product-item .desc{
  font-size: var(--font-size-24);
  line-height: 1.5em;
}

.guide .product-item .name{
  align-items: flex-end;
  gap: var(--gap2);
}

.guide .big-number {
  font-size: var(--font-size-57);
  font-family: "Segoe UI Black", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 5px;
  line-height: 1.1em;
}
.bg-yingjian{
  background-image: url(/assets/images/product-p6-bg.jpg);
  background-size: 100% 100%;
  background-repeat: repeat;
  background-position: left 200px top 0;
}
.yingjian-all{
  gap: 110px;
  padding: 35px 0;
  font-size: var(--font-size-22);
}
.yingjian-all h4{
  font-size: var(--font-size-35);
}

.yingjian-all .right {
  padding-top: 40px;
  position: relative;
}
.yingjian-all .right .img{
  position: absolute; 
  right: 0;
  top: -15px;
}
.yingjian-all .right .desc{
  width: 465px;
  max-width: 100%;
}
.yingjian .two{
  margin-bottom: var(--gap42);
}

.yingjian .two .left {
  background-color: #fff;
  border-radius: 20px;
  padding: 10px;
  border: 2px solid #00000026 !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

table, th, td {
  border: none;
}

.yingjian .two .left h3{
  padding-bottom: 10px;
  text-align: center;
  font-size: var(--font-size-35);
  margin: 0 auto;
}

.yingjian .two .left .tablepress {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.6em;
}

.tablepress tr{
  border-top: 2px solid #00000026 !important;
}

.tablepress td{
  padding: 5px 10px;
}
.tablepress tr td:first-child{
  border-right: 2px solid #00000026 !important;
}

.yingjian-all .content li{
  list-style:disc;
  margin-left: 1em;
}

@media (max-width: 1024px) {
  .android14 .two .right{padding: 0;}
  .adva0,.adva{padding-left: 0;padding-right: 0;}
  .padding65,.yingjian .one{padding-top: var(--gap42);}
  .android14 .two .left,.simple,.entertainment,.yingjian-all .right,.yingjian-all{padding: 0;}
  .android14 .one,.android14 .two,.box-other,.guide .product-items,.yingjian-all,.yingjian .two{flex-direction: column;}
  .android14 .one .left,.box-other .left{order: 2;}
  .android14 .one .left,.android14 .two,.visual,.simple .left,.entertainment .left,.small-power{padding: var(--gap80) var(--gap42);}
  .hardware .desc-title,.world .desc-title,.control .desc-title,.box-other .right{padding: 0 var(--gap42);}
  .visual .left,.simple .right,.entertainment .right,.pc-img{display: none;}
  .guide .product-items,.yingjian-all,.box-other{gap: var(--gap50);}
  .m-img{display: block;}
  .yingjian-all .right .img{position: relative; }
  .yingjian-all .left .m-img{width: 90%;}
  .yingjian-all .left .desc,.yingjian-all .content{padding: var(--gap42);}
}

@media (max-width: 640px) {
  .banner-m-img{display: block;width: 100%;}
  .banner-pc-img{display: none;}
  .yingjian .two .left {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100vw;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .yingjian .two .left .tablepress {
    width: 640px;
    min-width: 640px;
    table-layout: auto;
  }
}

@media (max-width: 447px) {
  .hardware .desc-title,.world .desc-title,.control .desc-title,.box-other .right{padding: 0;}
  .android14 .one .left,.android14 .two,.visual,.simple .left,.entertainment .left,.small-power,.yingjian-all .left .desc, .yingjian-all .content{padding: var(--gap30) 10px;}
}