/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1800px){html{font-size:15px;}}
@media (min-width:1400px) and (max-width:1599px){html{font-size:14px;}}
@media (min-width:1200px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1199px){html{font-size:12px;}}
@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 {display: none; cursor: pointer; margin-left: 2rem;}
.wap-click span { width: 34px; height: 2px; background: #333; display: block;  margin: 10px auto; transition: all 277ms ease-in-out;  position: relative;}
.wap-click span:nth-child(2) {width: 28px;}
.active span.cl-1 { transform: rotate(-45deg);  top: 12px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -12px;}

.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: calc(100% - 9.5rem); }
.wrapNav {height: calc(100% - 4.5rem); margin-bottom: 30px; 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.3rem;color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #E39000;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width: 20px; 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.2rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #E39000;}
.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.1rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #E39000;}

.wrapSearch {width: 100%; background: #f0f0f0; height: 3rem; position: relative; }
.wrapSearch form {display: flex; align-items: center; height: 100%;}
.wrapSearch .inText {width: 92%; background: none; outline: none; border: none;  height: 100%; padding-left: 1rem; font-size: 1rem; color: #333; box-sizing: border-box;}
.wrapSearch .sub { cursor: pointer; outline: none; border: none; width: 18px; height: 18px; background: url(../images/searchIcon.png) no-repeat center; background-size: contain;}


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

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

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

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

    .conTactBox .firstRow {display: flex;  flex-wrap: wrap;   align-items: flex-end; justify-content: space-between;}
    .conTactBox .firstRow td {width: 55%;}
    .conTactBox .firstRow td:nth-child(2) img {max-width: 100%; float: none !important;}
    .conTactBox .firstRow td:nth-child(2) {width: 44%;}
}
/* ======================================================1450px========================================================= */

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

@media screen and (min-width: 200px) and (max-width: 1400px) {
    /* 头部 */
    .headerBox .box .he-le {width: 30%;}
}

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

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

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
    /* 首页 */
    .indexOne .boxLe {width: 55%;}
    .indexOne .boxRe {width: 45%;}
}

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

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
    .equipments ul {    grid-template-columns: repeat(3,1fr);}

    .conTactBox .firstRow {justify-content: center;}
    .conTactBox .firstRow td {width: 100% !important;}
    .conTactBox .firstRow td:nth-child(1) p:nth-child(1) ,.conTactBox .firstRow td:nth-child(1) p:nth-child(2) ,.conTactBox .firstRow td:nth-child(1) p:nth-child(3) {text-align: center;}  
    .conTactBox .firstRow td:nth-child(2) {text-align: center;}
}

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

}


/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
    /* 头部 */
    .headerBox .box .he-le {width: 50%;}
    .headerBox .he-re {display: flex; align-items: center;}
    nav {display: none;}
    .wap-click {display: block;}

    /* 首页 */
    .indexOne .box {flex-wrap: wrap;}
    .indexOne .boxLe {width: 100%; height: auto; padding: 5rem 0;}
    .indexOne .boxLe .imgBox {margin-bottom: 0;}

    .indexThree ul {flex-wrap: wrap;}
    .indexThree ul li {width: calc(100%/3); background-size: cover !important;}

    /* 产品详情 */
    .nyXq .box2Con {flex-wrap: wrap;}
    .nyXq .conLe {width: 100%;}
    .nyXq .conRe {width: 100%; margin-top: 2rem;}

    .deInfo {flex-wrap: wrap;}
    .deInfo .deils {width: 100%;}
    .deInfo .recomd {width: 100%; margin: 3rem 0; position: relative; top: 0;}
    .deInfo .recomd dl dd .imgBox {width: 20%;}
    .deInfo .recomd dl dd .recomCon {width: 75%;}
    
}

/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
    /* 首页 */
    .indexOne {padding-top: 0;}
    .indexOne dl {flex-wrap: wrap;}
    .indexOne dl dd {width: 48%; padding-right: 1rem; margin-top: 3rem;}
    
    .inTwSwiper {max-width: 88%;}
    .insevSwiper {max-width: 88%;}

    .indexFour .boxRe {width: 90%;}

}

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

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
    /* 头部 */
    .zwys {height: 6.13rem;}
    .heTopCon {display: none;}
    .headerBox {top: 0;}
    .headerBox .box .he-le {width: auto;}
    .headerBox .box .logo img {max-width: 80%;}
    .headerBox .he-re .heSearch {display: none;}

    /* 首页 */
    .inTwSwiper {max-width: 100%; padding-bottom: 5rem;}
    .inTwSwiper .swiper-button-prev, .inTwSwiper .swiper-button-next {display: none;}
    .inTwSwiper .swiper-pagination {display: block;}

    .insevSwiper {max-width: 100%; padding-bottom: 5rem;}
    .insevSwiper .swiper-button-prev, .insevSwiper .swiper-button-next {display: none;}
    .insevSwiper .swiper-pagination {display: block;}

    .indexFour .box {flex-wrap: wrap;}
    .indexFour .boxLe {width: 100%; margin-bottom: 3rem;}
    .indexFour .boxRe {width: 100%;}

    .inSixSlide {width: 100%; padding-top: 3rem; padding-bottom: 10rem;}
    .inSixSlide > div {width: 100%;}
    .inSixSlide .hd ul {margin-top: 3rem;}
    .inSixSlide .hd ul li span {font-size: 1rem;}
    .inSixSlide .bd ul li strong {font-size: 2rem; margin-bottom: 1rem;text-align: center;}
    .inSixSlide .arrow {    left: 50%;    top: 87%;}
    .inSixSlide .arrow a {display: inline-flex;    transform: rotate(0);}
    .inSixSlide .arrow a:nth-child(2) {    transform: rotate(180deg); margin-left: 2rem; margin-top: 0;}
    .indexSix .imgBox {position: relative; width: 100%;}

    /* 底部 */
    footer .foterNav {flex-wrap: wrap;padding-top: 0; justify-content: flex-start;}
    footer .foterNav dl {width: 33%; margin-top: 3rem;}
    footer .foterNav dl:last-child {width: 100%;}

    /* 内页banner */
    /* .nyBanner {height: 20rem;} */
    .ny-banner .title {text-align: center;}
    .ny-banner .title strong {font-size: 1.8rem;    top: 0; left: 0; position: relative;}
    .ny-banner .title h3 {font-size: 2rem;}
    .ny-banner .title span {font-size: 1.2rem;}

   /* 企业文化 */
   .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;}

  /* 关于我们 */
   .aboutTle {padding: 3rem 0;}
   .aboutOne .aboutTle {text-align: center;}
   .baseOne .box p {width: 100%;}
   .aboutShow .aboutTle p {width: 100%;}
   .aboutShowSwiper {padding-bottom: 4rem;}
   .aboutShowSwiper .swiper-pagination {display: block;}
   .abhonor-swiper {padding-bottom: 4rem;}
   .abhonor-swiper  .swiper-pagination {display: block;}
  .aboutOne {padding: 3rem 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;}

  
    /* 产品列表 */
   .about-nav ul {flex-wrap: wrap; height: auto; justify-content: flex-start;}
   .about-nav ul li {width: 48%; line-height: 4rem;}
   .about-nav li a {font-size: 1rem;}
   .about-nav li:nth-child(2n):before {display: none;}

   .equipments ul {    grid-template-columns: repeat(2,1fr);}

   /* 新闻列表 */
   .news {padding: 20px 0;}
   .news li {padding: 20px 0;}
   .news li a {flex-wrap: wrap;}
   .news li .news-img {width: 100%; height: auto;}
   .news li .news-right {width: 100%; margin-top: 2rem;}
   .news li .news-title h3 {font-size: 1.2rem;}
   .news li .news-title em {line-height:initial; font-size: 1.8rem;}
   .news li .news-title span {font-size: 0.9rem;}
   .news li .news-right .news-more {    padding-top: 1.5rem;    margin-top: 1.5rem;}

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

   .head-tel {display: none;}
   .indexOne {display: none;}
   footer .foterNav dl {display: none;}
   footer .foterNav dl:last-child {display: block;}

   .about-nav ul {position: relative;}
   .about-nav li::before {display: none;}

   .about-nav li:nth-child(1) .about-nav2 {display: flex; z-index: 1;}
   .about-nav2 {top: 108%; height: auto; line-height: initial; display: flex; flex-wrap: wrap; justify-content: center;}
   .about-nav2 span {height: auto;  line-height: initial;    padding: 0.8rem 1.5rem;}
   .about-nav2 span a {    height: auto; line-height: initial;}

   .equipments {margin-top: 9rem;}

   footer .foterLinks {padding: 1rem 0;}
  

}

@media screen and (min-width: 200px) and (max-width: 640px) {
    /* 首页 */
    .bannerSwiper {height: 60vh;}
    .bannerSwiper .swiper-slide .con {text-align: center;}
    .bannerSwiper .swiper-slide strong {font-size: 2rem; margin-bottom: 1rem; line-height: initial;}
    .bannerSwiper .swiper-slide small {font-size: 1.2rem;}
    .bannerSwiper .swiper-slide .con a {margin: auto; margin-top: 2rem;     width: 9.75rem;  height: 3rem;}
    
    .indexOne .container16 {padding-left: 0;}
    .indexOne dl dd {width: 100%; text-align: center;}

    .indexOne .boxLe {padding: 2rem 0;}
    .indexOne .boxLe .imgBox {padding: 0 8%; box-sizing: border-box;}
    .indexOne .boxLe .con {width: 60%;}
    .indexOne .boxLe .con strong {font-size: 1.25rem;}
    .indexOne .boxLe .con small {font-size: 1rem;}
    .indexOne .boxLe .con a {margin-top: 20%;}
    .indexOne .boxRe {order: -1;}

    .indexThree ul::before {display: none;}
    .indexThree ul li {width: 50%;}
    .indexThree ul li {width: 100%; height: 25rem;}
    .indexThree ul li .con {display: none;}
    .indexThree ul li .hide {left: 0; background: none; padding: 5% 10%;}
    .indexThree ul li .hide p {display: none;}
    .indexThree ul li h4 {font-size: 1.2rem;}
    .indexThree ul li .hide a {margin-top: 0;}
    .indexThree ul li .hide a {width: 8.5rem; height: 2.5rem;}

    .indexFour .indexTle {text-align: center;}
    .indexFour .boxLe .more {display: flex; justify-content: center;}
    .indexFour .boxRe ul {flex-wrap: wrap;margin-top: 1rem;}
    .indexFour .boxRe ul li {width: 49%; margin-top: 3rem;}

    /* 合作伙伴 */
    .honer ul {grid-template-columns: repeat(3,1fr);}

    /* 行业应用 */
    .solutionDe {padding: 3rem 0;}
    .solutionDe h3 {font-size: 1.8rem;}

    /* 产品详情*/
    .nyXq .tle h3 {text-align: center; width: 100%; margin-bottom: 2rem; font-size: 2rem;}
    .nyXq .Boxcon .tle2 {font-size: 1.6rem; margin-bottom: 2rem; text-align: center;}

    .mySwiper2-pro {width: 100%;}
    .nyXq {padding-bottom: 3rem;}
    .nyXq .conLe {display: block;}
    .mySwiper-pro {margin: auto; margin-top: 2rem;max-width: 80%;}
    .mySwiper-pro .slide2-img {width: auto;}
    .mySwiper2-pro {min-height: auto;}
    .mySwiper2-pro .swiper-button-prev {width: 2.5rem; height: 8rem; right: auto; left: 0; top: auto; bottom: 0;}
    .mySwiper2-pro .swiper-button-next {width: 2.5rem; height: 8rem;}
    .mySwiper2-pro .swiper-button-next img , .mySwiper2-pro .swiper-button-prev img{transform: rotate(-90deg);}
    .mySwiper-pro .slide2-img {width: auto; height: 8rem;}
    .nyXq .conRe dl dd {padding: 1rem;}

    .deInfo .infoTle strong {font-size: 1.6rem;}
    .deInfo .recomd dl dd .imgBox {width: 35%;}
    .deInfo .recomd dl dd .recomCon {width: 60%;}

    /* .conTactBox .firstRow td:nth-child(1) p:nth-child(1) , .conTactBox .firstRow p:nth-child(2) ,.conTactBox .firstRow p:nth-child(3) {display: none;} */
    .conTactBox .firstRow td:nth-child(1) p span {font-size: 0.85rem !important; display: inline-block;}
    .conTactBox .firstRow td:nth-child(1) p img {max-width: 4%;}
    .conTactBox .firstRow td:nth-child(1) p:nth-child(1) span,.conTactBox .firstRow td:nth-child(1) p:nth-child(2) span ,.conTactBox .firstRow td:nth-child(1) p:nth-child(3) span {font-size: 2rem !important;}  
    .conTactBox .firstRow td:nth-child(1) p:nth-child(3) img {max-width: initial;}


}

@media screen and (min-width: 200px) and (max-width: 500px) {
    /* 头部 */
    .zwys , .headerBox .box {height: 4.5rem;}
    .headerBox .box .logo img {max-width: 85%;}

    /* 首页 */
    /* 公用标题 */
    .indexTle {padding: 3rem 0;}
    .indexTle strong ,.indexTle small{font-size: 1.8rem;}

    .indexFour {padding: 3rem 0;}
    .indexFour .boxLe .more a {margin-top: 0;}

    /* 底部 */
    footer .foterNav {padding-bottom: 3rem;}
    footer .foterNav dt {margin-bottom: 1.5rem;}
    footer .foterNav dd, footer .foterNav dd a {font-size: 0.9rem;}

    /* 内页banner */
    .ny-banner {height: 20rem;}
    .ny-banner img {height: 100%; object-fit: cover;}
    
    .position {padding: 2rem 0;}


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

    .fy {padding: 30px 0; }

    /* 合作伙伴 */
    .honer {padding-bottom: 3rem;}
    .honer ul {grid-template-columns: repeat(2,1fr);     column-gap: 1.5rem; row-gap: 1rem;}

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


    /* 产品详情 */
    .mySwiper-pro {    max-width: 70%;}
    .mySwiper2-pro .swiper-button-prev {height: 5rem;}
    .mySwiper2-pro .swiper-button-next {height: 5rem;}

    .mySwiper-pro .slide2-img {width: auto; height: 5rem;}

    /* 联系我们 */
    .contactbox {padding: 3rem 0;}
    .contactbox .cont .lt .make-text {margin: 2rem 0;}
    .contactbox .cont .tit {font-size: 1.8rem;}
    .contactbox .cont .lt .make-text p {font-size: 1.5rem;}
    .contactbox .cont .lt .make-text span {font-size: 1.3rem;}
    .contactbox .cont .lt dl dd {font-size: 0.9rem;}
}

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

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