/* @media only screen and (min-width: 320px){
    html {
     font-size: 62.5% !important;
  }
  }
  @media only screen and (min-width: 640px){
    html {
     font-size: 125% !important;
  }
  }
  @media only screen and (min-width: 750px){
  html {
      font-size: 150% !important;
  }
  }
 @media only screen and (min-width: 1242px){
    html {
     font-size: 100% !important;
   }
 }  */

 .header-box .box-left .box-logo {display: none;}

 .header-el {margin-left: 20%;}

@media screen and (min-width: 200px) and (max-width: 1800px) {
/* 头部 */
.nav001 .menu-btn .icon {    top: -122px;   left: 178px; display: block;}
.nav001 .menu-btn .icon span.span01 {
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    margin-top: 8px;
}
.nav001 .menu-btn .icon span.span02 {
    width: 0;
}
.nav001 .menu-btn .icon span.span03 {
    transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    margin-bottom: 8px;
}
}

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

/* 头部 */
.header-box .box-right em {margin-left: 20px;}
.nav001 .menu-btn .icon {    top: -122px;   left: 178px; display: block;}
.header-box .box-right {justify-content: initial; width: 12%;}

/* banner */
.banner {height: 100%;}


.case-show li .case-img {width: 96% !important ; height: auto !important}

.header-el {margin-left: 15%;}

}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
/* =============园林设计================ */
.design-swiper .swiper-pagination {right: 0;}
.design-swiper2 .swiper-pagination {left: 30%; bottom: 0;}

/* =============小品设计展示================ */
.opusculum ul {flex-wrap: wrap; justify-content: space-between;}
.opusculum li {width: 20%; margin-top: 20px; margin-right: 20px;}
 
}


@media screen and (min-width: 200px) and (max-width: 1400px) {
/* =============新闻资讯================ */
.index-news .news-box {flex-wrap: wrap;}
.index-news .news-box .box-left {width: 100%; text-align: center;}
.index-news .news-box .news-Swiper {width: 90%; margin: auto;}
.news-Swiper .swiper-button-next {top: 60%; left: auto;   right: -3%;}
.news-Swiper .swiper-button-prev { top: 60%;     left: -3%;}
    
/* 底部 */
.index-footer .box-us dd span {display: block;}

/* =============关于盛古================ */
.slideAdvantage .bd li h3 {width: 100%;}
.slideAdvantage .hd li {width: 45%;  }
.slideAdvantage .hd li a {width: 100%;}



/* =============盛古团队================ */
.design-team {width: 92%; margin: auto;}


/* =============新闻资讯================ */
.ny-banner {position: relative;}
.news-banner .banner-title {top: 5%;}


.proinput1 img {width: 90%;}


}



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



/* =============小品设计展示================ */
.opusculum ul {flex-wrap: wrap; justify-content: space-between;}
.opusculum ul::after {content: ""; width: 30%;}
.opusculum li {width: 30%;margin-top: 20px; margin-right: 0;}





}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
/*头部  */
.header {    background: #282f3f; position: fixed;}
.header-zw {height: 120px;}
.index-header-zw {display: block;}
.header-box .box-left .box-logo {display: block;}
.header-box .box-left ul {display: none;}
.header-box .box-right {width: auto;}
.box-search {margin-left: 50px;}
.search-pro {right: 0;}
.search-pro::after {right: 10px;}
.huedup {display: none;}
.nav001{    top: 0;   bottom: 0;   height: 100vh;    width: 100vw;  background: #fff;      right: 0;}
.nav001 .menu-btn .icon {left: 30px;}

.wap-header {display: block;}

.header-el {display: none;}


/* banner */
.banner .banner-nav li a {   white-space: nowrap;}
.banner-bottom::after {display: none;}


/* 园林设计 */
.design-box .dw-img {display: none;}
.design-box {flex-wrap: wrap;}
.design-box .box-left {width: 100%;}
.design-box .box-right {width: 100%; margin-left: 0; margin-top: 20px; order: 2;}
.design-swiper2 .design-box .box-right {margin-right: 0;}
.design-swiper2 .swiper-pagination {right: 0; left: auto;}

/* .index-news .news-box .news-Swiper {width: 100%; } */

/* =============关于盛古================ */
.shenggu-box {flex-wrap: wrap;}
.shenggu-box .box-left {width: 100%; position: relative;}
.shenggu-box .box-right {width: 100%;}
.shenggu-box .box-right h3 {width: 100%;}
.shenggu-box .box-left img {display: none;}
.shenggu-box .box-left em {display: inline-block; padding-bottom: 50px;}
.shenggu-box .box-left::after {content: "ABOUT SHENGGU"; position: absolute; bottom: 0; font-size: 20px;     font-size: 30px;   color: #999999;}

.philosophy ul {flex-wrap: wrap;}
.philosophy li {width: 48%; margin-top: 20px;}

.slideAdvantage .hd ul {flex-wrap: wrap; justify-content: space-between;}
.slideAdvantage .hd li {margin-right: 0; margin-top: 20px;}
.slideAdvantage .bd li {flex-wrap: wrap;}
.slideAdvantage .bd li .bd-left {width: 100%; margin-right: 0;     margin-left: 10%;}
.slideAdvantage .bd li p {margin: 30px 0;}
.slideAdvantage .bd .bd-right {width: 100%; margin-top: 20px;}
.slideAdvantage .bd .bd-right img {border-radius: 85px;}

.certificate .swiper-button-prev {left: 0;}
.certificate .swiper-button-next {right: 0;}

/* 内页banner */
.banner-title h1 {font-size: 60px;}


/* =============施工案例================ */ 
.construction-list li {width: 30%;}
.construction-list ul .construction-last {width: 30%;}
.construction-list ul::after {width: 30%;}


/* =============设计团队================ */
.opus-list li {width: 30%;}
.opus-list ul .opus-last {width: 30%;}
.opus-list ul::after {width: 30%;}


/* =============盛古团队================ */
.design li .box-con {padding: 20px;}


/* =============新闻资讯================ */
.news-list li a {flex-wrap: wrap;}
.news-list li .news-img {width: 100%;}
.news-list li .news-right {width: 100%;     padding: 20px; box-sizing: border-box;}
.news-list li .news-right .right-left {width: auto;     margin-right: 20px;}


   /* 新闻详情 */
   .ny-news-xq{padding-top:30px;margin-bottom:30px}
   .ny-news-xq .container{max-width:96%;}
   .news-title .fr a{display: none;}
   .news-title h2{font-size:1.25rem;line-height: 1.6rem;text-align: center;margin-bottom:10px}
   .news-title span{font-size:0.875rem;text-align: center;}
   .news-title{padding-bottom:20px;margin-bottom:20px;}
   .nr-content p{font-size:1rem;line-height: 1.875rem;}
   .page-fy div{float:none;margin-top: 1rem;}

   /* 新闻详情 */
   .ny-news-xq .box-left {width: 100%;}
   .ny-news-xq .box-right {width: 100%; margin-top: 20px;}

} 

/* ======================================================1000px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1000px) {
/* =============案例展示================ */
.case-show {display: none;}
.case-show-phone {display: block;}


/* =============联系我们================ */
.contact-list ul {flex-wrap: wrap; justify-content: space-between;}
.contact-list li {width: 48%; margin-right: 0; margin-top: 20px;}


/* =============设计团队================ */
.opus-nav .nav-box {flex-wrap: wrap; padding: 20px 0;}
.opus-nav .nav-box .nav-left {width: 100%; display: none;}
.opus-nav .nav-box .nav-left ul {flex-wrap: wrap; padding: 20px 0; height: auto;}
.opus-nav .nav-box .nav-left li {width: 48%;}
.opus-nav .nav-box .nav-left li a {width: 100%; font-size: 15px;}

}




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

}



/* ======================================================手机�?========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {

/* =============小品设计展示================ */
.opusculum {padding: 40px 0; display: none;}
.opusculum-title h3 {font-size: 25px;line-height: 30px;}
.opusculum-phone h4 {font-size: 16px;}
.opusculum-phone {display: block;}



/* 底部 */
.index-footer {display: none;}
.footer-copy {display: none;}
.wap-footer {display: block;}


.box-search:hover .search-pro {opacity: 0;}



/* =============盛古团队================ */
.design {padding-bottom: 50px;}
.design .design-title {padding: 30px 0;}
.design .design-title h3 {font-size: 25px;}
.design .design-title h4 {font-size: 16px; line-height: initial;}
.design li {width: 100%;}
.design li .box-con p {    margin: 20px 0;}

.design li .box-con h3 {font-size: 20px;}
.design li .box-con h4 {font-size: 16px;}


}


@media screen and (min-width: 200px) and (max-width: 640px) {
/*头部导航  */
.header-box {height: 4.375rem;}
.index-header-zw {height: 70px;}
.head-zw {height: 4.375rem;}
.header-zw {height: 4.375rem;}
.header-box .box-left .box-logo {width: 40%;}
.box-search {margin-left: 1rem;}
.header-box .box-right {margin-right: 5%;}

.search-pro {width: 300px; padding: 15px; min-height: 100px;}
.search-text {width: 80%;}


/* banner */
.banner .banner-nav {top: 40% ; display: none;}
.banner .banner-nav img {width: 35%;}
.banner .banner-nav li a {    margin-right: 10px; padding: 5px 15px;font-size: 12px;    border-radius: 20px;}
.banner .banner-nav li:last-child a {margin-right: 0;}
.banner .banner-nav ul {margin-top: 10px;}
.banner-bottom img {    width: 70%; display: block; margin: auto;}
.banner-bottom span {    font-size: 12px; margin: 10px 0;}

/* 园林设计 */
.garden-design {padding: 40px 0;}
.design-box .box-right {order: 2;}
.design-box .box-right p {display: none;}
.design-box .box-right a {display: none;}
.design-box .box-right h3 {font-size: 25px;}
.design-box .box-right h4 {font-size: 18px;}
.design-swiper2 {padding-top: 40px;}

/* 园林介绍*/
.garden-Introduction {padding: 40px 0;}
#garden {height: 300px;}
.garden-Introduction .garden-title p {width: 100%; -webkit-line-clamp: 3;}
/* .garden-Introduction li {display: none; width: 100%;} */
.garden-Introduction .garden-title a {display: none;}
/* .garden-Introduction li:first-child {display: block;} */
.garden-Introduction li img {height: auto;}
.garden-Introduction .garden-title h2 {font-size: 24px;}
.garden-Introduction ul {margin-top: 40px; flex-wrap: wrap;}
.garden-Introduction li {width: 40%;     margin-top: 2rem;}
.garden-Introduction li:nth-child(even) { width: 40%;     margin-top: 2rem;}
.garden-Introduction li p {font-size: 14px;line-height: 20px;}


.opusculum-phone .opusculum-hide span {display: none;}
.opusculum-phone .opusculum-hide {bottom: -82%;}
.opusculum-phone .opusculum-hide h4 {font-size: 14px;}
.opusculum-phone .opusculum-hide .hide-title {    justify-content: center;}



/* 新闻资讯 */
.index-news {padding: 40px 0; position: relative; padding-bottom: 60px;}
.index-news .news-box {position: static;}
.index-news .news-box .news-Swiper {width: 100%;}
.index-news .news-box .box-left h3 {font-size: 25px;    line-height: 15px;}
.index-news .news-box .box-left span {font-size: 16px;}
.news-Swiper .swiper-button-prev { display: none;}
.news-Swiper .swiper-button-next {display: none;}
.news-Swiper .slide-box .box-con {padding: 15px;}
.news-Swiper .slide-box .box-con h3 {margin-top: 0; }
.news-Swiper .slide-box .box-con i {margin: 5px 0;}
.news-Swiper .swiper-pagination {display: block; bottom: 15px;}



/* 内页banner */
.banner-title h1 {font-size: 30px;}
.banner-title i { background-color: rgb(203, 175, 139);  width: 60px;  height: 3px;  display: block;}




/* =============关于盛古================ */
.ab-shenggu {padding: 50px 0;}
.shenggu-box .box-left {    margin-bottom: 30px;}
.shenggu-box .box-left::after {font-size: 16px;}
.shenggu-box .box-left img  {    height: 100%;    margin-top: 20px; margin-right: 25px;}
.shenggu-box .box-left em {    font-size: 30px;line-height: 50px; padding-bottom: 25px;}
.shenggu-box .box-right {margin-left: 0;}
.shenggu-box .box-right h3 {font-size: 20px ;    line-height: 30px;}
.shenggu-box .box-right i {margin: 20px 0;}
.shenggu-box .box-right p {margin-top: 20px;}

.about-title {padding: 30px 0;}
.about-title h3 {font-size: 25px;}
.about-title h4 {line-height: 20px;}
.philosophy {padding-bottom: 100px;}
.philosophy li {padding: 25px 0;}

.advantage {padding-bottom: 50px;}
.slideAdvantage .hd li {width: 48%;}
.slideAdvantage .hd li a {font-size: 14px;      height: 40px; line-height: 40px;}
.slideAdvantage .bd li {padding-top: 20px;}
.slideAdvantage .bd li h3 {font-size: 20px;}
.slideAdvantage .bd li h3::before {width: 20px;    left: -30px;}
.slideAdvantage .bd li p {margin: 15px 0;}
.slideAdvantage .bd li h4 {font-size: 20px;}
.slideAdvantage .bd .bd-right img {border-radius: 30px;}

.certificate {    padding-bottom: 50px;}
.certificate-Swiper {width: 100%;}
.certificate .swiper-button-prev {display: none;}
.certificate .swiper-button-next {display: none;}
.certificate-Swiper .swiper-pagination {display: block;}
.certificate-Swiper .swiper-pagination-bullet {width: 10px;  height: 10px;   opacity: 0.21; background: #1b294b; }
.certificate-Swiper .swiper-pagination-bullet-active {background: #1b294b;opacity: 1;}

/* =============施工案例================ */ 
.construction-list {margin: 30px 0;}
.construction-list li {width: 48%;}
.construction-list ul .construction-last {width: 48%;}
.construction-list ul::after {width: 48%;}
.construction-list li h3 {height: 50px; line-height: 50px;}

.philosophy li span {font-size: 22px;}


/* =============设计团队================ */


.opus-list li {width: 48%;}
.opus-list ul .opus-last {width: 48%;}
.opus-list ul::after {width: 48%;}
.opus-list li h3 {height: 50px; line-height: 50px; font-size: 14px;}
.opus-list li:hover .opus-hide {display: none;}




/* =============新闻资讯================ */
.news-banner .banner-title h1 {font-size: 30px;}
.news-list ul {width: 100%;}
.news-list li .news-right h2 {font-size: 25px; line-height: initial;}
.news-list li .news-right span {font-size: 18px;}
.news-list li .news-right h3 {font-size: 20px;}
.news-list li .news-right p {margin-top: 0;}
.news-list li .news-right .right-left {display: none;}
.news-list li .news-right .right-con {width: 100%;}



  /* =========新闻中心详情===========*/
  .news-details {height: 266px;}
  .news-details .about-ban {position: absolute; height: 76px;}
  .ny-news-xq .news-title {flex-wrap: wrap;}
  .ny-news-xq .news-title .title {width: 100%;}
  .ny-news-xq .news-title .fra {margin-top: 2rem; display: none;}
  .ny-news-xq .box-left {padding: 20px;}
  .ny-news-xq .box-right {padding: 20px;}
  .ny-news-xq .news-title span {font-size: 14px; text-align: center;}
  .ny-news-xq .news-title h2 {text-align: center; font-size: 18px;     margin-bottom: 10px;     line-height: 30px;}




/* =============联系我们================ */
.contact-list {padding: 30px 0;}
.contact-list li {width: 100%; margin-right: 0; margin-top: 20px;}


.ny-banner img {width: 150%;}

.proinput1 tr {display: flex; flex-wrap: wrap;}
.proinput1 tr td {width: 100%; margin-top: 1.5rem;}


}


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