/* 响应式 */
@media (min-width:1920px)and (max-width: 2561px){html{font-size:18px;}}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:16px;}}
@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: #fff; display: none;}
.hadNav2 .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.3rem;color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #f2cd00;}
.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 {font-size: 1.2rem;color: #333;}
.wrapNav2 > li:hover > a  {color: #f2cd00;}
.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: #f2cd00;}

@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) {
    .prode-banner .swiperbox .containerBox {width: 92%;}
    .prodeSwiper {width: 92%;}

}

/* ======================================================1550px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1550px) {
    .about-three .container {width: 92%;}
    .three-swiper1 , .three-swiper2 {width: 92%;}
    .aboutFour .container {width: 92%;}
    .aboutFourSwiper {width: 92%;}
	.ductOne {padding: 0.5rem;}

}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
    .container {width: 92%;}
    .inFiSlide .hd ul {width: 85%;}

    .indexOne ul li strong {font-size: 8rem;}

    .publicThree .container {width: 92%;}
    .puThSwiper {width: 92%;}
	.ductOne {padding: 1.5rem;}
}
/* ======================================================1450px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1450px) {
    .bannerSwiper .swiper-slide .box {width: 92%;}
    .ny-banner .box {width: 92%;}

    .propull ul {width: 92%;}
	.ductOne {padding: 2.5rem;}
 

}

@media screen and (min-width: 200px) and (max-width: 1400px) {
	.ductOne {padding: 0.5rem;}

}


/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
   /* 产品详情 */
   .ductOne {padding: 2.5rem;}
   .ductTailTwo .bd .infoFour .cen {margin-right: 0; width: 48%;}
   .ductTailTwo .bd .infoFour .le {width: 25%;}
}

/* ======================================================1250px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1250px) {
    /* 设备 */
    .publicOne ul {grid-template-columns: repeat(3,auto); justify-content: center; gap: 5rem;}

}


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

    /* 首页 */
    .indexOne ul li strong {font-size: 6rem;}
    .indexOne ul li .imgBox {height: 250px;}

    /* 底部 */
    .footer .box {flex-wrap: wrap;}
    .footer .box .footerNav {width: 60%;}
    .footer .box .footerNav::before , .footer .box .footerNav::after {display: none;}
    .footer .box .footerNav dd {width: auto; padding-right: 1rem;}
    .footer .footerConus {width: 70%; margin-top: 3rem;}
    .footer .code {margin-top: 3rem;}
} 

/* ======================================================1050px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1050px) {
    .ny-news-xq .container {width: 92%;}

}



/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
    /* 首页 */
    .indexOne ul {flex-wrap: wrap;}
    .indexOne ul li {width: 100%; margin-bottom: 3rem;}
    .indexOne ul li .imgBox {height: auto;}
    .indexOne ul li strong {font-size: 10rem;}
    .indexThree ul li {width: 100%;}

    /* 内页banner */
    .ny-banner .box p {width: 100%;}
    .ny-banner .box h3 {font-size: 2.5rem;}

    /* 应用 */
    .apply ul li {width: 48%;}
    .apply ul::after {width: 48%;}

    /* 新闻列表 */
    .information .bd ul li .con {padding: 1rem;}
    .information .bd ul li p {line-height: 1.5rem;}

    /* 设备 */
    .publicOne ul {grid-template-columns: repeat(2,auto); justify-content: center; gap: 5rem;}

    /* 产品详情 */
    .ductOne .le strong , .ductOne .le h4 {font-size: 2rem;}
    .ductTailTwo .bd .infoFour {flex-wrap: wrap; padding-bottom: 3rem;}
    .ductTailTwo .bd .infoFour .le {width: auto;}
    .ductTailTwo .bd .infoFour .cen {width: 100%;}
    .ductTailTwo .bd .infoFour .cen dl {justify-content: flex-start; margin: 3rem 0;}
    .ductTailTwo .bd .infoFour .cen dl dd {margin-right: 1rem;}
    .ductTailTwo .bd .infoFour .le {display: flex; justify-content: center; width: 100%;}
}


/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
    /* 应用详情 */
    .applyDetail ul {padding: 3rem 0;}
    .applyDetail li {flex-wrap: wrap;}
    .applyDetail li .le {width: 100%;}
    .applyDetail li .re {width: 100%; margin-top: 2rem; display: flex; justify-content: center;}
    .applyDetail li:nth-child(even) .re {order: 0;}
}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
    /* 首页 */
    .bannerSwiper .swiper-slide strong {font-size: 2.5rem;}
    .indexOne {padding: 3rem 0;}

    /* 底部 */
    .footer .box .footerNav {display: none;}
    .footer .footerConus {width: 100%;}
    .footer .code {width: 100%;}
    .footer .footerLogo {width: 100%; display: block; text-align: center;}
    .footer .copy {margin-top: 3rem;}

    /* 内页banner */
    .ny-banner .box {text-align: center;}
    .ny-banner .box h3 {font-size: 2.5rem;}
    .ny-banner .box p {font-size: 1rem; line-height: normal;}

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

    /* 文档下载 */
    .fileTwo {margin: 3rem 0;}
    .fileTwo .filedOne {padding: 2rem;}
    .filedThree {overflow-x: scroll;}
    .fileTwo .filedThree table {width: 800px;}

    /* 设备 */
    .publicTle h3 {font-size: 2rem;}
    .publicTwo {padding: 3rem 0;}
    .publicTwo ul li .con h5 {font-size: 1.2rem;}
    .publicTwo ul {flex-wrap: wrap;}
    .publicTwo ul li {width: 48%; margin-bottom: 2rem;}
    .publicTwo .more {margin-top: 2.5rem;}
    .publicOne .tle  {    margin: 3.5rem 0;}
    .publicOne .tle strong {font-size: 2rem;}
    .publicOne ul {grid-template-columns: repeat(2,1fr); justify-content: center; gap: 5rem;  row-gap: 5rem;}
    .publicOne ul li {width: 100%; height: 12rem;}
    .publicOne ul li .tom {padding: 1rem;}
    .publicOne ul li .bom {padding: 0 1rem;     bottom: -40%;}
    .publicOne ul li h4 {font-size: 1.25rem;}
    .publicOne ul li .bom .b-re {width: 65%;}
    .publicOne ul li .bom .b-re img {width: 70%;}
    .puThSwiper {width: 100%;}
    .publicThree {padding: 3rem 0;}
    .swiperBox {padding-bottom: 5rem;}
    .puThSwiper .swiper-button-prev , .puThSwiper .swiper-button-next {display: none;}
    .puThSwiper .swiper-pagination {display: block; }
    .puThSwiper .swiper-pagination-bullet-active {background: #174089;}
    .puThSwiper .swiper-slide h5, .puThSwiper .swiper-slide strong, .puThSwiper .swiper-slide em {font-size: 1.25rem;}

    /* 关于我们 */
    .about-banner .aboutbox {width: 100%;}
    .about-banner .num dl {flex-wrap: wrap;}
    .about-banner .num dd {width: 48%; margin-bottom: 2rem;}
    .about-three {padding: 3rem 0;}
    .three-swiper1 .swiper-slide h5 {font-size: 1.5rem;}
    .three-swiper2Box {top: -3rem;}
    .three-swiper2 .swiper-button-next ,.three-swiper2 .swiper-button-prev {display: none;}
    .aboutFour {margin-bottom: 3rem;}
    .aboutFourSwiper .swiper-button-next ,.aboutFourSwiper .swiper-button-prev {display: none;}
    .aboutFourSwiper .swiper-pagination {display: block;}
    .aboutFour .box {padding-bottom: 5rem;}

    /* 产品列表 */
    .prode-banner .swiperbox .containerBox {width: 98%;}
    .prodeSwiper {width: 85%;}
    .prodeSwiper .swiper-button-next ,.prodeSwiper .swiper-button-prev {    width: 1rem;height: 1.5rem;}
    .proOne .mbxBox .box .re {width: 100%; margin-top: 2rem;}
    .proOne .proBox .title {padding: 2rem;}
    .proOne .proBox .title h3 {font-size: 1.8rem;}
    .proOne .proBox .title p {width: 100%;}
    .publicTle {padding-top: 0;}
    .proTwo {margin-bottom: 3rem;}
    .proTwo ul li {width: 48%;}

    .proOne .proBox .title {background: none !important;}
    .proOne .proBox .imgBox {display: block;}
    .proOne .proBox .imgBox img {width: 165%;    position: relative; left: -65%; max-width:initial;}
    .proOne .proBox .title h3 {color: #333;}
    .proOne .proBox .title p {color: #333;}
    .proOne .proBox .boxCon {display: none;}


    /* 产品详情 */
    .ductTail-banner .ductTailOne {display: none;}
    .ductTailOne {display: block;}
    .ductTailOne .mbx {padding-top: 3rem;}
    .ductTailOne .mbx ul li a {color: #333;}
    .ductTailOne .mbx ul li a:hover {color: #fdd000;}
    .ductTailOne .mbx ul li a:hover::after {color: #333;}
    .ductTailOne .mbx ul li:last-child a {color: #fdd000;}
    .ductOne {flex-wrap: wrap;}
    .ductOne .le ,.ductOne .re {width: 100%;}
    .ductOne .re {margin-top: 3rem;}
    .ductOneslide {display: flex; flex-direction: column;}
    .ductOneslide .hd {width: 100%; order: -1;}
    .ductOneslide .hd ul {display: flex; flex-wrap: wrap;}
    .ductOneslide .hd ul li {margin-right: 1rem; width: 20%;}
    .ductOneslide .bd {width: 100%; margin-bottom: 2rem;}

    .ductTailTwo {margin: 3rem 0;}

    /* 案例 */
    .case ul li {width: 48%;}

}


@media screen and (min-width: 200px) and (max-width: 640px) {
   /* 首页 */
   .indexTel {padding: 4rem 0 3rem 0;}
   .indexTel h3 {font-size: 2rem;}
   .indexThree .indexTel h3 {font-size: 2rem;}

   /* 面包屑 */
   .fileOne ul {padding: 1rem 0;}

   /* 应用 */
   .apply {margin: 3rem 0;}
   .apply ul::after {width: 100%;}
   .apply ul li {width: 100%;}
   .apply ul li span {font-size: 1.5rem;}

   /* 新闻详情和案例详情 */
   .ny-news-xq .news-title h2 {font-size: 1.5rem;}

   /* 文档下载 */
   .fileTwo .filedOne .screen {flex-wrap: wrap;}
   .fileTwo .filedOne .infile {width: 100%; margin-bottom: 2rem;}
   .fileTwo .filedOne .czBtn {margin-top: 0.5rem;}

   /* 关于我们 */
   .about-three .about-title h3 {font-size: 2rem;}

   /* 产品详情 */
   .ductOne {padding: 1.5rem;}
   .ductOne .le strong, .ductOne .le h4 {font-size: 1.5rem;}
   .ductOne .le span {margin-top: 1rem;}
}


@media screen and (min-width: 200px) and (max-width: 500px) {
   /* 头部 */
   .header .box .logo img {display: block; width: 75%;}
   .header .box {height: 5rem;}
   /* 首页 */
   .bannerSwiper {height: 22rem;}
   .bannerSwiper .swiper-slide strong {font-size: 1.5rem; line-height: 2.5rem;}
   .indexOne ul li strong {font-size: 5rem; text-align: center; line-height: initial;}
   .indexOne ul li .imgBox img {width: 105%;}
   .indexOne ul li .tle h3 {font-size: 2rem;}
   .indexToSwiper .swiper-slide .con {font-size: 1rem; padding: 1rem 0.5rem;}
   .indexThree {padding-bottom: 3rem;}
   .indexThree ul li .con h3 {font-size: 1rem;}

    /* 内页banner */
    .apply-banner {height: 25rem;}
    .news-banner {height: 25rem;}
    .public-banner {height: 25rem;}
    .case-banner {height: 25rem;}
    .ny-banner .box h3 {font-size: 2rem;}
    .ny-banner .box span {font-size: 1.2rem; margin-top: 0.5rem;}

    /* 应用详情 */
    .applyDetail li h3 {font-size: 1.5rem;}

    /* 新闻列表 */
    .information {margin: 3rem 0;}
    .information .bd ul li {width: 100%;}

    .fy {padding: 2rem 0;}

   /* 关于我们 */
   .about-banner .aboutbox h3 {font-size: 2rem;}
   .about-banner .aboutbox .duan {margin-top: 1rem;}
   .about-banner .num {margin-top: 2rem;}
   .about-banner .num p span {font-size: 1.6rem;}
   .about-banner .num p abbr {font-size: 1.6rem;}
   .about-banner .num .p2 {font-size: 0.8rem;}
   .aboutFour .tle {padding: 3rem 0;}
   .aboutFour .tle h3 {font-size: 2rem;}

   /* 产品列表 */
   .prode-banner .swiperbox {bottom: -30px;}
   .proTwo ul li {width: 100%;}
   
   .prodeSwiper {width: 75%;}
   .prodeSwiper .swiper-slide .boxCon strong {font-size: 1.1rem;}
   .prodeSwiper .swiper-slide {width: 10rem; padding: 1rem; height: 7rem;}
   .prodeSwiper .swiper-slide .boxCon img {width: 80%; margin-top: 0.5rem;}

    /* 案例 */
    .case {margin: 3rem 0;}
    .case ul li {width: 100%;}
    .case ul li .con {padding: 1rem;}
    .case ul li .con h6 {font-size: 1rem;}


    .publicOne ul li h4 {font-size: 1.1rem;}

}

@media screen and (min-width: 200px) and (max-width: 450px) {    
    /* 设备 */
    .publicOne ul li .bom .b-re {width: 72%;}
    .publicOne ul li .bom {    bottom: -35%;}
    .publicOne ul li .bom .b-re img {width: 110%;}
    .publicOne ul {grid-template-columns: repeat(2,1fr); justify-content: center; gap: 1rem;  row-gap: 3rem;}
}

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



}