@media(max-width:1220px) {
 
  .Home-banner .banner-text h3{ font-size: 32px;}
  .Home-banner .banner-text p{ font-size: 18px;}
  .Home-banner .banner-img .item{ right: 0;}
  .index-section{ padding-top: 60px; padding-bottom: 80px;}
  .index-title .t{ font-size: 30px; margin-bottom: 10px;}
  .index-title .st{ font-size: 15px;}
  .section-problem .index-problem .text{ padding: 20px;}
  .section-problem .index-problem .text h3{ font-size: 18px; margin-bottom: 10px;}
  .section-problem .index-problem .text p{ font-size: 13px;}
  
  .section-intro .intro_left .t{ font-size: 30px;}
  .section-intro .intro_left .info{ font-size: 15px; line-height: 22px;}
  .section-intro .intro-tab li{ width: 15.333333%; padding: 10px;}
  .section-intro .intro-tab .ban{/* margin-bottom: 8px; */ font-size: 18px;}
  .section-intro .intro-tab p{ margin-bottom: 10px;}
  .section-intro .intro_left{ width: 95%;}
/*  .section-intro .right_img{ width: 100%; right: 0; bottom: -80px;} */

  .section-advantage .adv-list .info{ padding: 22px;}
  .section-advantage .adv-list .info h3{ font-size: 18px;}
  .section-advantage .adv-list .info p{ margin-bottom: 15px;}

  .section-choose .choose-list li .box{ height: 162px; padding-top: 26px;}

  .section-room .intro-tab li{ width: 15.333333%; padding: 10px;}
  .section-room .intro-tab .ban{/* margin-bottom: 8px; */ font-size: 18px;}
  .section-room .room-title .t{ font-size: 30px;}
  .section-room .room-title .st{ font-size: 15px;}
  .section-room .room-tab .room-item{ width: 150px;}
  .section-room .room-box .roomBg{ max-width: 100%;}
  .section-room .room-box .icon{ transform: scale(0.8);}
  .section-room .room-right{ /* width: calc( 100% - 400px); */ width: calc( 48%); }

  .section-news .news-list .info{ padding: 22px;}
  .section-news .news-list .info h3{ font-size: 18px;}
  .section-news .news-list .info p{ margin-bottom: 15px;}
  .section-news .newsInner{ height: 408px;}
  .section-news #news li{ padding: 15px 0;}
  .section-news #news li a{ font-size: 18px;}
  
  .section-case .case-list .info{ padding: 22px;}
  .section-case .case-list .info h3{ font-size: 18px; margin-bottom: 10px;}
  .section-choose .choose-list li {width: 50%;}
 .Customers{ padding: 33px 0px; background: url(../images/bg29.jpg) no-repeat 50%/cover;}
  .Customers .about_title{ margin-bottom: 20px;}
  .Customers .Customers_content .Customers_content_list{width: 32%;}
  .Customers .Customers_content .Customers_content_list{height: 90px;}
  .Customers .Customers_content .Customers_content_list img{ max-width: 80%; opacity: 1 !important;}
  
  
}
 
 




@media(max-width:996px) {
  .Home-banner{ height: 400px;}
  .Home-banner .banner-text{ margin-top: 60px;}
  .index-title .t{ font-size: 28px;}
  .section-problem .index-problem li{ padding: 0 8px;}
  
  .section-choose .choose-list li {width: 50%;}
  
  .section-intro .intro_left{ width: 95%;}
  .section-intro .cricle_box{ position: relative; width: auto; height: auto; display: none;}
/*  .section-intro .right_img{ width: 40%; position: absolute;  } */
  .section-intro .intro-tab li{ width: 23.333333%; margin-right: 1%;   margin-top: 10px;}
  
  .section-room .intro-tab li{ width: 23.333333%; margin-right: 1%;   margin-top: 10px;}

 .about .about_title dd{ font-size: 15px; margin-bottom: 10px;}
 .about .about_title dt{ font-size: 18px; margin-bottom: 22px; padding-bottom: 15px;}
.Customers{ padding: 33px 0px; background: url(../images/bg29.jpg) no-repeat 50%/cover;}
 .Customers .about_title{ margin-bottom: 20px;}
 .Customers .Customers_content .Customers_content_list{width: 32%;}
 .Customers .Customers_content .Customers_content_list{height: 90px;}
 .Customers .Customers_content .Customers_content_list img{ max-width: 80%; opacity: 1 !important;}
  }
 @media(max-width:768px) { 
  .Home-banner .banner-text h3{ font-size: 18px;}
  .Home-banner .banner-text p{ font-size: 16px;}
  .Home-banner .banner-text .btns a{ width: 100px; height: 32px; line-height: 32px;} 
  .Home-banner .row > div{ width: 100%;}
  .Home-banner .banner-text{ margin-top: 30px;}
  .Home-banner .banner-img img{ max-width: 80%;}
  .Home-banner .banner-page .swiper-pagination-bullet{ width: 25px; height: 3px;}

  .index-section{ padding-top: 40px; padding-bottom: 50px;}
  .index-title{ margin-bottom: 20px;}
  .index-title .t{ font-size: 20px;}
  .index-title .st{ font-size: 12px;}

  .section-problem .index-problem li{ width: 50%; margin-bottom: 12px;}
  .section-problem .index-problem .text h3{ font-size: 15px; text-align: left; margin-bottom: 5px;}
  .section-problem .index-problem .text{ padding: 12px;}
  .section-problem .index-problem .text p{ height: 42px;}
  .section-problem .problem_icon2{ width: 80px; right: -50px; }
  .section-problem .problem_icon1{ width: 80px;  left: -20px; }

  .section-intro{ padding-bottom: 0;}
  .section-intro .intro_left{ width: 100%;}
  .section-intro .intro_left .t{ font-size: 19px;}
  .section-intro .intro_left .info{ font-size: 12px; line-height: 20px;}
  .section-intro .intro-tab li{ width: 32.333333%;padding: 12px; border-radius: 5px;}
  .section-intro .intro-tab .ban{ font-size: 15px; margin-bottom: 5px;}
  .section-intro .intro-tab p{ font-size: 12px; margin-bottom: 5px;}
  .section-intro .intro-tab .more{ font-size: 13px;}
  .section-intro .intro-tab .more .ico{ width: 20px; height: 20px;}
  .section-intro .intro-tab .more .ico i{ font-size: 20px;}
  .section-intro .right_img{ position: relative; width: 60%; margin: 20px auto 0; right: auto; bottom: auto;}

  .section-advantage .adv-list li{ width: 50%;  padding: 0 8px;}
  .section-advantage .adv-list .info{ padding: 12px;}
  .section-advantage .adv-list .info h3{ font-size: 15px;}
  .section-advantage .adv-list .info p{ font-size: 13px; margin-bottom: 4px;   text-overflow     : ellipsis;
    -webkit-box-orient: vertical;
    display           : block;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;}
  .cpmk-title {height: 88px;}
  .cpmk-title div {font-size: 18px;}
    .section-advantage .adv-list .info .more{ font-size: 13px;}

    .section-choose .choose-list li{ width: 100%; margin-bottom: 14px; }
    .section-choose .choose-list li .box{padding: 14px 12px;height: auto; }
    .section-choose .choose-list .ico i{ font-size: 48px;}
    .section-choose .choose-list .ico .dot1{ bottom: 14px;}
    .section-choose .choose-list .ico .dot3{ right: -18px; bottom: 14px;}
    .section-choose .choose-list .ico .dot4{ bottom: 14px;}
    .section-choose .choose-list .ico{ width: 50px;}
    .section-choose .choose-list .text{ width: calc( 100% - 62px); }
    .section-choose .choose-list .text div{ font-size: 16px;}
    .section-choose .choose-list .text p{ font-size: 13px; margin-top: 6px;}

    .section-room .room-left{ width: 100%;}
    .section-room .room-right{ width: 100%; padding: 0;}
    .section-room .room-tab .room-item{ width: 45%; height: 40px; line-height: 40px; margin: 0 1% ; font-size: 15px; margin-bottom: 12px;}
    .section-room .room-title .t{ font-size: 20px;}
    .section-room .room-title .st{ font-size: 13px;}
    .section-room .room-box .icon1{ width: 100px;}
    .section-room .room-box .icon2{ width: 100px;}
    .section-room .room-box .icon3{ width: 100px;}
   .section-room .intro-tab li{ width: 32.333333%;padding: 12px; border-radius: 5px;}
   .section-room .intro-tab .ban{ font-size: 15px; margin-bottom: 5px;}

    .section-room .room-box .text{ font-size: 12px;}
    .section-room .room-box .text1{ line-height: 30px; top: 55px; left: 150px; background: url() no-repeat center left; padding-right: 10px; padding-left: 10px;}
    .section-room .room-box .text2{ line-height: 30px; padding-left: 10px; padding-right: 15px; top: 21px; left: 0;}
    .section-room .room-box .text3{ padding-bottom: 16px; padding-top: 8px; left: 58px; top: -14px;}
    .section-room .room-box .text4{ top: 20px; left: 150px; line-height: 30px; }

    .section-news .news-list dd{ width: 50%; margin-bottom: 10px; padding: 0 5px;}
    /* .section-news .news-list dd:last-child{ width: 100%;} */
    .section-news .news-list .pic{ height: 164px;}
    .section-news .news-list .info{ padding: 12px;}
    .section-news .news-list .info h3{ font-size: 15px; margin-bottom: 8px;}
    .section-news .news-list .info p{ font-size: 13px; line-height: 20px; margin-bottom: 8px;}
    .section-news .news-list .info .time{ font-size: 12px;}

    .section-news #news{ padding-left: 12px; padding-right: 12px;}
    .section-news #news li{ padding: 8px 0;}
    .section-news #news li a{ font-size: 15px; line-height: 20px; margin-bottom: 5px;}

    .section-case .case-list .info h3{ font-size: 15px;}
    .section-case .case-list .info p{ font-size: 13px;}
    .section-case .case-list .info .tag{ margin-bottom: 8px;}
    .section-case .case-list .info .tag span{ padding: 4px 6px; font-size: 12px;}
    .section-case .case-list .case-page{ margin-top: 15px;}
    .section-case .case-list .case-page .swiper-pagination-bullet{ width: 25px; height: 3px;}


    .index-section-link{ padding: 24px;}
    .index-section-link div{ font-size: 18px;}
    .index-section-link a{ width: 106px; height: 36px; line-height: 36px; margin-top: 20px;}

    .Customers .Customers_content .Customers_content_list{ width: 49%;}
    .Customers .Customers_content .Customers_content_list:last-child{ display: none;}
 }
 

 
 

 
 