@media screen and (max-width: 750px){
  .wrap{ width:95vw;}
  .index-banner-row{
    height:auto;
  }
  .banner-row{
    height:250px;
  }
  .banner-row .wrap-1920.hde-page-banner{
    height:250px;
  }
  .banner-row .hde-page-banner .wrap{
    height:150px;
  }
  .hde-page-banner .hde-page-banner-title .title{
    font-size:36px; font-weight:700;
  }
  .hde-page-banner .hde-page-banner-title .desc{
    font-size:16px;
  }
  .child-nav-box{
    /*justify-content: space-between;*/ gap:10px;
  }
  .child-nav-box .child-nav-item{
    font-size:14px;
  }
  .list-row-item{
    flex-direction: column; height:auto; gap:10px;
  }
  .list-row-item-img img{
    width:100%; height:230px; background:#f5f6f9; border-radius:8px;
    position:relative;
  }
  .list-row-item-content{
    padding-top:0;
  }
  .list-row-item-content .desc{
    margin-top:10px;
  }
  .list-row-item-content .time{
    margin-top:5px;
  }

  .list-history .history-row{
    flex-direction: column;
  }
  .list-history .history-row.time-right{
    flex-direction: column-reverse;
  }
  .history-row .history-half{
    width:100%; padding-bottom:0;
  }
  .history-center-line{
    display:none;
  }
  .history-row .link-line{
    display:none;
  }
  .history-row .right-half{
    padding-left:0;
  }
  .history-row .left-half .history-content{
    text-align: left;
  }
  .history-row .left-half{
    padding-right:0; align-items: flex-start;
  }
  .history-row .time-arrow{display:none;}

  .culture-content-box{
    width:100vw; gap:50px; flex-direction: column;
  }
  .culture-content-li{
    align-items: center; justify-content: center;
  }
  .list-image.list-image-3 .list-image-item-img{
    width:80vw;height:56vw;
  }
  .list-image{
    align-items: center; justify-content: center;
  }

  .platform-desc-ul{
    flex-direction: column; gap:0;
  }
  .platform-desc-li{
    width:100%;flex-direction: column; gap:0;
  }
  .platform-desc-li .img { width: 360px; height: 170px;}

  .product-advantage{
    flex-direction: column; gap:0;
  }
  .product-advantage .product-advantage-item{
    width:100%; height:auto; gap:20px; flex-direction: row;
  }
  .product-advantage-item .desc{
    font-size:16px; text-align: left;
  }
  .exploit-info{
    flex-direction: column; gap:0;
  }
  .exploit-info .exploit-img{
    width:100%;
  }
  .exploit-icon-list .exploit-icon-item{
    width:50%; height:auto; gap:5px; flex-direction: row; flex:auto;
  }
  .exploit-icon-list{
    gap:0; height:auto; flex-wrap: wrap;
  }
  .exploit-icon-item .img{
    width:52px;height:59px;
  }
  .exploit-icon-item p{
    font-size:16px;transform: translateY(-7px);
  }

  .case-map-box{
    background-image:none !important;
    display: flex; gap:10px;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .case-map-box .case-map-item{
    width:47%; height:60px; display: flex; align-items: center; justify-content: center;
    background:#e6ecfb; border-radius: 8px;
  }
  .case-map-box .case-map-item span{
    text-align:center;
  }
  .big-img-wrap.case-top-img{
    height:500px;
  }
  .area-case-list.case-left {
    transform: translateY(0);
  }
  .area-case-list{
    width:48%;row-gap: 25px;
  }
  .area-case-item{
    width:100%;height:130px;
  }
  .area-case-item>img{
    width:100%;height:98px;
  }
  .area-case-item>span{
    font-size:14px;
  }
  .main-project-list .main-project-item{
    height:180px;
  }
  .main-project-list{
    gap:40px;
  }
  .main-project-list .main-project-item .title{
    font-size:28px;
  }

  .contact-area-list{
    margin-top:40px; width:100px; min-height:350px;
  }
  .contact-area-list .area-li{
    padding-left:20px; font-size:14px; height:40px;
  }
  .contact-area-list .area-li.current{
    padding-left:30px;
  }
  .map-img-box>.wrap{
    position:relative; display:flex; justify-content:space-between; align-items:center;
    gap:10px;
  }
  .contact-info-box{
    top: 43px; right: 0; width: calc(100vw - 130px);
  }
  .contact-info-box:after{
    display:none;
  }
  .map-row{
    height:auto;min-height:510px;
  }
  .map-row .wrap-1920.map-img-box{
    height:auto;min-height:510px;
  }
}
