/* 手机端下拉 */
/* navbar toggle */
body.navOverFlow {overflow: hidden;}
.wrapMenu {display: none; align-items: center;}
.wrapMenu .text {order: 2; margin-left: .1rem; color: #1a98cb;}
.menu-trigger {cursor: pointer; width: 19px;height: 16px; position: relative; display: inline-block;z-index: 5; display: none;}
.menu-trigger .nav-line {width: 100%;position: absolute;top: 0;right: 0;height: 2px;background: #1a98cb;-webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;backface-visibility: hidden;}
.menu-trigger .nav-line.nav-line-1 {-webkit-transition: all 0.3s 0.3s, transform 0.3s 0s;transition: all 0.3s 0.3s, transform 0.3s 0s; }
.menu-trigger .nav-line.nav-line-2 {  top: 50%;margin-top: -1px;right: 0;-webkit-transition: all 0.3s 0.3s ease;transition: all 0.3s 0.3s ease;width: 100%;}
.menu-trigger .nav-line.nav-line-3 { bottom: 0;top: auto;right: 0;-webkit-transition: all 0.3s 0.3s, transform 0.3s 0s;transition: all 0.3s 0.3s, transform 0.3s 0s;}
/* navbar toggle open/active */
.menu-trigger.open .nav-line {background: #1a98cb;}
.menu-trigger.open .nav-line-1 {top: 50%;margin-top: -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s, transform 0.3s 0.3s;transition: all 0.3s, transform 0.3s 0.3s;}
.menu-trigger.open .nav-line-2 { opacity: 0;-webkit-transition: all 0.3s, opacity 0.3s 0s;transition: all 0.3s, opacity 0.3s 0s;}
.menu-trigger.open .nav-line-3 { bottom: 50%;margin-bottom: -1px;-webkit-transform: rotate(-45deg); transform: rotate(-45deg);-webkit-transition: all 0.3s, transform 0.3s 0.3s;transition: all 0.3s, transform 0.3s 0.3s;}
/* 一级栏目 */
.mobile-menu {position: fixed; z-index: 9;background-color: #1a98cb; width: 100%;left: 0px;right: 0;height:100%;display: none;}
.mobile-menu {overflow-y: auto; overflow-x: hidden; padding-bottom: 2rem; box-sizing: border-box;}
.mobile-menu .menu-item {border-bottom: 1px solid rgba(255, 255, 255,.3);}
.mobile-menu .menu-item > a {padding: 0.25rem; padding-right: 1rem; display: flex; align-items: center; position: relative;}
.mobile-menu .menu-item > a span {font-size: var(--font14); color: #fff; margin-left: 0.15rem;}
.mobile-menu .menu-item > a i {width: 1rem;  border-left: 1px solid rgba(255, 255, 255,.3); position: absolute; right: 0;top: 0;height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;z-index: 2;}
/* 二级栏目 */
.sub-menu { position: absolute;left: 0;top: 0;bottom: 0;height: 100%;z-index: 99;opacity: 1;background-color: #1a98cb;opacity: 0;visibility: hidden; width: 100%;}
.sub-menu { -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out;-ms-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;  -moz-transform: translateX(110%);-webkit-transform: translateX(110%); -o-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%);}
.sub-menu ul { overflow-y: auto; height: calc(100% - 2.2rem);}
.sub-menu.menu-open {opacity: 1;visibility: visible;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0); transform: translateX(0);}
.sub-menu .menu-inner {border-bottom: 1px solid rgba(255, 255, 255,.3);}
.sub-menu .menu-inner .back_btn {display: flex; align-items: center;padding: 0.25rem;}
.sub-menu .menu-inner .back_btn span {font-size: var(--font14); margin-left: 0.1rem; color: #fff;}
.sub-menu ul li a {font-size: var(--font14); color: #fff;}
/* 语言和搜索按钮 */
.mobileBtn {padding-left: 0.25rem; margin-top: 0.25rem;}
.mobileBtn a {padding: 0.1rem 0.2rem; background: #22aee7; color: #fff; font-size: var(--font14);     border-radius: 3px;}

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

/* ======================================================1580px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1580px) {
  /* 头部 */
  nav ul {height: .8rem;}

  /* 首页 */
  .slideDisc {left: 60%;}

  /* =========规划设计========== */
  .plannOne ul li:nth-child(1) { left: -24%;}
  .plannOne ul li:nth-child(2) { left: -42.5%;}
  .plannOne ul li:nth-child(5) {left: 78%;}

  /* 项目展示 */
  .projectNav {padding-bottom: 1.75rem;}
  .projectShow .box ul {min-width: 200px;}

  /* 项目展示详情 */
  .projectDetaOne .swiperBox .swjt {  width: .7rem; height: 0.45rem; left: 76%;}

  /* 科技创新 */
  .tech2thre .box .inCon span {font-size: 10px;}
  .tech2thre .box .inCon .icBox img {max-width: .72rem;}
}

/* ======================================================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) {
  /* 首页 */
  .slideDisc .tle {font-size: var(--font24);}
  .slideDisc .tleSc {font-size: var(--font20);}

}

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

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

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
  /* 首页 */
  .slideDisc {left: 55%;}
  .bannerSwiper1 .swiper-slide img {height: 80px;}

  /* 内页banner */
  .ny-banner .imgBox img {image-rendering: auto;}

  /* 项目展示 */
  .projectShow .projectList {width: 82%;}

  .tableNum table tr {display: flex; flex-wrap: wrap;}
  .tableNum table tr td {width: 33%;}
  
  /* 运营维护--项目合作 */
  .opercateFour ul li .con {width: 50%;}
  .opercateFive .opercateFiveSwiper {width: 100%; margin-top: 0;}
  



}

/* ======================================================1250px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
  /* 首页 */
  .slideDisc {display: none;}

  /* 科技创新 */
  .tech2one .box {flex-wrap: wrap;}
  .tech2one .box .imgBox {width: 100%;}
  .tech2one .box .re {width: 100%;}
  .tech2two ul {flex-wrap: wrap;}
  .tech2two ul li {min-height: 4rem; width: 48.5%; margin-top: .3rem;}
  .tech2thre {padding-bottom: 1rem;}
  .tech2thre .box {margin-top: .5rem;}
  .tech2thre .box .inCon {margin: auto; width: 4.5rem; height: 4.5rem; display: none;}
  .tech2thre ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .tech2thre ul li {width: 48%; margin-top: .3rem; position: relative; left: inherit !important; top: inherit !important;}
  .tech2thre li .xianBox {display: none;}
  .tech2thre li .imgBox {width: 100%;}
  .tech2thre li .imgBox img {width: 100%;}
    
}

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  .heZwys {height: 1rem; display: block;}
  .header {border-bottom: 1px solid #eee; position: fixed;}
  .headerBox .he-re {display: none;}
  nav {display: none;}
  .headerBox .he-le {}
  .wrapMenu {display: flex;}
  .menu-trigger {display: block;}
  .navZwys {height: 0;}
  .banner {height: auto;}

  /* 首页 */
  .inOneSlide .hd ul li a {padding: 0.25rem 0.35rem;}

  /* 底部 */
  .footer .foterNav dt {font-size: var(--font14);}
  .footer .foterNav dl {margin-right: 0.1rem;}

  /* 项目展示详情 */
  .projectDetaOne .more {grid-template-columns: repeat(3,1fr);}
  .projectDetaOne .more a {padding: 0.1rem 0; text-align: center;}
  .projectDetaOneSwiper2 .swiper-button-prev {left: 75%;}
  .projectDetaOneSwiper2 .swiper-button-next {left: 88%;}
  .projectDetaOne .swiperBox .swjt {left: 70%;}

  /* 规划设计 */
  .plannOne .swiperBox {width: auto; height: auto; padding: 0; display: flex; flex-direction: column;}
  .plannOne .swiper1Box {position: relative;order: -1;   width: 6.5rem; margin: auto;}
  .plannOneSwiper1 {position: relative;left: auto; top: 0; transform: initial; width: 6.5rem;height: 6.5rem; max-height: 7rem; max-width: 7rem;  margin: auto;z-index: 1; }
  .plannOne .swiper1Box:before, .plannOne .swiper1Box:after{content: '';width: 100%;height: 100%;border-radius:50%;background-color:#1a98cb; position: absolute;top: 0%;left: 0%;animation: anim 3s linear infinite;opacity: 1;z-index: 0;}
  .plannOne .swiper1Box:after{animation-delay: .5s;}
  .plannOne .swiper2Box {position: relative;margin-top: 0.5rem;padding:0 0.5rem;}
  .plannOneSwiper2 {overflow: hidden;}
  .plannOneSwiper2 ul {position: relative; border: 0; border-radius: initial;}
  .plannOneSwiper2 ul li {border-right: 1px solid #eee; white-space: initial; padding: 0.3rem 0.25rem; transition: background .5s;position: relative; left: auto !important; top: auto !important; width: initial !important; background: #fff; }
  .plannOneSwiper2 ul li i {display: none;}
  .plannOneSwiper2 ul li span {margin: 0 !important; font-size: var(--font16);}
  .plannOneSwiper2 ul li.swiper-slide-thumb-active {background: #1a98cb; color: #fff;}
  .plannOneSwiper2 ul li.swiper-slide-thumb-active span {color: #fff;}
  .plannOneSwiper2 .swjt {display: block; height: auto; top: 70%; right: 0; display: flex;justify-content: flex-end;}
  .plannOneSwiper2 .swjt img { filter: brightness(0); -webkit-filter:brightness(0);}
  .plannOneSwiper2 .swjt.swiper-button-prev {transform: rotate(180deg); left: 0;}
  .plannFive .box {min-height: 8.8rem;}

  /* 科技创新 */
  .techOne ul li {top: auto !important;; left: auto !important; position: relative;}
  .techOne ul li .xian .dashed {display: none;}
  .techOne .box ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .techOne .box ul li {width: 48%; margin-top: 0.5rem;}
  .techOne ul li p {line-height: 1.5;}

  .techTwo {margin-top: 0;}

  /* 运营维护---项目合作 */
  .opercateOneSwiper .re dl i {opacity: 0;}
  
}

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
  /* 底部 */
  
  .footer .foterNav {justify-content: center;     background-size: contain;}
  .footer .foterNav dt {font-size: var(--font20);}
  .footer .foterNav dl {display: none; margin-right: 0;}
  .footer .foterNav dl:last-child {display: block;}
  .footer .foterNav .usCon {justify-content: center;}
  .footer .usCon ol li .icBox {width: 0.8rem; height: 0.8rem;}

}


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

  /* 首页 */
  .indexTwo .box {flex-wrap: wrap;}
  .indexTwo .box .le {width: 100%;}
  .indexTwo .box .re {width: 100%; order: -1;}
  .indexTwo .box .re p {line-height: 1.5;}
  .indexTwo2 ul li span {font-size: var(--font14);}

  /* 关于我们 */
  /* .aboutOne .box .le {width: 42%;}
  .aboutOne .box .re {width: 55%;} */

  /* 规划设计 */
  .plannTwo ul {flex-wrap: wrap;}
  .plannTwo ul li {width: 49%;margin-bottom: 0.2rem;}
  .plannThree ul {grid-template-columns: repeat(3,1fr);}
  .plannFour ul {flex-wrap: wrap;}
  .plannFour ul li {width: 49%;margin-top: 1rem;}
  .plannFour ul li:nth-child(2)::after {display: none;}
  .plannFive .indexTle h3 {width: 70%;}
  .plannSixSwiper1 {height: 1rem;}
  .plannSixSwiper2 .swiper-pagination {bottom: 1.25rem; left: 34.5%;}

  /* 运营维护--项目运营 */
  .propertionTwo ul {grid-template-columns: repeat(3,1fr);}
  .protionThreSwiper1 {    padding-bottom: 0.3rem;}
  .protionThreSwiper1 .swiper-wrapper {justify-content: initial;}
  .protionThreSwiper1 .swiper-scrollbar-drag {background: #1a98cb;}

  /* 运营维护--项目合作 */
  .opercateFour {padding-bottom: 1rem;}
  .opercateFour .circleBj {display: none;}
  .opercateFour .box {margin-top: 0;}
  .opercateFour ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .opercateFour ul li {position: relative; left: auto !important; top: auto !important; width: 49%; margin-top: 0.5rem;}
  .opercateFour ul li .con {width: auto;}

  /* 运营维护--售后服务 */
  .afterSalesOne .container {max-width: 92%;}
  .afterSalesOne .box {flex-wrap: wrap;}
  .afterSalesOne .box .le {width: 100%;}
  .afterSalesOne .imgBox {width: 100%;margin-top: 1rem;}

  /* 产品专区 */
  .proZone .list {    grid-template-columns: repeat(3,1fr);}

  .projectDetaOne .more a .chat {display: none !important;}

  /* 联系我们 */
  .contactOne .box .le p span {display: block;}
  .contactOne .box .le p b {display: none;}
}

/* ======================================================960px========================================================= */
@media screen and (min-width: 200px) and (max-width: 960px) {
  /* 首页 */
  .banner .swiperBox1 {width: 65%;}
  .indexTwo .box .re {padding-bottom: 3%;}
  .indexTwo .box .re .more a {width: 1.8rem; height: 0.5rem; line-height: 0.5rem;}
  .infiSwiper ul {grid-template-columns:repeat(3,1fr);grid-template-rows:auto;}
  .infiSwiper ul li:nth-child(1) ,.infiSwiper ul li:nth-child(2) , .infiSwiper ul li:nth-child(3) ,.infiSwiper ul li:nth-child(4) ,.infiSwiper ul li:nth-child(5){grid-column: auto;grid-row: auto;}
  .infiSwiper ul li:last-child {display: none;}
  .infiSwiper ul li:nth-child(6) p {display: -webkit-box; }

  /* 关于我们 */
  .aboutOne .box {flex-wrap: wrap;}
  .aboutOne .box .le {width: 100%;}
  .aboutOne .box .re {width: 100%; margin-top: .5rem;}
  .aboutOne .box2 .le {order: -1;}

  /* 项目展示 */
  /* .projectShow .projectList {width: 70%;} */
  .opercateFiveSwiper.projectList ul {grid-template-columns: repeat(2,1fr);}
  .projectList ul {grid-template-columns: repeat(2,1fr);}

  /* 项目展示详情 */
  .projectDetaOneSwiper2 {width: 48%;}
  .projectDetaOne .box .re {width: 50%;}
  .projectDetaOneSwiper2 .swjt {width: 0.5rem;height: 0.5rem; top: 92%;}
  .projectDetaOneSwiper2 .swiper-button-prev {left: 74%;}
  .projectDetaOneSwiper2 .swiper-button-next {left: 85%;}

  /* 规划设计 */
  .planNineSwiper ul {grid-template-columns:repeat(3,1fr);grid-template-rows:auto;}
  .planNineSwiper ul li:nth-child(1) ,.planNineSwiper ul li:nth-child(2) , .planNineSwiper ul li:nth-child(3) ,.planNineSwiper ul li:nth-child(4) ,.planNineSwiper ul li:nth-child(5){grid-column: auto;grid-row: auto;}
  .planNineSwiper ul li:last-child {display: none;}
  .planNineSwiper ul li:nth-child(1) span, .planNineSwiper ul li:nth-child(4) span {top: 90%;}
  .plannNine .swiper-button-prev {left: 40%;}
  .plannNine .swiper-button-next {right: 40%;}
  .planTenSwiper.projectList ul {grid-template-columns: repeat(2,1fr);}

  /* 科技创新 */
  .techTwo .box {flex-wrap: wrap;}
  .techTwo .box .indexTle {text-align: center;}
  .techTwo .box .indexTle i {margin: auto;margin-top: 0.1rem;}
  .techTwo .box .le {width: 100%;}
  .techTwo .box .re {width: 100%;}
  .techTwoSwiper2 {width: 60%;}
  .techTwoSwiper2 .swiper-wrapper {min-height: 4.5rem;}
  .techThree ul {grid-template-columns: repeat(2,1fr); gap: 0.2rem;}
  

  /* 运营维护--项目运营 */
  .opercateTwo ul li strong {    font-size: var(--font20);}
  .opercateThree dl dd {padding: 0.4rem;}

  /* 运营维护--售后服务 */
  .afterSalesSix .box {flex-wrap: wrap;}
  .afterSalesSix .box .cen {order: -1;margin: auto;}
  .afterSalesSix .box dl {width: 48%;}
  .afterSalesSix .box dd {margin-top: 0.5rem;}

  /* 联系我们 */
  .contactOne .box .icBox {flex-shrink: 0;width: 0.4rem;    margin-right: 0.2rem;}
  .contactTwo {flex-wrap: wrap;}
  .contactTwo .le {width: 100%;}
  .contactTwo .mapBox {width: 100%;height: 6rem;}
  
}


/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 767px) {
  /* 首页 */
  .banner .slideText {display: none;}
  .banner .swiperBox1 {top: 75%;width: 60%;}
  .bannerSwiper1 {max-width: 70%;}
  .indexOne .inlist {grid-template-columns: repeat(2,1fr);gap: 0.2rem;}
  /* .inOneSlide {width: 206%;} */
  .indexOne .inlist li .more .time {font-size: var(--font14);}
  .indexOne .inlist li p {min-height: auto;}
  .indexOne .inlist > li:nth-child(6) {display: block;}
  .inOneSlide {grid-column: 1 / 3;}
  .indexTwo2 ul {flex-wrap: wrap;}
  .indexTwo2 ul li {width: 32%;}
  .indexTwo2 ul li:nth-child(4) , .indexTwo2 ul li:nth-child(5) {width: 49%; margin-top: 0.2rem;}
  .inThSwiper1 {max-width: 85%;}
  .inThSwiper1 .swiper-slide span {font-size: var(--font14);}
  .inThSwiper2 ul {grid-template-columns: repeat(2,1fr);}
  .inThSwiper2 ul li .con {padding: 0.2rem;}
  .indexFour ul {justify-content: space-between;margin-right: 0;}
  .indexFour ul li {width: 49% !important; margin: 0; margin-bottom: 0.15rem;}
  .indexFour ul li .pic {height: auto;}
  .indexFive {margin-top: 0.5rem;}
  .infiSwiper ul {grid-template-columns:repeat(2,1fr);}
  .infiSwiper ul li .cover {left: 0 !important; top: 0 !important;}
  .infiSwiper ul li .cover p {display: none;}
  .infiSwiper ul li .imgBox {max-height: 150px; min-height: 150px;}

  /* 关于我们 */
  .nyNav ul {flex-wrap: wrap;}
  .nyNav ul li { width: calc(100%/3);border: none;}
  .nyNav ul li:nth-child(3n) {border: 0;}
  .nyNav ul li img {max-width: 80%;}
  .aboutOne .box {flex-wrap: wrap;}
  .abOneSwiper .con strong {font-size: var(--font24);}
  .abOneSwiper .con span {font-size: var(--font16);}
  .aboutTwo ul {flex-wrap: wrap;}
  .aboutTwo ul li {width: 49%; margin-top: 1rem;}
  .aboutTwo ul li:nth-child(2) {padding-right: 0;}
  .aboutTwo ul li:nth-child(2)::before ,.aboutTwo ul li:nth-child(2)::after {display: none;} 
  .aboutTwo ul li p {font-size: var(--font14);}
  .aboutThree ul { grid-template-columns: repeat(2,1fr);gap: 0.2rem;}
  .aboutThree ul li span {font-size: var(--font16);}
  .aboutFive {padding-bottom: 0;}
  .aboutFive .swiperBox {padding-bottom: 2rem;}
  .abFiveSwiper .swjt {top: 120%;}
  .abFiveSwiper .swiper-slide {width: 52%;}
  .abFiveSwiper .con h5 {font-size: var(--font16);}
  .abFiveSwiper .con span {font-size: var(--font14);}
  .abSixSwiper .swiper-slide .imgBox {margin-bottom: 0.1rem;}
  .abSixSwiper .swiper-pagination {bottom: 0;}
  .abSevenSwiper .swiper-slide {width: 60%;}
  .abSevenSwiper span {font-size: var(--font16);}
  .abSevenSwiper .swjt {right: 10%;}
  .abSevenSwiper .swiper-button-prev {left: 10%;}
  .abEightSwiper2 {max-width: 90%;}
  .aboutEight .swiper-button-prev {left: -10px;}
  .aboutEight .swiper-button-next {right: -10px;}
  .abEightSwiper1 .swiper-slide .info {flex-wrap: wrap;}
  .abEightSwiper1 .swiper-slide .text {width: 100%;}
  .abEightSwiper1 .swiper-slide .info .pic {width: 100%;margin-top: 0.5rem;}
  .abEightSwiper1 .swiper-slide .join-editbox {max-height: 5rem;}

  /* 项目展示 */
  .projectShow .box {flex-wrap: wrap;}
  .projectNav {position: static; padding-bottom: 0;}
  .projectNav ul {display: flex; flex-wrap: wrap;justify-content: space-between;}
  .projectNav ul li {width: 49%;}
  .projectNav ul li span {font-size: var(--font14);}
  .projectShow .projectList {width: 100%; margin-top: 0.4rem;}
  .projectList ul li .con {padding: 0.15rem;}
  .projectList ul {gap: 0.1rem;}
  .projectList ul li p {font-size: var(--font18);}
  .projectList ul li span {font-size: var(--font16);}

  /* 项目展示详情 */
  .detaMbx {display: none;}
  .projectDetaOne .container {max-width: 92%;}
  .projectDetaOne .box {margin-top: 0.5rem; flex-wrap: wrap;}
  .projectDetaOne .box .re {width: 100%; margin-bottom: 0.1rem;}
  .projectDetaOneSwiper1 .swiper-slide {margin-right: 10px !important;}
  .projectDetaOneSwiper2 {width: 100%; order: 1;}
  .projectDetaOneSwiper2 .swjt {top: 15%; width: 0.65rem; height: 0.65rem;}
  .projectDetaOneSwiper2 .swiper-button-prev {left: 75%;}
  .projectDetaOneSwiper2 .swiper-button-next {left: 88%;}
  .projectDetaTwo {margin-top: 0.5rem;}
  .projectDetaOne .swiperBox {margin-top: 1rem;}
  .projectDetaOne .swiperBox .swjt {left: 72%;}

  .projectDetaTwo .box > p strong span {font-size: .45rem !important;}
  .projectDetaTwo .box > p span {font-size: .3rem !important;}
  .tableNum table tr {justify-content: space-between;}
  .tableNum table tr td {width: 49%; padding-right: 0;}
  .tableNum table tr td p span {font-size: var(--font16) !important;}
  .tableNum table tr td p strong span {font-size:.45rem !important;}

  .projectDetaTwo .slideDown tr {flex-wrap: wrap;}
  .projectDetaTwo .slideDown td {width: 100%; height: auto;}
  .projectDetaTwo .slideDown td:nth-child(2) {width: 100%; margin-top: .5rem; max-height: 6rem;}
  .projectDetaTwo .slideDown p {line-height: 2em !important}
  .projectDetaTwo .slideDown p span {font-size: 16px !important}

  /* 规划设计 */
  .plannBanner .ToDown {top: 85%;}
  .plannBanner .ToDown img {max-width: 65%; margin: auto;}
  .plannBanner .slideText {left: 0; padding: 0 4%; box-sizing: border-box;}
  .plannBannerSwiper .imgBox img {height: 6.5rem; object-fit: cover;}
  .plannTwo ul li {width: 100%;}
  .plannTwo ul li p {line-height: 1.5;}
  .plannThree ul {    grid-template-columns: repeat(2,1fr);}
  /* .plannThree ul li:last-child {width: 212%;} */
  .plannFour ul li {width: 100%;}
  .plannFour ul li::after {display: none;}
  .plannFour ul li p {line-height: 1.5;}
  .plannFive .indexTle h3 {width: 100%;}
  .plannFive .box {flex-wrap: wrap;}
  .plannFive .box .imgBox {width: 100%;}
  .plannFive .box dl {width: 100%;}
  .plannFive .box dl dd {height: auto; padding: 0.25rem;}
  .plannFive .box dl .icBox {width: 1.2rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
  .plannFive .box dl .icBox img {max-width: 100%;}
  .plannFive .box dl b {font-size: var(--font20);}
  .plannFive .box dl p {font-size: var(--font14)}
  .plannSix .container22 {max-width: 92%; margin: auto;}
  .plannSix .swiperBox {padding-bottom: 2.5rem;}
  .plannSixSwiper1 {width: 100%;margin-left: 0;height: 1.5rem; }
  .plannSixSwiper2 {position: initial;}
  .plannSixSwiper2 .boxCon {flex-wrap: wrap;}
  .plannSixSwiper2 .boxCon .le {width: 100%; padding-bottom: 0.5rem; margin-left: 0;}
  .plannSixSwiper2 .boxCon .more {    margin-left: 0.25rem;}
  .plannSixSwiper2 .boxCon .imgBox {width: 100%;}
  .plannSixSwiper2 .boxCon .imgBox::after {display: none;}
  .plannSixSwiper2 .boxCon p {line-height: 1.5;}
  .plannSixSwiper2 .boxCon .more::before {height: 0.5rem; width: 0.5rem;}
  .plannSixSwiper2 .boxCon .more::after {height: 0.5rem;}
  .plannSixSwiper2 .swiper-pagination {bottom: 1.8rem; left: 85%;}
  .plannSeven .tle .text {font-size: var(--font20);}
  .planSevenSwiper .swiper-slide a {font-size: var(--font14)}
  .planSevenSwiper .swiper-button-next {right: -12px;}
  .planSevenSwiper .swiper-button-prev {left: -12px;}
  .plannEight dl {gap: 0.1rem;}
  .plannEight dl dd span {font-size: var(--font14);}
  .planEightSwiper .list {grid-template-columns: repeat(2,1fr);gap: 0.1rem;}
  .planNineSwiper ul {grid-template-columns:repeat(2,1fr);gap: 0.1rem;}
  .planNineSwiper ul li span {top: 85%;}
  .planNineSwiper ul li:nth-child(1) span, .planNineSwiper ul li:nth-child(4) span {top: 85%;}
  .plannNine .swjt {top: 95%;}
  .plannNine .swiper-button-prev {left: 35%;}
  .plannNine .swiper-button-next {right: 35%;}
  .planTenSwiper .prograpag {display: none;}

  /* 科技创新 */
  .techOne {padding-bottom: 1rem;}
  .techOne .indexTle p {width: 100%; line-height: 1.5;font-size: var(--font14);}
  .techOne .box ul li {width: 100%;}
  .techOne ul li p {font-size: var(--font14);}
  .techTwo .box .re {flex-wrap: wrap;}
  .techTwo .box .swiperBox {width: 100%;margin-top: 0.5rem; max-height: 3rem;}
  .techTwoSwiper1 .text {height: auto; padding: 0.2rem 0; margin-bottom: 0.22rem;}
  .techTwoSwiper2 {order: -1;width: 100%;}
  .techTwoSwiper2 .swiper-wrapper {min-height: 3.5rem;}
  /* .techThree ul {grid-template-columns: repeat(1,1fr);} */
  .techFour .box {flex-wrap: wrap; min-height: auto;}
  .techFour .box .imgBox {width: 100%;}
  .techFour .box dl {width: 100%; padding: 0.2rem;}
  .techFour .box dl dd {height: auto; padding: 0.2rem;}
  .techFour .box dl dd b {font-size: var(--font20);}
  .techFour .box dl dd p {font-size: var(--font14);}
  .techFive .indexTle p {width: 100%;font-size: var(--font16);}
  .techFiveSwiper .list {grid-template-columns: repeat(2,1fr);}
  .techFiveSwiper .list li p {font-size: var(--font16);}
  .techSixSwiper .list {grid-template-columns: repeat(2,1fr);}
  .techSixSwiper .list  li p {font-size: var(--font16);}
  .techSevenSwiper .swiper-slide span {font-size: var(--font16);}
  .techEight .indexTle p {width: 100%;}
  .techEight ul {justify-content: space-between;}
  .techEight ul li {font-size: var(--font14);padding: 0.15rem 0.2rem; width: 48%;}
  .techEightSwiper .swiper-slide span {font-size: var(--font14);}
  .js-followPopup .hidden-box {max-width: 50%;margin: auto;}
  .techNineSwiper ul {grid-template-columns: repeat(1,1fr);}

  .tech2one .box {margin: 0;}
  .tech2two ul li {width: 100%;}
  .tech2thre .tle dl {flex-wrap: wrap; justify-content: flex-start;}
  .tech2thre .tle dl dd {margin-top: .2rem;}
  .techFour .box2 .imgBox {order: -1;}

  /* 运营维护 */
  .operationOne ul li {min-height: auto;flex-wrap: wrap;}
  .operationOne ul li .le {width: 100%;padding: 0.25rem;}
  .operationOne ul li .imgBox {width: 100%; order: -1;}
  .operationOne ul li .le p {line-height: 1.5;}
  .operationOne ul li .more a {width: 2.25rem;height: 0.65rem;}

  /* 运营维护--项目运营 */
  .propertionOneSwiper .text {font-size: var(--font14);}
  .propertionNav ul li a {width: 2.5rem; height: 0.7rem;}
  .propertionNav ul li a img {max-width: 15%;}
  .propertionTwo ul {grid-template-columns: repeat(2,1fr);    gap: 0.2rem; row-gap: 0.5rem;}
  .propertionTwo ul li p {font-size: var(--font14);}
  .protionThreSwiper2 .box {flex-wrap: wrap;}
  .protionThreSwiper2 .box .imgBox {width: 100%;}
  .protionThreSwiper2 .box .con {width: 100%;padding: 0.5rem;}
  .protionFourSwiper .list {grid-template-columns: repeat(2,1fr);}
  .protionFourSwiper .list p {font-size: var(--font14);}
  .opercateOne .indexTle p {width: 75%; font-size: var(--font16);}

  /* 运营维护--项目合作 */
  .opercateOneSwiper {width: 85%;}
  .opercateOneSwiper .box {flex-wrap: wrap;}
  .opercateOneSwiper .imgBox {width: 100%;}
  .opercateOneSwiper .re {width: 100%;}
  .opercateOneSwiper .re p {line-height: 1.5;}
  .opercateTwo ul {flex-wrap: wrap;}
  .opercateTwo ul li {width: 48%; padding-bottom: 0.5rem;}
  .opercateTwo ul li:nth-child(2) { border-right: 1px solid rgba(255, 255, 255,.3);}
  .opercateTwo ul li p {font-size: var(--font14);}
  .opercateThree .boxTop .container ,.opercateThree .boxBom .container {flex-wrap: wrap;}
  .opercateThree .boxTop .imgBox {width: 100%; position: relative;}
  .opercateThree .boxTop .imgBox img {position: relative;top: 0;}
  .opercateThree .boxTop .re {width: 100%;}
  .opercateThree .boxBom dl {width: 100%;}
  .opercateThree .boxBom .imgBox {width: 100%;}
  .opercateThree .boxBom dl dd:nth-child(1) {background: #fff;}
  .opercateFour ul li {width: 100%; margin-top: 0.25rem;}

  /* 运营维护--售后服务 */
  .afterSalesOne .box .le .us b {font-size: var(--font34);}
  .afterSalesTwo ul {grid-template-columns: repeat(2,1fr);}
  .afterSalesThree ul {flex-wrap: wrap;}
  .afterSalesThree ul li {width: 48%; margin-top: 0.5rem;}
  .afterSalesThree li .imgBox {height: 2.5rem;}
  .afterSalesThree ul li:nth-child(2):before , .afterSalesThree ul li:nth-child(2)::after {display: none;}
  .afterSalesFour .text {width: 100%; line-height: 1.5;}
  .afterSalesFour ul {flex-wrap: wrap;}
  .afterSalesFour ul li {width: 100%; margin-bottom: 0.5rem;}
  .afterSalesFour ul li::after {display: none;}
  .afterSalesFive .box {flex-wrap: wrap;}
  .afterSalesFive .re ,.afterSalesFive .le {width: 100%;}
  .afterSalesFive .re {margin-top: 0.5rem;}
  .afterSalesFive form input, .afterSalesFive form textarea {height: 0.6rem;}
  .afterSalesFive form textarea {height: 2rem;}
  .afterSalesFive .le .more a ,.afterSalesFive form .sub button {width: 2rem; height: 0.6rem;;}
  .afterSalesFive form .sub {display: flex; justify-content: center;    width: 100%;}
  .afterSalesSix .box .cen {width: 80%; margin: auto;}
  .afterSalesSix .box dl {width: 100%;}
  .afterSalesSix .box dl.re .icBox {order: 0;}
  .afterSalesSix .box dl.re {text-align: left;}
  .afterSalesSix .box dl.re .icBox {margin: 0; margin-right: 0.2rem;}
  .afterSalesNine .indexTle h3 {width: 100%;    font-size: var(--font34);}
  .afterSalesNine ul {grid-template-columns: repeat(2,1fr);}

  /* 运营维护--施工现场 */
  .proPlantOneSwiper {max-width: 85%;}
  .proPlantTwoSwiper ul {grid-template-columns: repeat(2,1fr);}

  /* 运营维护--企业声明 */
  .statementOneSwiper ul li p {font-size: var(--font16);}
  .statementOneSwiper ul li .tle .text {font-size: var(--font14); line-height: 1.5;max-height: 3rem;}
  .statementOneSwiper ul li .tle a {font-size: 0.1rem;}

  /* 产品专区 */
  .proZone {margin-bottom: 0.5rem;}
  .proZone .proTop {flex-wrap: wrap; padding: 0.4rem 0;}
  .proZone .proTop h3 {width: 100%; text-align: center; font-size: var(--font48);}
  .proZone .proTop form {justify-content: space-between;}
  .proZone .proTop dl {width: 25%; margin-right: 0;}
  .proZone .proTop dt {width: 100%;line-height: 1rem;    height: 1rem;}
  .proZesearch .txt {width: 80%; height: 1rem; padding: 0 0.1rem;}
  .proZesearch .but {width: 20%;height: 1rem;}
  .proSearch {width: 100%;margin-top: 0.3rem;}
  .proZesearch {width: 73%;}
  .proZone .list {grid-template-columns: repeat(2,1fr);}

  /* 产品详情 */
  .proDeta .tle {max-width: 100%;}
  .proDetaVideoSwiper ul {grid-template-columns: repeat(2,1fr);}
  .proDetaVideoSwiper ul li p {font-size: var(--font14);}
  .proDetaListSwiper .list {grid-template-columns: repeat(2,1fr);}
  .proDetaListSwiper .list li p {font-size: var(--font14);}
  .otherPages .backList {display: flex; justify-content: center;   margin: auto; margin-top: 0.5rem;}
  .otherPages .backList a {width: 2.5rem;height: 0.8rem;border-radius: 1.33rem;}

  /* 新闻资讯 */
  .newsMain ul {grid-template-columns: repeat(2,1fr);}
  .newsMain ul li p {line-height: 1.5;}
  .newsMain ul li em {margin-top: 0.2rem;}

  /* 新闻详情 */
  .newsDeta {padding-top: 0.5rem;}
  .shareLinks {display: none;}
  .newsDeta .otherPages {padding-bottom: 0.5rem;}
  .newsDeta .detaCon .video-js {width: 100%;}

  /* 联系我们 */
  .contactOne::after {height: 50%; top: auto; left: 0;bottom: 0; display: none;}
  .contactOne .box {flex-wrap: wrap;}
  .contactOne .box .le {width: 100%;}
  .contactOne .box .re {width: 100%;padding: 0;}
  .contactOne form .sub button {height: 0.7rem;}

  /* 轮播图分页器 */
  .swiperpagbox .prograpag {display: none;}

}

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

}

@media screen and (min-width: 200px) and (max-width: 500px) {
   /* 头部 */
  
   .search-page .box {margin-top: 0.9rem;}
}

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

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

}