/* 响应式 */
@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: #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;}
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% - 7rem); }
.wrapNav {height: 100%; 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: #E60012;}
.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: #E60012;}
.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: #E60012;}

.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) {
}

/* ======================================================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) {
    /* 关于我们 */
    .abThSwiper {    transform: translateY(-7rem);}
}

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

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

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
  /* 头部 */
  .headerBox .he-re {width: 18%;}


}

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

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

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

}


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

    /* 首页 */
    .banner {height: auto;}
    .bannerSwiper .swiper-slide .con {    top: 65%;}
    .bannerSwiper .swiper-slide .con img {max-width: 70%;margin: auto;}
    .bannerSwiper .swiper-slide .con .text1 {margin-bottom: 10%;}
    .bannerSwiper .swiper-slide .con .text1 img { max-width: 50%;margin: auto;}
    .bannerSwiper .swiper-slide .con .text2 {margin: 0; display: inline-block; width: 49%;}
    .bannerSwiper .swiper-slide .con .text3 {margin: 0;display: inline-block; width: 49%;}

    .indexFour .imgBj {width: 140%;position: relative;     left: -30%;}

    /* 产品详情 */
    .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%;}

    /* 底部 */
    footer .footerNav .conUs {width: 35%;}


}

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



}

/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
    /* 新闻资讯 */
    .newsOne ul li:nth-child(1) .newsTop .imgBox {width: 70%;}
    .newsOne ul li:nth-child(1) .newsTop .re {width: 25%;}
}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
   /* 首页 */
   /* .banner {height: auto;}
   .bannerSwiper .swiper-slide .con img {max-width: 100%;margin: auto;}
   .bannerSwiper .swiper-slide .con .text1 {margin-bottom: 10%;}
   .bannerSwiper .swiper-slide .con .text1 img { max-width: 50%;margin: auto;}
   .bannerSwiper .swiper-slide .con .text2 {margin: 0; display: inline-block; width: 49%;}
   .bannerSwiper .swiper-slide .con .text3 {margin: 0;display: inline-block; width: 49%;} */

   .indexOne ul li {width: 48%; margin-bottom: 1rem;}
   .indexOne ul li .con { width: 90%;height: 90%;  top: 50%; background: #E60012;}
   .indexOne ul li .con img {   filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(109%) contrast(101%);}
   .indexOne ul li .con span {color: #ffff;}

   .inOneList .listOne .box {flex-wrap: wrap; height: auto; padding: 10%;}
   .inOneList .listOne .imgBox {width: 100%;}
   .inOneList .listOne .con {width: 100%; margin-top: 2rem;}
   .inOneList .listOne .con h5 {text-align: center; font-size: 1.5rem;}
   .inOneList .listOne .con .more a {margin: auto; margin-top: 2rem;}
   .inOneList .listTwo {flex-wrap: wrap;}
   .inOneList .listTwo li .imgBox {    height: 12rem;}
   .inOneList .listTwo li .more {position: relative; bottom: 0;}
   .inOneList .listTwo li {width: 50%; padding: 5%;}
   .inOneList .listTwo li h5 {font-size: 1.1rem;}

   .indexTwo {padding: 3rem 0;}
   .indexTwo .indexTle {text-align: center;}
   .indexTwo .box a {justify-content: center; margin: auto;}
   .indexTwo .box {width: 100%;}
   .indexTwo .imgBox {position: relative; width: 100%; margin-top: 2rem;}

   .indexFour {display: flex; flex-direction: column;}
   .indexFour .container {order: -1; max-width: 100%;}
   .indexFour .imgBj {display: none;}
   .indexFour .box {position: relative; left: 0; top: 0; transform: initial; width: 100%; max-width: 100%;}
   .indexFour .con {width: 100%; background: #f5f5f5;}

   /* 底部 */
   footer .footerNav {flex-wrap: wrap; justify-content: flex-start; padding:0rem 0 3rem 0;}
   footer .footerNav dl {width: 33%; margin-top: 2rem;display: none;}
   footer .footerNav dl:last-child {width: 100%; text-align: center;display: block;}
   footer .footerNav dl:last-child dt::after {left: 48%;}
   footer .footerNav ol {justify-content: center;}
	footer dl dt{font-size: 1.25rem;}
   /* 关于我们 */
   .aboutOne {padding: 3rem 0;}
   .aboutOne .aboutTle {text-align: center;}
   .aboutOne .box {flex-wrap: wrap;}
   .aboutOne .box .le {width: 100%;}
   .aboutOne .box .re {width: 100%; margin-top: 2rem;}

   .aboutTwo ul {display: block; height: auto;}
   .aboutTwo ul li {width: 100%;  border: none;   border-bottom: 1px solid rgba(255, 255, 255,.38)}
   .aboutTwo ul li .bom {margin-top: 2rem;}
   .aboutTwo ul li b {font-size: 1.5rem;}

   .abThSwiper .swiper-button-prev {left: 25%;}
   .abThSwiper .swiper-button-next {right: 25%;}

   /* 产品中心 */
   .proSwiper1 .box {flex-wrap: wrap;}
   .proSwiper1 .box .le, .proSwiper1 .box .re {width: 100%;}
   .proSwiper1 .box .re {padding: 2rem;}
   .proSwiper1 .box h5 {font-size: 1.8rem;}

   /* .proInfoSlide .hd ul {flex-wrap: wrap;} */
   /* .proInfoSlide .hd ul li {width: 31%; margin-top: 2rem;} */

   .proInfoSlide .hd ul li {padding: 0 0.5rem; padding-bottom: 0.5rem;}
   .proInfoSlide .hd ul li span {font-size: 0.9rem;}
   .proInfoSlide .bd > ul {    grid-template-columns: repeat(2,1fr);}

   /* .about-nav2 {top: 10%;}
   .about-nav2 em {width: 49%;} */
   
   .nyXq .tle ul {display: none;}
   

    /* 新闻资讯 */
    .newsOne ul {flex-wrap: wrap; justify-content: space-between;}
    .newsOne ul li {width: 48%; margin: 0; margin-bottom: 2rem;}
    .newsOne ul li:nth-child(1) {width: 100%;}

    /* 新闻详情 */
    .ny-news-xq .xq-box {flex-wrap: wrap;}
    .ny-news-xq .box-left {width: 100%;}
    .ny-news-xq .box-right {width: 100%; margin-top: 3rem; position: relative; top: 0;}

    /* 合作案例*/
    .caseList ul {    grid-template-columns: repeat(3,1fr);}
    
    /* 人才招聘 */
    .talentTable {overflow-x: auto; }
    .talentTable table tr th {white-space: nowrap;}
    .talentTable table tr td {white-space: nowrap;}
    .talentTable tr td.lastTd {white-space: initial;}
    .acquisition-info {width: 90%;}

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

    .prolistInfo {margin-bottom: 1rem;}

}

@media screen and (min-width: 200px) and (max-width: 640px) {
    /* 首页 */
    .indexOne ul li .con span {font-size: 1.2rem;}
    .indexOne ul li .imgBox img {height: 12rem;object-fit: cover;}

    .inThSwiper {padding-bottom: 5rem;}
    .inThSwiper .swiper-button-prev , .inThSwiper .swiper-button-next {display: none;}
    .indexThree .swiper-pagination {display: block;}

    /* 关于我们 */
    .ny-banner .bjBox {height: 50vh;}
    .ny-banner .con .tle h3 {font-size: 2rem;}
    .ny-banner .con .tle h4 {font-size: 1.5rem;}

    /* 二级导航 */
    .navTwo {padding-bottom: 0;}
    .navTwo ul {flex-wrap: wrap;}
    .navTwo ul li {margin-bottom: 0.5rem; margin-right: 0.5rem;}
    .navTwo ul li a {padding: 0.5rem 0.8rem; font-size: 0.8rem;}
    
    .aboutTle {padding: 3rem 0;}
    .aboutTle h4 {font-size: 1.8rem;}
    .aboutTle i {margin-top: 1rem;}

    .abThSwiper .swiper-slide .con p {line-height: initial;}

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

    .mySwiper2-pro {width: 100%;}
    .nyXq .conLe {display: block;}
    .mySwiper-pro {margin: auto; margin-top: 3rem;max-width: 80%;}
    .mySwiper-pro .slide2-img {width: auto;}
    .mySwiper2-pro .swiper-button-prev {width: 2.5rem; height: 9.2rem; right: auto; left: 0; top: auto; bottom: 0;}
    .mySwiper2-pro .swiper-button-next {width: 2.5rem; height: 9.2rem;}
    .mySwiper2-pro .swiper-button-next img , .mySwiper2-pro .swiper-button-prev img{transform: rotate(-90deg);}
    .mySwiper-pro .slide2-img {width: auto; height: 9rem;}
    .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%;}

    /* 新闻资讯 */
    .newsTwo .newsNav ul li {margin-right: 2rem;}
    .newsTwo .newsNav ul li a {font-size: 1.1rem; padding-bottom: 1rem;}
    .newsTwo .newsList li .time {width: 7rem; height: 7rem;}
    .newsTwo .newsList li .time strong {font-size: 3rem;}
    .newsTwo .newsList li .time span {font-size: 1.2rem;}
    .newsTwo .newsList li .re {padding-left: 1rem;}
    .newsTwo .newsList li .re h5 {font-size: 1.1rem;}
    .newsTwo .newsList li .re .more {font-size: 1rem; margin-top: 0.5rem;}
    
    /* 新闻详情 */
    .ny-news-xq .xq-box {padding-top: 7rem;}
    .ny-news-xq .news-title h2 {font-size: 1.8rem;}
    .ny-news-xq .box-right h3 {font-size: 1.5rem;}

    /* 人才招聘 */
    .talentTle {padding: 3rem 0;}
    .talentTle strong {font-size: 1.8rem;}
    .careersTwo {padding: 3rem 0; padding-top: 0; margin-bottom: 0;}
    .careersTwo .tle strong {font-size: 2rem;}
    .caresSwiper .swiper-slide {width: 65%;}
    .caresSwiper .swiper-slide .imgBox {    border-radius: 1rem;}
    .caresSwiper .swiper-slide span {font-size: 1.3rem;}

    .talentUs {margin-bottom: 5rem;}

    /* 联系我们 */
    .contactbox {padding: 3rem 0 5rem 0;}
    .contactbox .cont .tit {font-size: 1.8rem;}
  
}

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


    /* 首页 */
    .banner {height: 20rem;     padding-bottom: 1.25rem;}


    .indexTle {padding: 3rem 0;}
    .indexTle h3 {font-size: 1.5rem;}

    .indexOne ul li .con span {font-size: 1rem; margin-top: 1rem;}
    .indexOne ul li .imgBox img {height: 10rem;object-fit: cover;}

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

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

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

    /* 新闻资讯 */
    .newsOne {padding: 3rem 0 ;}
    .newsOne ul li:nth-child(1) .newsTop {flex-wrap: wrap;}
    .newsOne ul li:nth-child(1) .newsTop .imgBox {width: 100%;}
    .newsOne ul li:nth-child(1) .newsTop .re {width: 100%; display: flex;}
    .newsOne ul li:nth-child(1) .newsTop .re .more {position: relative; margin-left: 2rem;}
    .newsOne ul li:nth-child(1) h4 {margin: 2rem 0;}
    .newsOne ul li {width: 100%;}

    /* 合作案例*/
    .caseList {padding: 3rem 0 5rem 0;}
    .caseList .tle h3 {font-size: 2rem;}
    .caseList ul {    grid-template-columns: repeat(2,1fr);}

   /* 人才招聘 */
   .acquisition-info {padding: 1.5rem;}
   .acquisition-info .box-title h3 {font-size: 1.3rem;}

   /* 联系我们 */
   .boxMap {height: 25rem !important;}

    .fy {padding: 30px 0; }
}

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

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