/* 手机端下拉 */
/* 手机端下拉 */
.wap-click {display: none; cursor: pointer; margin-left: 0.2rem;}
.wap-click span { width: 25px; height: 3px; background: #fff; display: block;  margin: 5px auto; transition: all 277ms ease-in-out;  position: relative;}
.wap-click span:nth-child(2) {width: 20px;}
.active span.cl-1 { transform: rotate(-45deg);  top: 7px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -9px;}
.headupfixd .wap-click span {background: #333;}
.headupfixd2 .wap-click span {background: #333;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 7;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto;  height: calc(100% - 0.35rem); }
.wrapNav {height: calc(100% - 1.5rem); margin-bottom: 30px; overflow-x: hidden;overflow-y: auto;     padding-right: 0.2rem;}
.wrapNav > li {padding: 0.2rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.wrapNav > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav > li > a > span {font-size: var(--font20);color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #93bc33;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width: 15px; height: 100%;}
.wrapNav > li.active > a > i {transform: rotateX(180deg);}

.wrapNav2 {padding:5px 10px; padding-right: 0;display: none;}
.wrapNav2 > li {margin-top: 0.2rem; }
.wrapNav2 > li > a > span {font-size: var(--font16);color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #93bc33;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 20px; height: 25px; display: flex;align-items: center;flex-shrink: 0; justify-content: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative;}
.wrapNav2 > li > a i:after, .wrapNav2 > li > a i:before { content: "";display: block;width: 14px;height: 2px;position: absolute;top: 50%;left: 90%; margin-left: -13px; background-color: #333;}
.wrapNav2 > li > a i:before {transform: rotate(90deg);}
.wrapNav2 > li.active > a i:before { opacity: 0;}

.wrapNav3 {padding:5px 10px; padding-right: 0; display: none;}
.wrapNav3 > li {margin-top: 0.2rem;}
.wrapNav3 > li > a {font-size: var(--font14);color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #93bc33;}


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

}

/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
  /* 新闻资讯详情 */
  .newsDateMain .detaMbx {margin-top: 0.5rem;}
}

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

/* ======================================================1580px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1580px) {
  /* 头部 */
  .search-pro {width: 4rem;    right: -90%;}
  .header .he-re > dl dd .icBox, .header .he-re dl dd > a {width: 0.4rem; height: 0.4rem;}
  .search-list dl dt a {padding: 0.15rem;}
  .inThreSwiper .con .more a {width: 1.8rem;height: 0.5rem;}

  /* 产品列表 */
  .productList ul li .more a {width: 2rem; height: 0.6rem;}

  /* 新闻资讯详情 */
  .newsDateMain .detaMbx {margin-top: 1rem;}

  /* 联系我们 */
  .contactOne .container {max-width: 90%;}
  .contactOne .indexFour {width: 54%;}
}

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

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

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

}

/* ======================================================1350px========================================================= */

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

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
  /* 联系我们 */
  .contactOne .boxCon {flex-wrap: wrap;}
  .contactOne .boxCon .le {width: 100%;}
  .contactOne .indexFour {width: 100%; padding-top: 2rem;}
  .contactOne::after {width: 100%; height: 55%;}
  .contactOne .indexFour .box .le p {width: 100%;}
}

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

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  nav {width: 55%; }


  
}

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

  


}


/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1027px) {
  /* 头部 */
  .logofixed {display: none;}

  .headerBox .box {height: auto; padding: 0.1rem 0;}
  .headerBox .logo {background: #fff;width: 1.25rem;height: 1.25rem;  border-radius: 50%; display: flex;align-items: center;justify-content: center;}
  .headerBox .logo img {display: block; max-width: 75%; transition: .5s;}
  .header .he-re > dl dd .icBox, .header .he-re dl dd > a {width: 0.5rem; height: 0.5rem;}
  .search-pro {width: 4.5rem; padding: 0.2rem;right: -90%;}
  nav {display: none;}
  .wap-click {display: block;}
  .headerBox .box .he-le {width: auto;}
  .headupfixd .headerBox .logo img {max-width: 100%;}
  .headupfixd2 .headerBox .logo img {max-width: 100%;}

  /* 首页 */
  .indexOne .le img {min-height: 6rem; object-fit: cover;}

  /* 底部 */
  .footer {padding-bottom: 0;}
  .footer .box {flex-wrap: wrap;}
  .foterNav {width: 65%;flex-wrap: wrap; justify-content: start;}
  .foterNav dl {width: 25%;    margin-top: 0.5rem;}
  .foterCode {position: relative; top: -2rem;}

  /* 产品详情页 */
  .proDateList ul {display: flex; gap: 0; justify-content: space-around;grid-template-columns:initial;flex-wrap: wrap;}
  .proDateList ul li {width: 25%; margin-right: 0;}
  .proDateList ul li::after {top: 88%;}

  /* 新闻资讯详情 */
  .newsDateMain .detaMbx {margin-top: 0;}

  /* 员工风采 */
  .staffShowList ul {grid-template-columns: repeat(2,1fr);}
}

/* ======================================================960px========================================================= */
@media screen and (min-width: 200px) and (max-width: 960px) {
  /* 新闻资讯 */
  .newsList ul li .imgBox {width: 35%;}
  .newsList ul li .con {width: 60%;}

  /* 招纳贤士 */
  .careers-banner .more {margin-top: .5rem;}
  .careers-banner a {width: 3.25rem; height: 0.9rem;}
  .careersOne .re img {min-height: 5rem; object-fit: cover;}
  
}


/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 767px) {
  /* 头部搜索 */
  .search-pro {width: 8rem;right: -255%;}
  .search-pro::after {top: -4px;  right: 34%;}
  .header .he-re > dl dd .icBox, .header .he-re dl dd > a {height: .6rem;width: .6rem;}

  /* 首页 */
  .bannerSwiper {height: 7rem;}
  .bannerSwiper .imgBox {height: 100%;}
  .bannerSwiper .imgBox img {height: 100%;object-fit: cover;}
  .bannerSwiper .con {width: 85%;}
  .bannerSwiper .con strong {font-size: var(--font60);}
  .bannerSwiper .con .text {font-size: var(--font18);}
  .bannerSwiper .con .more a {width: 2.6rem; height: 0.7rem;}
  .indexOne {flex-wrap: wrap;}
  .indexOne .le {width: 100%; border-radius: 1rem 0rem 1rem 0rem;}
  /* .indexOne .le img {min-height: 6rem; object-fit: cover;} */
  .indexOne .re {width: 100%;}
  .indexOne .re .conBox {padding: 1rem 8%;}
  .indexOne .re .con::before {border-radius: 2rem 1rem 1.5rem 2rem;}
  .indexOne .re .con::after {border-radius: 1rem; width: 100%; left: 0;}
  .indexOne .re .moreButton {width: 2.5rem; height: 0.7rem;border-radius: 1.32rem;}
  .indexOne .re p {width: 100%;}
  .indexTwo .tle {flex-wrap: wrap;}
  .indexTwo .tleLe p {width: 100%;}
  .indexTwo .tleRe a {width: 2.6rem; height: 0.7rem;margin-top: 0.25rem;}
  .inTwoSlide .hd li {width: 2rem; height: 2rem;}
  .inTwoSlide .hd li .icBox img {max-width: 70%; margin: auto;}
  .inTwoSlide .hd li span {font-size: var(--font20);}
  .inTwoSlide .bd {padding-bottom: .8rem;}
  .inTwoSwiper .swjt {right: -12px;}
  .inTwoSwiper .swiper-button-prev {left: -12px;}
  .inTwoSwiper .swjt img {max-width: 30%;}
  .indexThree .tle .tleRe {width: 100%;}
  .inThreSwiper {max-width: 90%;}
  .inThreSwiper .con .more a {width: 2.25rem; height: 0.6rem; border-radius: 1rem;}
  .indexFour .box {flex-wrap: wrap;}
  .indexFour .box .le {width: 100%;}
  .indexFour .box .le p {width: 100%;}
  .indexFour .box .re {width: 100%; margin-top: 0.8rem;}
  .indexFour .box .re .col2 input.filled + label {top: -0.35rem;}
  .indexFour .box .re .col2 input:focus + label {top: -0.35rem;}
  .indexFour .box .re .col3 select:focus + label {top: -0.35rem;}
  .indexFour .box .re .col3 select.filled + label {top: -0.35rem;}
  .indexFour .box .re .subinput {display: flex; justify-content: center;}

  /* 底部 */
  .foterLogo {width: 100%; display: flex; justify-content: center;}
  .foterLogo p {display: none;}
  .foterNav {display: none;}
  .foterCode {top: 0; width: 100%;margin: 0.3rem 0;}
  .foterCode img {margin: auto; }
  .copyRight {display: block;}

  /* ============================================内页====================================== */
  /* 内页banner */
  .ny-banner .imgBox {border-radius: 0rem 0rem .7rem 0rem;}
  .ny-banner .imgBox img {min-height: 6rem;}

  .headupfixd .headerBox .box {height: auto;}

  /* 关于我们 */
  .aboutOne p {width: 100%; line-height: 1.5;}
  .aboutTwo ul {flex-wrap: wrap; min-height: auto;}
  .aboutTwo ul li {width: 100%;}
  .abSevenSwiper .swiper-slide {width: 50%;}
  .abSevenSwiper span {font-size: .28rem;}
  .abSevenSwiper .swiper-button-prev {left: 9%;}
  .abSevenSwiper .swjt {right: 9%;}

  /* 产品列表 */
  .productList ul li {border-radius:0;}
  .productList ul li .bjBox {border-radius: .5rem 0 .5rem 0; overflow: hidden;}
  .productList ul li .bjBox img {width: 155%; position: relative; left: -55%;}
  .productList ul li .con {position: relative; transform: initial; left: 0; top: 0; width: 100%; margin: 0.5rem 0;}
  .productList ul li .tle {width: 100%;}
  .productList ul li p {line-height: 1.5; display: block;}
  .productList ul li .more a {width: 2.8rem; height: .7rem;}

  /* 产品详情 */
  .detaMbx {display: none;}
  .proDateList ul li:hover::after ,.proDateList ul li.on::after {width: 50%;}
  .proDate ul li {flex-wrap: wrap;}
  .proDate ul li .le {width: 100%;}
  .proDate ul li .re {width: 100%;margin-bottom: 0.5rem; order: -1;}
  .proDate ul li .le p {line-height: 1.5;}

  /* 新闻资讯 */
  .newsList ul li {flex-wrap: wrap;}
  .newsList ul li .imgBox {width: 100%;}
  .newsList ul li .con {width: 100%;margin-top: .3rem;}
  .newsList ul li .more a {width: 1.8rem; height: .6rem;}

  /* 新闻资讯详情 */
  .newsDate {flex-wrap: wrap;}
  .newsDate .le {width: 100%;}
  .newsDate .le .backList a {width: 1.6rem;}
  .newsDate .re {width: 100%; margin-top: .5rem; position: relative; top: 0;}

  /* 招纳贤士 */
  .careers-banner .tle {top: 58%;}
  .careersOne {flex-wrap: wrap;}
  .careersOne .le {width: 100%; padding: 0.5rem 0;}
  .careersOne .re {width: 100%;}
  .careersOne::after {left: 0%;width: 100%;}
  .talentTable tr th , .talentTable tr > td {height: 1rem;}

  /* 员工风采 */
  .staffShowList ul {grid-template-columns: repeat(1,1fr);}

  /* 联系我们 */
  .contactOne .container {max-width: 92%;}
  .contactOne .le dl dd strong {font-size: var(--font16);}
  .contactOne .le dl dd .icBox {width: 0.3rem;}
  .contactOne .le dl dd p {    font-size: var(--font14);}
  .contactOne .le .tactCode {justify-content: center;}
}

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

}

@media screen and (min-width: 200px) and (max-width: 500px) {
   /* 头部 */

}

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

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

}