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

/* 手机端下拉 */
.wap-click {display: none; cursor: pointer; margin-left: 2rem;}
.wap-click span { width: 32px; height: 3px; background: #999; display: block;  margin: 8px auto; transition: all 277ms ease-in-out;  position: relative;}
.wap-click span:nth-child(2) {width: 25px;}
.active span.cl-1 { transform: rotate(-45deg);  top: 10px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -12px;}
/* header.navfixed .wap-click span {background: #333;} */

.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% - 3.5rem); }
.wrapNav {height: calc(100% - 3.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: #005BAC;}
.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.2rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #005BAC;}
.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: #005BAC;}

.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: 1850px) {

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

}

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

}

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

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

}
/* ======================================================1450px========================================================= */

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

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

}

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

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

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
   /* 联系我们 */
   .contactOne dl {flex-wrap: wrap;}
   .contactOne dl dd {width: 49%;}


}

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

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

}

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

}


/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
   /* 头部 */
   .he-re {width: auto;}
   nav {display: none;}
   .wap-click {display: block;}

   /* 底部 */
   footer .box dl {width: 100%;}

   /* 关于我们 */
   .ny-banner .box .tle {font-size: 2rem;}
   .aboutFive ul {grid-template-columns: repeat(3,1fr);}

}

/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
   /* 首页 */
   .indexOne .box .le {width: 42%;}
   .indexOne .box .con {width: 52%;}


}

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


}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
   /* 首页 */
   .banner .slide1Con {top: 20%;}
   .banner .slide1Con h1 {font-size: 1.8rem;}
   .banner .slide1Con small {font-size: 1.5rem;}
   .indexOne .box {flex-wrap: wrap;}
   .indexOne .box .le {width: 100%;}
   .indexOne .box .con {margin-top: 3rem; width: 100%;}
   .indexOne .box p {text-indent: 2rem; line-height: 1.88rem;}
   .indexTwo dl dt {font-size: 1.25rem;}
   .indexTwo ul {flex-wrap: wrap;}
   .indexTwo ul li {width: 48%; margin-top: 1rem;}
   .indexTheee .box p {line-height: 1.88rem;}
   .indexFour ul {flex-wrap: wrap;}
   .indexFour ul li {width: 49%; margin-top: 1rem; padding-bottom: 1rem;}
   .indexFive .indexTle {padding-top: 1rem;}
   .casePars ul li img {width: 9rem; height: 2.5rem;}
   
   .banner .smTips {top: 90%;}
   .banner .smTips strong {font-size: 1.25rem; margin: 0 1rem;}

   /* 底部 */
   footer .box dl {flex-wrap: wrap; justify-content: center;}
   footer .box dl dd {margin: 2rem;}
   footer .box dl dd .icBox {width: 5rem; display: flex; align-items: center; justify-content: center;}

   /* 关于我们 */
   .about-banner .imgBox {height: 18rem;}
   .ny-banner .box .tle {font-size: 1.25rem;}
   .aboutOne {margin-bottom: 3rem;}
   .aboutOne .box {flex-wrap: wrap; margin-top: 0;}
   .aboutOne .box .le {width: 100%;}
   .aboutOne .box .le strong {font-size: 3rem;}
   .aboutOne .box .le::after {display: none;}
   .aboutOne .box .re {width: 100%; margin-top: 5rem;}
   .aboutOne .showBox {flex-wrap: wrap;}
   .aboutOne .showBox .showLe {width: 100%;}
   .aboutOne .showBox .video-js .vjs-tech {position: relative;}
   .aboutOne .showBox ul {width: 100%; margin-top: 1rem;}
   .aboutFour {padding-bottom: 4rem;}
   .aboutFour .box h4 {text-align: center;}
   .aboutFour .box i {margin: 1rem auto; margin-bottom: 3rem;}
   .aboutFour .box dl {flex-wrap: wrap;margin-top: 1.5rem;}
   .aboutFour .box dl dt {width: 100%; margin-bottom: 0.5rem;}
   .aboutFive ul {    grid-template-columns: repeat(2,1fr);    column-gap: 1rem;}
   .aboutFive ul li span {font-size: 0.9rem;}

   /* 企业文化 */
   .culture-banner {padding: 3rem 0; padding-bottom: 1rem;}
   .culture-banner .box {flex-wrap: wrap;}
   .culture-banner .tle {width: 100%; margin: 0; margin-bottom: 2rem;}
   .culture-banner .tle strong {margin-bottom: 2rem;}

   /* 技术研发 */
   .Technical-banner {height: 40vh;}
   .Technical-banner .tle span {font-size: 0.9rem;    background: rgba(30, 80, 174,.5);}
   .technicalOne strong {font-size: 2rem;}
   .technicalList li {flex-wrap: wrap;}
   .technicalList li .le {width: 100%; order: 1; margin: 2rem 0;}
   .technicalList li:nth-child(even) .le {order: 1;}
   .technicalList li .imgBox {width: 100%;}
   .technicalList li .le img {margin: 1rem 0; max-width: 50%;}
   .technicalList li .le h5 {font-size: 1.5rem;}

   /* 产品系列 */
   .proCen ul {flex-wrap: wrap;}
   .proCen ul li {width: 48%; margin-top: 1rem;}

   /* 产品详情2 */
   .proTwoData .data2Con {flex-wrap: wrap;}
   .proTwoData .data2Con .le {width: 100%;}
   .proTwoData .data2Con .re {width: 100%; margin-top: 2rem;}


   /* 诚聘英才 */
   .picMarquee .bd ul li .pic img {width: 400px;}

   /* 联系我们 */
   .contactOne .tle {font-size: 1.8rem;}
   .contactOne dl dd {width: 100%; margin: 0.5rem 0;}
   .contactThree .box {padding: 1.5rem;}
   .contactThree .inBox {flex-wrap: wrap;}
   .contactThree .tle {padding: 0;}
   .contactThree .inBox .inpu {width: 100%; margin-top: 1.5rem;}
   .contactThree .sub {display: flex; justify-content: center;}


   
}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 640px) {
   /* 关于我们 */
   .abthSwiper::after {top: 42%;}
   .abthSwiper .swjt {top: 46%;}
   .abthSwiper .box .time {font-size: 1.25rem;}
   .abthSwiper .box span {font-size: 1rem;}

   /* 产品中心 */
   .proShow ul {flex-wrap: wrap;}
   .proShow ul li {width: 100%; height: auto; margin-top: 2rem;}

}

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

   /* 首页 */
   .banner .slide1Con {top: 25%; text-align: center;}
   .banner .slide1Con h1 {font-size: 1.25rem;}
   .banner .slide1Con small {font-size: 1rem;}
   .indexTle h3 {font-size: 1.8rem;}
   .indexTle span {font-size: 1.1rem;}
   .indexOne .box dl {flex-wrap: wrap;}
   .indexOne .box dl dd {width: 48%; margin-top: 3rem;}
   .indexTwo ul li {width: 100%; padding: 3rem 2rem;}
   .indexTwo dl dt {text-align: center;}

   /* 底部 */
   footer .box dl {justify-content: flex-start;}
   footer .box dl dd {margin: 1rem;}
   footer .box dl dd .icBox img {max-width: 50%;}
   footer .copy p a {display: block;}

   /* 关于我们 */
   .aboutOne .showBox ul li {padding-bottom: 0.6rem;}
   .aboutTwo ul {flex-wrap: wrap; height: auto; padding: 1rem 0 2rem 0;}
   .aboutTwo ul li {width: 48%; margin-top: 1rem;}
   .aboutTwo li b {font-size: 2rem;}
   
   /* 产品中心 */
   .proCen-banner .tle span {width: 100%;}
   .proCen-banner strong {font-size: 2rem;}
   .proCen ul li {width: 100%;}

   /* 诚聘中心 */
   .recruit-banner .box strong {font-size: 2.5rem;}
   .recruit-banner .box span {font-size: 1.25rem; margin-top: 1rem;}
   .recruitTle h3 {font-size: 1.5rem;}
   .recruitTwo {margin-bottom: 3rem;}
   .picMarquee .bd ul li .pic img {width: 250px;}
   .picMarquee .bd ul li span {padding: 0.5rem;}

   /* 新闻列表 */
   .newsList {margin-top: 1rem;}
   .newsList li .tit {flex-wrap: wrap;}
   .newsList li h6 {width: 100%; margin-bottom: 0.2rem;}
   .newsList li a {margin: 1rem 0; padding: 1rem;}



   .search-page .box {margin-top: 5vh;}
   .fy {padding: 30px 0; }
}

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

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

}