/* 文化 */

@media screen and (max-width:1600px){
  .location{ line-height: 90px;}
  .newslist li .txt{ width: calc(100% - 500px);    padding-right: 100px;}
  .newslist li .img img{ width: 500px; height: 300px;}
    body{ font-size: 14px;}
    header .right{ width: 70%;} 
    .index-about .line{ margin: 30px auto;}
    .about-link .item figure{ width: 320px; height: 118px;}
    .paly{ width: 80px;}
    footer .top dl dd{ font-size: 16px;}
    .mt35{ margin-top: 20px;}
    .pt70{ padding-top: 55px;}    
    .mt70{ margin-top: 55px;}
    .mb65{ margin-bottom: 40px;}
    .mb55{ margin-bottom: 40px;}
    .mt100{ margin-bottom: 85px;} 
    .f15{ font-size: 14px;}
    .f18{ font-size: 16px;}
    .f20{ font-size: 18px;}
    .f24{ font-size: 20px;}
    .f28{  font-size: 24px;}
    .f30{ font-size: 26px;}
    .f34{ font-size: 30px;}
    .f40{ font-size: 34px;}
    .f50{ font-size: 38px;}
    .f54{ font-size: 42px;}
    .f60{ font-size: 53px;}
    .f70{  font-size: 60px;}
    .index-news .item{ width: 31%;}
    .ewmimg{ width: 150px;}

    .wall .tit div{ padding: 80px 0;}
    .about-main{ width: 1200px;}
    .about-info .con .right div{max-height: 420px;}
    .contact-Online .con{ padding: 50px 70px;}
   
} 
@media screen and (max-width:1440px) {
  .location{ line-height: 80px;}
  .newslist li .txt{ width: calc(100% - 450px);    padding-right: 80px;}
  .newslist li .img img{ width: 450px; height: 270px;}
  .contact-Online .con .item{    padding: 40px 0 20px;}
    .f14{ font-size: 12px;}
    .mt35{ margin-top: 20px;}
    .pt70{ padding-top: 35px;}    
    .mt70{ margin-top: 35px;}
    .mb65{ margin-bottom: 35px;}
    .mb55{ margin-bottom: 35px;}
    .mt100{ margin-bottom:60px;} 
    .f15{ font-size: 14px;}
    .f18{ font-size: 16px;}
    .f20{ font-size: 16px;}
    .f24{ font-size: 18px;}
    .f28{  font-size: 20px;}
    .f30{ font-size: 22px;}
    .f34{ font-size: 24px;}
    .f40{ font-size: 26px;}
    .f50{ font-size: 34px;}
    .f54{ font-size: 38px;}
    .f60{ font-size: 45px;}

    .product-ban  .gallery-thumbs{height: 400px;    margin-top: -200px;}
    .index-news .item{ width: 31.6%;}
    .ewmimg{ width: 100px;}
    .index-news .item .txt{ padding: 15px;}

    .wall .wall-column:nth-child(1) {  padding-right: 40px;}
    .wall .wall-column:nth-child(2){padding-left: 40px;}
    .wall .wall-column a div:nth-child(1)::after{ width: 20px;right: -50px;}
    .wall .wall-column:nth-child(2) a div:nth-child(1)::after{left:-50px}
    .about-History .gallery-top .swiper-slide{ padding: 40px;}

    .contact-type .left{ height: 600px;}
    .contact-Online .con{ padding: 40px 60px;}
    .searchul li{ padding: 0 30px; line-height: 70px;}
   
}

@media screen and (max-width:1200px) {
  .location{ line-height: 70px;}
  .newsdetail{ padding: 45px;}
  .newsdetail .left{ width: 115px;}
  .newsdetail .right{width: calc(100% - 180px);}
  .newslist li .txt{ width: calc(100% - 400px);    padding-right: 60px;}
  .newslist li .img img{ width: 400px; height: 220px;}
  .searchtit div:nth-child(2){ width: 30px;  height: 3px; margin: 15px auto;}
  .searchul li{ padding: 0 20px; line-height: 60px;}
  .contact-Online .con .item{    padding: 30px 0 10px;}
  .contact-type .left{ height: 500px;}
    .main { width: 90%;}
    .index-tit{ width: 90%;}
    .m1000{ width: 90%; margin: 0 auto;}
    footer .top dl:nth-child(4){ display: none;}
    .product-ban   .gallery-thumbs{height: 300px;    margin-top: -150px; width: 500px;}
    .paly{ width: 65px;}
     .about-link .item figure{ width: 250px; height: 92px; margin-left:-125px ;}
     .index-about .line{ height: 2px; margin: 20px auto;}
     .logo img{ height: 40px;}

     .f54{ font-size: 32px;}
     .f18{ font-size: 14px;}
     .f15{ font-size: 12px;}
     .f28{  font-size: 18px;}
     .f30{ font-size: 18px;}
     .f34{  font-size: 22px;}
     .f50{ font-size: 28px;}
     .f70{ font-size: 42px;}
     .mt30{ margin-top: 15px;}

     .mb30{ margin-bottom: 15px;}

     .mt55{margin-top: 35px;}
     .mb-55{ margin-bottom: -35px;}
     .mb70{ margin-bottom: 30px;}

     .search-btn{ display: none;}
     nav .f18{ font-size: 16px;}

     .wall .article{ padding: 50px 0 0;}
     .wall .tit div{ padding: 20px 0;}
     .wall .article a div:nth-child(2){ margin: 15px 0;}
    
    
     .more{ width: 250px ; height: 40px; margin-top: 60px;}
     .caselistul{ width: 85%;}
     .about-main{ width:90%;}
     .about-info .con { flex-direction: column;}
     .about-info .con .left,.about-info .con .txt{ display: none;}
     .about-info .con .right{   width: 100%; padding: 20px; }
     .about-History .gallery-top .swiper-slide{ padding: 30px;}
     .contact-Online .con{ padding: 30px 50px;}
     
}
@media screen and (max-width:1024px) {
  .pglist{ margin-top: 20px;}
  .pglist input,.pglist span,.pglist .pe,.pglist .ne{ display: none;}
.phone-nav{transform: translateX(1024px); display: block;}
.about-Culture{ flex-direction: column-reverse;}
.about-Culture .right{ width: 100%; text-align: center;}
.about-Culture .left{ width: 100%; margin-top: 25px;}


  .about-info .con .right div{max-height: 310px; padding-right: 20px; text-align:justify;}
  .contact-type{ flex-direction: column;}
  .contact-type .left{ width: 100%; height: 350px;}
  .contact-type .right{ width: 100%; padding: 25px 0;}
}

@media screen and (max-width:1000px) {
.location{ line-height: 60px;}
.index-news .main .item{ width: 48%;}
.index-news .main .item:nth-child(3){ display: none;}
.index-about{background-size: 100% 80%;}
.product-ban  .gallery-thumbs{ height: 250px;}
.product-ban  .gallery-thumbs .swiper-slide figure div:nth-child(2){    -webkit-line-clamp: 2;}
.product-ban  .gallery-thumbs .swiper-slide figure a{ width: 180px; height: 49px;}
.contact-Online .con{ padding: 20px 40px;}
.newsdetail{ padding: 30px;}
.newsdetail .left{ width: 100px;}
.newsdetail .right{width: calc(100% - 120px);}
.location span{ display: none;}
}

@media screen and (max-width:750px) {
  .location{  line-height: 50px;}
  .index-tit .f18{ font-size: 12px !important; line-height: 1.6;}
  .newsdetail{ flex-direction: column-reverse;}
  .newsdetail{ padding: 22px 15px;}
  .newsdetail .left{ width: 100%;}
  .newsdetail .right{width: 100%;}
  .newsdetail .right .tit{ font-size: 18px;}
  .newsdetail .left .date{ display: none;}
  .newsdetail .left .page{ display: flex; justify-content: space-between; align-items: center;}
  .newsdetail .left .page span{ display: none;}
  .newsdetail .left .page a:nth-child(1) img{transform: rotateZ(-90deg);}
  .newsdetail .left .page a:nth-child(3) img{transform: rotateZ(90deg);}
  .searchul li{ line-height: 50px; padding: 0 15px;}
  .pglist a, .pglist input{ height: 30px; line-height: 30px; padding: 0 15px;}
  .searchtit{ padding-top: 0 !important;}
  .searchul li a{ width: 100%;}
  .searchul li span{ display: none;}
  .contact-Online .con .item{    padding:10px 0;}
  .contact-Online .con .item:nth-child(6) input{ width: 100%;}
  .contact-Online .con .item:nth-child(5){ flex-direction: column; align-items: flex-start; padding-top: 20px;}
  .contact-Online .con{ padding: 20px 30px;}
  .contact-Online .con .item{ width: 100%;}
  .contact-type .right figure{ width: 90%;}
  .f34{ font-size: 16px;}
  .contact-type .right figure .item{ padding: 15px 0;}
  .about-History .gallery-top .swiper-slide{ padding: 20px; }
  .about-History .gallery-top .swiper-slide .dis-flex-between-center {flex-direction: column;}
  .about-History .gallery-top .swiper-slide .img{ width: 100%;}
  .about-History .gallery-top .swiper-slide .txt{ width: 100%; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 20px; padding: 0;}
  .about-History .gallery-top .swiper-slide .txt div:nth-child(1){ border: 2px solid  #e8ebf0; width: 25%;}
  .about-History .gallery-top .swiper-slide .txt div:nth-child(2){ margin: 0 10px; width: 20px; height: 2px; padding: 0;}
  .about-History .gallery-top .swiper-slide .txt div:nth-child(4){ max-width: 250px; font-size: 14px; margin-left: 12px; line-height: 1.2; display: none;}
   .showcase,.paly{ display: none;}
   .phone-banner{ display: block;}
   .mt30{ margin-top: 20px;}
   .mb30{ margin-bottom: 20px;}
.mt35{ margin-top: 20px;}
.mb70{ margin-bottom: 20px;}
.mb55{ margin-bottom: 20px; }
.mt100{ margin-bottom: 20px;}
.pt70{ padding-top: 20px;}
.mt55{ margin-top: 20px;}
.mb-55{ margin-bottom: -20px;}
.mt70{ margin-top: 20px;}
.mb65{ margin-bottom: 20px;}
.pt55{ padding-top: 20px;}
.pb55{ padding-bottom: 20px;}
.pb55{ padding-top: 20px;}
.f16{ font-size: 14px;}
.f60{ font-size: 30px;}
.f50{ font-size: 22px;}
.f54{ font-size: 22px;}
.f40{ font-size: 22px;}
.f70{ font-size: 26px;}
.f80{ font-size: 34px;}
.index-about{    background-size: 100% 90%;}
.index-about .num{ flex-wrap: wrap;}
.index-about .num div{ width: 50%; flex-direction: column; align-items: center; line-height: 2; text-align: center;}
.index-about .num div em{display: inline-block;white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}

.about-link .item figure{ width: 100px; margin-left: -50px; height: 38px; margin-top:-19px ;letter-spacing:0; font-size: 14px;}
.product-ban  .gallery-thumbs{ position: relative; margin: 0; left: 0; top: 0; width: 100%; height: auto; padding: 20px 0;}
.product-ban  .gallery-thumbs .swiper-slide figure{ width: 80%;}
.product-ban  .gallery-thumbs .swiper-slide figure div:nth-child(2){ margin: 10px 0;}
.product-ban  .gallery-thumbs .swiper-slide figure a{ width: 150px; height: 30px;}
.product-ban  .gallery-top .swiper-slide .txt{ font-size: 10px; padding-left: 10px; padding-bottom: 10px;  }
.product-ban  .gallery-top .swiper-slide .txt img{ width: 40px; height: auto;}
.product-ban  .gallery-top .swiper-slide .txt p{  display: none;}
.index-case .img p{ display: none;}
.index-case .img a{ width: 150px; height: 30px; margin-top: 20px;}
.caselistul li a{ width: 150px; height: 30px;}
footer .top dl{ display: none;}
footer .top dl:nth-child(4){ display: block;}
footer .bot {justify-content: center; line-height: 2; text-align: center; padding-top: 10px;}
footer .bot div:last-child{ display: none; }
/* .page-aside{ display: none !important;} */
#toolbar{ display: flex;}

.wall .article a div:nth-child(2){   font-size: 12px; }
.wall .wall-column:nth-child(1){ padding-right: 20px;}
.wall .wall-column:nth-child(2){ padding-left: 20px;}
.wall .article{ padding-top: 35px;}
.wall .wall-column a div:nth-child(1)::after{ width: 12px; right: -26px;}
.wall .wall-column:nth-child(2) a div:nth-child(1)::after{ left: -26px;}
.caselistul{ width: 90%;}
.about-Culture .left .top{ text-align: left; display: flex; justify-content: space-between;}
.about-Culture .left .top .con{ margin: 0;}
.about-info .right a{ margin-left: 12px; padding: 5px; font-size: 14px; background-size: 3px 3px;}
.about-Culture .left .bot dl{background-size:5px 5px;padding-left: 10px;}
.about-Culture .left .bot dl dt{white-space: nowrap; }
.about-Culture .left .top .con p{ margin-left: 20px;background-size: 8px auto;text-align: center;}
.about-main{ width: 100%; padding: 0 15px;}
.newslist li .about-main{ flex-direction: column-reverse;}
.newslist{ margin-top: 20px;}
  .newslist li{ padding: 0;}
  .newslist li .img img{ width: 100%;}
  .newslist li .txt{ width: 100%; padding: 20px 0;}
  .newslist li .txt div:nth-child(2){ margin: 10px 0;-webkit-line-clamp: 2;}
  .newslist li .txt div:nth-child(3){ width: 150px; height: 30px;}

}

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

 
}



  /* 栏目页banner手机端与pc端切换显示 */
  .colum-banner-pc{  display: block; }
  .colum-banner-phone{  display: none; }
  @media screen and (max-width:1024px){
    .colum-banner-pc{
      display: none;
    }
    .colum-banner-phone{
      display: block;
    }
  }
  @-webkit-keyframes hover {
    0% {
      webkit-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
      webkit-animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1);
      -webkit-animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1);
      animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1);
    }
  
    25% {
      webkit-transform: translateY(-6.25px);
      -webkit-transform: translateY(-6.25px);
      transform: translateY(-6.25px);
      webkit-animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82);
      -webkit-animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82);
      animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82);
    }
  
    50% {
      webkit-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
      webkit-animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1);
      -webkit-animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1);
      animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1);
    }
  
    75% {
      webkit-transform: translateY(6.25px);
      -webkit-transform: translateY(6.25px);
      transform: translateY(6.25px);
      webkit-animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82);
      -webkit-animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82);
      animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82);
    }
  
    100% {
      webkit-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }