/* 响应式 */
@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;}
.wap-click span { width: 34px; height: 2px; background: #fff; display: block;  margin: 10px auto; transition: all 277ms ease-in-out;  position: relative;}
.active span.cl-1 { transform: rotate(-45deg);  top: 12px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 {  transform: rotate(45deg); top: -12px;}
.wap-nav {background: rgba(255,255,255,.8);;  z-index: 999;  left: 0;  width: 100%;  display: none;  position: absolute;  top: 3;}
.wap-nav ul li a {  display: block;  font-size: 1rem;  line-height: 3rem;  color: #333;  text-indent: 1rem;  transition: all 0.6s; } .wap-nav ul li a:hover, 
.wap-nav ul li.on > a {  background: #fff; color: #333;}
.wap-nav .wap-hide {display: none;background: #fff;  overflow: hidden;}
.wap-hide dd {  border-bottom: 1px dashed #eee;}
.wap-nav .wap-hide dd a { text-indent: 75px;  line-height: 45px; display: block; font-size: 1rem; line-height: 3rem; color: #333; text-indent: 50px; transition: all .6s;}
.wap-nav ul li a:hover, .wap-nav ul li.on > a {  background: #0e14b0;  color: #fff;}
.headup .wap-click span {background-color: #333;}

/* ?‰????????????‰ */
.wrap-nav {margin-top: 2rem; display: none;}
.wrap-nav > li > a {color: #fff; display: block; padding: 1rem 0; padding-left: 0.5rem;}
.wrap-nav > li > a:hover {background: #E07C02;}
.wrap-nav > li > dl {padding: 0 1rem; box-sizing: border-box; display: none;}
.wrap-nav > li > dl dd a {color: #fff; padding: 1rem 0 1rem 1rem; display: block;}
.wrap-nav > li > dl dd a:hover {background: #E07C02;}


@media screen and (min-width: 200px) and (max-width: 1800px) {
  /* 首页 */
  .indexTwoSwiper .swiper-button-prev {left: 6%;}
  .indexTwoSwiper .swiper-button-next {right: 6%;}

  .aboutTwoSwiper .swiper-button-prev {left: 6%;}
  .aboutTwoSwiper .swiper-button-next {right: 6%;}


}

/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
.header .headContainer {width: 92%;}


}


/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
  .container15 {width: 92%;}
 /* 首页 */
 .indexTwoSwiper .swiper-button-prev {left: 2%;}
 .indexTwoSwiper .swiper-button-next {right: 2%;}

 .aboutTwoSwiper .swiper-button-prev {left: 2%; background-size: 100%;}
 .aboutTwoSwiper .swiper-button-next {right: 2%; background-size: 100%;}



}

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


}


@media screen and (min-width: 200px) and (max-width: 1400px) {
  .container {width: 92%;}
  .banner .bannerBom {width: 92%;}
}



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



}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  .wap-click {display: block;}
  .header .box ul {display: none;}
  .header .box {height: 6rem;}
  .header .box .reCon img {margin-right: 1rem;}
  .navfixed .wap-click span {background: #333;}
  /* 底部 */
  .footer .foBom .box {flex-wrap: wrap;}
  .footer .foBom .box .bomRe {width: 100%;margin-top: 2rem;}
  /* 首页 */
  .banner .banner-circle {display: none;}
  .wapBanner {display: block;}
  .indexOne .box {align-items: center;}
  .indexThree ul {    row-gap: 10px; column-gap: 100px;}
  .indexThree ul li {width: 10rem; height: 10rem;}

  /* 关于我们 */
  .aboutTwo .aboutTle {padding: 3rem 0;}
  .aboutTwoSwiper {width: 95%; margin: auto;}

  /* 新闻列表 */
  .information ul li .info-right {padding-top: 0;}
  .information ul li p {margin: 1rem 0 1rem 0;}

  .severOne .bd li .imgBox {overflow-x: auto;}


} 

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
  /* J9国际服务 */
  .severThree ul { flex-wrap: wrap; gap: 2rem; justify-content: space-around;}
  /* .severThree ul li {width: calc(100%/9);} */
  .severThree ul li:nth-child(even) {display: none;}

  /* 详情图片调整 */
  .ny-news-xq .ny-xq-con p img {width: 100% !important; height: auto !important;}

}





/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
  /* 首页 */
  .banner .bannerBom {height: auto;}
  .banner .bannerBom ul {flex-wrap: wrap;}
  .banner .bannerBom ul li {width: 50%; padding: 1rem 0;}
  .indexThree ul {row-gap: 20px; column-gap: 65px;}
  .indexThree ul li {width: 9.5rem; height: 9.5rem;}

  /* 关于我们 */
  .aboutOne li .box {align-items: center;}
  .aboutOne li .aboutTle h3 {margin-top: 0;}
  .aboutOne li .aboutTle p {line-height: 25px; margin-top: 1rem;}

  /* J9国际服务 */
  .severFiveSlide .bd {padding: 2.2rem 3.2rem 6.2rem 3.2rem;}

  /* 联系我们 */
  .contactOne .box {flex-wrap: wrap; padding: 3rem 0;}
  .contactOne .box .le {width: 100%;}
  .contactOne .box .re {width: 100%; margin-top: 2rem;}

  /* 服务流程 */
  .severOne .bd li .tableBox {overflow-x: auto;}
  .severOne .bd li .tableBox tr td {padding: 0 0.5rem;}
  .severOne .bd li .tableBox p span {    white-space: nowrap;}

  .processCon p {display: none;}
  .processCon p img {display: none;}
  .processCon .imgBox {display: block;}

}




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


}



/* ======================================================800px========================================================= */
@media screen and (min-width: 200px) and (max-width: 800px) {
  .indexThree ul {gap: 2rem; }
  .indexThree ul li {  width: 10rem; height: 10rem;transform: initial;}
  .indexThree ul li:nth-child(5), .indexThree ul li:nth-child(6), .indexThree ul li:nth-child(7) { margin-top: 0;}
  .indexThree ul li:nth-child(7) {display: none;}
  .indexThree ul li img {transform: initial;}

}




/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
  /* 首页 */
  .indexOne .box {flex-wrap: wrap;}
  .indexOne .le {width: 100%;}
  .indexOne .re {    width: 80%; margin: auto; margin-top: 2rem;}
  .indexTwoSwiper {width: 90%; margin: auto;}
  .indexFour .box {flex-wrap: wrap;}
  .indexFour .box .le {width: 100%;}
  .indexFour .box .le img {width: 100%;}
  .indexFour .box ul {width: 100%;}
  .indexFour .box li {padding: 1.5rem;}
  .indexFour .box li::after {right: 0;}
  .indexFour .box li:hover::after {width: 100%;}

  /* 关于我们 */
  .aboutTwoSwiper {width: 90%;}
  .aboutOne li .box {flex-wrap: wrap; row-gap: 2rem; padding: 3rem 0;}
  .aboutOne li .imgBox {width: 100%;}
  .aboutOne li .aboutTle {width: 100%; order: -1;}

  /*  J9国际服务*/
  .severTwo ul {flex-wrap: wrap; gap: 2rem;}
  .severTwo ul li {width: 45%;}
  .severTwo ul li span {width: 100%;}
  .severFour {background: none;}
  .severFour .box {flex-direction: column;    justify-content: center;   align-items: center;}
  .severFour .box dl {width: 100%;}
  .severFour .box dl:nth-child(2) {margin-top: 3rem;}
  .severFour dl dd:nth-child(2) {margin-top: 3rem;}
  .severFour dl:nth-child(2) .con {text-align: left; margin-left: 1.25rem;}
  .severFour dl:nth-child(2) .iconBox {order: -1; margin-left: 0;}
  .severFiveSlide .hd {padding: 0 1rem;}
  .severFiveSlide .bd ul .severFiveImg {position: relative;    flex-wrap: wrap; gap: 2rem;}
  .severFiveSlide .bd {padding: 2rem;}
  .severFiveSlide .bd ul li .imgBox {width: 70%;     margin: auto;}
  .severFiveSlide .bd ul li p {width: 100%; order: 1;}
  /* .severFiveSlide .bd ul li:nth-child(2), .severFiveSlide .bd ul li:nth-child(3) {width: 100%;}
  .severFiveSlide .bd ul li strong {width: 30%;}
  .severFiveSlide .bd ul li:nth-child(4) strong {width: 30%;} */
  .severTitle {padding: 3rem 0;}
  .severOne .hd ul {    gap: 2rem;}
  .severOne .hd ul li {font-size: 1.1rem;}

  /* 新闻列表 */
  .information ul li a {flex-wrap: wrap;}
  .information ul li .info-img {width: 100%;}
  .information ul li .info-right {width: 100%; padding-top: 1.5rem; padding-bottom: 0;}

}


@media screen and (min-width: 200px) and (max-width: 640px) {
  /* 头部 */
  .header .box {height: 4rem;}
  .header .box h1 img {width:70%;}
  .header .elIcon{display: none;}
  .header .elIcon span {font-size: 1rem;}
  /* 底部 */
  .footer .foBom .box .bomRe {margin-top: 0;}
  .footer .foBom .box .bomRe ul {display: none;}
  
  /* 首页 */
  .banner .bannerBom {width: 95%; position: relative; left: auto; transform: initial !important;    margin: auto;  margin-top: 2rem;}
  .banner .bannerBom ul li {width: 100%;}
  .indexTitle h3 {font-size: 2rem;}
  .indexTitle i {margin-top: 1rem;}
  .indexOne {padding: 3rem 0;}
  .indexOne .re {width: 100%;}
  .indexTwoSwiper {padding: 3rem 0;}
  .indexThree {padding: 3rem 0;}
  .indexThree .threeTle h3 {font-size: 1.8rem;}
  .indexThree .threeTle p {margin: 1rem auto; width: 100%;}
  .indexFour .indexTitle {padding-top: 3rem;}
  .indexFour .box {padding: 3rem 0;}

  /* 内页banner */
  .nyBanner {height: 30rem;}
  .details-banner {    height: 18.63rem;}
  .nyBanner .nyTitle h3 {font-size: 2.5rem;}
  .nyBanner .nyTitle h4 {font-size: 1.5rem;}

  /*  J9国际服务*/
  .severOne .hd ul {    gap: 1rem; justify-content: space-between;}
  .severOne .hd ul li {font-size: 0.9rem;}

  /* 联系我们 */
  .contactOne .box h3 {font-size: 1.5rem;}
  .contactOne .box dl {margin-top: 2rem;}
  .contactOne .box dl dd {margin-top: 1rem;}
  .contactOne .box dl dd strong {font-size: 1rem;}
  .contactOne .le table p span {font-size: 0.9rem !important}

  /* 合作案例 */
  .caseOne ul li {width: 47%;height: 8.5rem;}

  /* 详情 */
  .ny-news-xq .news-title h2 {font-size: 2rem;}

  /* 服务流程 */
  .severOne .bd {margin: 3rem 0;}
  
  .tableBox tr td{display: block !important;width: 100% !important;padding:0 !important}
  .tableBox table{width: 99% !important;margin:0 auto}

}


@media screen and (min-width: 200px) and (max-width: 500px) {
  .caseOne ul li {width: 47%;height: 6.5rem;}
 
}