/* 响应式 */
@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: 32px; height: 3px; background: #fff; 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: #008292;}
.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: #008292;}
.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: #008292;}

.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;}

.bannerSwiper .swiper-slide:nth-child(1) .imgBox {display: none;}

@media screen and (min-width: 200px) and (max-width: 1850px) {
    .abThSwiper .box .re .icBox img {max-width: 68%;}
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
    .aboutOne .box {align-items: center;}
}

/* ======================================================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) {
    /* 首页 */
    .bannerSwiper ul li span {font-size: 1rem;}
}
/* ======================================================1450px========================================================= */

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

@media screen and (min-width: 200px) and (max-width: 1400px) {
    /* 首页 */
    .banner {height: 85vh;}
}

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

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

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
    /* 头部 */
    .headerBox .box .he-re {width: 65%;}
    /* 首页 */
    .banner {height: 70vh;}

    /* 产品列表2 */
    .proList1 li .imgBox {width: 60%;}
    .proList1 .con {width: 35%;}

}

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

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
    /* 招聘 */
    .joinUsOne .icBox img {    width: 50%;        margin: 0 0 0 auto;}

}

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
    /* 首页 */
    .indexThree {margin-bottom: 2rem;}
    .indexThree ul {flex-wrap: wrap;}
    .indexThree li {width: 48%; margin-bottom: 3rem;}
}


/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
   /* 头部 */
   nav {display: none;}
   .wap-click {display: block;}
   .language a {font-size: 1.5rem; margin-right: 1.5rem;}

   /* 首页 */
   .motuo {display: none;}
   .headerBox .box .he-re {width: auto;}

   /* 关于我们 */
   .aboutThree .aboutTab {padding-bottom: 4rem;}
   .abThSwiper .box {flex-wrap: wrap;}
   .aboutTab ul li strong {font-size: 1.5rem;}
   .aboutTab ul li .icBox img {width: 70%;}
   .abThSwiper .box .le strong {font-size: 2rem; line-height: initial;}

   /* 产品列表 */
   .proList li .re {height: 25rem;}
   .proList li .re a {height: 100%;}
   .proList li .re a img {height: 100%;object-fit: cover;}

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

}

/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
    /* 首页 */
    .inFivSwiper .box small {font-size: 1.3rem;}
    .inFivSwiper .box strong {font-size: 2rem;}
    .inFivSwiper .box .more {margin-top: 2rem;}
    .inFivSwiper .box .imgBox {height: 35rem; width: 44%;}
    .inFivSwiper .box .imgBox img {height: 100%; object-fit: cover;}
    .inFivSwiper .swiper-button-prev {left: 82%;}
    .indexSeven .box {flex-wrap: wrap;}
    .indexSeven .re {width: 100%;margin-top: 2rem;}

    /* 底部 */
    footer { background-size: 125% 40%;}
    footer .box {flex-wrap: wrap;}
    footer .box .le {width: 100%; text-align: center; margin-bottom: 2rem;}
    footer .re ul {width: 100%; display: none;}
    footer .re {width: 100%;}
    footer .re .copy {text-align: center;}

    /* 关于我们 */
    .aboutOne {justify-content: center;}
    .aboutOne .container {width: 100%;}
    .aboutOne .box {flex-wrap: wrap;}
    .aboutOne .box .le {width: 100%; margin-bottom: 3rem;}
    .aboutOne .box .re {width: 50%; margin: auto; padding-bottom: 0;}
    .aboutOne .box .re::after { width: 110%; height: 116%; bottom: -8%;right: -5%;}

}

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


}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
    /* 首页 */
    .banner {height: auto;}
    .bannerSwiper .swiper-slide:nth-child(1) .imgBox {display: block;}
    .bannerSwiper .swiper-slide .con {display: none;}
    .mouseHover {  width: 9rem; height: 3rem;}
    .indexOne {margin: 3rem 0;}
    .indexOne .mouseHover {margin: auto;}
    .indexOne .box {flex-wrap: wrap;}
    .indexOne .boxLe {width: 100%; text-align: center;}
    .indexOne .boxRe {width: 100%; margin-top: 3rem;}
    .indexOne .boxLe .more {margin-top: 3rem;}
    .indexOne .boxRe h5 {font-size: 2rem;}
    .indexTwo {padding: 5rem 0 2rem 0;}
    .indexTwo ul {flex-wrap: wrap;}
    .indexTwo ul li {width: 48%; margin-bottom: 3rem;}
    .indexTwo li .num strong {font-size: 3rem;}
    .indexFour .indexTle {top: 10%;}
    .inFivSwiper .box {flex-wrap: wrap;}
    .inFivSwiper .box .imgBox {width: 100%; height: auto;}
    .inFivSwiper .box .con {width: 100%; padding: 2rem;}
    .inFivSwiper .swiper-pagination {bottom: 35%; left: 2%;}
    .inFivSwiper .swjt {    top: 62%;}
    .inFivSwiper .box strong {font-size: 1.5rem; margin-bottom: 1.5rem;}
    .indexSix {margin-bottom: 5rem;}
    .indexSix ul {flex-wrap: wrap;}
    .indexSix ul li {width: 48%; margin-bottom: 2rem;}

    /* 内页banner */
    .ny-banner {height: 50vh;     background-attachment:initial !important;}
    .ny-banner .tle h2 b {font-size: 3rem; line-height: initial;}
    .banNav {display: none;}

    .proListData-banner {height: 45vh;}

    /* 关于我们 */
    .aboutThree .aboutTab ul {flex-wrap: wrap;}
    .aboutTab ul li {width: 49%; margin-bottom: 2rem;    justify-content: flex-start; flex-wrap: wrap;}
    .aboutTab ul li:nth-child(2):after {display: none;}
    .abThSwiper .box .le {width: 100%;}
    .abThSwiper .box .re {width: 100%;}
    .abThSwiper .box .re .icBox {display: none;}
    .abThSwiper .swiper-pagination {display: none;}
    .aboutFive {padding-bottom: 2rem;}
    .abFiveSwiper {padding-bottom: 5rem;}
    .abFiveSwiper .swiper-pagination {display: block;}
    .abFiveSwiper .swjt {display: none;}

    /* 产品列表 */ 
    .proList-banner .tle {justify-content: center;}
    .proList-banner .tle h2 b {font-size: 4rem;}
    .proList-banner {background-position-x: 70% !important;}
    .proListOne p {width: 100%;}
    .proListOne h3 {font-size: 2.5rem;}
    .proList li {flex-wrap: wrap;}
    .proList li .le {width: 100%; order: 1;}
    .proList li .re {width: 100%; height: auto; margin-bottom: 3rem;}
    .proList li:nth-child(2n) .re {order: 0;}
    .proList li h4 {text-align: center;}
    .proList li .more {margin-top: 2rem;}
    .proList li .more .mouseHover {margin: auto;}

    .banNav {display: none;}
    .wrapBanNav {margin-top: 2rem; display: block;}
    .wrapBanNav ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
    .wrapBanNav ul li {width: 48%;margin-top: 1rem; text-align: center;}
    .wrapBanNav ul li a { display: block; padding: 0.6rem 0.2rem; font-size: 1rem; color: #333;}
    .wrapBanNav ul li.on a {    background: rgb(54, 123, 193);    border-radius: 1.56rem; color: #fff;}

    /* 产品列表2 */
    .proList1 li a {flex-wrap: wrap;}
    .proList1 li .imgBox {width: 100%;}
    .proList1 li .imgBox img {max-width: 100%; width: auto; margin: auto; }
    .proList1 .con {width: 100%;margin-left: 0; text-align: center;}
    .proList1 .con .more .mouseHover {margin: auto;}
    .proList1 .con h5 {font-size: 2rem;}
    
    /* 产品详情 */
    .proListData-banner .tle {justify-content: center;}
    .proListData-banner h2 {font-size: 2.5rem;}
    .proListData .tle ul {order: -1;}
    .proListData .tle h3 {width: 100%;}

    /* 服务案例 */
    .caseList {margin: 3rem 0;}
    .caseList ul {grid-template-columns: repeat(4,auto);   gap: 2rem;}
    .caseList ul li {height: 65px;}
    .caseList ul li img {max-height: 100%;}

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

    /* 新闻详情 */
    .page-fy {flex-wrap: wrap;}
    .page-fy .le {width: 100%;}
    .page-fy .re {width: 100%; margin: 0; margin-top: 2rem;}
    .page-fy .re a {justify-content: center;}

    /* 招聘 */
    .joinUsOne .box {flex-wrap: wrap; }
    .joinUsOne .box .le {width: 100%;padding: 3rem 0; text-align: center;}
    .joinUsOne .box .le strong {font-size: 2rem;}
    .joinUsOne .box .re {width: 100%;}
    .joinUsOne .icBox {display: none;}
    .joinUsTwo ul li {width: 48%; margin-bottom: 2rem; height: auto;}
    .joinUsTwo li .con .icBox {margin-bottom: 1.5rem;}
    .joinUsTwo li .con {display: flex;height: 100%; flex-direction: column; align-items: center;  justify-content: center;}
    .joinUsTwo li i {display: block; margin-top: 1rem; height: 0.2rem;}
    .joinUsTwo li .con p {display: none;}
    .acquisition {width: 92%;}

    /* 联系我们 */
    .contactOne {padding: 4rem 0;}
    .contactOne .box {flex-wrap: wrap;}
    .contactOne .box .le {width: 100%;}
    .contactOne .box h3 {text-align: center;}
    .contactOne .box small {text-align: center;display: block; margin-top: 0.5rem;}
    .contactOne .box .re {width: 100%; margin-top: 3rem;}
    .contactOne::after {height: 50%; top: auto;   bottom: 0; left: 0;}
    .contactOne .box dl {margin-top: 3rem;}
    .contactOne .box dl dd {margin-top: 1.5rem;}
    .contactOne .box .re {padding: 0;}
    .contactOne form .inCon input {padding: 1.5rem 0 1.5rem 6rem;}
    .contactOne form .inCon label {top: 29%; transform: initial; left: 0;}
    .contactOne form .textCon label {left: 0;}
    .boxMap {height: 50vh !important;}
}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 640px) {
    /* 首页 */
    .banner {height: auto;}
    .bannerSwiper .swiper-slide .con {text-align: center;}
    .bannerSwiper .swiper-slide .con strong {font-size: 3rem; line-height: initial;}
    .indexThree li {width: 100%;}
    .indexThree li .con h5, .indexThree li .con h5 a {font-size: 1.4rem;}
    .inFivSwiper .swiper-pagination {bottom: 38%;}
    .inFivSwiper .swiper-button-prev {left: 75%;}
    .inFivSwiper .swjt {top: 58%;}
    .inFivSwiper .box p {font-size: 1rem !important; line-height: 1.63rem !important;}

    footer {background-size: 220% 60%; padding: 3rem 0;}
    footer .re .copy {margin-top: 2rem;}

    /* 关于我们 */
    .aboutOne {margin: 3rem 0;}
    .aboutOne .aboutTle {text-align: center;}
    .aboutTle h3 {font-size: 2.5rem;}
    .aboutOne .box .re {width: 88%;}   
    .acquisition-info {width: 115%; padding: 1rem;} 

    /* 成功案例 */
    .caseList ul {grid-template-columns: repeat(3,auto);}

}

@media screen and (min-width: 200px) and (max-width: 500px) {
    /* 头部 */
    .headerBox .box .logo img {max-width: 65%;}
    .headerBox .box {height: 5.5rem;}
    header.navfixed .box {height: 4.5rem;}
    .searchSub {position: fixed;width: 96%; margin: auto;left: 0; top: 5.5rem;}
    .searchSub .textin { width: 85%;}
    .searchSub .sub { width: 15%;}
    header.navfixed .searchSub {top: 4.5rem;}

    /* 首页 */
    .indexTle h3 {font-size: 3rem;}
    .indexThree .tle {flex-wrap: wrap; padding: 3rem 0;}
    .indexThree .indexTle {width: 100%; text-align: center;}
    .indexThree .more {width: 100%; margin-top: 3rem;}
    .indexThree .more a {margin: auto;}
    .indexSix .tle {flex-wrap: wrap; padding: 3rem 0;}
    .indexSix .indexTle {width: 100%; text-align: center;}
    .indexSix .more {width: 100%; margin-top: 3rem;}
    .indexSix .more a {margin: auto;}
    .inFivSwiper .swjt {top:46%;}
    .inFivSwiper .swiper-pagination {    bottom: 48%;}
    .inFivSwiper .swjt {left: 85%;}
    .inFivSwiper .swiper-button-prev {left: 65%;}
    .indexSix ul li {width: 100%;height: 20rem; margin-bottom: 1rem; padding: 1.5rem;}
    .indexSix li .con h5 {font-size: 1.25rem; height: auto;}
    .indexSeven {padding: 4rem 0;}
    .indexSeven .box .le span {font-size: 1.25rem;}
    .indexSeven form .inBox2 {flex-wrap: wrap;}
    .indexSeven form .inBox2 input {width: 100%;}
    .indexSeven form .inBox2 .sub {width: 25%; margin: auto; margin-top: 1rem;}

    /* 内页banner */
    .ny-banner .tle h2 b {font-size: 2rem;}
    .proList-banner .tle h2 b {font-size: 3rem;}

    /* 关于我们 */
    .aboutThree .aboutTab {padding: 3rem 0; padding-bottom: 1rem;}
    .abThSwiper .box .le strong {font-size: 1.5rem;}
    .abThSwiper .box .le p {font-size: 1.2rem;}
    .abThSwiper .box .re .imgBox {transform: translateY(2rem);}
    .aboutTab ul li {justify-content: center;}
    .aboutTab ul li .icBox {margin-right: 0; margin-bottom: 1rem;}
    .aboutTab ul li strong {font-size: 1.25rem;}
    .aboutTab ul li .con {width: 100%; text-align: center;}

    /* 产品列表 */
    .proListOne {padding: 3rem 0;}
    .proListOne h3 {font-size: 2rem;}
    .proListOne p {font-size: 1rem; line-height: 2rem; text-indent: 2rem; text-align: left;}
    
    .proList li {padding: 2rem 0;}
    .proList li h4 {font-size: 2rem;}
    .proList li i {margin-bottom: 2rem;}

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

    /* 新闻中心 */
    .newsList {margin: 3rem 0;}
    .newsList ul { grid-template-columns: repeat(1, 1fr);}
    .newsList ul li {height: 20rem; padding: 1.5rem;}
    .newsList li .con h5 {font-size: 1.25rem; height: auto;}
    .newsList li .more {    padding: 0px 7%;}

    /* 新闻详情 */
    .fileOne {padding-top: 4rem;}
    .ny-news-xq .news-title h2 {font-size: 1.6rem;}

    /* 招聘 */
    .aboutTle {padding: 3rem 0;}
    .joinUsOne .box .le strong {font-size: 1.8rem;}
    .joinUsOne .box .le small {margin-bottom: 2rem;}
    .joinUsTwo .tle h3 {font-size: 1.6rem;}
    .joinUsTwo ul li {margin-bottom: 1rem;}
    .joinUsTwo li .con strong {font-size: 1.25rem;}
    .joinUsTwo li .con .icBox {text-align: center;}
    .joinUsTwo li .con .icBox img {width: 70%; margin: auto;display: block;}
    .acquisition {padding: 1.5rem;}
    .acquisition .box-title h3 {font-size: 1.25rem;}

    /* 联系我们 */
    .contactOne .box h3 {font-size: 1.75rem;}


   .fy {padding: 30px 0; }
}

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

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

}