@media (max-width:1366px){
  /* .banner{
    height: 350px;
  } */
}
@media (max-width:1200px){
	/* footer */
	footer nav{
    margin-top: 10px;
  }
  footer .address p{
    margin-top:18px;
  }
  footer .zx-info .phone{
    width: 60%;
  }
  /* footer */
  /* product start */
  .picBtnTop .hd ul li{
    width: 19.2%;
    margin-right: 1%;
  }
  .picBtnTop .prev, .picBtnTop .next{
    top:50%;
  }
  .picBtnTop .bd li .price,.picBtnTop .bd li .active{
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
  }
  .picBtnTop .bd li .price span{
    top:0;
  }
  .picBtnTop .bd li .price i{
    font-size: 15px;
  }
  .picBtnTop .bd li .desc{
    padding: 10px;
  }
  .picBtnTop .bd li .desc_detail div{
    margin-left: 0;
    margin-right: 10px;
  }
  
  /* product end */
  /* index start */
  .office-info li .advantage-title h3{
    font-size: 18px;
  }
  /* index end */
}
@media (min-width:992px) and (max-width:1200px){
  .header nav{
    margin-left:0;
  }
  .header .logo{
    width: 170px;
    margin:6px 0;
  }
	.header nav li>a{
    padding: 0 5px;
  }
  .header nav li .jt-icon{
    padding-right: 17px;
  }

}
@media (max-width:992px){
  /* footer */
  .logo-bot{
    height: 150px;
  }
  .logo-bot img{
    margin-top: 22%;
    max-width: 100%;
  }
  footer .zx-info .phone{
    width: 53%;
  }
  footer .zx-info .phone b{
    font-size: 15px;
  }
  /* footer */
  /* header */
  .header .logo{
    width: 140px;
    padding: 0 6px;
    margin: 9px 0;
  }
  .header nav li .jt-icon{
    padding-right: 13px;
    background: url(/web/20220316120033im_/http://weofficecidea.com/images/jt.png) no-repeat right center;
  }
  .header nav li>a{
    padding: 0 6px;
    font-size: 16px;
  }
  .header nav{
    margin-left: 38px;
  }
  
  /* header */
  /* project start */
  .project-content{
    margin:40px 0;
  }
  /* project start */
  /* honor list start */
  .honor_list li{
    margin-bottom: 30px;
  }
  /* honor list end */
  /* member benefits start */
  .member-list>div{
    margin-bottom: 20px;
  }
  .member-list img{
    width: 100%;
  }
  /* member benefits end */
  /* member benefits start */
  .member-list .list{
    min-height: auto;
  }
  .member-list p{
    margin-bottom: 10px;
  }
  .member-list{
    margin-bottom: 20px;
  }
  /* member benefits end */
  /* actives start */
  .actives-list .fr{
    float: none;
  }
  .actives-list .fr img{
    padding-top:20px;
    display: block;
    margin:0 auto;
  }
      
  /* actives end */
  /* index start */
  .office-info li .advantage-title h3{
    line-height: 48px;
    font-size: 16px;
  }
  .office-info li p{
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .office-info li p{
    margin:16px 0;
  }
  /* index end */
}
@media (max-width:991px){
  /* header start */
  .header .phone span{
    display: none
  }
  .header nav{
    margin-left: 0;
  }
  /* header end */
  .news_share{
    margin-top: 0;
  }
  /* banner start */
  /* .banner {
      height: 300px;
  } */
  /* banner end */
  /* team operation start*/
  .team_con .boss h3{
    font-size: 20px;
    padding-bottom: 8px;
  }
  .team_con .boss p {
    font-size: 18px;
    color: #666;
    margin-top: 20px;
    padding-bottom: 10px;
  } 
  .team_con .boss .text{
    font-size: 12px;
    margin-top: 10px;
  }
  .staff{
    padding: 40px 0;
  }
  .staff li:last-child{
    margin-bottom: 0;
  }
  .staff li h3{
    font-size: 20px;
    margin: 0px 0 10px;
  }
  .staff li span{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .staff li p{
    font-size: 13px;
  }
  .staff li img{
    display: block;
    margin:0 auto;
  }
  .staff li .text,.staff li:nth-child(2n) .text{
    text-align: center;
    margin:20px 0;
  }
  .staff li p{
    text-indent: 2em;
    text-align: left;
  }
  /* team operation end*/
  /* service start */
  .service-content .picBtnTop .bd li .pic .text h3{
    font-size: 20px;
  }
  .service-content .picBtnTop .bd li .pic .text .t{
    font-size: 14px;
  }
  .service-content .picBtnTop .bd li .pic .text{
    padding: 10px;
  }
  .service-content .picBtnTop .bd li .pic .text h4{
    margin:10px 0; 
  }
  .picBtnTop .hd ul li{
    height: 110px;
  }
  /* service end */
  /* index start */
  .reservation {
    width: 250px;
    height: 254px;
    bottom: 10%;
    right: 10%;
  }
  .reservation h3 {
    font-size: 15px;
  }
  .reservation ul li p {
    font-size: 12px;
  }
  .reservation button {
    width: 88%;
    height: 33px;
    line-height: 33px;
    font-size: 15px;
  }
  .office-content{
    margin-top:30px;
  }
  .office-content .title p{
    margin:10px 0;
  }
  .office-info{
    margin:40px auto;
  }
  .service-con{
    padding: 30px 0 40px;
  }
  .index-service{
    margin: 36px auto;
  }
  .project-detail-con .contact-detail{
    padding: 10px;
  }
  .contact-detail .person .text{
    width: 50%;
  }
  .contact-detail .person .text div{
    padding: 0 5px;
    width: 100%;
  }
  .contact-detail .person .text .contact-info img{
    margin-right: 5px;
  }
  /* index end */
}
@media (max-width:768px){
  /* header */
  .header{
    height: 60px;
    position: fixed;
    top:0;
    width: 100%;
    z-index: 2000;
  }
  .header .logo {
    margin: 7px 0;
    padding: 0;
    width: 100px;
  }
  .header .search input{
    display: none;
  }
  .enlarge{
    display: block;
  }
  .header nav{
    display: none;
  }
    .navBarList nav li .dropdown_menu{
        padding-left:15px;
    }
        .navBarList nav li .dropdown_menu a{
            margin-left:20px;
        }
        .project-list div span {
            float: none;
        }
    /* header */
    /* footer */
    footer {
        padding: 30px 0;
        padding-top: 60px;
    }
   .logo-bot{
     width: 100%;
     float: none;
     text-align: center;
     height: 100px;
     margin-bottom: 15px;
   }
   .nav-info,.zx-info{
     width: 100%;
   }
   .logo-bot img{
     margin-top: 0;
     max-height: 100%;
   }
   footer .nav-info nav, footer .nav-info>div{
     padding: 0;
     text-align: center;
   }
   footer .zx-info .ewm-box{
     width: 50%;
     margin-top: 20px;
   }
   footer .zx-info .zc{
     float: none;
     text-align: center;
     margin-top: 18px;
   }
   footer .zx-info .ewm-box{
     float: left;
   }
   footer .zx-info .phone{
     width: 50%;
     float: left;
   }
   footer .zx-info .phone h3{
     width: 84px;
     font-size: 16px;
     line-height: 40px;
     float: none;
     background: url(/web/20220316120033im_/http://weofficecidea.com/images/phone_2.png) no-repeat center left;
   }
   footer .zx-info .phone b{
     text-align: left;
     font-size: 18px;
   }
   footer nav ul{
     text-align: center;
   }
   footer nav li{
     display: inline;
   }
   footer nav li a{
     float: none;
     display: inline;
     margin-right: 4%;
   }
	 /* footer */
  /* news detail start */
  .newsDetailCon{
    padding-bottom: 30px;
  }
  .newsDetailCon{
    padding-top: 64px;
  }
  .newsContentT div{
    line-height: 30px;
  }
  .newsContentDetail{
    margin-top: 20px;
  }
  .newsContentDetail_con1 .title h3{
    font-size: 20px;
  }
  .newsContentDetail_con1 .title p{
    margin-top: 0;
  }
  .newsContentDetail_con1 .con{
    padding-bottom: 10px;
  }
  .page2{
    padding-top: 10px;
    margin-bottom: 10px;
  }
  /* news detail end */
  /* banner start */
  .banner{
    padding-top: 60px;
  }
  /* banner end */
  /* project start */
  .project-content img{
    width: 100%;
  }
  
  /* project end */
  /* page start */
  .RepeaterNumberList_Now,.RepeaterNumberList_page,.RepeaterNumberList_sl{
    display: none;
  }
  #page{
    margin-top:10px;
  }
  /* page start */
  /* news list start */
  .newsContentList li .img img{
    width: 100%;
  }
  .newsDetailCon{
    padding-top: 20px;
  }
  .newsDetailCon-detail{
    padding-top: 60px !important;
  }
  .newsContentList>ul{
    margin-top:20px;
  }
  .newsContentList li .img{
    padding-right: 0;
  }
  .newsContentList li .font{
    padding-left: 0;
  }
  .newsContentList li .font h4{
    font-size: 16px;
    margin:10px 0 5px; 
  }
  .newsContentList li .font p{
    font-size: 13px;
  }
  /* news list end */
  /* honor list start */
  .honor_list .text h3{
    font-size: 14px;
  }
  /* honor list end */
  /* company profile start */
  .company-culture .culture-img img{
    width: 100%;
  }
  .company-culture .public-title{
    margin-bottom: 20px;
  }
  .company-culture{
    margin-top: 20px;
    padding: 20px 0 20px;
  }
  .public-title h3{
    font-size: 20px;
  }
  .desc-content .text{
    margin-top:20px;
  }
    /* company profile end */
    /* member benefits start */
    .member-list h3{
      margin: 10px 0;
      font-size: 18px;
    }
    .company-desc .public-title{
        margin-top:10px;
    }
    .member-list{
      margin-top:20px;
    }
    /* member benefits end */
    .actives-list .tab-content{
      padding: 10px;
    }
    .tab-content .day span{
      font-size: 12px;
    }
    .tab-content .text{
      margin-top:10px;
    }
    .tab-content .text h3{
      font-size: 16px;
    }
    .tab-content .text p{
      font-size: 13px;
    }
    .actives-list .tab{
      display: none;
    }
    .actives-list{
      margin-top:20px;
    }
    .actives-list .tab-content li{
      display: block;
      margin-bottom: 20px;
    }
    /* team operation start*/
    .team_con .boss img{
      display: block;
      margin: 0 auto;
    }
    .team_con .boss h3{
      margin-top:20px;
    }
    /* team operation end*/
    /* join us start */
    .careerBox1{
      margin:10px 0 20px;
    }
    .careerBox1 h3{
      font-size: 20px;
    }
    .careerBox2 .line{
      display: none;
    }
    .careerBox2{
      height: auto;
      padding: 15px 0;
      margin-bottom: 20px;
    }
    .careerBox2 .imgBox{
      text-align: center;
    }
    .careerBox2 .container >div{
      margin-bottom: 18px;
    }
    .careerBox2>div{
      padding-top: 0;
    }
    .careerBox2>div h3{
      text-align: center;
    }
    .careerBox1 p{
      font-size: 14px;
    }
    .careerBox3 .title span:nth-child(3),
    .careerBox3 .title span:nth-child(4),
    .careerBox3 .title span:nth-child(5),
    .careerBox3 .title span:nth-child(6){
      display: none;
    }
    .careerBox3 .title{
      padding: 0;
    }
    .careerBox3{
      margin-bottom: 20px;
    }
    /* join us end */
    /* product start */
    #demo1{
      margin-top:80px;
      margin-bottom: 0;
    }
    .picBtnTop .hd ul li{
      height: 120px;
    }
    .product .banner{
      padding-top: 40px;
    }
    /* product end */
    /* service start */
    .service-content .picBtnTop .bd li .pic .img{
      width: 100%;
    }
    .service-content .picBtnTop .bd li .pic .text{
      width: 100%;
    }
    /* service end */
    /* index start */
    .picFocus .prev, .picFocus .next{
      display: none;
    }
    .office-info li{
      width: 100%;
      margin:0 auto;
      border:none;
      float: none;
      padding:0 0 10px;
      margin-bottom: 15px;
    }
    .office-info li:last-child{
      margin-right: auto;
    }
    .office-info li img{
      width: 100%;
    } 
    .partner a{
      height: 70px;
    }
    .partner a+p{
      margin-bottom: 10px;
    }
    .picFocus{
      padding-top: 60px;
    }
    .index-service{
      display: block;
    }
    .index-service>div{
      width: 100%;
      flex: auto;
      margin-bottom: 10px;
    }
    .member-content .hd{
      display: none;
    }
    .member-content .prev {
      top: 0;
      right: 12%;
      left: 12%;
      bottom: 145px;
      top: auto;
      transform: rotate(-90deg);
    }
    .member-content .next {
      bottom: 145px;
      right: 12%;
      transform: rotate(90deg);
    }
    .member-content .bd li{
      height: auto !important;
    }
    .picBtnTop2 .img img{
      margin:0 auto;
      display: block;
    }
    .reservation{
      display: none;
    }
    .phone-show{
      display: block;
      position: relative;
      top: -48px;
      width: 20%;
      font-size: 14px;
      border-radius: 4px;
    }
    .layui-layer-demo{
      width: 90% !important;
      height: auto;
      margin:0 auto !important;
    }
    .layer-content img{
      margin:9px 0;
    }
    .layer-content input[type="text"]{
      width: 88%;
    }
    .layer-content ul li .yzm{
      width: 22%;
      font-size: 12px;
    }
    .layer-content #phone{
      width: 63% !important;
      margin-right: 3% !important;
    }
    .layer-content h3{
      font-size: 18px;
      line-height: 50px;
    }
    .layer-content ul li{
      margin-bottom: 10px;
    }
    .layer-content .submit-btn {
      width: 156px;
      height: 40px;
      line-height: 40px;
      margin: 20px auto;
   }
   .office-content .title h3{
     font-size: 26px;
   }
   .office-content .title p{
     font-size: 20px;
   }
   .office-content{
     margin-top:0;
   }
   .project-content .list-link img{
    width: auto;
   } 
   .member-content{
     padding-top:20px;
     padding-bottom: 60px;
   }
   .partner{
     padding: 20px 0 40px;
   }
   .swiper-container{
     width: 90%;
   }
   .partner .public-title{
     margin-bottom: 30px;
   }
   .project-detail-con .contact{
     top:auto;
   }
   .project-detail-con .contact>h3{
    font-size: 22px;
    color: #333;
    margin-top:20px;
   }
   .contact-detail .border{
     border-left: none;
   }
   .contact-detail .border button{
    width: 200px;
    height: 40px;
    line-height: 40px;
   }
   .office-hj{
     top:0;
     margin-top:20px;
   }
   .office-tab ul{
     width: 100%;
   }
   .office-tab .tab{
    width: 100%;
  }
  .office-tab .tab li{
    width: 33.3333%;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-indent: 0;
    border:none !important;
  }
  .facilities-service .row-one,.facilities-service .row-two{
    display: block;
  }
  .facilities-service .row-one li{
    width: 33.33333%;
    flex: auto;
    float: left;
    /*height: 93px;*/
  }
  .facilities-service .row-one li img{
    max-width: 90%;
  }
  .facilities-service  li p{
    font-size: 12px;
  }
  .facilities-service .row-two li{
    width: 33.33333%;
    flex: auto;
    float: left;
    height: 93px;
  }
  .facilities-service .row-one li p, .facilities-service .row-two li p{
    line-height: 36px;
  }
  .facilities-service .row-two{
    margin-top: 20px;
  }
  .facilities-service{
    padding: 30px 0 60px;
  }
    /* index end */
    .rightBar li{
      width: 40px;
      height: 40px;
    }
    .rightBar li p{
      display: none;
    }
    .rightBar li>a>img, .rightBar .logo img{
      max-width: 25px;
      max-height: 25px;
      margin: 8px 0;
    }
    .rightBar{
      right: 10px;
	  top:50%;
	  transform:translateY(-50%);
    }
    .office-info .advantage-title{
      max-width: 50%;
    }
    .picBtnTop .bd li .desc_detail div{
      width: 100%;
    }
}
@media (min-width:320px) and (max-width:768px){
  .member-content .picBtnTop2{
    height: auto;
  }
    .header .search{
      display: none;
    }
     /* product start */
    .picBtnTop .hd ul li{
      height: 70px;
    }
    .picBtnTop .prev, .picBtnTop .next{
      display: none;
    }
    .picBtnTop .hd ul li span{
      font-size: 12px;
    }
    .picBtnTop .bd li .title h3{
      font-size: 16px;
    }
    .picBtnTop .bd li .title p{
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp:3;
      overflow: hidden;
    }
    .picBtnTop .bd li .pic img{
      /* height: 320px; */
    }
    .picBtnTop .bd li .title{
      padding: 10px ;
    }

    /* product end */
    .contact-detail .person .text div span{
      font-size: 12px;
    }
    .project-detail-con .address li{
      margin-bottom: 15px;
    }
}

/*
     FILE ARCHIVED ON 12:00:33 Mar 16, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:06:50 Jul 01, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.714
  exclusion.robots: 0.041
  exclusion.robots.policy: 0.025
  esindex: 0.013
  cdx.remote: 19.808
  LoadShardBlock: 309.036 (3)
  PetaboxLoader3.resolve: 309.784 (2)
  PetaboxLoader3.datanode: 241.552 (4)
  load_resource: 302.63
*/