/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:100px) and (max-width:1399px){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: #2e334a;  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: 1900px) {
  .three-swiper2 .swiper-button-prev {left: 20px;}
  .three-swiper2 .swiper-button-next {right: 20px;}

  .about-four .swiper-button-prev {left: 40px;}
  .about-four .swiper-button-next {right: 40px;}

  .renine-swiper .swiper-button-prev  {left: 40px;}
  .renine-swiper  .swiper-button-next {right: 40px;}


}

@media screen and (min-width: 200px) and (max-width: 1800px) {
  .container18 {width: 92%;}
   /* 关于熊苗 */
  .about-three .container {width: 85%;}
  .about-four .container {width: 85%;}

  /* 搬迁服务 */
  .relocation-nine .container {width: 85%;}
}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
 .container {width: 92%;}
 .ny-banner1 .con {width: 92%;}

}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
  /* =========================首页========================= */
  .index-six .box-left .index-six-img {width: initial;}
  .index-six .box-right ul {height: 100%;}
  .index-six .box-right li {height: 47%; position: relative;}
  .index-six .box-right li .bom {position: absolute; width: 100%; bottom: 0;}


}


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

  /* 成功案例 */
  .ny-banner1 .con h2 {margin-bottom: 1.5rem;}
  .ny-banner3 .con a {margin-top: 2rem;}
}



/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
  /* =========================首页========================= */
  .index-two li .box {padding: 0 0.5rem 1.5rem 0.5rem;}
  .index-two li h4 {font-size: 1.5rem;}

  /* 关于熊苗 */
  .three-swiper1 .swiper-slide {padding: 1.5rem;}
  .three-swiper1 .swiper-slide h5 {font-size: 1.2rem;}

  /* 成功案例 */
  .ny-banner3 img {width: 150%;} 

}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* =========================首页========================= */
  .wap-click {display: block;}
  .header .box ul {display: none;}
  .header .box {height: 4.5rem;}
  .header h1 a {width: 8.56rem;}
  .ny-header-zw {height: 4.5rem;}
  .index-one {align-items: center;}

  /* =====================内页============================= */
  /* 新闻资讯 */
  .news-list ul {    grid-template-columns: repeat(3,1fr);}

  /* 关于熊苗 */
  .three-swiper2 .swiper-button-prev {    background-size: 50%;}
  .three-swiper2 .swiper-button-next {    background-size: 50%;}
  .about-four .swiper-button-prev {    background-size: 50%; left: 10px;}
  .about-four .swiper-button-next {    background-size: 50%; right: 10px;}

  /* 成功案例 */
  .sucecase .bd ul li img {width: 100%;}
  .sucecase .bd ul {    grid-template-columns: repeat(4,1fr);}

  /* 搬迁服务 */
  .relocation-one ul {    flex-wrap: wrap;gap: 2rem;}
  .relocation-one ul li {width: 47%;}
  .relocation-four ul {gap: 2rem; flex-wrap: wrap;}
  .relocation-four ul li {width: 30%;}
  .relocation-five ul {flex-wrap: wrap; gap: 2rem;}
  .relocation-five ul li:nth-child(even) {display: none;}
  .relocation-seven .box .cen {margin: 0 1rem; text-align: center;}
  .relocation-seven .box .cen img {width: 90%; display: inline-block;}
  .relocation-eight ul {    grid-template-columns: repeat(4,1fr)}
  .relocation-eight li img {width: 85%;}
  .relocation-eight li:before {right: -20px;}

} 

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





/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
  /* =========================首页========================= */
  .index-one {flex-wrap: wrap;}
  .index-one .one-left {width: 92%; margin: auto;margin-bottom: 2rem;}
  .index-one .one-right {width: 80%; margin: auto;}
  .index-two ul {    grid-template-columns: repeat(2,1fr);}

 /* 联系我们 */
  .contact-code ul {flex-wrap: wrap; gap: 3rem;}

 /* 关于熊苗 */
  .about-two ul {flex-wrap: wrap; gap: 2rem;}
  .about-two li {width: 47%;}
  .about-five .box {flex-wrap: wrap;}
  .about-five .box .le {width: 100%; margin-bottom: 2rem;}
  .about-five .box .re dl {margin-left: 0;}
  .about-five .box ul li {width: 0.4rem; height: 0.4rem;}

  
}




/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
  /* =========================首页========================= */
  .banner-swiper .box h1 {font-size: 3.5rem;}
  .banner-swiper .box h2 {font-size: 1rem;}
  .banner-swiper .box a {margin-top: 2rem;}
  .index-six .box {flex-wrap: wrap;}
  .index-six .box-left {width: 100%; margin: auto;}
  .index-six .box-left .index-six-img {width: 100%;}
  .index-six .box-right {width: 100%; margin-top: 2rem;}
  .index-six .box-right ul {gap: 0.5rem; justify-content: space-between;}
  .index-six .box-right li {height: auto; width: 48%;}
  .index-six .box-right li .bom {position: relative;}
  .footer .foooter-bom dl {display: none;}
  .footer .foooter-bom .contact {display: block;}
  .footer .footer-top {flex-wrap: wrap;}
  .footer .footer-top .list {    margin-top: 1rem; justify-content: center;width: 100%;}

  /* 关于熊苗 */
  .about-one .box {flex-wrap: wrap;}
  .about-one .box .le {width: 100%; margin-bottom: 3rem;}
  .about-one .box .re {width: 100%;}

  /* 成功案例 */
  .sucecase .bd ul li:before {right: -10%;}

  /* 搬迁服务 */
  .relocation-two .box {flex-wrap: wrap;}
  .relocation-two .box .le {width: 100%; order: 1; margin-top: 2rem;}
  .relocation-two .box .re {width: 100%;}
  .relocation-three dl {flex-wrap: wrap; gap: 1rem;}
  .relocation-three dd {width: 48%;}

}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
  /* =========================首页========================= */
  .banner-swiper .box {top: 45%; left: 50%;}
  .banner-swiper .box h1 {font-size: 3rem;}
  .banner-swiper .box {text-align: center;}
  .banner-swiper .swiper-slide {overflow: hidden;}
  .banner-swiper .swiper-slide img {width: 155%;}
  .banner-swiper .box a {    width: 9.94rem;height: 2.44rem; font-size: 1rem;    line-height: 2.44rem;}
  .banner-scroll {bottom: 2%;}
  .search-pro {top: 70px; width: 90%;     right: 5%;}
  .header-search {position: static;}
  .search-pro::after {display: none;}
  .three-box li span {font-size: 2rem; line-height: 50px;}
  .three-box li b {font-size: 1rem;}
  .three-box li:nth-child(2) span {font-size: 2rem;}
  .three-box li:nth-child(6) span {font-size: 2rem;}
  .three-box li em {font-size: 1rem;}
  .three-box li h5 {font-size: 0.8rem;}
  .infive-swiper {padding: 3rem 0;}
  .infive-swiper .first-slide {bottom: 0;}
  .infive-swiper .swiper-slide {transform: translate3d(0px,0px, 0px)!important; height: 20rem; display: flex;  flex-direction: column;  align-items: center; justify-content: flex-end;}
  .infive-swiper .swiper-pagination {display: block;}
  .footer .footer-copy {flex-wrap: wrap;}
  .index-two li .box {height: auto; align-items: center;}
  .index-two li span {display: none;}

  /* =====================内页============================= */
  .ny-banner1 .con {text-align: center;}
  .ny-banner1 .con h1 {font-size: 3rem;}
  .ny-banner1 .con h2 {font-size: 2rem; margin-bottom:1rem ;}
  .ny-banner1 .con i {margin: auto;}
  .ny-banner1 {overflow: hidden;}
  .ny-banner1 img {width: 150%;}
  /* 新闻资讯 */
  .news-list ul {    grid-template-columns: repeat(2,1fr);}

  /* 联系我们 */
  .contactus {padding: 3rem 0;}
  .contactus .box {flex-wrap: wrap;}
  .contactus .box-left {width: 100%; text-align: center; margin-bottom: 2rem;}
  .contactus .box-left i {margin: auto;}
  .contactus .box-left dd:last-child {justify-content: center; margin-top: 3rem;}
  .contactus .box-right {width: 100%;}


  /* 关于熊苗 */
  .about-three .container {width: 75%;}
  .three-swiper2 .swiper-button-prev {left: 5px; top: 77%;}
  .three-swiper2 .swiper-button-next {right: 5px; top: 77%;}
  .about-four .container {width: 75%;}
  .about-four .more a {    width: 10.38rem;line-height: 3.06rem;  height: 3.06rem;}
  .abhonor-swiper h6 {font-size: 1rem;}
  .about-one .three-box li span {font-size: 2.5rem;}
  .about-one .three-box li h5 {font-size: 0.8rem;}

  /* 成功案例 */
  .ny-banner3 img {    width: 230%;  position: relative; left: -85%;}
  .ny-banner3 .con a {margin: auto; margin-top: 2rem;     width: 12.19rem;height: 3.13rem;line-height: 3.13rem;  font-size: 1rem;}
  .ny-banner3 ul {height: 3.5rem;}
  .ny-banner3 ul li {line-height: 3.5rem;}
  .sucecase .bd ul {grid-template-columns: repeat(3,1fr);}
  .sucecase .bd ul li:before {right: -18px;}

  /* 搬迁服务 */
  .relocation-four ul li {width: 47%;}
  .relocation-seven .box {flex-wrap: wrap; gap: 2rem;}
  .relocation-seven .box .cen {order: 1;}
  .relocation-seven .box dl {order: 2;}
  .relocation-seven .box dl dd:nth-child(2) {margin-top: 2rem;}

  /* 案例详情 */
  .ny-news-xq .box-left {float: none; width: 100%;padding: 1.5rem;}
  .ny-news-xq .box-right {float: none; padding: 1.5rem;}
  .xq-mbx ul {flex-wrap: wrap;}

  /* 新闻详情 */
  .ny-news-xq2 .box-left {width: 100%; float: none; padding: 0;}
  .ny-news-xq .box-right {float: none; width: 100%; margin-top: 3rem; padding: 0;}
  .page-fy .prev {float: none;}
  .page-fy .next {float: none;}
  .ny-news-xq .news-title {padding-bottom: 20px;}
  
}


@media screen and (min-width: 200px) and (max-width: 640px) {
  /* =========================首页========================= */
  .index-one {padding: 3rem 0;}
  .index-one .one-right {width: 92%;}
  .infour-swiper .swiper-slide .box img {width: 80%;}
  .infour-swiper .swiper-slide .box:before {right: -11%;}
  .index-two {padding-bottom: 3rem;}
  .index-four {padding: 3rem 0;}
  .infour-swiper .swiper-pagination {bottom: 2% ;}
  .index-four .infour-slide .hd {padding: 2rem 0;}
  .index-four .infour-slide .hd ul {flex-wrap: wrap; }
  .index-four .infour-slide .hd li {width: 40%;}
  .index-two li .box .box-right {text-align: right;}
  .index-two li h4 {line-height: 20px; font-size: 1.2rem;}
  .index-two li .box .box-right img {width: 50%;}
  .index-six {padding-top: 3rem;}
  .index-six .box {padding-top: 3rem;}
  .footer .yqlj .box {top: 250%;}
  .footer .top-left {justify-content: center; flex-wrap: wrap;     width: 100%;}
  .footer .top-left a {width: 100%; text-align: center;}
  .footer .yqlj {margin: 2rem 0;}
  .footer .foooter-bom {flex-wrap: wrap; justify-content: center;}
  .footer .foooter-bom .contact {width: 100%; text-align: center;}
  .footer .foooter-bom .contact dd {justify-content: center;}
  .footer .foooter-bom .code {margin-top: 2rem;}

  /* 联系我们 */
  .contact-code {padding: 3rem 0;}
  .contact-code ul {justify-content: space-between; gap: 2rem;}
  .contact-code ul li {width: 46%;}
  .contact-code ul li img {width: 100%;}
  .contact-code ul li .con img {width: auto;}

  /* 关于熊苗 */
  .about-title {padding: 3rem 0;}
  .about-one {margin: 3rem 0;}
  .about-two li {width: 100%;}
  .three-swiper1 {width: 100%; padding-bottom: 0;}

  /* 搬迁服务 */
  .relocation-title {padding: 3rem 0;}
  .relocation-title h2 {font-size: 2rem;}
  .relocation-one ul li {width: 100%;}
  .relocation-four ul li {width: 100%;}
  .relocation-five ul {justify-content: center; gap: 1rem;}
  .relocation-five ul li {width: 100%;}
  .relocation-five ul li:nth-child(even) {display: block; transform: rotate(90deg);  margin-top: 0;    margin-bottom: 1rem;}
  .resixslide .hd li {width: 10.88rem;    line-height: 2.75rem;    height: 2.75rem;    font-size: 1rem;}
  .relocation-eight ul {    grid-template-columns: repeat(3,1fr);}
  .relocation-eight ul::before {right: -2%;}
  .relocation-nine .container {width: 75%;} 
  .renine-swiper .swiper-button-prev  {left: 10px;}
  .renine-swiper  .swiper-button-next {right: 10px;}
  .renine-swiper .swiper-pagination {display: block;}
  .resix-swiper  .swiper-pagination {display: block;}

  /* 搬迁服务列表 */
  .relocation-list li {width: 100%;}
  .relocation-list li .con {height: 6.25rem;}
}


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

 
}