/* 响应式 */
@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:14px;}}
@media (max-width:328px){html{font-size:14px;}}

/* 手机端下拉 */
.wap-click {cursor: pointer;display: none; margin-left: 2rem;}
.wap-click span { width: 34px;  height: 3px;background: #222222; display: block; border-radius: 0.13rem;  margin: 8px auto; transition: all .5s ease-in-out;  position: relative;}
.active span.cl-1 { transform: rotate(-45deg);  top: 11px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -11px;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.nav2Box {width: 92%; margin: auto; height: 100%;}
.wrapNav { height: calc(100% - 7rem); margin-bottom: 10px; overflow-x: hidden;overflow-y: auto;}
.wrapNav > li {padding: 1rem 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: 1.2rem;color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #ee232b;}
.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.5rem; }
.wrapNav2 > li > a > span {font-size: 1rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #ee232b;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 40px; 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.5rem;}
.wrapNav3 > li > a {font-size: 1.2rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #ee232b;}

/* 内页二级列表 */
.nywrapNav {display: none;}


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

}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
   .container {width: 92%;}
   .baseToSwiper {width: 90%;} 
   .abhonor-swiper {width: 90%;}
   .three-swiper1 {width: 92%;}
   .three-swiper2 {width: 92%;}
   .aboutShowSwiper {width: 90%;}
}

/* ======================================================1650px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1650px) {
   .bannerSwiper .swiper-slide .con {width: 92%;}

}

/* ======================================================1550px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1550px) {
   .container15 {width: 92%;}
   .nyNav ul {width: 92%;}
}


@media screen and (min-width: 200px) and (max-width: 1400px) {
  /* 头部 */
  header .heBox ul {margin-left: 6%;}

}

/* ======================================================1350px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1350px) {
   .container13 {width: 92%;}
}

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
   /* 首页 */
   .indexTwo .le {width: 52%;}
   .indexTwo .re {right: 0; height: auto;}
   .indexTwo .re img {display: block; width: 100%;}
   .indexTwo .le ul {flex-wrap: wrap; margin-top: 3rem;}
   .indexTwo .le ul li .num span {font-size: 2.5rem;}
   .indexTwo .le ul li .num .jia {font-size: 2.5rem;}
   .indexTwo .le ul li .num b {font-size: 2rem;}

}

/* ======================================================1250px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1250px) {
   .container12 {width: 92%;}
 } 

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  header .heBox ul {display: none;}
  .wap-click {display: block;}

  /* 分页 */
  .fy {padding: 4rem 0;}

  /* 新闻中心 */
  .newsList ul {    grid-template-columns: repeat(3,1fr);}
} 

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
   /* 底部 */
   footer .foterTop .foterNav {margin-left: 0;}
}





/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
 /* 首页 */
 .indexOne ul {flex-wrap: wrap;}
 .indexOne ul li {width: 100%; margin-top: 2rem;}
 .indexTwo .box {flex-wrap: wrap;}
 .indexTwo .le {width: 100%;}
 .indexTwo .re {width: 100%;}
 .indexFive .box {flex-wrap: wrap;}
 .indexFive .le , .indexFive .re {width: 100%;}
 .indexFive .re img {width: 100%;}
 .indexFive .le {margin-bottom: 1rem; padding: 2rem;}

 /* 底部 */
 footer .foterTop {flex-wrap: wrap;}
 footer .foterTop .foterNav {width: 100%;}

 /* banner 导航 */
 .nyNav ul li a {padding: 0 2rem;}

/* 新闻详情 */
.ny-news-xq .xq-box {flex-wrap: wrap;}
.ny-news-xq .box-left {width: 100%;}
.ny-news-xq .box-right {width: 100%; position: relative; top: 0;}

}




/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
   /* 人才招聘 */
   .talentTwo .joinus-tab tr td:nth-child(4) {width: 25%; padding-right: 2rem;}
   .talentTwo .joinus-tab tr td {width: 25%;}

   /* 定制业务 */
   .customizeThree ul li {padding: 3rem 1rem;}

}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
   /* 首页 */
   .bannerSwiper .swiper-slide .con h3 {font-size: 3rem;}
   .indexThree .box {flex-wrap: wrap;}
   .indexThree .le {width: 100%;}
   .indexThree .re {width: 100%;}

   .indexFour ul {flex-wrap: wrap;}
   .indexFour ul li {width: 100%; margin-bottom: 1rem;}
   .indexFour ul li.on {width: 100%;}
   .indexFour ul li .show {padding: 5%;}
   .indexFour ul li .show {display: flex; flex-direction: column;  justify-content: center; align-items: center;    background: rgba(0, 0, 0, 0.1);}
   .indexFour ul li .show .more {position: relative; bottom: 0; margin-top: 2rem;}    
   .indexFour ul li.on .show {opacity: 1;}
   .indexFour ul li .hide {padding: 0 10%;display: none;}

   /*手机二级列表 */
   .nyNav {display: none;}
   .nywrapNav {padding: 2rem 0; display: block; padding-top: 1rem;}
   .nywrapNav ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
   .nywrapNav ul li {width: 48.5%; margin-top: 1rem; text-align: center;}
   .nywrapNav ul li a {color: #333; padding: 1rem; font-size: 1.15rem;display: block; box-sizing: border-box; border: 1px solid #eee;}
   .nywrapNav ul li:hover a {background: #e60012; color: #fff; border: 1px solid #e60012;}
   .proShowNav {display: block;}
   .proShowNav ul {justify-content: center;}
   .proShowNav ul li a {line-height: 5rem;}

   /* 内页banner */
   .ny-banner {height: 25rem;}
   .ny-banner .banCon {align-items: center;}
   .ny-banner .banCon h3 {font-size: 2.5rem;}
   .ny-banner .banCon small {font-size: 1.5rem;}
   .ny-banner .banCon i {margin-top: 1rem;}

   /* 关于我们 */
   .aboutTle {padding: 3rem 0;}
   .baseOne .box p {width: 100%;}
   .aboutShowSwiper {padding-bottom: 4rem;}
   .aboutShowSwiper .swiper-pagination {display: block;}
   .abhonor-swiper {padding-bottom: 4rem;}
   .abhonor-swiper  .swiper-pagination {display: block;}


   /* 新闻中心 */
  .newsList ul {    grid-template-columns: repeat(2,1fr);}

  /* 生产基地 */
  .baseTwo {padding-bottom: 2rem;}
  .baseTwo  .container {width: 99%;}
  
  /* 人才招聘 */
  .acquisition-info {width: 90%;}
  .talentOne .tle {padding: 3rem 0;}
  .talentOne ul {flex-wrap: wrap;}
  .talentOne ul li {width: 100%;margin-bottom: 2rem;}
  .talentOne .tle h3 {font-size: 1.8rem;}

  /* 关于我们 */
  .aboutOne {padding-top: 0;}
  .aboutOne .box {flex-wrap: wrap;}
  .aboutOne .box .le {width: 100%;}
  .aboutOne .box .re {width: 100%; margin-top: 2rem;}
  .three-swiper2 .swiper-button-next ,.three-swiper2 .swiper-button-prev {display: none;}
  .three-swiper2 .swiper-slide i::after {    left: -10px;  top: -10px;}
  .about-three {padding-bottom: 2rem;}
  .about-four .swiper-button-prev img, .about-four .swiper-button-next img {display: none;}

  /* 联系我们 */
  .contactbox {padding: 3rem 0;}
  .contactbox .cont {flex-wrap: wrap;gap: 2rem;}
  .contactbox .cont .lt, .contactbox .cont .gt {width: 100%;}
  .contactbox .cont .tit {font-size: 2rem;}
  .contactbox .cont .lt .make-text p {font-size: 1.5rem;}
  .contactMap img {object-fit: cover; height: 25rem;}

   /* 企业文化 */
   .aboutTwo {padding-bottom: 3rem;}
   .aboutTwo ul {flex-wrap: wrap;}
   .aboutTwo ul li {width: 100%; margin-bottom: 2rem;}
   .aboutTwo ul li {    display: flex;   align-items: center;  justify-content: space-between;}
   .aboutTwo ul li div {width: 50%;}
   .aboutTwo ul li h4 {margin-top: 1rem;}

   /* 定制业务 */
   .customizeOne {padding-bottom: 3rem;}
   .customizeOne ul {flex-wrap: wrap;}
   .customizeOne ul li {width: 100%; margin-bottom: 2rem;}
   .customizeTwo {padding-bottom: 3rem;}
   .customizeTwo ul {flex-wrap: wrap;}
   .customizeTwo ul li {width: 100%; margin-bottom: 2rem;}
   .customizeTwo ul li::after {display: none;}

   .customizeThree {padding-bottom: 3rem;}
   .customizeThree ul {flex-wrap: wrap;}
   .customizeThree ul li {width: 100%; margin-bottom: 2rem;}
   .customizeThree ul li::after {display: none;}
  

   .deveCon table td {display: block;width: 100%;}
}


@media screen and (min-width: 200px) and (max-width: 640px) {
   /* 首页 */
   .bannerSwiper .swiper-slide .con h3 {font-size: 2rem;}
   .bannerSwiper .swiper-slide .con span {font-size: 1rem;}
   .bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev {display: none;}
   .banner {  height: 50vh;}
   .bannerSwiper .swiper-slide .con a {margin-top: 3rem;}
   .indexOne ul li .conTop {height: 10rem;}

   /* 生产基地 */
   .about-four {padding-bottom: 2rem;}
   .baseToSwiper .swiper-button-prev ,.baseToSwiper .swiper-button-next {display: none;}
   .baseThree .swiper-button-prev img, .baseThree .swiper-button-next img {display: none;}

   /* 人才招聘 */
   .talentTwo {padding-bottom: 3rem;}
   .talentTwo .tle {padding: 2rem 0; font-size: 2rem;}
   .talentTwo .joinus-tab tr {align-items: center; font-size: 1rem; padding: 1rem;}
   .talentTwo .joinus-tab tr td {width: calc(100%/3);}
   .talentTwo .joinus-tab tr td:nth-child(4) {padding-right: 0.5rem; display: none;}

   .acquisition-info {padding: 1.5rem;}
   .acquisition-info .box-title h3 {font-size: 1.3rem;}

   /* 产品展示 */
   .proShow {margin-bottom: 3rem;}
   .proShowList ul {    grid-template-columns: repeat(2,auto);}


}


@media screen and (min-width: 200px) and (max-width: 500px) {
 /* 头部 */
 header .heBox {height: 4.5rem;}
 .heZwys {height: 4.5rem;}
 .headupfixd .heBox .heLe img {width: 60%;}
 header .heBox .heLe img {width: 60%;}
 header .heBox .heLe > div {display: none;}
 header .heBox .webLinks {margin-left: 2.5rem;}

 /* 首页 */
 .indexOne ul li {height: 28rem;}
 .indexOne ul li .conTop {height: 8rem;}
 .indexOne ul li .conTop h4 {font-size: 1.5rem;}
 .indexOne ul li .hide {padding: 1rem;}
 .indexOne ul li:nth-child(2) {height: 28rem;}
 .indexOne ul li dt:nth-child(2) {margin: 1rem 0;}
 .indexOne ul li .more a {margin-top: 1rem;}
 .indexOne ul li .mo img {width: 80%; text-align: right;}
 .indexTle {padding: 2rem 0; text-align: center !important;}
 .indexThree .indexTle > div {width: 100%;}
 .indexTle h3 , .indexTle strong {font-size: 2rem;}
 .indexTle span {font-size: 1rem;}
 .indexTwo {padding-top: 1rem;}
 .indexTwo .le ul li .num span {font-size: 2rem;}
 .indexTwo .le ul li .num .jia {font-size: 1.5rem;}
 .indexTwo .le ul li .num b {font-size: 1rem;}
 .indexTwo .le ul li .num b sup {font-size: 1rem;}
 
 .indexThree .indexTle {flex-wrap: wrap;}
 .indexThree .le {height: auto; background: none !important;}
 .indexThree .le .leImg {display: block; width: 100%;}
 .indexThree .le .con {padding: 0 1rem;}
 .indexThree .le .con h5 {font-size: 1rem;}
 .indexThree .indexTle .mo {width: 100%; margin-top: 2rem; display: flex; justify-content: center;}
 .indexThree .re ul li p {margin-top: 0.5rem;}
 .indexFour ul li {height: 25rem;}
 .indexFour ul li .show h4 {font-size: 1.8rem;}
 .indexFour ul li .hide h4 {font-size: 1.8rem;}
 .indexFour ul li .hide .more {width: 9.5rem; height: 2.4rem; line-height: 2.4rem;}
 .indexFive {margin-bottom: 3rem;}
 .indexFive .le h3 {font-size: 1.5rem;}
 .indexFive .le p {margin-top: 1rem;display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
 .indexFive .le a {margin-top: 2rem;}

  /* 底部 */
  footer .foterTop {padding-bottom: 3rem;}
  footer .foterTop .foterNav {display: none;}
  .foterLogo {width: 100%; text-align: center;}
  .foterCode {width: 100%; text-align: center;}

  /* 内页banner */
  .ny-banner {height: 26rem;}

  /* 关于我们 */
  .aboutTle h3 {font-size: 2rem;}
  .aboutTle strong {font-size: 1.5rem;}
  .aboutTwo .aboutTle strong {font-size: 1.5rem;}

  /* 新闻中心 */
  .newsList {padding-top: 0;}
  .newsList ul {    grid-template-columns: repeat(1,1fr);}

   /* 新闻详情 */
   .position {padding: 2rem 0;}
   .ny-news-xq .news-title h2 {font-size: 1.8rem;}
   .otherNews .title h3 {font-size: 1.8rem;}
   .otherNewsSwiper .swiper-button-prev {    top: -7px;   }
   .otherNewsSwiper .swiper-button-next {top: -5px;}
   .otherNewsSwiper .swiper-slide .con {padding: 1rem;}
   .otherNewsSwiper .swiper-slide .con h6 {font-size: 1rem;}
   .newsOneSlide .hd h3 {font-size: 1.8rem;}

   /* 产品展示 */
   .proShow .box {overflow-x: scroll;}
   .proShow .boxCon {width: 500px;}
   .proShow .thead , .proShow .thBody li .show {padding-left: 1rem;}

   /* 人才招聘 */
   .talentTab {overflow-x: scroll;}
   .talentTab .joinus-tab {width: 500px; }
}

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

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



}