/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:13px;}}

/* 手机端下拉 */
.hadNav2 {display: none;}
.clickSearch {display: none; cursor: pointer;}

.wap-click {padding: 0 1rem; display: none; cursor: pointer;     margin-left: 2rem;}
.wap-click .basemenubut {display: flex; align-content: center; justify-content: center;flex-wrap: wrap;height: 100%; width: 22px;}
.wap-click .basemenubut span { display: block; width: 100%;height: 2px;margin-bottom: 5px; border-radius: 3px;background-color: #333;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.basemenubut span:nth-child(2) {width: 80%;}
.basemenubut2 span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
.basemenubut2 span:nth-child(2) { display: none;}
.basemenubut2 span:nth-child(3) { transform: rotate(-45deg);margin: 0; margin-top: -2px;}
.header.navfixed .wap-click .basemenubut span {background: #333;}
.header.navfixed2 .wap-click .basemenubut span {background: #333;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto; height: 100%;}
.hadNav2 .f_navbox { height: calc(100% - 7rem); margin-bottom: 10px; overflow-x: hidden;overflow-y: auto;}
.hadNav2 .f_navbox > li {padding: 1rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.hadNav2 .f_navbox > li > a {font-size: 1.2rem; color: #333; display: flex; justify-content: space-between; align-items: center;}
.hadNav2 .f_navbox > li > a > img {transform: rotate(90deg); margin-right: 0.5rem; transition: .5s;}
.hadNav2 .f_navbox > li > ul {display: none;}
.hadNav2 .f_navbox > li > ul > li > a {font-size: 1.1rem; padding: 0.5rem; display: block; color: #333; display: flex; justify-content: space-between; align-items: center;}
.hadNav2 .f_navbox > li > ul > li > a > img {transform: rotate(90deg); transition: .5s;}
.hadNav2 .f_navbox > li > ul > li > ul {display: none; padding: 0 0.5rem;}
.hadNav2 .f_navbox > li > ul > li > ul > li > a {font-size: 1rem; padding: 0.5rem; color: #333; display: block;}
.hadNav2 .f_navbox > li.active > a img {transform: rotate(-90deg);}
.hadNav2 .f_navbox > li.active > ul > li.active img {transform: rotate(-90deg);}
.hadNav2 .f_navbox li a:hover {color: #e60012;} 

/* 产品详情表格调整 */
.detailsTwoBox .bd ul:nth-child(1) li table tr td {padding: 1rem;box-sizing: border-box;}
.detailsTwoBox .bd ul:nth-child(1) li table tr td p {line-height: initial !important;}


@media screen and (min-width: 200px) and (max-width: 1800px) {
  .container {width: 92%;}
  .banner .swiper-slide .box {width: 92%;}
  .develop .mySwiper {width: 92%;}

}

/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {


}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {


}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
  /* 头部 */
  .headerRight {width: 70%;}
  .headerRight .headerNav {width: 70%;}
  .headerRight .reCon {width: 27%;}

  /* 新闻列表 */
  .news-list ul li .pic {width: 25%;}

  /* 详情页 */
  .detailsBox .le {width: 45%;}

 

}


@media screen and (min-width: 200px) and (max-width: 1400px) {

}



/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
  /* 头部 */
  .headerRight {width: 75%;}

  /* 客户支持 */
  .supportOne .box ul {    flex-wrap: wrap; gap: 3rem;}
  .supportOne .box ul li {width: 46%;}
  .supportFour .box .con .le {padding-right: 2.5rem;}

  /* 产品中心 */
  .proList .re ul li .imgBox {width: 52%;}



}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  .header .box h1 img {width: 80%;}
  .header .box {height: 5.5rem;}
  .wap-click {display: block; order: 2; margin-left: 0;}
  .clickSearch {display: block; order: 1; margin: 0 2rem;}
  .headerRight {width: auto;}
  .headerRight .headerNav {display: none;}
  .headerRight .reCon {width: auto;}
  .headerRight .reCon .searchInput .inputCon {width: 90%; height: 100%;}
  .headerRight .reCon .searchInput form {height: 100%;}
  .headerRight .reCon .searchInput {position: absolute; bottom: -3.5rem; width: 95%; left: 0; height: 3rem;  left: 2%; display: none; z-index: 9999; box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}
  /* .headerRight .reCon .searchInput .search-newpage {width: 1.5rem; height: 1.5rem;} */

  /* 首页 */
  .banner .swiper-slide .box {height: 100%;}
  .indexThree li .box {margin-left: 5%;}
  .indexThree li h3 {font-size: 2rem;}

  /* 底部 */
  .footer .box {flex-wrap: wrap;}
  .footer .box .le {width: 100%;}
  .footer .box .re {width: 100%; padding-left: 0.5rem; border: none;}

  /* 详情页 */
  .detailsOne {padding-top: 5.5rem;}
  .detailsBox {    gap: 4rem;}
  .detailsBox .le {width: 55%;}
  .detailsTwoBox .bd ul:nth-child(2) li {overflow-x: scroll;}
  .detailsTwoBox .bd ul:nth-child(2) li table {width: 100%; width: 1200px;}


  /* 客户支持 */
  .supportTwo ul {    gap: 3rem;flex-wrap: wrap;}
  .supportTwo ul li {width: 46%;}
  .supportFive .suFiveOne ul {grid-template-columns: repeat(4,1fr);}
  .supportThreeSwiper .swiper-slide ul {    grid-template-columns: repeat(3,1fr);}
  



} 

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
  /* 产品详情 */
  .tableOne {overflow-x: scroll;}
  .tableOne table {width: 1100px;}
}





/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
  /* 应用案例 */
  .applicaList ul {    grid-template-columns: repeat(2 ,1fr);}

  /* 新闻列表 */
  .news-list ul li .pic {width: 40%;}

  /* 联系我们 */
  .contactTwo ul {grid-template-columns: repeat(2,1fr);}

  /* 客户支持*/
  .supportFour .box .con {flex-wrap: wrap;}
  .supportFour .box .con .le {width: 100%; order: 1; padding-right: 0;}
  .supportFour .box .con .le::after {display: none;}

  /* 解决方案 */
  .solution ul li a {padding: 3rem 1rem; gap: 2.5rem;}
  .solution ul li h4 {font-size: 1.6rem;}

  /* 关于维思 */
  .idea-list ul {grid-template-columns: repeat(2 , 1fr);}
  .future-list ul li {    width: calc(100% / 2 - 1.8%); margin-top: 2rem;}

  /* 产品中心 */
  .proList .re ul li .imgBox {width: 70%;}
  .proList .re ul li .proCon .info {margin-top: 1rem;}
  
  /* 产品详情 */
  .detailsTwoBox .bd ul:nth-child(1) .table1Div {overflow-x: scroll;}
  .detailsTwoBox .bd ul:nth-child(1) .table1Div table {width: 1000px;}
  /* .detailsTwoBox .bd ul:nth-child(3) p img {width: 100%;} */
}




/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
  /* 首页 */
  .indexThree ul {flex-wrap: wrap;}
  .indexThree li {width: 100%;}

  /* 详情页 */
  .detailsBox .le {    width: 65%;}
  .detailsBox .re { width: 35%;}
  .detailsBox .re h3 {font-size: 2rem;}
  .detailsBox .re .conzx .hide {    top: 100%;right: 14%;}

  .detailsTwoBox .bd ul:nth-child(3) li .imgOne img {width: 100% !important;height: auto !important;}
  .detailsTwoBox .bd ul:nth-child(3) .table3Div p img {width: 100%;}
 

  /* 联系我们 */
  .con-box {flex-wrap: wrap; gap: 4rem; height: auto; padding: 2rem; padding-bottom: 5rem;}
  .con-box .info {width: 100%;}
  .messgae {width: 100%;     order: -1;}

  /* 客户支持 */
  .supportThreeSwiper .swiper-slide ul {    grid-template-columns: repeat(2,1fr);}

  /* 关于维思 */
  .honor-list .list ul {grid-template-columns: repeat(4,1fr);}
  /* .honor-list .list ul li {    width: 31%;} */

  /* 产品中心 */
  .proList .box {flex-wrap: wrap; gap: 2rem;}
  .proList .leBom {display: none;}
  .proList .le {width: 100%;}
  .proList .re {width: 100%;     margin-left: 0;}

}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
  /* 首页 */
  .banner img {    object-fit: cover; height: 400px;}
  .footer .box .le {display: none;}

  /* 新闻列表 */
  .news-list ul li .pic {width: 50%;}
  
  /* 详情页 */
  .detailsBox {flex-wrap: wrap; gap: 3rem;}
  .detailsBox .le {width: 100%;}
  .detailsBox .re {width: 100%;}
  .detailsBox .re h3 {margin-top: 0;}
  .detailsBox .re .conzx .hide {    top: auto;right: -70%;}

  .table4Div {overflow-x: scroll;}
  .table4Div table {width: 800px;}

  /* 联系我们 */
  .acquisition-info {width: 90%;     padding: 2rem;}

  /*   客户支持  */
  .supportTle {font-size: 2.5rem;}
  .supportOne .box .info strong {font-size: 1.8rem;}
  .supportOne .box ul li {width: 100%;     padding: 2rem;}
  .supportOne .box ul li .le img {width: 40%;}
  .supportTwo .info strong {font-size: 1.6rem;}
  .supportTwo ul li {width: 100%;}

  /* 解决方案 */
  .solution ul {grid-template-columns: repeat(1,1fr);}

  /* 关于维思 */
  .develop .mySwiper2 .swiper-slide strong {font-size: 10rem;}
  .develop .mySwiper2 .swiper-slide dl {top: 0;}
  .develop .mySwiper {top: 125px;}
  .develop .mySwiper2 .swiper-button-prev {top: 70px; right: 80px;}
  .develop .mySwiper2 .swiper-button-next {top: 70px; right: 20px;}
  .develop .mySwiper .swiper-slide-active span {    top: 34px;}



}


@media screen and (min-width: 200px) and (max-width: 640px) {
  /* 头部 */
  .header .box {height: 4.5rem;}

  /* 首页 */
  .banner .swiper-slide .box h2 {font-size: 2.5rem;}
  .indexOne .swiper-slide h3 {font-size: 1.5rem;}
  .indexOne .swiper-slide {height: 30rem;}
  .indexOne .swiper-slide .im {height: 50%;}
  .indexOneSwiper .swiper-slide .hide {padding: 1.5rem;}
  .indexOneSwiper .swiper-button-prev {width: 3rem; height: 3rem;     background-size: 30%;}
  .indexOneSwiper .swiper-button-next {width: 3rem; height: 3rem;     background-size: 30%;}
  .indexTwo {padding: 3rem 0 8rem 0;}
  .indexTwo h3, .indexTwo h4 {font-size: 2rem;}
  .indexFourSwiper .swiper-button-next {width: 3rem; height: 3rem;  }
  .indexFourSwiper .swiper-button-prev {width: 3rem; height: 3rem;  }
  .indexFourSwiper .swiper-button-next::before , .indexFourSwiper .swiper-button-prev::after {background-size: 30%;}
  /* 底部 */
  .footer-logo {text-align: center;}
  .footer .box .re {flex-wrap: wrap; justify-content: center;}
  .footer .copy {padding: 1.5rem 0;}

  /* 新闻列表 */
  .newsList-banner {height: 30rem;}
  .news-list ul li {padding: 2rem 1rem;}
  .news-list ul li a {flex-wrap: wrap; gap: 2rem;}
  .news-list ul li .pic {width: 100%; margin-right: 0;}
  .news-list ul li .info {width: 100%;}
  .news-list ul li strong {font-size: 1.5rem; margin: 1rem 0;}

  /* 详情页 */
  .detailsOne {padding-top: 4.5rem;}
  .detailsBox .le .swiper-slide img {width: 60%;}
  .detailsBox .le .swiper-button-prev {left: 3%;}
  .detailsBox .le .swiper-button-next {right: 3%;}
  .detailsBox .re .conzx .hide {    top: auto;right: -80%;}

  .detailsTwoBox .bd ul:nth-child(3) li .table3Div {overflow-x: scroll;}
  .detailsTwoBox .bd ul:nth-child(3) li .table3Div table {width: 100%; width: 640px;}


 /* 联系我们 */
 .con-box {padding: 1rem; padding-bottom: 5rem;}
 .con-box .info strong, .messgae strong {font-size: 1.8rem;}
 .contactTwo ul {grid-template-columns: repeat(1,1fr);}

 /* 客户支持 */
 .supportFour .box .con {padding-top: 3rem;}
 .supportThreeSwiper .swiper-slide ul li .info {padding: 1rem;}
 .supportSix {padding: 3rem 0;}
 .supportSix ul li {    padding: 0 1rem;}
 .supportSix ul li::before {    top: 30px;}
 .supportSix ul li::after {    top: 30px;}
 .supportSix ul li .iconBox {    width: 4.69rem;height: 4.69rem;}
 .supportSix ul li img {width: 45%;}
 .supportSix ul li span {font-size: 0.9rem; height: 50px;}
 .supportSevenSwiper .swiper-slide ul {    grid-template-columns: repeat(1,1fr);}

  /* 关于维思 */
  .idea-list ul {grid-template-columns: repeat(1 , 1fr);}
  .honor-list .list ul {grid-template-columns: repeat(2 , 1fr);}
  /* .honor-list .list ul li {    width: 48%;} */
  .future-list ul li {    width: calc(100% / 1 - 1.8%);     height: 200px;}

  .proList {padding-bottom: 3rem;}
  .proList .re ul li a {flex-wrap: wrap; gap: 0;}
  .proList .re ul li .imgBox {width: 100%; height: auto;}
  .proList .re ul li .proCon {width: 100%; padding-bottom: 3rem;}
}


@media screen and (min-width: 200px) and (max-width: 500px) {
.supportFive .suFiveOne ul li {height:50px;}
 
}