.container {
  max-width: 80%;
}
@media (min-width: 1366px) and (max-width: 1500px) {
  .container {
    max-width: 90%;
  }
  .section4-left {
    margin: 5% 5% 0;
    height: 95%;
    opacity: 0;
    transition: all 1s;
    transform: translateX(-50%);
  }
  .news-list__box dl dt {
    flex: 0 0 40%;
    max-width: 40%;
    overflow: hidden;
  }
  .news-list__box dl dd {
    flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden;
  }
  .news-list__box dl dd a {
    display: block;
    height: 4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    overflow: hidden;
  }
  .cd-primary-nav > li {
    float: left;
    margin-left: 1rem;
  }
  .culture-area__box-content {
    padding-top: 20%;
  }
  .culture-area__box-text {
    width: 80%;
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  .cd-primary-nav > li {
    float: left;
    margin-left: .5em;
    position: relative;
  }
  .cd-logo {
      width: 200px;
  }
  .cd-logo img{
    width: 100%;
  }
  .container {
    max-width: 90%;
  }
  .section4-left {
    margin: 5% 5% 0;
    height: 95%;
    opacity: 0;
    transition: all 1s;
    transform: translateX(-50%);
  }
  .news-list__box dl dt {
    flex: 0 0 40%;
    max-width: 40%;
    overflow: hidden;
  }
  .news-list__box dl dd {
    flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden;
  }
  .news-list__box dl dd a {
    display: block;
    height: 4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    overflow: hidden;
  }
  .culture-area__box-content {
    padding-top: 20%;
  }
  .culture-area__box-text {
    width: 80%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .cd-header-buttons {
      position: relative;
      display: flex;
      align-items: center;
  }
  .container {
    max-width: 90%;
  }
  .section4-left {
    margin: 5% 5% 0;
    height: 95%;
    opacity: 0;
    transition: all 1s;
    transform: translateX(-50%);
  }
  .news-list__box dl dt {
    flex: 0 0 40%;
    max-width: 40%;
    overflow: hidden;
  }
  .news-list__box dl dd {
    flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden;
  }
  .news-list__box dl dd a {
    display: block;
    height: 4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    overflow: hidden;
  }
  .culture-area__box-content {
    padding-top: 20%;
  }
  .culture-area__box-text {
    width: 80%;
  }
  .culture-area__box-title {
    margin-bottom: 4rem;
  }
  .culture-area__box-ttitle {
    margin-bottom: 1rem;
  }
  .culture-area__box-text {
    line-height: 2rem;
  }
}
@media only screen and (max-width: 991px) {
    .circle a{
        font-size: 12px;
    }
  .banner__box img{
    width: auto;
    height: 100vh;
    margin: 0 auto;
  }
  .container {
    max-width: 90%;
  }
  .section6 .circle font{
      font-size: 1.6rem;
  }
      .section4-title h2 {
    
      font-size: 2.6rem!important;
    
      font-weight: normal;
    
    }
    .section4-title p {
    
      font-size: 1.6rem!important;
    
      text-transform: uppercase;
    
    }
    
    .section4-title div p {
    
      font-size: 1.6rem;
    
      text-transform: uppercase;
    
    }
    
    .section4-title div h2 {
    
      font-size: 2.6rem;
    
      font-weight: normal;
    
    }
  .section2,
  .section3,
  .section4,
  .section5,
  .section6,
  .section7 {
    height: auto !important;
  }
  .section3{
      min-height: 100vh;
  }
  .nybanner{
    width: 100%;
    overflow: hidden;
  }
  .nybanner img{
    width: 240%;
    margin-left: -70%;
    overflow: hidden;
  }
  .case-area__class{
    justify-content: space-between;
  }
  .case-area__class a{
    margin-bottom: 1rem;
  }
  .cd-header-buttons li:nth-child(1) {
    display: none;
  }
  .cd-logo img {
    height: 4rem !important;
  }
  .banner__box-text h4 {
    font-size: 3.8rem;
  }
  .banner__box-text h2 {
    font-size: 3rem;
  }
  .banner__box-text h3 {
    font-size: 2rem;
  }
  .news-img__box,
  .news-img__box img {
    height: auto !important;
  }
  .thm-btn{
    padding: 1rem 3rem;
    max-width: 16rem;
  }
  .thm-btn::before,
  .thm-btn::after{
    width: 2rem;
  }
  .thm-btn::before{
    left: -1rem;
  }
  .thm-btn::after{
    right: -1rem;
  }
  .index02 .circle p{
    font-size: 2.6rem;
  }
  .index02 a .text span.thm-btn{
    padding: 1rem 0;
    max-width: 10rem;
  }
  .news-list__box dl{
    display: block;
    height: auto;
  }
  .news-list__box dl dd,
  .news-list__box dl dt{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 94%;
  }
  .section4-left {
    margin: 5% 5% 0;
    height: 95%;
    opacity: 0;
    transition: all 1s;
    transform: translateX(-50%);
  }
  .news-list__box dl dt {
    flex: 0 0 40%;
    max-width: 40%;
    overflow: hidden;
  }
  .news-list__box dl dd {
    flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden;
  }
  .news-list__box dl dd a {
    display: block;
    height: 4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    overflow: hidden;
  }
  .news-list__box dl dd p {
    height: 9rem;
    overflow: hidden;
  }
  .news-img__box img {
    width: auto;
    transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
  }
  .news-img__active .news__prev-arrow {
    right: 2rem;
    bottom: 2.3rem;
  }
  .culture-area__box-content {
    padding-top: 20%;
  }
  .culture-area__box-text {
    width: 96%;
  }
  .culture-area__box-title {
    margin-bottom: 2rem;
  }
  .culture-area__box-title p {
    font-size: 1.8rem;
  }
  .culture-area__box-title h4 {
    font-size: 2.8rem;
  }
  .culture-area__box-ttitle {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .culture-area__box-text {
    line-height: 2rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
    .cd-nav-icons{
        width: 100%!important;
    }
  .news-area_box{
    flex-direction: column;
  }
  .news-area_box-time{
    border: 0;
    flex: none;
    margin-bottom: 10px;;
  }
  .news-area_box-time span{
    display: inline-block;
    font-size: 16px
  }
  .news-area_box-time span:nth-child(1){
    font-size:40px;
  }
  .news-area__one a{
    margin-top: 10px;;
  }
  .contact-area input:last-child{
    margin-bottom: 10px;
  }
  .join-one{
    flex-direction: column;
    line-height:30px;
  }
  .join-two{
    flex-direction: column;
  }
  .caseny-area .mySwiper{
    width: 80%;
  }
  .caseny-area .mySwiper .swiper-slide-thumb-active{
    padding: 2px;
  }
  .caseny-area .swiper-button-next, .caseny-area .swiper-button-prev{
    top: -35px;
    font-size: 24px;
    height:30px;
  }
  .videos__box{
    width: 90vw;
    height:80vh;
    top: 10vh;
    left: 5vw;
    bottom: 10vh;
    right: 5vw;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item{
    color:#fff;
    padding: 0 0 0 15px;
  }
  .go-back a{
    color:#efefef!important;
  }
  .container {
    max-width: 96%;
  }
  .index02 {
    height: 100vh;
  }
  .news-img__hover {
    padding: 2rem;
  }
  .news-img__hover p {
    line-height: 2rem;
  }
  .news-img__active .news__prev-arrow {
    right: 2rem;
    bottom: 2.3rem;
  }
  .section5 {
    padding: 4rem 0;
  }
  .section6-left {
    height: 50vh;
    width: 100%;
  }
  .section6-right {
    width: 100%;
    height: 50vh;
  }
  .section6 .circle {
    width: 15rem;
    height: 15rem;
  }
  .section6 .circle p {
    font-size: 1.8rem;
  }
  .section6-left .product__box {
    top: 0;
    bottom: auto;
  }
  .media__box img {
    width: 100%;
  }
  .section4-left {
    margin: 5% 5% 0;
    height: auto;
    opacity: 0;
    transition: all 1s;
    transform: translateX(-50%);
  }
  .news-list__box dl{
    margin-bottom: 10px;
  }
  .news-list__box dl dt {
    flex: 0 0 100%;
    max-width: 100%;
    max-height: 20rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
  }
  .news-list__box dl dd {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    overflow: hidden;
  }
  .news-list__box dl dd a {
    display: block;
    line-height: 3rem;
    font-size: 1.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    overflow: hidden;
  }
  .news-list__box dl dd p {
    font-size: 14px;
    line-height: 2.5rem;
    height: 5rem;
    overflow: hidden;
  }
  .history-area .gallery-top .swiper-slide .box {
    flex-direction: column;
  }
  .history-area .gallery-top .swiper-slide .imgbox,
  .history-area .gallery-top .swiper-slide .text {
    width: 100%;
  }
  .history-area .gallery-top .swiper-slide .text {
    padding: 2rem;
  }
  .about-area_bg2 {
    border: 0;
  }
  .history-area .gallery-thumbs .swiper-wrapper .swiper-slide p {
    font-size: 1.8rem;
    height: 6rem;
    line-height: 6rem;
  }
  .history-area .gallery-thumbs .swiper-wrapper .swiper-slide span,
  .history-area .gallery-thumbs .swiper-wrapper .swiper-slide span:before {
    width: 6rem;
    height: 6rem;
  }
  .history-area .gallery-thumbs .swiper-wrapper .swiper-slide span:before {
    margin: -3rem 0 0 -3rem;
  }
  .history-area .gallery-thumbs .swiper-wrapper .swiper-slide span:after {
    width: 7rem;
    height: 7rem;
    margin: -3.5rem 0 0 -3.5rem;
  }
  .zazhi__active .zazhi__prev-arrow{
    left: 0;
    color: #c70000;
  }
  .zazhi__active .zazhi__next-arrow{
    right: 0;
    color: #c70000;
  }
  .history-area .gallery-top .swiper-slide .text time{
    font-size: 4rem;
  }
  .nybanner-box h2{
    font-size: 2.3rem;
  }
  .swiper-btn,
  .media__box .text{
    width: 100%;
  }
  .caseny-area .myCase2{
    width: 100%;
    height: 100%;
  }
  .caseny-area .myCase{
    width: 80%;
  }
  .caseny-area .myCase .swiper-slide{
    height: 60px;
  }
}