/* 设备最大宽度1440px */
@media screen and (min-width: 1025px) {
  .ml360{
     width: 1400px
  }
  .detailsItem-nav {
      width: 220px;
      height: 955px;
  }
  .detailsItem-title {
      height: auto;
      line-height: 0px;
      margin: 40px 76px 40px 32px;
  }
  .detailsItem-side{
      margin-top: 0px;
  }
  .detailsItem-side>li>a {
      margin-left: 32px;
  }
  .detailsItem-hover>li {
      width: 220px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .detailsItem-hover>li>a{
     margin-left: 48px;
  }
  .detailsItem-hover>li:hover{
    background: #E6EEF9;
  }
  .detailsItem-content {
      width: 1160px;
  }
  .line {
      margin: 4px auto 0px auto;
  }
  .fragment {
      padding: 20px 24px 103px 24px;
  }
  .imgItem1 {
      width: 367px;
      height: 236px;
  }
  .imgItem2 {
      top: -47px;
      left: 360px;
      width: 456px;
      height: 285px;
  }
  .functional {
      margin: 32px 24px 0px 22px;
  }
  .functionalItem {
      width: 527px;
      margin-right: 60px;
  }
  .functionalItem img {
      width: 80px;
      padding: 32px 16px 64px 0px;
  }
  .itemChild {
      padding: 40px 0px 0px 16px;
  }
  .advantagesItem {
      margin: 68px 14px 0px 24px;
  }
  .advantagesChild {
      width: 189px;
      margin: 0px 44px 50px 0px !important;
  }
  .advantagesChild:nth-child(5n){
     margin: 0px 0px 50px 0px !important;
  }
  .advantagesChild .advantagesChild-top {
      margin: -32px 0px 0px 52px;
  }
  .customerItem {
      padding: 32px 24px;
  }
  .customerChild {
      width: 266px;
      margin: 0px 14px 20px 0px;
  }
  .customerChild:nth-child(3n) {
      margin: 0px 14px 20px 0px;
  }
  .customerChild:nth-child(4n) {
        margin: 0px ;
  }
  .customerChild .customerChild-bg img {
      width: 80px;
      height: 80px;
      margin: 16px 0px 18px 94px;
  }
  .line1 {
      width: 232px;
      margin: auto;
      border:none;
      background: #EEEEEE;
  }
  .customerChild-con {
      color: #666666;
  }
  .customerChild:hover {
      border-left: 2px solid;
      border-right: 2px solid;
      border-bottom: 2px solid;
      border-image-source: linear-gradient(to top, #A5C9F4,#FFFFFF);
      border-image-slice: 0.5;
    }
  .customerChild:hover .line1{
    background: #5298EB;
  }
  .customerChild:hover .customerChild-con {
        color: #5298EB;
  }
  .graphImg img {
      width: 1116px;
      padding: 24px 24px 32px 24px;
  }
  .modelImg img {
      width: 1116px;
      padding: 19px 24px 30px 24px;
  }
}
/* 设备最大宽度1024px */
@media screen and (max-width: 1024px){
.ml360 {
    width: auto;
    position: relative;
    margin:0px;
}
 .detailsItem {
      background:none;
      margin-top: 0px;
 }
.detailsItem-nav{
  width:100%;
  height:auto;
  border-bottom:none;
  background:none;
  border-top:none;
  position: absolute;
  top: 0%;
  left: 0;
  margin:0px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  box-shadow: none;
  border-radius: 0px;
}
.detailsItem-nav::-webkit-scrollbar {
    display: none; /* 隐藏滚动条*/
}
.detailsItem-title,.detailsItemtop{
   display:none;
}
.detailsItem-side {
     margin-top: 0px;
     display: flex;
     /*flex-direction: row;*/
}
.detailsItem-side>li {
    line-height: normal;
    border-bottom: none;
    /*border-right:1px solid #ccc;*/
    position: relative;
    flex: 0 0 14%;
}
.detailsItem-side>li::after{
    content: "";
    position: absolute;
    left: 0px;
    top: 1px;
    width: 1px;
    height: 43px;
    border-right: 1px solid #eeeeee;
}
.detailsItem-side>li::before{
    content: "";
    position: absolute;
    left: 1px;
    top: 42px;
    width: 137px;
    height: 1px;
    border-bottom: 1px solid #eeeeee;
}
.detailsItem-side>li:hover::before{
    height: 2px;
    border-bottom: 2px solid #5298EB;
}
.detailsItem-side>li>a {
    margin: 15px 40px 14px 16px;
    text-transform: uppercase;
    display: block;
    transition: .3s;
}
.detailsItem-side>li>a::before{
  content: "";
  position: absolute;
  top: 23px;
  left: 99px;
  width: 0px;height: 0px;
  border: 6px solid transparent;
  border-top-color: #666;
}
.detailsItem-side>li:hover>a::before{
 content: "";
  position: absolute;
  top: 15px;
  left: 99px;
  width: 0px;height: 0px;
  border: 6px solid transparent;
  border-bottom-color: #5298EB;
}
.detailsItem-content {
    width: 960px;
    margin: 52px auto auto auto;
}
.detailsItem-side>li:hover{
  background:none;
  line-height:0px;
}
.detailsItem-side>li:hover>a{
   color: #5298EB;
   border:none;
   line-height: normal !important;
  margin: 15px 40px 14px 16px;
  padding-left: 0px;
}
.detailsItem-hover>li{
    width:137px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 44px;
    line-height: 44px;
}
.detailsItem-hover {
    /* display: none; */
    padding: 0;
    overflow: hidden;
    height: 0px;
    visibility: visible;
}
.detailsItem-hover>li>a {
    font-size: 15px;
    margin: 0px 5px;
}
.detailsItem-side>li:hover>ul {
    height:135px;
    z-index: 9;
    position: relative;
  }
  .detailsItem-side>li:nth-child(2):hover>ul {
      height:224px;
  }
  .detailsItem-side>li:nth-child(3):hover>ul {
      height:270px;
  }
  .detailsItem-side>li:nth-child(6):hover>ul,.detailsItem-side>li:nth-child(7):hover>ul {
      height:180px;
  }
.functional {
   margin: 20px auto 0px auto;
   width: 916px;
}
.line {
    margin: 4px auto 0px auto;
}
.fragment {
    padding: 20px 24px 79px 24px;
}
.imgItem1 {
    width: 300px;
    height: 192px;
}
.imgItem2 {
    top: -39px;
    left: 295px;
    width: 371px;
    height: 233px;
}
.functionalItem {
    width: 442px;
    margin-right: 31px;
}
.functionalItem img {
    width: 80px;
    padding: 32px 16px 64px 0px;
}
.itemChild {
    padding: 40px 0px 0px 0px;
}
.advantagesItem {
    margin: 76px 24px 0px 24px;
}
.advantagesChild {
    width: 216px;
    margin: 0px 16px 55px 0px;
}
.advantagesChild .advantagesChild-top {
    margin: -32px 0px 0px 76px;
}
.advantagesChild-con {
    padding: 10px 22px 19px 22px;
}
.customerItem {
    padding: 32px 24px 30px 24px;
}
.customerChild {
    width: 215px;
    margin: 0px 16px 20px 0px;
}
.customerChild .customerChild-bg img {
    width: 80px;
    height: 80px;
    margin: 16px 0px 18px 68px;
}
.line1 {
      width: 187px;
      margin: auto;
      border:none;
      background: #EEEEEE;
  }
  .customerChild-con {
      color: #666666;
  }
  .customerChild:hover {
      border-left: 2px solid;
      border-right: 2px solid;
      border-bottom: 2px solid;
      border-image-source: linear-gradient(to top, #A5C9F4,#FFFFFF);
      border-image-slice: 0.5;
    }
  .customerChild:hover .line1{
    background: #5298EB;
  }
  .customerChild:hover .customerChild-con {
        color: #5298EB;
  }
.customerChild:nth-child(4n) {
    margin-right: 0px;
}
.customerChild:nth-child(3n) {
    margin: 0px 16px 20px 0px;
}
.graphImg img {
    width: 912px;
    padding: 24px 24px 30px 24px;
}
.graph,.customer {
    margin-bottom: 20px;
}
.modelImg img {
    width: 912px;
    padding: 20px 25px 32px 24px;
}
}
/* 设备最大宽度750px */
@media screen and (max-width: 750px) {
  .bannerBg {
      height: 220px;
  }
  .ml360 {
     width: auto;
     margin:0px;
  }
  .detailsItem {
      background:none;
      margin-top: 0px;
  }
  .detailsItem-content {
       width: 376px;
       margin: 45px auto auto auto;
   }
   .line{
     display:none;
   }
   .detailsItem-nav{
      top: 0%;
      left: 0px;
   }
   .resume,.advantages ,.customer,.graph,.model{
       background: none;
       box-shadow: none;
   }
   .resumeImg {
       padding: 0px 16px 16px 16px;
       justify-content: normal;
       flex-wrap: wrap;
       width: 344px;
   }
   .fragment {
       padding: 20px 24px 20px 24px;
   }
   .imgItem1 {
       width: 164px;
       height: 100px;
      margin-right:16px;
   }
   .imgItem2 {
       width: 164px;
       height: 100px;
       position: initial;
       top: 0px;
       left: 0px;
   }
   .features {
      /*background: #F9F9F9;*/
      box-shadow: none;
      margin-top: 8px;
      padding-bottom: 0px;
   }
   .functional {
       width:auto;
       margin: 32px 16px 0px 15px;
   }
   .functionalItem {
       width: 344px;
       margin-right: 0px;
   }
   .functionalItem img {
       width: 56px;
       padding: 24px 6px 70px 0px;
   }
   .itemChild {
       padding: 24px 0px 0px 0px;
   }
   .functionalItem:nth-child(5){
     border-bottom: 1px solid #eee;
   }
   .advantages {
       margin: 32px 0px 0px 0px;
   }
   .advantagesItem {
       margin: 60px 15px 0px 16px;
   }
   .advantagesChild {
       width: 164px;
       height: 109px;
       margin: 0px 16px 52px 0px;
   }
   .advantagesChild .advantagesChild-top {
        margin: -32px 0px 0px 50px;
   }
   .advantagesChild-con {
       padding: 13px 42px;
   }
   .advantagesChild:nth-child(2n) {
       margin-right: 0px;
   }
   .resume-title{
     padding:0px;
   }
   .customerItem {
       padding: 24px 16px 24px 15px;
   }
   .customerChild {
      width: 160px;
      margin: 0px 16px 16px 0px;
      height: 132px;
      border-left: 2px solid;
      border-right: 2px solid;
      border-bottom: 2px solid;
      border-image-source: linear-gradient(to top, #A5C9F4,#FFFFFF);
      border-image-slice: 0.5;
   }
   .customerChild .customerChild-bg img {
       width: 64px;
       height: 64px;
       margin: 12px 0px 10px 50px;
   }
   .line1 {
       width: 142px;
       margin: auto;
       border: none;
       background: #5298EB;
   }
   .customerChild-con {
      color: #5298EB;
      font-size: 12px;
      padding: 12px 10px;
   }
   .customerChild:nth-child(2n) {
       margin-right: 0px;
   }
   .customer,.model {
       margin-bottom: 0px;
   }
   .graphImg img,.modelImg img{
       width: 345px;
       padding: 24px 15px;
   }
}