@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: 280px; padding: 20px;}
  .section-intro .intro-tab .ban{ margin-bottom: 8px; font-size: 18px;}
  .section-intro .intro-tab p{ margin-bottom: 10px;}
  .section-intro .intro_left{ width: 60%;}
  .section-intro .right_img{ width: 40%; 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: 40px;}

  .section-room .room-title .t{ font-size: 30px;}
  .section-room .room-title .st{ font-size: 15px;}
  .section-room .room-tab .room-item{ width: 180px;}
  .section-room .room-box .roomBg{ max-width: 100%;}
  .section-room .room-box .icon{ transform: scale(0.8);}

  .section-room .room-box .text{ font-size: 12px;}
  .section-room .room-box .text1{ line-height: 30px; top: 55px; left: 150px; 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-room .room-right{ width: calc( 100% - 400px);}

  .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;}
}
 
 




@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-intro .intro_left{ width: 50%;}
  .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: 48%; margin-right: 1%;   margin-top: 10px;}
 }
 
 @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{ 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: 2;
    overflow: hidden;}
    .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: 60%; 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 .room-box .text{ font-size: 12px;}
    .section-room .room-box.room1 .text1{ background: url(../images/index/room_text_bg4.png) no-repeat center left !important ; line-height: 30px; top: 92px; left: 82px; padding-right: 10px; padding-left: 10px;}
    .section-room .room-box.room1 .text1.active {background-image: url(../images/index/room_text_bg4-hover.png) !important;}
    .section-room .room-box.room1 .text2{ line-height: 30px; padding-left: 7px; padding-right: 7px; top: 57%; left: 43%; right: 29%}
    .section-room .room-box.room1 .text3{ padding-bottom: 16px; padding-top: 8px; left: 28%; top: 14%;}
    .section-room .room-box.room1 .text4{ top: 7px; left: 229px; line-height: 30px; }

    .section-room .room-box.room2 .text1{ top: 147px !important; left: 6px !important; }
    .section-room .room-box.room2 .text2{ top: 96px !important; left: 143px !important; right: 110px !important; }
    .section-room .room-box.room2 .text3{ top: 66% !important; left: 36% !important; }
    .section-room .room-box.room2 .text4{ top: 13% !important; left: 42% !important}

    .section-room .room-box .roomBg { width: 400px; height: 240px; }

    .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;}

    .index-section .auto-container .row .case-list .logos{ display: none;}

    .footer .auto-container .friend-link{display: none;}
 }