/* 响应式 */
@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 {display: none; cursor: pointer; margin-left: 2rem;}
.wap-click span { width: 34px; height: 2px; background: #fff; 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: #f5f5f5; 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: #d99024;} 



@media screen and (min-width: 200px) and (max-width: 1850px) {
    /* 头部 */
    .header .container {width: 92%;}
    .header .box > ul {margin-left: 10%;}

    /* 联系我们 */
    .contactTwo .container {width: 96%;}
    .contaSwiper1 {width: 90%;}
    .contaSwiper2 {width: 90%;}
}

/* ======================================================1800px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1800px) {
    .indexiner {width: 92%;}

    
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1750px) {
    .aboutThree .container {width: 92%;}
    .abThswiper {width: 88%;}
}

@media screen and (min-width: 200px) and (max-width: 1700px) {
  /* 首页 */
  .banner .swiper-slide .box {width: 92%;}
  
  .indexFive .inFiveCon .leCon dl {flex-wrap: wrap;}
  .indexFive .inFiveCon .leCon dl dt {width: 100%; margin-bottom: 1rem;}
  .indexFive .inFiveCon .leCon  {width: 53%;}
  .indexFive .inFiveCon .reCon  {width: 44%;}
}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1650px) {
    .abouFour .container {width: 92%;}
    .abFoSwiper2 {width: 92%;}
    .abFoSwiper1 {width: 92%;}
}

@media screen and (min-width: 200px) and (max-width: 1600px) {
    .container {width: 92%;}
    /* 头部 */
    .header .box > ul {margin-left: 5%;}


}

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

    /* 产品详情 */
    .parameter .box .re {width: 25%; top: 9rem;}
}


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

}



/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
    /* 头部 */
    .header .box > ul > li > a {padding: 0 1.2rem;}

    /* 首页 */
    .indexThree .leCOn {width: 60%;}
    .indexThree .leCOn ul li {padding: 0 1.5rem;}
}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
    /* 头部 */
    .header .box > ul {display: none;}
    .header .box .heSearch {display: flex; align-items: center; }
    .wap-click {display: block;}
    .header .box .heLuange {position: absolute; right: 10.5rem;}

    /* 首页 */
    .indexFive .inFiveCon {flex-wrap: wrap;}
    .indexFive .inFiveCon .leCon ,.indexFive .inFiveCon .reCon {width: 100%;}
    .indexFive .inFiveCon .reCon {margin-top: 5rem;}
    .indexFive .inFiveCon .leCon dl {flex-wrap: nowrap;}
    .indexFive .inFiveCon .leCon dl dt {width: auto; margin-bottom: 0;}

    .indexTwo .bd .bdTwo li {width: 48%;}

    /* 关于我们 */
    .abThswiper {width: 82%;}

    /* 新闻详情 */
    .news-left {width: 100%; margin-bottom: 2rem;}
    .news-right {width: 100%;}
    .news-recom {padding: 2rem;}

    /* 联系我们 */
    .contaSwiper1 {width: 85%;}
    .contaSwiper2 {width: 85%;}
} 

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
   /* 联系我们 */
   .contactOne ul {flex-wrap: wrap;}
   .contactOne ul li {width: 100%; margin-top: 2rem;}
}





/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
    /* 首页 */
    .indexTwo .bd .bdOne {display: flex; flex-wrap: wrap; gap: 0;justify-content: space-between;}
    .indexTwo .bd .bdOne li {width: 31%; margin-bottom: 2rem;}
    .indexTwo .bd .bdOne li h4 {font-size: 1.5rem;}
    .indexTwo .bd .bdOne li em {font-size: 1rem;}
    .indexTwo .bd .bdOne li:nth-child(1) {padding: 1.5rem;}
    .indexTwo .bd .bdOne li:nth-child(1) p {display: none;}
    .indexTwo .bd .bdOne li:nth-child(1) a {margin: 1rem 0;}
    .indexTwo .bd .bdOne li:nth-child(1) img {margin-top: 0;}
    .indexTwo .bd .bdOne li:nth-child(2) h4, .indexTwo .bd .bdOne li:nth-child(3) h4, .indexTwo .bd .bdOne li:nth-child(4) h4 {margin-top: 0;}
    .indexTwo .bd .bdOne li:nth-child(2) .imgBox, .indexTwo .bd .bdOne li:nth-child(3) .imgBox {position: relative; padding: 0; margin-top: 1rem;}
    .indexTwo .bd .bdOne li:nth-child(2) .imgBox img, .indexTwo .bd .bdOne li:nth-child(3) .imgBox img {width: 100%;}
    .indexTwo .bd .bdOne li .more {position: relative; display: inline-block; bottom: 0;}
    .indexTwo .bd .bdOne li:nth-child(4) ,.indexTwo .bd .bdOne li:nth-child(5){width: 48%;}


    /* 关于我们 */
    .aboutOne {overflow: hidden; padding-bottom: 0;}
    .aboutOne .le {width: 100%;}
    .aboutOne .re {width: 110%; position: relative;}

    /* 产品详情 */
    .parameter .box {flex-wrap: wrap;}
    .parameter .box .le {width: 100%;}
    .parameter .box .re {width: 100%;}
    .parameter .box .re ul {display: none;}

    /* 联系我们 */
    .contaSwiper1 .swiper-slide .info {flex-wrap: wrap;}
    .contaSwiper1 .swiper-slide .text {width: 100%; margin-bottom: 5rem;}
    .contaSwiper1 .swiper-slide .info .pic {width: 100%;}

}




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


}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 800px) {
    /* 首页 */
    .indexFive .inFiveCon .leCon dl {flex-wrap: wrap;}
    .indexFive .inFiveCon .leCon dl dt {width: 100%; margin-bottom: 1rem;}
    .indexFive .inFiveCon .leCon dl dd {margin-top: 1rem; margin-right: 1rem;}
    
    /* 自动化设备 */
    .product ul::after {width: 48%;}
    .product ul li {width: 48%; margin-bottom: 1.5rem;}
    .product ul li span {width: 75%;}

    /* 产品详情 */
    .proDetals .proCon {flex-wrap: wrap;}
    .proDetals .proCon .leCon {width: 100%; margin-bottom: 3rem;}
    .proDetals .proCon .reCon {width: 100%;}

    /* 新闻列表 */
    .newsList u::after {width: 48%;}
    .newsList ul li {width: 48%;}
}

@media screen and (min-width: 200px) and (max-width: 768px) {
    /* 首页 */
    .indexOne .tle {margin: 3rem 0;}
    .indexOne .tle strong {font-size: 1.8rem;}
    .indexOne ul {flex-wrap: wrap;}
    .indexOne li {width: 49%; margin-bottom: 1.5%; height: 25rem;}
    .indexOne li.on {width: 49%;}
    .indexOne li .show {padding: 10% 5%;}

    .indexThree .leCOn {width: 100%;}

    .inFourSwiperOne .swiper-button-next , .inFourSwiperOne .swiper-button-prev {display: none;}

    .indexTwo .bd .bdTwo li h4  {font-size: 1.5rem;}
    .indexTwo .bd .bdTwo li .more {margin-top: 2rem;}

    /* 关于我们 */
    .aboutThree {padding-bottom: 2rem;}
    .abThswiper {padding-bottom: 5rem; width: 100%;}
    .abThswiper .swiper-button-prev, .abThswiper .swiper-button-next {display: none;}
    .abThswiper .swiper-pagination {display: block;}

    /* 底部 */
    footer .nav {justify-content: center;}
    footer .nav .dlNav {display: none;}

    /* 联系我们 */
    .contaSwiper2 .swiper-button-next {border: none; width: 1.5rem;}
    .contaSwiper2 .swiper-button-prev {border: none; width: 1.5rem;}



}


@media screen and (min-width: 200px) and (max-width: 640px) {
    /* 头部 */
    .header .box .heLuange .luange {display: none;}

    /* 首页 */
    .banner {height: 60vh;}
    .banner .swiper-slide .con {text-align: center;}
    .banner .swiper-slide strong {font-size: 3rem;}
    .banner .swiper-slide .smallTle {flex-wrap: wrap;}
    .banner .swiper-slide h3 {font-size: 2rem; margin: 0.5rem 0; width: 100%;}
    .banner .swiper-slide h4 {width: 100%; font-size: 2rem;}
    .banner .swiper-slide i {margin: 0; margin-top: 2rem;}
    .banner .swiper-slide small {display: none;}

    .indexTle h3 {font-size: 2rem;}
    .indexOne .tle {flex-wrap: wrap;}
    .indexOne .tle .le {width: 100%; margin-bottom: 2rem;}
    .indexOne li {width: 100%;}
    .indexOne li.on {width: 100%;}
    .indexOne li:nth-child(odd) {display: none;}
    .indexOne li .show {opacity: 1;}
    .indexOne li .show {flex-direction: initial; justify-content: initial;}
    .indexOne li .show span {font-size: 1rem;}
    .indexOne li .hide {opacity: 0;}
    .indexOne li .hide p {margin: 5% 0;}

    .indexTwo {margin: 3rem 0;}
    .indexTwo .hd ul li {margin-left: 20%;}
    .indexTwo .bd .bdOne li {width: 100%;}
    .indexTwo .bd .bdOne li:nth-child(4), .indexTwo .bd .bdOne li:nth-child(5) {width: 100%;}
    .indexTwo .bd .bdOne li:nth-child(5) span {font-size: 1.3rem;}
    .indexTwo .bd .bdTwo li {width: 100%;}
    .indexTwo .bd .bdTwo li h4 {font-size: 1.5rem;}

    .indexFour {margin: 3rem 0;}
    .indexFour .inFourSlide .hd {flex-wrap: wrap;}
    .indexFour .indexTle {width: 100%; margin-bottom: 2rem; text-align: center;}
    .indexFour .inFourSlide .hd ul {width: 100%; justify-content: center;}
    .indexFour .inFourSlide .hd ul li {width: 9rem; height: 3rem; line-height: 3rem; font-size: 1rem;}

    /* 内页banner */
    .ny-banner .bannerNav {display: none;}
    .warp-banner {display: block;}


    /* 关于我们 */
    .aboutThree .aboutTle {padding: 3rem 0;}
    .aboutTle h3 {font-size: 2rem;}
    .aboutTle strong {font-size: 1.8rem;}

    .aboutOne {padding-top: 1rem;}

    .aboutTwo ul {flex-wrap: wrap; padding: 3rem 0;}
    .aboutTwo ul li {width: 100%; padding: 2rem 0;}
    .aboutTwo ul li::before {bottom: 0; width: 100%; height: 1px; top: auto;}
    .aboutTwo ul li::after {bottom: -1px; width: 100%; height: 1px; top: auto;}

    /* 底部 */
    footer .boxTom {flex-wrap: wrap; justify-content: center;}
    footer .boxTom .le {width: 100%; text-align: center; margin-bottom: 2rem;}
    footer .boxTom .re {width: 100%; display: flex; justify-content: center;}
    footer .yqlj {margin-left: 0;}

    /* 自动化设备 */
    .product {margin-bottom: 5rem;}
    .product .proTle {padding: 3rem 0; padding-top: 0;}

    /* 产品详情 */
    .parameter {margin: 3rem 0;}
    .parameter .box .le .tle h3 {font-size: 2rem;}

    /* 新闻列表 */
    .newsList {margin-top: 0;}

    /* 新闻详情 */
    .proclass {margin-top: 0; margin-bottom: 3rem;}
    .news-arrow .news-back {display: flex; justify-content: center; float: none; width: 100%; padding-top: 2rem;}

    /* 解决方案 */
    .solution {margin-bottom: 3rem;}
    .solution .solutionTle {padding: 3rem 0;}
    .solution ul li {width: 100%; margin-bottom: 1rem;}
    .solution ul li .con {padding: 2rem;}
    .solution ul li span {font-size: 1.5rem;}

    /* 联系我们 */
    .conTle {padding: 3rem 0;}
	.contactOne ul li .le img{width: 100%;}

}


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

    /* 首页 */
    .banner .swiper-slide strong {font-size: 2rem;}
    /* .banner .swiper-slide h3 {font-size: 1.5rem;} */
    .banner .swiper-slide h4 {font-size: 1.5rem;}
    .banner .swiper-slide small {font-size: 0.9rem;}
    .banner .swiper-slide .box {width: 80%;}
    .banner .swiper-pagination {left: 9%;}
    .scrollDown {left: 1%;}
    .scrollDown i {height: 2.5rem; top: 110px;}
    .scrollDown span {margin-bottom: 7rem;}
    
    .indexOne .tle strong {font-size: 1.5rem;}
    .indexOne .tle .re a {width: 9rem; height: 3rem; font-size: 1rem;}
    .indexOne li {height: 16rem;}
    .indexOne li .show {    flex-direction: column;  justify-content: center;   align-items: center;}
    .indexOne li .show h3 {writing-mode: initial;}
    .indexOne li .show span {writing-mode: initial; margin-top: 0.5rem;}
    .indexOne li .hide {display: none;}
    .indexOne li .hide h4 {font-size: 1.5rem;}
    .indexOne li .hide i {margin-top: 1rem;}
    .indexOne li .hide p {font-size: 1rem; line-height: initial;}
    .indexOne li .hide .more {width: 8rem; line-height: 2.5rem; height: 2.5rem;}

    .indexThree {padding: 4rem 0;}
    .indexThree .leCOn p {margin: 3rem 0;}
    .indexThree .leCOn ul {flex-wrap: wrap;}
    .indexThree .leCOn ul li {width: 49%; padding: 0; margin-bottom: 2rem;}
    .indexThree .leCOn ul li:nth-child(2):after {display: none;}

    .indexFive {padding: 3rem 0;}
    .indexFive .reMore a {width: 10rem; height: 3rem; line-height: 3rem; font-size: 1rem;}
    .indexFive .inFiveCon .leCon dl:nth-child(3) {margin-top: 2rem;}

    /* 内页banner */
    .ny-banner {height: 50vh;}
    .ny-banner .tle h2 {font-size: 2.5rem;}
    .ny-banner .tle span  {font-size: 1.2rem;}


    /* 关于我们 */
    .abFoSwiper1 {width: 85%;}
    .abFoSwiper1 .swiper-slide .conBox {height: 25rem;}
    .abFoSwiper2 {width: 85%;}

    /* 自动化设备 */
    .product ul {width: 100%;}
    .product ul li {width: 100%;}
    .product ul li span {width: 80%; font-size: 1.2rem;}

    /* 产品详情 */
    .proDetals {padding-top: 4rem;}
    .proDetals .proCon {margin-top: 0;}
    .proDetals .proCon .leCon h3 {font-size: 2.5rem;}
    .proDetals .proCon .leCon a {width: 12rem; margin-top: 2rem;}

    /* 新闻列表 */
    .newsList ul li {width: 100%; }

    /* 联系我们 */
    .contactOne ul li {flex-wrap: wrap; padding: 2rem;}
    .contactOne ul li .le {width: 100%; margin-bottom: 2rem;}
    .contactOne ul li .re {width: 100%;}
    
    .contaSwiper1 {width: 92%;}
    .contaSwiper1 .swiper-slide h3 {font-size: 1.5rem;}
    .contaSwiper2 .swiper-button-next ,.contaSwiper2 .swiper-button-prev {background-size: 50%;}
    .contaSwiper2 .swiper-slide {padding: 1rem;}
    .contaSwiper2 .swiper-slide span {font-size: 1.2rem;}
    .contaSwiper2 .swiper-slide .icon {margin-top: 1rem;}
    .contaSwiper1 .swiper-slide .joinMore {flex-wrap: wrap;}
    .contaSwiper1 .swiper-slide .joinMore .join-more1 {width: 100%; margin-bottom: 1rem;}
    .contaSwiper1 .swiper-slide .joinMore .join-more2 {width: 100%; }
    .contaSwiper1 .swiper-slide .text {margin-bottom: 3rem;}
    .contaSwiper1 .swiper-slide .info .pic {    border-radius: 0rem 3rem 0rem 3rem;}


}

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

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

}

/*  */