@media screen and (max-width: 1024px) {
  h2 {
    font-size: .45rem;
  }
  .inner-box {
    max-width: 100%;
    padding-left: 4%;
    padding-right: 4%;
  }
  .banner {
    padding-top: 1.1rem;
    font-size: 0;
  }
  .banner__img {
    background-size: cover;
  }
  .banner__img:before {
    padding-top: 110%;
    overflow: hidden;
  }
  .banner__content__title {
    font-weight: 400;
    font-size: .6rem;
  }
  .banner__content__title-en {
    font-size: .4rem;
    text-align: center;
  }
  .banner__content__sub-title {
    margin-top: .6rem;
    font-size: .27rem;
  }
  .banner__content__link {
    margin-top: .3rem;
    width: 2.5rem;
    height: .8rem;
    line-height: .8rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: .4rem;
    text-align: center;
    font-size: .2rem;
  }

  .news {
    background: none;
    background-color: #333;
    padding-top: .8rem;
    padding-bottom: .4rem;
    color: #fff;
  }
  .news h2 {
    text-align: center;
  }
  .news__list {
    padding-top: .3rem;
    padding-bottom: .8rem;
    justify-content: space-between;
  }
  .news__list__item {
    margin:0.8rem 1.5%;
    margin-top: .8rem;
    width: 30%;
  }
  .news__list__item__pic::before {
    content: '';
    display: block;
    padding-top: 67.5%;
  }
  .news__list__item:nth-child(1), .news__list__item:nth-child(2), .news__list__item:nth-child(3) {
    margin-top: 0;
  }
  .news__list__item__title {
    margin-top: .2rem;
    color: #fff;
    font-size: .2rem;
    line-height: 1.5em;
  }
  .award {
    position: relative;
    background-position: center;
    background-size: cover;
    padding: 15% 0;
  }
  .award .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
  }
  .award .inner-box {
    position: relative;
    z-index: 1;
    background-color: rbga(0, 0, 0, 0.3);
    flex-direction: column;
  }
  .award .inner-box .mobile {
    width: 100%;
  }
  .award__pic {
    display: none;
  }
  .award__content {
    margin-left: 0;
    margin-top: 5%;
    padding: 0 4%;
    color: #fff;
    text-align: center;
  }
  .award__content__title {
    display: none;
    font-size: .38rem;
  }
  .award__content__text {
    text-align: left;
    font-size: .2rem;
    line-height: 2em;
  }
  .award__content__more{
     background-color: #ebbf68;
     font-size:0.25rem;
     text-align: center;
     color: #ffffff;
     border-radius: 0.2rem;
     width: 2.0rem;
     height: 0.5rem;
     line-height: 0.5rem;
     display: block;
     margin: 0 auto;
}
.jury-section .categoryList{
      margin-left:0;
}
.jury-section .category_club {
   font-size: 0.25rem;
    width: auto;
    height: .3rem;
    line-height: .3rem;
    margin-right: 0.18rem;
    padding: 0.18rem;
}
  .jury-section {
    padding: .8rem 0;
    background-color: #333;
    color: #fff;
  }
  .jury-section .jury-menu {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: .8rem;
  }

  .jury-section .jury-menu__item {
    font-size: .28rem;
  }
  .jury-section .jury-menu__item.active {
    color: #EBBF68;
  }
  .jury-section .jury {
    display: none;
    background-color: #333;
    color: #fff;
    padding: 0;
  }
  .jury-section .jury:nth-child(1){
    display: block;
  }
  .jury-section .jury:nth-of-type(3) {
    display: block;
  }
  .jury-section .jury .center {
    justify-content: space-between;
  }
  .jury-section .jury h2 {
    text-align: center;
  }
  .jury-section .jury__list {
    justify-content: space-between;
  }
  .jury-section .jury__list__item {
    width: 3rem;
    margin-right: 0;
    margin-top: 1rem;
  }
  .jury-section .jury__list__item:nth-child(1), .jury-section .jury__list__item:nth-child(2) {
    margin-top: .8rem;
  }
  .jury-section .jury__list__item__info {
    text-align: center;
    font-size: .2rem;
    color: #fff;
  }
  .jury-section .jury__list__item__info p:nth-of-type(n + 2) {
    margin: 3px auto;
  }
  .jury-section .jury__list__item__name {
    margin: .2rem 0;
    font-size: .28rem;
  }
  .jury-section .jury__brand-list {
    justify-content: space-between;
  }
  .jury-section .jury__brand-list__item {
    width: 48%;
    margin-right: 0;
    margin-top: 5%;
  }
  .jury-section .jury__brand-list__item:nth-child(3n) {
    margin-right: 0;
  }
  .jury-section .jury .box-with-left-bg, .jury-section .jury .box-with-right-bg {
    background: none;
  }
  .production {
    padding: 4% 0;
  }
  .production .three-col-list,.production .book-col-list{
    justify-content: space-between;
  }
.production__info .line1,.jurydet .production__info .line1{
  font-size: 0.25rem;
   margin-top:0;
  margin-bottom: 0.12rem;
  padding-top:  0;
}
.jurydet .dialog__text .title {
    margin-bottom: 0.2rem;
    font-size: 0.4rem;
}
.jurydet .aboutPro {
    font-size: 0.4rem;
}
.cultureList .line1{ padding: 0;}
.four-col-list .four-col-list__item{width: 45%;margin: 0 2.5%;}
  .production .three-col-list__item{
    width: 100%;
    margin-right: 0;
    margin-top: .4rem;
  }
  
  .production .three-col-list__item:nth-child(1), .production .three-col-list__item:nth-child(2),.production .three-col-list__item:nth-child(3) {
    margin-top: .4rem;
  }
  .production__info {
    padding-top: .2rem;
    font-size: .2rem;
  }
  .production__info__author {
  font-size: 0.1rem;
}
  .production__info p {
    margin: 0;
  }
  .production__info__author {
    margin-top: .1rem !important;
  }
.three-col-list .culture{
  width: 47.5%;
  margin-right: 5%;
 margin-top: .4rem;
}
.cultureList .culture:nth-child(2n){
 margin-right: 0;
}
  .book-col-list .book-col-list__item:nth-child(1),.book-col-list .book-col-list__item:nth-child(2){
    margin-top: .4rem;
  }
  .book-col-list .book-col-list__item:nth-child(3n) {
  margin-top: .4rem;
}

  .book-col-list .book-col-list__item{width: 47.5%;
    margin-right: 0;
    margin-top: .4rem;
  }

  .book-col-list .book-col-list__item .book-col-list__item__pic img {
    width: 90%;
  margin: 0.4rem 5%;
}
.book-col-list .book-col-list__item__pic .qrcode img{width: 50%;margin-top: 40%;}
.production .detail{
     font-size:0.2rem;
     border-radius: 0.1rem;
     width: 1.5rem;
     height: 0.37rem;
     line-height: 0.37rem;
     margin: 0.31rem auto;
}

  .yearbook {
    padding: 6% 0;
    background-color: #333;
    color: #EBBF68;
  }
  .yearbook .intro {
    margin: .3rem 0 .5rem;
    max-width: auto;
    font-size: .2rem;
    color: #fff;
    line-height: 2.2em;
    text-align: left;
  }
  .yearbook .box-with-right-bg {
    background: none;
  }
  .yearbook__list {
    padding-top: .3rem;
    justify-content: space-between;
  }
  .yearbook__list__item {
    width: 46%;
    margin-right: 0;
    margin-bottom: 6%;
  }
  .units {
   /* background-image: url("../images/bg.png");*/
    background-repeat: no-repeat;
    background-position-x: 110%;
    background-position-y: -1rem;
    background-size: 6rem;
    padding: 6% 0;
    color: #333;
  }
  .units .fuqrcode {
    width: 45%;
    margin: 2% 2.5%;
    text-align: center;
}
.units .fuqrcode img{width: 120px}
  .units .title {
    display: block;
    font-size: .25rem;
    margin-bottom: .15rem;
  }
  .units .line {
    color: #333;
    font-size: .3rem;
    margin: .8rem 0;
    line-height: inherit;
  }
  .intro {
    padding: 0 5%;
    flex-direction: column;
  }
  .intro.fixed {
    padding: 0 5%;
  }
  .intro.fixed > .intro__catalog {
    position: static;
  }
  .intro__catalog {
    width: auto;
  }
  .intro__catalog__title {
    font-size: .3rem;
    margin-bottom: .3rem;
  }
  .intro__catalog__title::after {
    height: 2px;
  }
  .intro__content {
    padding: 0 0 1rem;
  }
  .intro__content__floor:last-child{
    padding-bottom:10% !important;
  }
  .intro__content__floor {
    padding: .8rem 0;
    border-bottom: 1px solid #bbb;
  }
  .intro__content__floor table {
    min-width: auto;
    line-height: inherit;
  }
  .intro__content__floor:nth-of-type(1) {
    padding-top: calc(180px + .5rem);
  }
  .intro__content__floor__title {
    font-weight: 900;
    margin: 0 0 .5rem;
    font-size: .3rem;
    color: #1a1a1a;
  }
  .intro__content__floor__text {
    font-size: .22rem;
    color: #333;
  }
  .jury-page {
    padding-bottom: 1rem;
    background-color: #333;
  }
  .jury-page .box-with-right-bg {
    background: none;
  }
  .jury-page .jury-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .8rem .7rem .9rem;
    color: #fff;
  }
  .jury-page .jury-menu__item {
    font-size: .28rem;
  }
  .jury-page .jury {
    display: none;
    padding: 1rem 0;
  }
  .jury-page .jury:nth-of-type(1) {
    display: block;
  }
  .jury-page .jury .inner-box {
    padding: 0 .4rem;
  }
  .jury-page .jury .center {
    justify-content: space-between;
  }
  .jury-page .jury__list {
    justify-content: space-between;
  }
  .jury-page .jury__list__item {
    width: 45%;
    margin-right: 0;
    margin-top: 1.1rem;
  }
  .jury-page .jury__list__item:nth-child(1), .jury-page .jury__list__item:nth-child(2) {
    margin-top: 0;
  }
  .jury-page .jury__list__item__info {
    font-size: .2rem;
    color: #fff;
  }
  .jury-page .jury__list__item__info p:nth-of-type(n + 2) {
    margin: 3px auto;
  }
  .jury-page .jury__list__item__name {
    margin: .2rem 0;
    font-size: .28rem;
  }
  .jury-page .jury__brand-list {
    justify-content: space-between;
  }
  .jury-page .jury__brand-list__item {
    width: 2.8rem;
    margin-right: 0;
    margin-top: .45rem;
  }
  .jury-page .jury__brand-list__item:nth-child(1), .jury-page .jury__brand-list__item:nth-child(2) {
    margin-top: 0;
  }
.case__list .swiper .swiper-slide{width: 45%;}
.case__list__item__title {
    margin-top: 0.16rem;
    color: #1a1a1a;
    text-align: center;
    font-weight: bold;
    font-size: 0.25rem;
}
.paginPlan .swiper-button-next,.paginPlan .swiper-button-prev {top: 20%;}
.paginPlan .swiper-button-next,.paginPlan .swiper-button-prev {
  width: 34px;
    height: 33px;
    background-size:34px 33px;
}
.paginPlan .swiper-button-prev{
    background-image: url(../images/prev.jpg);
    left: 36%;
}
.paginPlan .swiper-button-next{
    background-image: url(../images/next.jpg);
    right: 36%;
}
.production .category {
    font-size: 0.25rem;
    width: auto;
    height: .3rem;
    line-height: .3rem;
    margin-right: 0.18rem;
    padding: 0.18rem;
}
  .news-nav li{
    float: left;
    width: 1.2rem;
    height: .7rem;
    line-height: .5rem;
    text-align: center;
  }
 .news-nav li a{
 font-size: 0.25rem;
  height: 0.5rem;
  line-height: 0.5rem;
 display: block;
}
.news-nav li a:hover{
   border-bottom: 0.04rem solid #ebbf68;
    display: block;

}
.news-nav li a.active{
  border-bottom: 0.04rem solid #ebbf68;
    display: block;
}
  .news-page {
    background: none;
    padding: 5% 0;
  }
   .news-page .newsnavPC{display: none;}
   .news-page .newsnavM{display:block;}
  .news-page .btn {
    margin: 1rem auto 0;
    text-align: center;
    font-size: .25rem;
    width: 3rem;
    height: .8rem;
    line-height: .8rem;
    border-radius: .6rem;
    border: 1px solid #EBBF68;
    color: #EBBF68;
  }
  .news-page__list {
    justify-content: space-between;
    max-width: 100%;
    margin:0; 
  }
  .news-page__list__item__pic{
    width: 35%
  }
  .news-page__list__item__title {
   width: 62%;}

  .news-page__list__item {
    margin-right: 0;
    margin-top: .25rem;
    width: 100%;
    padding-bottom:0.25rem;
  }
  .news-page__list__item:nth-child(3n) {
    margin-right: 0;

  }
  .news-page__list__item__title {
    color: #fff;
    font-size: .2rem;
    line-height: 1.5em;
  }
  .news-page__list__item .tags{
    bottom: -0.05rem;
    width: 100%;
    padding-left: 0;
    font-size: 0.15rem 
  }
  .news-page__list__item .tags span{ height: 0.22rem;line-height: 0.22rem;padding: 0.037rem; margin-right: 0.12rem;}
  .news-page__list__item .pushtime
  {
    font-size: 0.1rem;
    margin-top:0.05rem;

  }
  .news-page__list__item__title .tag{
    border: 1px solid #d5d5d5;
   
    font-size: 0.1rem;
    padding: 0.02rem 0.05rem;
    display: block;
  }
  .news-page__list__item__title .title{
    font-size: 0.28rem;
    line-height: 0.3rem;
  }
  .news-page__list__item__title .brief {
  -webkit-line-clamp: 3;
  font-size: 0.25rem;
  line-height: 0.35rem;

}
.pagenation{margin-top:.5rem;}
  .video .three-col-list__item {
    width: 100%;
    margin: 0;
    margin-top: .5rem;
  }
  .video__pic::before {
    padding-top: 65.63%;
  }
  .video__info {
    font-size: .2rem;
  }
  .video__info:hover {
    color: #EBBF68;
  }
  .pagenation a {
    /*width: auto !important;*/
  }
  .detail{margin:17% auto;}
  .detail .time {
    font-size: .23rem;clear:both;text-align: left;margin: 0.1rem
  }
 
  .detail .last{float: left; }

/*高定展俱乐部*/
.club-section{background-color: #FBFBFB;
 padding: 0.75rem; 
  text-align: center;
 }
.club-section .content{
  font-size: .5rem;
  font-weight: bold;
  margin: 0;
  color: #282828
}
.club-section .joinus{ 
  color: #BFBFBF;
  font-size: 0.25rem;
  margin: 0.25rem 0}
 .club-section .qrcode img{width:150px
  ; height: auto;}
 .club-section .qrcodetxt{ color:#4B4B4B;
  font-size: 0.25rem;
  margin: 0.25rem 0}

  .club-section .qrcode{margin-top: .75rem}


/*设计书店*/
.bookdetail .navloc{font-size: 0.3rem; color:#707070;padding:0.2rem 0}
.bookdetail .sjxq{color: #707070;}
.bookdetail .content{color: #a7a7a7;}

.bookdetail .left{width:100%;box-shadow: 4px 4px 10px 0px #e1dddd;border-radius: 10px;text-align: center;clear:both;}
.bookdetail .left img{margin:20px auto;}
.bookdetail .left img.qrcode{width: 150px; height:150px;border-radius: 10px;clear:both;}
.bookdetail .right{width:100%;}
.bookdetail .line1{
  font-size: 22px;
  font-weight: bold;
   margin-top: 10px;
  margin-bottom: 10px;
}
.bookdetail .buyonline{
   background-color: #ebbf68;
     font-size:16px;
     text-align: center;
     color: #ffffff;
     border-radius: 20px;
     width: 120px;
     height: 30px;
     line-height: 30px;
     display: block;
     margin: 25px auto;
}
}


@media screen and (max-width: 1366px) {
  .intro.fixed .intro__catalog {
    top: 85px;
  }
  .intro__catalog__title {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1366px) {
  .news-page .newsnavM{display:none;}
}