/* 响应式 */
@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;}
.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: #516d6e;}
.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: 1.1rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #516d6e;}
.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: 1rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #516d6e;}

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


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

}

/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
   .indexOne .container {width: 99%;}
}

/* ======================================================1650px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1650px) {
   .about-three .container {width: 98%;}
   .three-swiper1 {width: 92%;}
   .three-swiper2 {width: 92%;}
   .proTuiJIan .container {width: 98%;}
   .proTuJiSwiper {width: 92%;}

}
/* ======================================================1650px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
   /* 首页 */
   header .container {width: 92%;}
   .inToSwiper {width: 92%;}
   .inToSlide .hd {width: 92%;}
   .indexOne .morePro {width: 92%;}
}


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

/* ======================================================1400px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1400px) {
  /* 头部 */
  header .heBox ul {margin-left: 0;}
  header .heBox ul > li > a {padding: 0 1.5rem;}

  /* 首页 */
  .bannerSwiper .swiper-button-prev {right: 8%;}

  /* 底部 */
  footer .foterTop {flex-wrap: wrap;}
  footer .topLe {width: 100%;     justify-content: center;}
  footer .foterTop form {width: 100%; justify-content: center; margin-top: 2rem;}

  /* 关于我们 */
  .three-swiper2 .swiper-slide i::after {    left: -8px;top: -8px;}

}



/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
   /* 首页 */
   .inToSlide .hd {flex-wrap: wrap;}
   .indexOne .indexTle {width: 100%;}
   .inToSlide .hd ul {width: 100%;}
   .indexToBox {height: 45rem;}
   .indexToBox .leBoxCon {width: 50%;}

   /* 产品 */
   .proList ul {grid-template-columns: repeat(3,1fr);}
   

}

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

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  header .heBox .heLinks {    grid-template-columns: repeat(3,auto);}
  header .heBox ul {display: none;}
  .wap-click {display: block;}

  /* 首页 */
  .inThSwiper .swiperCon {    grid-template-rows: repeat(2 , 150px);}
  .indexFour .box-left {height: 25rem;}
  .indexFour .box-right ul {gap: 1rem;}

  /* 内页导航部分 */
  .nyBaNav ul {order: 2;}

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

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
   /* 首页 */
   .indexTwo .box ul {flex-wrap: wrap;justify-content: center;}
   .indexTwo .box ul li {width: 33%;}
   .indexTwo .box ul li:nth-child(3)::after {display: none;}

   .foterNav .navCon {flex-wrap: wrap;}
   .foterNav .navCon dl:last-child {width: 100%; margin-top: 2rem;}
}





/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
   /* 首页 */
   .indexToBox {flex-wrap: wrap; height: auto;}
   .indexToBox .le {width: 100%;}
   .indexToBox .re {width: 100%;}
   .indexToBox .reTop {height: auto;}
   .indexToBox .reBom {height: auto;}
   .inThSwiper .swiperCon {grid-template-columns: repeat(4,auto);    grid-template-rows: repeat(2 , auto);}
   .inThSwiper .swiperCon li:nth-child(1) {grid-row: initial; grid-column: inherit;}
   .inThSwiper .swiperCon li:nth-child(2) {grid-row: initial; grid-column: inherit;}
   .inThSwiper .swiperCon li:nth-child(3) {grid-row: initial; grid-column: inherit;}
   .inThSwiper .swiperCon li:last-child {display: none;}

   /* 内页二级导航 */
   .nyBaNav ul {flex-wrap: wrap; justify-content: center;}

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

   /* 联系我们 */
   .contactbox .cont {flex-wrap: wrap;}
   .contactbox .cont .lt, .contactbox .cont .gt {width: 100%;}
   .contactbox .cont .gt {margin-top: 2rem;}

   /* 关于我们 */
   .aboutOne .box {flex-wrap: wrap;}
   .aboutOne .box .le {width: 100%;}
   .aboutOne .box .re {width: 100%; margin-top: 2rem; justify-content: flex-start;}
   .aboutOne .box .re .Veo {left: 5%; right: auto;}
   .aboutOne .acquisition-info {width: 100%;}

   /* 产品详情 */
   .pro-introduction .introduction {flex-wrap: wrap;}
   .introduction-left {width: 100%; margin-bottom: 2rem; order: 0;}
   .introduction-right {display: initial; width: 100%; height: 100%;}
   .mySwiper2-pro {width: 100%; margin-bottom: 2rem;}
   .mySwiper-pro {height: auto; width: 79%;margin: auto;}
   .mySwiper2-pro .swiper-button-next { bottom: 0; right: 0; width: 6%; height: 9rem;}
   .mySwiper2-pro .swiper-button-next::before {content: "＞";}
   .mySwiper2-pro .swiper-button-prev {top: initial; bottom: 0;left: 0; width: 6%;height: 9rem;}
   .mySwiper2-pro .swiper-button-prev::after {content: "＜";}
   .mySwiper-pro .slide2-img img {width: 30%; height: auto;}
   .mySwiper-pro .slide2-img {height: 9rem;}

}




/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
   /* 首页 */
   .inToSlide .hd ul {flex-wrap: wrap;}
   .inToSlide .hd ul li {margin-bottom: 0.5rem;}

   /* 底部 */
   .foterNav {padding: 1rem 0;}
   .foterNav .navCon dl {display: none;}
   .foterNav .navCon dl:last-child {display: block;}

}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
   /* 首页 */
   .bannerSwiper .swiper-button-prev {right: 12%;}
   .indexToBox .reTop ,.indexToBox .reBom {flex-wrap: wrap;}
   .indexToBox .leBoxCon {width: 70%; padding:5%; height: auto;}
   .indexToBox .reTop .reTopImg , .indexToBox .reBom .reBomImg {width: 100%;}
   .indexToBox .reTop .reTopCon , .indexToBox .reBom .reBomCon {width: 100%;padding: 5%;}
   .indexToBox .reBom .reBomCon {order: 1;}
   .inThSwiper .swiper-button-next {left: 15%;}
   .inThSwiper .swiperCon {grid-template-columns: repeat(3,auto);}

   .indexFour .box {flex-wrap: wrap;}
   .indexFour .box-left {width: 100%; height: auto;}
   .indexFour .box-right {width: 100%; margin-top: 2rem;}
   .indexFour .box-right li p {padding-bottom: 2rem;}


   /* 内页二级导航 */
   .nyBaNav ul {justify-content: space-between; width: 100%;}
   .nyBaNav ul li {width: 48%; margin-bottom: 1rem; text-align: center;}
   .nyBaNav ul li a {width: 100%; border: 1px solid #eee; box-sizing: border-box;}

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

  /* 联系我们 */
  .talentTwo {padding-bottom: 4rem;}
  .talentTwo .talentTle {padding: 3rem 0;}
  .talentTab {overflow-x: scroll;}
  .talentTwo .joinus-tab {width: 800px;}
  .talentTwo .acquisition-info {width: 90%; padding: 1rem;}
  .talentTwo .acquisition-info dl {margin-top: 1rem;}

  /* 技术支持 */
  .tecalList ul::after {width: 48%;}
  .tecalList ul li {width: 48%;}

  /* 关于我们 */
  .aboutTwo dl {flex-wrap: wrap; justify-content: space-between;}
  .aboutTwo dl dd {width: 49%; margin-bottom: 2rem;}
  .aboutTwo dl dd:nth-child(2)::after {display: none;}
  .three-swiper2 .swiper-button-next img, .three-swiper2 .swiper-button-prev img {display: none;}

  /* 工厂展示 */
  .factoryList ul::after {width: 48%;}
  .factoryList ul li {width: 48%;}

  /* 产品 */
  .proList ul {grid-template-columns: repeat(2,1fr);}

  /* 产品详情 */
  .proTuJiSwiper .swiper-button-prev ,.proTuJiSwiper .swiper-button-next {display: none;}
  .proTuJiSwiper .swiper-pagination {display: block;}
  

}


@media screen and (min-width: 200px) and (max-width: 640px) {
   /* 头部 */
   header .heBox .heLinks {gap: 1.5rem;}
   header .heBox .heLe img {width: 80%;}

   /* 首页 */
   .indexTle {padding: 3rem 0;}
   .indexTle h3 {font-size: 2rem;}
   .indexTle strong {font-size: 1.8rem;}
   .indexOne {padding-bottom: 3rem;}
   .bannerSwiper .swiper-slide .con {top: 50%;}
   .bannerSwiper .swiper-button-prev {right: 20%;}
   .bannerSwiper .swiper-slide .con h3 {font-size: 2rem;}
   .bannerSwiper .swiper-slide .con span {font-size: 1.5rem;}
   .bannerSwiper .swiper-slide .con a {width: 10rem; height: 3rem; line-height: 3rem; font-size: 1.1rem;}
   .inToSwiper {padding: 0;}
   .inToSwiper .swiper-button-next ,.inToSwiper .swiper-button-prev {display: none;}
   .indexTwo .box ul li {margin-bottom: 1rem;}
   .indexTwo .box ul li span {font-size: 1.8rem;}
   .indexTwo .box ul li b {font-size: 1rem;}
   .indexTwo .tle p {width: 100%;}

   /* 底部 */
   footer .topLe {    grid-template-columns: repeat(1,auto);}
   footer .topLe i {display: none;}
   footer .foterTop form {    grid-template-columns: repeat(2,1fr);}
   footer .foterTop form input {width: 100%;}

   /* 内页banner */
   .nyBanner {height: 20rem;}
   .nyBanner .title strong {font-size: 2.5rem;    top: -25%;}
   .nyBanner .title h3 {font-size: 2.5rem;}
   .nyBanner .title span {font-size: 1.2rem;}

   /* 企业文化 */
   .aboutTwo .tel {padding: 3rem 0;}
   .aboutTwo dl dd strong {font-size: 1.3rem;}
   .aboutTwo dl dd span {font-size: 0.9rem;}

   /* 产品详情 */
   .introduction-left .title h3 {font-size: 2.5rem;}
   .pro-introduction {margin-bottom: 0;}
}


@media screen and (min-width: 200px) and (max-width: 500px) {
   /* 首页 */
   .indexTwo .tle {padding: 3rem 0;}
   .indexTwo .tle strong {font-size: 1.8rem;}
   .inThSwiper .swiper-button-next {left: 20%;}
   .inThSwiper .swiperCon {grid-template-columns: repeat(2,auto); gap: 0.5rem;}
   .indexFour .box-left .con h3 {font-size: 1rem;}
   .indexFour .box-right ul {grid-template-columns: repeat(1,1fr);}
   .indexFour .box-right li {width: 100%;}

   /* 内页banner */
   .nyBanner {height: 15rem;}

   /* 内页二级导航 */
   .nyBaNav ul {width: 100%;}
   .nyBaNav ul li a {padding:1rem 1.5rem;}
   .nyBaNav ul li::after {left: -50%;}
   .nyBaNav ul li.on::after {left: 10%;}

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

  /* 新闻详情 */
  .ny-news-xq {padding-bottom: 3rem;}
  .ny-news-xq .news-title {margin-top: 0;}
  .ny-news-xq .news-title h2 {font-size: 1.8rem;}
  .ny-news-xq .box-right {margin-top: 3rem;}
  .ny-news-xq .box-right h3 {font-size: 1.5rem;}

  /* 联系我们 */
  .contactbox {padding: 3rem 0;}
  .contactbox .cont .tit {font-size: 2rem;}

  /* 技术支持 */
  .tecalList ul li {width: 100%; padding: 1rem;}

  /* 关于我们 */
  .aboutOne {padding: 3rem 0;}
  .aboutOne .box .tle h3 {font-size: 2rem;}
  .aboutOne .acquisition-info {padding: 1rem;}
  .aboutTwo .tel h3 {font-size: 2rem;}
  .aboutTwo .tel span {font-size: 1rem;}
  .about-three .aboutTle h3 {font-size: 2rem;}
  .about-three .aboutTle strong {font-size: 1rem;}

  /* 工厂展示 */
  .factoryList ul::after {width: 100%;}
  .factoryList ul li {width: 100%;}
  .factoryList ul li .con {padding: 1rem 0.5rem;}
  .factoryList ul li span {font-size: 1.05rem;}

  /* 产品 */
  .proList ul {grid-template-columns: repeat(1,1fr);}

  /* 产品详情 */
  .introduction-left {margin-top: 1rem;}
  .introduction-left .title h3 {font-size: 2rem;}
  .introMore {margin-top: 2rem;}
  .mySwiper-pro .slide2-img  {height: 6rem;}
  .mySwiper2-pro .swiper-button-next , .mySwiper2-pro .swiper-button-prev {height: 6rem;}
  .proCanShu .tle h3 {font-size: 1.5rem;}
  .proCanShu .tle small {font-size: 1rem;}
  .proTuiJIan h3 {font-size: 1.8rem; padding: 3rem 0;}

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

}

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

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



}