@media screen and (max-width: 1024px) {
  .head .left {
    height: 8vh;
    display: flex;
    align-items: center;
  }
  .head .ad{
      height: 6vh;
  }
  .head .ad .close {
    position: absolute;
    top: 50%;
    right: 3%;
    height: 3vh;
    width: 3vh;
    background: #eee;
    border-radius: 10px;
    color: #181f27;
    font-size: 22px;
    z-index: 999;
    line-height: 2.8vh;
    text-align: center;
    transform: translateY(-50%);
}
  .head .left img {
    width: 100%;
    height: auto;
  }
  .head .right ul li a {
    font-size: 14px;
  }
  .banner {
    height: auto;
  }
  .banner .swiper-slide img {
    height: 100%;
  }
  .company-info .w .fl {
    width: 100%;
    margin-bottom: 3vh;
  }
  .company-info .w .fr {
    width: 100%;
  }
  .news .common-title .right-nav {
    width: 35%;
  }
  .toggle {
    height: 58vh!important;
  }
  .toggle .bottom ul li img {
    height: 35px;
  }
  .toggle .index a .linkdetails {
    font-size: 14px;
    width: 38%!important;
  }
  .work {
    height: max-content;
    padding-bottom: 5vh;
    box-sizing: border-box;
  }
  .work .common-title .right-nav {
    width: 40%!important;
  }
  .work .workmain .fl {
    width: 100%!important;
  }
  .work .workmain .fl a img {
    object-fit: cover;
  }
  .work .workmain .fr {
    width: 100%!important;
  }
  .work .w .workmain .fr ul li:nth-child(1) p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
  /*.class1 ul li {*/
  /*  height: 34vh!important;*/
  /*}*/
  .infoopen .infoopen-main {
    margin-bottom: 2vh;
  }
  .infoopen .infoopen-main ul li {
    height: 10vh;
  }
  .infoopen .companylist ul li {
    height: 7vh;
    flex: 0 0 24%;
    margin-bottom: 1vh;
    margin-right: 1.3%;
  }
  .infoopen .companylist ul li a {
    font-size: 15px;
  }
  .footer {
    /*height: 44vh;*/
  }
  .footer > .w {
    height: 38vh;
    padding: 0;
  }
  .yqlink{
      margin-bottom: 30px;
  }
  .footer > .w .fl {
    width: 60%!important;
  }
  .footer > .w .fl ul li a {
    font-size: 14px;
  }
  .footer > .w .fl ul li:nth-child(1) {
    font-size: 16px!important;
  }
  .footer > .w .fr {
    width: 35%!important;
  }
  .footer > .w .fr div img:nth-child(1) {
    height: 25vh!important;
    width: 25vh!important;
  }
  .footer > .w .fr div img:nth-child(2) {
   height: 18vh!important;
    width: 18vh!important;
    top: -4vh;
  }
  .footer .zhanwei {
    height: 6vh;
  }
  .industry .industry-main {
    margin-top: 3vh;
  }
  .industry .industry-main .indestry-img .fl {
    width: 61%;
  }
  .industry .industry-main .indestry-img .fl img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
  }
  .industry .industry-main .indestry-img .fr {
    width: 38%;
    display: flex;
    flex-direction: column;
  }
  .industry .industry-main .indestry-img .fr p {
    margin-bottom: 2vh;
  }
  .industry .industry-main .indestry-img .fr img {
    width: 100%;
    height: 24vh;
    object-fit: cover;
  }
  .dangjian .dangjian-main ul li img {
    height: 12vh;
    object-fit: cover;
  }
  .dangjian .dangjian-main ul li div {
    padding: 9px;
  }
  .dangjian .dangjian-main ul li div p {
    margin-bottom: 5px!important;
  }
  .xw-news .xw-news-main {
    margin-top: 3vh;
    width: 92%!important;
  }
  /*.xw-news .xw-news-main ul li {*/
  /*  height: 11vh!important;*/
  /*  margin-bottom: 2vh!important;*/
  /*}*/
  /*.xw-news .xw-news-main ul li img {*/
  /*  width: 15%;*/
  /*  object-fit: cover;*/
  /*  margin-bottom: 2vh;*/
  /*  max-height: 9vh!important;*/
  /*}*/
  .xw-news .xw-news-main ul li .fl {
    width: 82%;
  }
  .xw-news .xw-news-main ul li .fl h3 {
    margin-bottom: 1vh;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .xw-news .xw-news-main ul li .fl .p4 {
    margin-top: 1vh;
    font-size: 15px;
    color: #1781b9;
  }
  .xw-news-detalis .xw-news-detalis-main .title {
    margin-top: 3vh;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2vh;
  }
  .xw-news-detalis .xw-news-detalis-main .title p {
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
    font-size: 14px;
  }
  .xw-news-detalis .xw-news-detalis-main .mains {
    line-height: 35px;
  }
  .xw-news-detalis .xw-news-detalis-main .mains p {
    text-indent: 2em;
    font-size: 14px;
    margin-bottom: 0.5vh;
  }
  .xw-news-detalis .xw-news-detalis-main .mains img {
    width: 50%;
    margin-left: 25%;
  }
  .xw-news-detalis .newsmore {
    margin-top: 2vh;
    background: url(../images/newsbg.jpg) no-repeat;
    height: 53vh;
    background-size: 100% 100%;
    margin-bottom: -5vh;
  }
  .xw-news-detalis .newsmore .w {
    padding-top: 3vh;
  }
  .xw-news-detalis .newsmore .w h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 2vh;
  }
  .xw-news-detalis .newsmore .w ul {
    display: flex;
    justify-content: space-around;
    margin-top: 4vh;
  }
  .xw-news-detalis .newsmore .w ul li {
    flex: 0 0 30%;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    height: 22vh;
  }
  .xw-news-detalis .newsmore .w ul li img {
    height: 30px;
    width: 30px;
  }
  .xw-news-detalis .newsmore .w ul li .p1 {
    color: #1781b9;
    font-size: 16px;
    margin-top: 3vh;
    margin-bottom: 2vh;
  }
  .xw-news-detalis .newsmore .w ul li .p2 {
    font-size: 22px;
    margin-bottom: 5vh;
  }
  .about .company-culture ul li {
    height: 23vh!important;
  }
  .about .company-culture ul li p:nth-child(3) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .about .children-company ul li {
    height: 7vh!important;
  }
  .about .lianxifangshi > div a > div{
      top: 2vh;
      left: 2vh;
  }
  .about .lianxifangshi > div a > div p {
    width: 70%;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .about .lianxifangshi .fr p {
    width: 100%;
  }
  .contactus .contactus-main {
    margin-top: 3vh;
  }
  .contactus .contactus-main .top > div {
    width: 57%;
  }
  .contactus .contactus-main .top .fr ul li {
    display: flex;
    align-items: center;
    margin-bottom: 2vh;
  }
  .contactus .contactus-main .top .fr ul li .fl {
    width: 20%;
  }
  .contactus .contactus-main .top .fr ul li .fl img {
    width: 35px;
  }
  .contactus .contactus-main .top .fr ul li .fr {
    width: 80%;
  }
  .contactus .contactus-main .top .fr ul li .fr p:nth-child(1) {
    font-size: 18px;
    color: #1781b9;
    margin-bottom: 1vh;
  }
  .contactus .contactus-main .top .fr ul li:last-child .fl {
    width: 31%;
    text-align: center;
    margin-right: 5%;
  }
  .contactus .contactus-main .top .fr ul li:last-child .fl img {
    width: 100%;
  }
  .contactus .contactus-main .top .fr {
    width: 40%;
  }
  .contactus .contactus-main .bot {
    margin-top: 3vh;
  }
  .contactus .contactus-main .bot ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contactus .contactus-main .bot ul li {
    flex: 0 0 49%;
    background: #f2f2f2;
    margin-bottom: 3vh;
    display: flex;
    align-items: center;
    padding: 30px 20px;
    box-sizing: border-box;
  }
  .contactus .contactus-main .bot ul li .left {
    height: 7vh;
    line-height: 7vh;
    border-right: 1px solid #ccc;
    width: 20%;
    text-align: center;
  }
  .contactus .contactus-main .bot ul li .right {
    width: 80%;
    padding-left: 5%;
    box-sizing: border-box;
    line-height: 30px;
  }
  .qywh .qywh-main {
    margin-top: 3vh;
  }
  .qywh .qywh-main .top {
    display: flex;
    justify-content: space-between;
  }
  .qywh .qywh-main .top .top-1 {
    flex: 0 0 38%;
    position: relative;
    height: 380px!important;
  }
  .qywh .qywh-main .top .top-1 img {
    height: 100%;
  }
  .qywh .qywh-main .top .top-1 div {
    position: absolute;
    bottom: 1vh;
    width: 90%;
    left: 5%;
    z-index: 99;
    margin-bottom: 2vh;
    color: #fff;
    line-height: 30px;
  }
  .qywh .qywh-main .top .top-2 {
    flex: 0 0 20%;
    position: relative;
    height: 380px!important;
  }
  .qywh .qywh-main .top .top-2 img {
    height: 100%;
  }
  .qywh .qywh-main .top .top-2 div {
    position: absolute;
    bottom: 1vh;
    width: 90%;
    left: 5%;
    z-index: 99;
    margin-bottom: 2vh;
    color: #fff;
    line-height: 30px;
  }
  .qywh .qywh-main .top .top-3 {
    flex: 0 0 38%;
  }
  .qywh .qywh-main .top .top-3 div {
    position: relative;
    height: 180px!important;
    margin-bottom: 20px;
  }
  .qywh .qywh-main .top .top-3 div img {
    height: 100%;
  }
  .qywh .qywh-main .top .top-3 div div {
    position: absolute;
    bottom: 1vh;
    width: 90%;
    left: 5%;
    z-index: 99;
    height: auto!important;
    color: #fff;
    line-height: 30px;
  }
}