/* 手机端下拉 */
/* navbar toggle */
body.navOverFlow {overflow: hidden;}
.menu-trigger {cursor: pointer; width: 19px;height: 16px; display: inline-block;z-index: 5; display: none; position: relative; margin-left: .4rem;}
.menu-trigger .nav-line {width: 100%;position: absolute;top: 0;right: 0;height: 2px;background: #fff;-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: #fff;}
.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;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 7;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 96%; margin: auto;  height: calc(100% - 1rem);     margin-left: 2%;}
.wrapNav {height: calc(100% - 0.35rem); margin-bottom: 30px; overflow-x: hidden;overflow-y: auto; padding-right: .15rem;}
.wrapNav > li {padding: .2rem 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: var(--font20);color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #1B8DC2;}
.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.1rem; }
.wrapNav2 > li > a > span {font-size: var(--font18);color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #1B8DC2;}
.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: #1B8DC2;}

/* 头部悬浮 */
.top-headerUp .menu-trigger .nav-line {background: #333;}

@media screen and (min-width: 200px) and (max-width: 1900px) {
  .header .logo {margin-left: 0;}
}

/* ======================================================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) {
  /* 联系我们 */
  .tactForm .item input {padding-left: .9rem;}
}

/* ======================================================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) {
}

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

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  nav {display: none;}
  .menu-trigger {display: block;}

  /* 项目案例 */
  .caseClassity {grid-template-columns: repeat(5,min(98px));  gap: 0;}
  .caseClassity a {    padding: 10px 15px;}


}

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

/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
  /* 关于我们 */
  .aboutOne .le p span {display: block;}
  .aboutOne .box {align-items: flex-start;}
  .aboutOne .re ul li .counter {font-size: .4rem;}
}

/* ======================================================960px========================================================= */
@media screen and (min-width: 200px) and (max-width: 960px) {
  /* 首页 */
  .c-text-box .textBox {width: 50%;}
  .inFourSlide .bd ul li {flex-wrap: wrap;}
  .inFourSlide .bd .leBox {width: 100%;}
  .inFourSlide .bd .reBox {width: 100%; margin-top: .5rem;}
  .inFourSlide .bd .reBox .moreCase {align-items: center; line-height: 1;}
  .quote .box {flex-wrap: wrap;}
  .quote .box .le {width: 100%; display: flex; align-items: center;}
  .quote .box .re {width: 100%;margin-top: 1rem;}
  .quote .box .tel {margin-top: 0; margin-left: 1rem;}

}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 767px) {
  /* 头部 */
  .heUs .tel {display: none;}
  .pub_search_box {width: 100%;}
  .search_form button {width: 7%;}
  .pub_search_case {padding: .3rem 4%;}
  .pub_search_case .zhan_c img {max-width: 35%;}

  /* 首页 */
  .inMore {width: 2rem;height: 0.6rem;}
  .bannerSwiper {height: 50vh;}
  .indexOne .box {flex-wrap: wrap;}
  .indexOne .le {width: 100%;}
  .indexOne .re {width: 100%; margin-top: .5rem;}
  .indexOne .le .inMore {margin: auto;}
  .indexOne .re a img {max-width: 65%; display: block; margin: auto;}
  .indexTwo {height: 90vh;}
  .inTwoSwiper1 .con {top: 40%;}
  .inTwoSwiper1 .con .indexTle .text {width: 100%;}
  .inTwoSwiper1 dl {width: 100%; margin-left: 0;}
  .inTwoSwiper2 { width: 100%; height: auto; top: auto; bottom: 0; }
  .inTwoSwiper2 .swiper-slide {padding: .2rem 0;}
  .indexThree {padding-top: .5rem;}
  .c-b-box {display: flex;flex-direction: column;}
  .c-text-box {width: 100%; position: relative; transform: initial; left: 0; top: 0;     margin: auto;order: -1;}
  .c-text-box .textBox {width: 100%;}
  .c-text-box .textBox .more {margin-top: .5rem;}
  .c-text-box .textBox dl {margin-top: .6rem;}
  .c-earth-box .c-box>img {width: 85%;}
  .inFourSlide .hd ul li {margin-left: .5rem;}
  .inFiveSwiper .con h5 {font-size: var(--font20);}
  .quote .box .le {flex-wrap: wrap;}
  .quote .box .tel {margin-left: 0; margin-top: .5rem;}
  .subForm .itemList1 {grid-template-columns: repeat(2,1fr);}
  .telPc {display: none;}
  .telMobile {display: block;}
  .subForm .itemList2 .duoXuan {grid-column: 1 / 3;}
  .subForm button {margin: auto;}

  /* 底部 */
  .foterNav dl {display: none;}
  .foterNav dl:last-child {display: block; width: 100%;}
  .foterNav .link {grid-template-columns: repeat(5,auto);    gap: .15rem; justify-content: space-between; row-gap: .3rem;}
  .foterNav .link li {width: .8rem; height: .8rem;}
  .foterNav .link li a img {width: .4rem;height: .4rem;}
  .foterNav .link li:hover .codeBox {    transform: translateY(.8rem);}

  /* ==================================================================================内页============================================================= */
  /* 内页banner */
  .ny-banner {height: 50vh;}
  .ny-banner .con em {font-size: 0.3rem;}
  .ny-banner .con strong span {font-size: .5rem;}

  .inMore2 {width: 2rem; height: 0.6rem;}
  /* 关于我们 */
  .aboutOne .box {flex-wrap: wrap;}
  .aboutOne .le {width: 100%;}
  .aboutOne .re {width: 100%; margin-top: 1rem;}  
  .aboutOne .le p {font-size: .4rem;}
  .aboutOne .le p span {display: inline-block;}
  #canvasBox {margin: auto;}
  .aboutOne .re ul li .counter {font-size: .5rem;}
  .aboutTwo ul {flex-wrap: wrap;}
  .aboutTwo ul li {width: 50%;}
  .aboutTwo ul li .con { padding: 5%;}
  .aboutTwo ul li:hover .con {padding: 5%;}
  .aboutTwo ul li .disc { height: 48px;opacity: 1;margin-top: 0.2rem;}
  .aboutTwo ul li .con::after { bottom: 0; background: #178dc269;}
  .aboutTwo ul li .con p {background-size: 10%;}
  .hon_con_box .swiper-container {width: 52%;}
  .hon_nav_box {max-width: 85%;}
  .hon_nav_box .swiper-button-prev {transform: translate(-120%, -50%) rotate(180deg);}
  .hon_nav_box .swiper-button-next {transform: translate(120%, -50%);}
  .aboutThree .disTle dl {grid-template-columns: repeat(2,auto);}
  .aboutThree .disTle dl i {display: none;}

  /* 产品中心 */
  .proCenter ul li {margin-top: .3rem;}
  .proCenter ul li h4 a {font-size: .4rem;}
  .proCenter ul li .more {margin-top: .4rem;}
  .proCenter ul li .con {margin: auto; position: relative; top: auto; left: auto; transform: initial; margin-top: .3rem;}
  .proCenter ul li h4 a {color: #333;}
  .proCenter ul li p {color: #333; width: 100%;}
  .proCenter ul li .inMore2 {border-color: #333;}
  .proCenter ul li .inMore2 span {color: #333;}
  .proCenter ul li .inMore2 img {filter: brightness(0); -webkit-filter:brightness(0);}
  .proCenter ul li .inMore2:hover {border-color: #178dc2;}
  .proCenter ul li .inMore2:hover span {color: #fff;}
  .proCenter ul li .inMore2:hover  img {filter: none; -webkit-filter:none;}
  /* 产品中心列表 */
  .peoClassify a {padding: .1rem .3rem;margin: 0 .15rem;}
  .peoClassify a::after {right: -.3rem; bottom: 10%;}
  .nyproListNav {flex-wrap: wrap;}
  .proList ul li a {flex-wrap: wrap; padding: 0;}
  .proList ul li .imgBox {width: 100%; overflow: hidden; margin-bottom: .5rem;}
  .proList ul li .con {width: 100%;flex-wrap: wrap; margin-bottom: .5rem;}
  .proList ul li .con .conLe {width: 100%;}
  .proList ul li .more {margin-left: 0; margin-top: .5rem; margin: auto; margin-top: .5rem;}
  /* 产品详情 */
  .dateInfo {flex-wrap: wrap;}
  .dateSwiper {width: 100%;}
  .dateInfo .infoBox {width: 100%;margin-top: .3rem;}
  .mbxBox .backList {width: 100%;display: flex; justify-content: flex-end; margin-top: .3rem;}

  /* 项目案例 */
  .proCaseList {grid-template-columns: repeat(2,1fr);gap: .2rem;}

  .caseCenSwiper .swiper-slide {width: 65%;}
  .caseProList .tle {flex-wrap: wrap;}
  .caseProList .tle .caseTle {width: 100%; text-align: center;}
  .caseClassity {width: 100%;justify-content: center; margin-top: .3rem;     grid-template-columns: repeat(3,min(100px));}
  .caseClassity a {padding: 8px 10px;}
  .caseProList ul li a {flex-wrap: wrap;}
  .caseProList ul li .imgBox {width: 100%;}
  .caseProList ul li .con {width: 100%; padding: .5rem;}
  .caseProList ul li:nth-child(even) .imgBox {order: initial;}
  .caseProList ul li .more {margin-top: 10%;}
  .caseProList ul li .more em {width: 1.6rem;height: 0.6rem; border-radius: 0.5rem;}
  /* 案例详情 */
  .caseDate {flex-wrap: wrap;}
  .caseDate .left {width: 100%;}
  .caseDate .right {width: 100%; position: relative; top: 0; margin-top: .8rem;}

  /* 新闻中心 */
  .newsList .list ul {grid-template-columns: repeat(2,1fr);     gap: .25rem; row-gap: .5rem;}
  .newsList .list li h5 {font-size: var(--font20);}

  /* 案例和新闻详情 */
  .newsDate .datefy .back {display: flex; justify-content: center; margin-top: .5rem; width: 100%;}
  .newsDate .datefy .prevNext {width: 100%;}

  /* 项目体验中心 */
  .allCaseList .allCase {width: 100%;}
  .allCaseList .allCase li {padding: 0;}

  /* 联系我们 */
  .contact-banner {height: auto;}
  .contact-banner .con {display: block;}
  .contact-banner .imgBox {position: relative;}
  .contact-banner .imgBox img {height: 5rem;}
  .tactBox {position: relative; left: auto; top: auto;  justify-content: center;   transform:initial; margin: auto; margin-top: .5rem;}
  .tactBox .tact {width: 100%;}
  .tactBox .tact .link {grid-template-columns: repeat(5,auto); width: 100%;}
  .tactBox .tact em {color: #333;}
  .tactBox .tact .tel {margin-top: .2rem;}
  .tactBox .tact .tel img , .tactBox .tact dd .icBox img { filter: brightness(0); -webkit-filter:brightness(0);opacity: .5;}
  .tactBox .tact .tel span {color: #333;margin-left: .5rem;}
  .tactBox .tact dd span, .tactBox .tact dd span a {color: #333;}
  .tactBox .tact .foterNav {padding-bottom: .5rem; display: none;}
  .tactBox .foterNav .link li a img { filter: brightness(0); -webkit-filter:brightness(0);}
  .tactBox .foterNav .link li:hover a img {filter: none; -webkit-filter:none}
  .tactBox .foterNav .link li .code {    box-shadow: 0 2px 11px rgba(0, 0, 0, .2);}
  .tactQuote {padding-top: .5rem;}
  .tactForm .itemList1 {    grid-template-columns: repeat(1,1fr);}
 
  .tactForm .duoXuan {width: 100%;    grid-column: 1 / 2;}
  .tactForm .choice {width: 80%; margin-left: 1.1rem;}
  .tactForm .item {height: .8rem;}
  .tactForm .item input {padding-left: 1.2rem; }
  .tactForm .itemList3 {height: auto;}
  .tactForm .itemList3 textarea {padding-left: 1.4rem;}

  /* 搜索页面 */
  .search-page form {padding: 0px 20px;}
  .search-page form .searchCon {width: 90%;}
  .search-page li {padding: 20px;}
}

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

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

}

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

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