/* 公共样式  处理标签的*/

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }



        ul,

        ol,

        li {

            list-style: none;

        }



        html,

        body {

            font-family: Microsoft YaHei;

            font-weight: bold;

        }



        a {

            text-decoration: none

        }



        h1,

        h2,

        h3 {

            font-family: Microsoft YaHei;

            font-weight: bold;

        }



        p,

        div,

        pre {

            font-family: Microsoft YaHei;

            font-weight: normal;

        }



        pre {

            white-space: normal;

            

        }

        img{

            pointer-events: none; 

            -webkit-user-select: none;

            -moz-user-select: none;

            -webkit-user-select:none;  

            -o-user-select:none;  

            user-select:none;  

        }

        #top {

            position: relative;

        }



        /* 公共区间样式 start 主体部分 */

        .container {

            width: 1200px;

            margin: 0 auto;

        }



        /* 公共区间样式  院舍簡介*/

        .container .item:nth-child(1) {

            width: 100%;

            height: auto

        }



        .introduction {

            padding: 95px 125px 140px 125px;

            height: 510px;

        }



        .container .item h3 {

            text-align: center;

            font-size: 48px;

            line-height: 48px;

            height: 48px;

            color: rgba(0, 147, 65, 1);

        }

        .log-foot {
            overflow:auto;
         
         
         }
          .log-text{
            width: 100%;
            height: 33px;
            text-overflow: -o-ellipsis-lastline;
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-line-clamp: 2;
           line-clamp: 2;
           -webkit-box-orient: vertical;
          }
         .log-img{
           float: left;
           font-size: 12px;
           margin-left:15px;
           margin-top:10px;
           width: 44%;
           background-color:#fff ;
         
         }
         .ta-conter{
            width: 96%;
           height: auto;
           margin-top:10px;
            margin: 0 auto;
         }
         .ta-lable{
            font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 16px;
          
          
          }
          .ta-num{
            display: flex;
            margin-top:10px;
          
          }
          .ta-se{
            width: 65%;
            display: flex;
          
          }
          .ta-xuan{
            width:120px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            background-color:#01B075;
            color: #fff;
            border-radius: 3px;
         }
         .ta-kh{
            width: 59%;
            display: flex;
          
          }
         .ta-hk{
           margin-left:10px;
           margin-top:10px;
         }
         .ta-money{
           margin-left: 10px;
           font-size: 24px;
           color: #000;
         
         }
         .ta-he{
          margin-left: 10px;
          background-color: rgba(242, 242, 242, 1);
          line-height: 20px;
          color: #7f7f7f;
          text-align: center;
          border-radius: 3px;
          font-size: 12px;
         }
         .ta-hei{
            width: 50%;
            font-size: 12px;
             margin-left: 10px;
             background-color: rgba(242, 242, 242, 1);
            text-align: center;
            color: #7f7f7f;
            border-radius: 3px;
           }
           .ta-mt{
            margin-left: 10px;
          }
          .ta-ping{
            font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
              font-weight: 700;
              font-style: normal;
              font-size: 16px;
              color: #000000;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid rgba(0,0,0,0.1);
          
          }
          .ta-qing{
            width: 96%;
            height: auto;
            border: 1px solid rgba(0,0,0,0.1);
            border-radius: 5px;
            margin:10px auto;
          }
          .log-ding{
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 16px;
            color: #fff;
            z-index: 99;
            background-color: #01B075;
          
          }
          .ta-zhan{
            width: 96%;
           height: auto;
            margin-top:10px;
            margin-bottom: 10px;
            margin: 0 auto;
         
         }
         .ta-zhi{
            margin-top:10px;
            display: flex;
            flex-wrap: wrap;
            /* justify-content: space-around; */
          
          }
          .ta-cun{
              font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
              font-weight: 700;
              font-style: normal;
              font-size: 14px;
              color: #000000;
              margin-top: 10px;
          }
          .ta-gui{
            width: 96%;
            margin: 0 auto;
          }
          .iput{
            border: none;
            text-align: center;
          }
          .ta-chi{
            /* position: absolute;
            bottom: 0; */
             z-index: 99999 !important;
           width: 100%;
           height: auto;
           background-color: #fff;
           border-top-left-radius:5px ;
           border-top-right-radius: 5px;
          }
          #button{
            width:40px;
        height:30px;
            font-size:20px;
            background:rgba(170, 170, 170, 1);
            color:#ffffff;
            border:none;
        }
    
    
    .shopradd{
    
        width: 120px;
        display: flex;
    
      }
    .van-field__control{
            text-align: center !important;
        }
    
    .ta-sheng{
      height: 60px;
       display: flex;
       align-items: center;
       justify-content: space-between;
    }
    .ta-mai{
      margin-top:10px;
      width: 30%;
     text-align: center;
      background-color: rgba(242, 242, 242, 1);
      margin-left:10px
    
    }
    .ta-m{
       margin-top:10px;
      width: 30%;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background-color: rgba(242, 242, 242, 1);
      margin-left:10px
    
    }
    .ta-m1{
       margin-top:10px;
      width: 30%;
    height: 30px;
      line-height: 30px;
       text-align: center;
      margin-left:10px;
      border:1px solid rgba(0, 0, 0, 1);
      font-family: 'Microsoft YaHei UI', sans-serif;
      font-weight: 400;
      font-style: normal;
       font-size: 12px;
       border-radius: 5px;
    
    }
    .ta-ma{
      margin-top:10px;
    text-align: center;
     width: 30%;
    margin-left:10px;
    border:1px solid rgba(0, 0, 0, 1);
      font-family: 'Microsoft YaHei UI', sans-serif;
      font-style: normal;
     border-radius: 5px;
    }
    .ta-user{
        font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 24px;
          color: #000000;
      }
      .ta-bao{
        font-family: 'Microsoft YaHei UI', sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 14px;
          color: #000000;
      }
      .ta-wu{
         position:absolute;
          top:50%;
          left:50%;
          width: 140px;
          height: 100px;
          background-color: #000;
           border-radius: 8px;
          -webkit-transform: translate(-50%,-50%);
          -moz-transform: translate(-50%,-50%);
          transform:translate(-50%,-50%);
          z-index: 999999;
          text-align: center;
      }
      
      .ta-che{
        height: 36px;
        text-align: center;
        line-height: 36px;
        background-color: #01B075;
        color: #fff;
        font-size: 16px;
        margin-bottom: 5px;
      }
      .van-loading {
        left: 42%;
        top: 50%;
        position: absolute;
        color: #c8c9cc;
        font-size: 0;
        vertical-align: middle;
    }
    
    .are-img{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 150px;
      height: 150px;
     margin: 0 auto;
     border: 5px solid #000;
     border-radius: 8px;
     margin-bottom: 10px;
    }
    .setment-text{
     position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80%;
      height: 40px;
      color: #fff;
      line-height: 40px;
      text-align:center;
      background-color: rgba(127, 127, 127, 1);
     margin: 0 auto;
    border-radius: 5px;
     margin-bottom: 10px;
    }
    .set-zhi{
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin-top:20px;
    }
    .set-xuan{
      margin-top:18px;
      text-align: center;
      font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 16px;
    }
    
    .set-fu{
      margin-right: 15px;
      width: 100px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background-color:#F2F2F2;
      border-radius: 24px;
      color: #7F7F7F;
    }
    .set-fu1{
      margin-right: 15px;
      width: 100px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background-color:#01B075;
      border-radius: 24px;
      color: #ffffff;
    }
    .set-hk{
      margin-left: 15px;
      color: red;
    }
    .set-foot{
     background-color:#fff ;
       width: 100%;
        position: fixed;;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        height: 50px;
        align-items: center;
        border-top:0.1px solid rgba(0,0,0,0.1);
        box-shadow: darkgrey 0px -2px 20px 0px;
    }
    .set-number{
      height: 60px;
      line-height: 60px;
      display: flex;
      justify-content: space-between;
    }
    .shop-img{
      margin-left: 15px;
      margin-top:10px;
    }
    .shop-span{
      display:inline-block;
      text-align: center;
      background-color: rgba(242, 242, 242, 1);
    }
    .shop-span1{
      width: 65%;
      margin-left: 20px;
      display:inline-block;
      height: 15px;
      text-align: center;
      background-color: rgba(242, 242, 242, 1);
    }
    .shop-txt{
       margin-left: 15px;
       font-size: 12px;
       margin-top: 10px;
       margin-right: 10px;
       width: 100%;
    
    }
     .shop-tou{
       margin-top:100px;
    
       font-size: 14px;
       width: 100%;
       height: 20px;
       line-height: 20px;
       color: #000;
     }
     .shop-text{
       display: flex;
      margin-top:10px;
      height: 120px;
      background-color: #fff;
      margin-bottom: 10px;
    
     }
     .log-text{
       font-size: 12px;
      height: 32px;
       text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
     }
     .are-color{
       background-color: rgba(242, 242, 242, 1);
       height: 100%;
       overflow: hidden;
    }
    
    
      .are-fan{
        margin-top: 20px;
        margin-left: 10px;
        color: #000;
        font-size: 14px;
        margin-bottom: 10px;
        display: flex;
       height: 20px;
       align-items: center;
    
      }
      .are-fan1{
        margin-top: 74px;
        margin-left: 10px;
        color: #000;
        font-size: 14px;
        margin-bottom: 10px;
        display: flex;
       height: 20px;
       align-items: center;
    
      }
      .van-icon-arrow-left::before {
        color: #000 !important;
        font-size: 20px;}
    
        .introduction>pre {

            margin-top: 60px;

            color: rgba(51, 51, 51, 1);

            line-height: 36px;

            text-align: justify;

            font-size: 18px;

        }



        /* 公共区间样式  服務種類*/

        .container .item:nth-child(2) {

            width: 100%;

            height: 650px

        }



        /* 公共区间样式  分級護理*/

        .Grading,

        .Professional,

        .Catering {

            width: 100%;

        }



        .Grading>.title {

            margin-top: 60px;

        }



        .Grading>.title h4,

        .Professional .title,

        .Catering .title {

            width: 100%;

            text-align: center;

            font-size: 36px;

            color: #444444;

            line-height: 36px;

            font-weight: bold;

        }



        .Grading>.title p {

            height: 20px;

            margin-top: 20px;

            line-height: 20px;

            color: rgba(51, 51, 51, 1);

            text-align: center;

            font-size: 18px;

        }



        .Grading>.content {

            width: 100%;

            height: 540px;

            padding: 35px 125px 75px;

        }



        .Grading .info {

            display: flex;

            justify-content: space-between;

            height: 100%;

        }



        .info>.info_item {

            width: 36%

        }



        .info_item .info_img,

        .info_item .info_content {

            width: 100%;

        }



        .info_item img {

            width: 245px;

            height: 245px;

            border-radius: 50%;

            margin: 25px auto;

            display: block;

        }



        .info_item p {

            color: rgba(51, 51, 51, 1);

            text-align: center;

            height: 24px;

            font-size: 24px;

            line-height: 24px;

        }



        .info_item pre {

            margin-top: 15px;

            font-size: 18px;

            line-height: 24px;

            text-align: justify;

        }



        /* 公共区间样式  專業护理*/

        .Professional .info {

            width: 100%;

            display: flex;

            justify-content: space-between;

            height: 296px;

            padding: 30px 125px 95px;

        }



        .info_item1 img {

            width: 130px;

            height: 130px;

            display: block;

            border-radius: 50%;

        }



        .info_item1 p {

            color: rgba(51, 51, 51, 1);

            font-size: 24px;

            height: 24px;

            line-height: 24px;

            text-align: center;

            margin-top: 10px;

        }



        /* 公共区间样式 膳食服務 */

        .Catering .content {

            width: 100%;

            height: 175px;

            padding: 30px 125px 92px;

            text-align: justify;

            color: rgba(51, 51, 51, 1);

            line-height: 30px;

            font-size: 18px;

        }



        .container .item:nth-child(3) {

            width: 100%;

            height: auto;

            padding-bottom: 100px;

        }



        /* 公共区间样式 環境一覽 轮播 start */

        .container .activity {

            width: 1200px;

            height: 100%;

            margin: 0 auto;

        }



        .activity .product {

            width: 100%;

            height: auto;

        }



        #info {

            width: 1200px;

            height: 450px;

            margin: 46px auto 0;

            position: relative;

        }



        #info .swiper-wrapper {

            width: 1220px;

            height: 470px;

            padding: 10px;

            display: flex;

        }



        #info .swiper-slide,

        #info .swiper-slide .items,

        #info .link_branch {

            width: 100%;

            height: 430px;

            background: rgba(255, 255, 255, 1);

            display: block

        }



        .swiper-li1,

        .swiper-li1>img {

            width: 380px;

            height: 340px;

        }



        .swiper-li2 {

            width: 380px;

            height: 90px;

            font-size: 24px;

            color: rgba(51, 51, 51, 1);

            line-height: 90px;

            text-align: center;

        }



        #info .swiper-slide .link_branch:hover {

            box-shadow: 0px 4px 19px 0px rgba(178, 178, 178, 0.18);

            cursor: pointer;

        }



        #info .swiper-container {

            position: relative;

            overflow: hidden;

        }



        #info .swiper-container .hide {

            opacity: 0;

        }



        /* #info .swiper-button-next,

        #info .swiper-button-prev {

            position: absolute;

            transition: opacity 0.5s;

            font-size: 32px;

            color: rgba(255, 255, 255, 1);

            line-height: 60px;

            text-align: center;

        } */

        #info .swiper-button-next,

        #info .swiper-button-prev {

            transition: opacity 0.5s;

        }



        #info .swiper-button-prev::after,

        #info .swiper-button-next::after {

            font-size: 28px;

            color: rgba(255, 255, 255, 1);

        }



        .activity #info .swiper-button-next {

            width: 60px !important;

            height: 60px;

            background: rgba(0, 147, 65, 1);

            border-radius: 4px;

            right: -90px;

            top: 202px;

        }



        .activity #info .swiper-button-prev {

            width: 60px !important;

            height: 60px;

            background: rgba(0, 147, 65, 1);

            border-radius: 4px;

            left: -90px;

            top: 202px;

        }



        /*環境一覽 轮播 end */



        /* -------------------------------------- */

        /* 公共区间样式 環境一覽 start */

        /*  院舍活动 start */

        .activity .Activity {

            width: 1200px;

            height: 520px;

            margin: 20px auto;

            display: flex;

            justify-content: space-around;

            align-content: space-around;

            flex-wrap: wrap;

        }



        .activity .Activity h1 {

            width: 100%;

            height: 48px;

            line-height: 48px;

            font-size: 48px;

            color: #009341;

            text-align: center;

        }



        .ZnItem img {

            width: 358px;

            height: 320px;

        }



        .time_content {

            position: absolute;

            bottom: 0;

            left: 0;

            width: 100%;

            height: 40px;

            display: flex;

            margin: 20px 0;

            align-items: center;

            justify-content: flex-start;

        }



        .ZnItem {

            width: 30%;

            height: 320px;

            position: relative;

            overflow: hidden;

            border-radius: 12%;

        }



        .cover {

            width: 358px;

            height: 320px;

            background-color: rgba(0, 0, 0, 0);

            position: absolute;

            top: 0;

            left: 0;

            color: #fff;

            text-align: center;

            line-height: 26px;

            font-size: 18px;

        }



        .item .cover {

            /* opacity: 0; */

            transition: opacity 2s;

        }



        .cover .text {

            display: none;

            width: 90%;

            margin: 20px auto 0 0;

            height: 100px;

            text-align: left;

            font-size: 16px;

            line-height: 26px;

        }



        .item:hover .cover {

            opacity: 1;

        }



        .content_box .cover {

            transform: translate(0px, 220px);

            transition: transform 0.5s;

            color: rgba(255, 255, 255, 0)

        }



        .content_box:hover .cover {

            transform: translate(0px, 180px);

            color: rgba(255, 255, 255, 1)

        }



        .d_item_A {

            background: url('../images/swiper1.png') no-repeat top left;

            background-size: 358px 320px;

            transition: all 1s;

        }



        .d_item_B {

            background: url('../images/swiper2.png') no-repeat top left;

            background-size: 358px 320px;

            transition: all 1s;

        }



        .d_item_C {

            background: url('../images/swiper3.png') no-repeat top left;

            background-size: 358px 320px;

            transition: all 1s;

        }



        .content_box:hover {

            background-size: 380px 360px;

            background-position: -11px -20px;

        }



        .content_box:hover .text {

            display: block;

        }



        .content_box .Mask {

            transform: translate(0, 320px);

            display: none;

            width: 358px;

            height: 320px;

            background-color: rgba(0, 0, 0, 0.4) !important;

            transition: all 1s;

        }



        .content_box:hover .Mask {

            display: block;

            transform: translate(0px);

            transform: scaleY(1.05);

        }



        .subtitle {

            display: block;

            width: 90%;

            margin: 0 auto;

            text-align: left;

            height: 80px;

            font-size: 30px;

            line-height: 40px;

            color: #fff;

        }



        .content_box {

            width: 100%;

            height: 100%;

            overflow: hidden;

        }



        .time_content .time {

            width: 30%;

            height: 20px;

            display: block;

            justify-self: flex-start;

            font-size: 14px;

        }



        .time_content .title {

            justify-self: center;

            text-align: center;

            display: block;

            flex: 1;

            height: 40px;

            font-size: 36px;

            line-height: 36px;

        }



        /*  院舍活动 end */

        /*環境一覽 end */

        /* -----公共区间样式 院舍位置 地图- start-------- */

        .active-address {

            width: 1200px;

            height: 460px;

            margin: 0 auto 98px;

        }



        .active-map {

            width: 580px;

            height: 100%;

            float: left;

            box-sizing: content-box;

            border: 10px solid #bcbcbc;

        }



        .address-info {

            width: 560px;

            height: 100%;

            padding-left: 60px;

            float: right;

        }



        .Contact-information {

            width: 100%;

            height: 284px;

            padding: 32px 0 85px;

            box-sizing: border-box;

        }
        .Contact-informations{
             width: 100%;

            height: auto;

            padding: 32px 0 40px;

            box-sizing: border-box;
        }



        .traffic {

            width: 100%;

            height: 176px;
           
            padding-bottom: 26px;

            box-sizing: border-box;

        }



        .information-title {

            height: 25px;

            font-size: 24px;

            font-weight: bold;

            color: rgba(51, 51, 51, 1);

            line-height: 25px;

        }



        .information-info {

            width: 100%;

            height: 130px;

            margin-top: 22px;

            display: block;

            color: rgba(51, 51, 51, 1);

            line-height: 26px;

        }



        .traffic-title {

            height: 24px;

            font-size: 24px;

            font-weight: bold;

            color: rgba(51, 51, 51, 1);

            line-height: 26px;

        }



        .traffic-info,

        .information-info {

            width: 100%;

            height: auto;

            color: rgba(51, 51, 51, 1);

            display: flex;

            word-wrap: break-word;

            margin: 15px 0;
            font-size: 18px;

        }



        .information-name {

            width: 20%;

            font-size: 18px;

        }
         .information-names {

            width: 60%;

            font-size: 18px;

        }



        .traffic-name {

            width: 20%;

            font-size: 18px;

        }



        .traffic-content,

        .information-content {

            width: 85%;

            height: auto;

            line-height: 28px;

            float: right;

            white-space: inherit;

            text-align: justify;

            font-size: 18px;

        }



        /* -----------公共区间样式 院舍位置 地图 end-------------- */

        /* ==========公共区间样式  end============ */

        .container .item:nth-child(4) {

            width: 100%;

            height: auto;

        }



        /* ==========公共区间样式  楼层导航部分============ */

        .toF li:nth-child(1) {

            bottom: 0;

            left: 50%;

            transform: translateX(-50%);

        }



        .toF li:nth-child(2) {

            top: 50%;

            transform: translateY(-50%);

            left: 0;

        }



        .toF li:nth-child(3) {

            left: 50%;

            top: 0;

            transform: translateX(-50%);

        }



        .toF li:nth-child(4) {

            top: 50%;

            right: 0;

            transform: translateY(-50%)

        }



        .toF li::after,

        .toF li.active::after {

            display: none;

        }



        .toF li.active {

            background: rgba(0, 147, 65, 1);

            color: rgba(255, 255, 255, 1)

        }



        /* pc端 */

        @media (min-width: 450px) {

            #top_nav{

                top: -120px;

            }

            .hongkong_name {

                width: 100vw;

                position: relative;

                margin-top: 120px;

            }

            .hongkong_name .name_img,

            .head_logo{
                height: 650px;
            }

            .hongkong_name .name_img,

            .name_img img {

                width: 100%;
                height: 650px;

            }



            .name {

                position: absolute;

                top: 50%;

                left: 50%;

                transform: translate(-50%,-50%);

                width: 50vw;

                height: 200px;

                text-align: center;

                font-size: 68px;

                color: rgba(255,255,255,1);

                display: flex;

                flex-wrap: wrap;

                align-content: space-around;

                justify-content: center;

            }



            .name p {

                width: 100%;

                height: 68px;

                line-height: 68px;

                text-align: center;

            }



            /* pc端  隐藏轮播Pagination*/

            .activity #info .swiper-pagination {

                display: none

            }

            /* 环境一览 start */

            .environment {

                width: 100%;

              }

              .environment .title {

                width: 100%;

                padding: 0px 0px 50px;

                text-align: center;

                font-size: 48px;

                font-weight: bold;

                color: #009341;

              }

              .environment .content_box {

                width: 100%;

              }

              .environment .content_box .content_main {

                width: 100%;

                display: flex;

                justify-content: space-around;

                align-items: center;

              }

              .environment .content_box .content_main .item {

                width: 30%;

                height: 540px;

                display: flex;

                padding-bottom: 100px;

                flex-direction: column;

                justify-content: space-between;

                align-items: center;

              }

              .environment .content_box .content_main .item img {

                width: 265px;

                height: 265px;

              }

              .environment .content_box .content_main .item h3 {

                font-size: 26px;

                font-family: Microsoft YaHei;

                font-weight: bold;

                color: #333333;

              }

              .environment .content_box .content_main .item p {

                font-size: 20px;

                font-family: JQHeiTiFT;

                font-weight: 400;

                color: #656565;

              }

              

            /* 环境一览 end */

            /* .activity .product{

                display: none;

            } */

            /*pc端隐藏院舍簡介内容 */

            .introduction .pre {

                display: none

            }



            /* 交通地址 */



            /*pc端 楼层效果 */

            .toF {

                width: 16%;

                height: 220px;

                position: fixed;

                left: 2%;

                top: 24%;

                z-index: 99;

                ;

                /* background: rgba(255, 255, 255, 1); */

                /* box-shadow: 0px 0px 20px 0px rgba(230, 230, 230, 0.56); */

            }



            .toF_content {

                position: relative;

                height: 100%;

                margin: 0 auto;

            }



            /* .toF li {

                width: 200px;

                height: 40px;

                color: rgba(51, 51, 51, 1);

                padding-left: 20px;

                line-height: 40px;

                position: relative;

                cursor: pointer;

            } */

            .toF li {

                width: 80px;

                height: 80px;

                white-space: pre-wrap;

                text-align: center;

                font-size: 16px;

                position: absolute;

                color: rgba(51, 51, 51, 1);

                line-height: 70px;

                border-radius: 50%;

                z-index: 100 !important;

                background: rgba(255, 255, 255, 0.56);

                box-shadow: 0px 0px 5px 0px rgba(173, 173, 173, 0.56);

                cursor: pointer;

            }



            .toF li span {

                display: inline-block;

                width: 40px;

                height: 60px;

                line-height: 18px;

                vertical-align: text-top;

                cursor: pointer;

            }

        }



        /* 移动端 */

        @media (max-width: 450px) {

            * {

                padding: 0;

                margin: 0;

            }



            html,

            body,

            pre {

                font-family: PingFang SC;

                font-weight: 400;

                font-size: 14px;

            }

            .hongkong_name{

                margin-top: 50px;

            }

            .hongkong_name,.name_img,.name_img img{

                width: 100vw;

            }

            /*移动端 环境一览 start */

            .environment {

            width: 100%;

            margin-top: 30px;

            }

            .environment .title {

            width: 100%;

            text-align: center;

            font-size: 20px;

            font-weight: bold;

            color: #009341;

            }

            .environment .content_box .content_main {

            width: 100%;

            display: flex;

            justify-content: space-around;

            align-items: center;

            }

            .environment .content_box .content_main .item {

            width: 30%;

            height: 150px;

            display: flex;

            flex-direction: column;

            justify-content: space-between;

            align-items: center;

            }

            .environment .content_box .content_main .item img {

            display: inline-block;

            width: 95px;

            height: 95px;

            }

            .environment .content_box .content_main .item h3 {

            font-size: 18px;

            font-family: Microsoft YaHei;

            font-weight: bold;

            color: #333333;

            }

            .environment .content_box .content_main .item p {

            display: none;

            }

            

        /*移动端 环境一览 end */



            /*移动端 主体部分 */

            .container {

                width: 100vw;

                padding: 0px 15px 0;

                margin: 0;

                z-index: 8;

            }



            .container .item:nth-child(3),

            .container .item:nth-child(2) {

                height: auto;

                padding: 0

            }



            .Activity {

                display: none;

            }



            /*移动端 院舍簡介 */

            .container .item {

                width: 100%;

                height: auto;

                margin-left: 0;

                padding: 0;

                margin-top: 30px;

            }



            .service ul {

                margin-top: 30px;

            }



            .container>.item h3 {

                width: 100%;

                font-size: 20px;

                height:auto;

                line-height: 20px;

            }



            .introduction .pre {

                margin: 20px 0 0;

                font-family: PingFang SC;

                text-align: justify;

                font-weight: 400;

                line-height: 20px;

                font-size: 14px;

            }



            .introduction pre {

                display: none

            }



            /*移动端 服務種類 */

            .Grading>.title {

                margin: 0;

            }



            .Grading>.title h4,

            .Professional .title,

            .Catering .title {

                font-size: 18px;

                height: 18px;

                line-height: 18px;

                text-align: left;

                margin: 0;

            }



            .Grading>.title h4::before,

            .Professional .title::before,

            .Catering .title::before {

                content: "";

                display: inline-block;

                width: 6px;

                height: 18px;

                background: #444444;

                margin-right: 15px;

                vertical-align: top;

            }



            .Grading>.title p {

                text-align: justify;

                height: auto;

                font-size: 14px;

            }



            .Grading>.content,

            .Professional>.content {

                height: auto;

                padding: 0;

                margin: 0;

            }



            .Grading .content .info {

                width: 100%;

                display: block;

            }



            .Grading .content .info_item {

                width: 100%;

                height: 150px;

                display: flex;

                margin: 25px 0;

                justify-content: space-between;

            }



            .Grading .content .info_img {

                flex: 3;

                height: 125px;

            }



            .Grading .content .info_img img {

                width: 125px;

                height: 125px;

                margin: 0;

                margin: 10px 10px 10px 0;

            }



            .Grading .content .info_content {

                flex: 5;

                display: flex;

                flex-wrap: wrap;

                align-content: space-around;

            }



            .content .info_content p {

                font-size: 16px;

                text-align: left;

                font-family: PingFang SC;

                font-weight: bold;

            }



            .content .info_content pre {

                padding-top: 5px;

                font-size: 14px;

                color: rgba(51, 51, 51, 1);

                margin: 0;

            }



            /*移动端 專業护理 */

            .Professional .info {

                padding: 0;

                height: auto;

            }



            .info_item1 img {

                width: 65px;

                height: 65px;

                margin-top: 20px;

            }



            .info_item1 p {

                font-size: 14px;

            }



            /*移动端 膳食服務 */

            .Catering .content {

                height: auto;

                padding: 20px 0 0 0;

                text-align: left;

                font-size: 14px;

            }



            .Catering .content span {

                display: block;

            }



            /*移动端 環境一覽  轮播图 start*/

            #info {

                width: 100%;

                height: 180px;

                margin-top: 20px;

                height: auto;

            }



            #info .swiper-container {

                height: 210px;

            }



            #info .swiper-wrapper {

                width: 100%;

                height: 100%;

                padding: 5px;

            }



            #info .swiper-slide,

            #info .swiper-slide .items,

            #info .link_branch {

                width: 100%;

                height: 180px

            }



            .swiper-li1,

            .swiper-li1>img {

                width: 100%;

                height: 135px;

            }



            .swiper-li2 {

                width: 100%;

                height: 45px;

                font-size: 14px;

                line-height: 45px;
           font-weight: bold;
                text-align: center;

            }
            .swiper-li3>pre{
                text-align: center;
            }
    .blank_swiper1{
   
    margin-top:15px;
       display: flex;
    justify-content: center;
    align-items: center;
    
   
}
.blank_swiper{
 
      margin-top:15px;
       display: flex;
    justify-content: center;
    align-items: end;
    
   
}
.blank_swiper a{
      display:inline-block;
     width: 80% !important;
    height: 40px;
    color: #fff;
    background-color: #069543;
    text-align: center;
    line-height: 40px;
    color: #fff;
     margin: 0 auto;
    font-size: 18px;
   
}
.blank_swiper1 a{
     width: 80% !important;
    height: 40px;
    color: #fff;
    background-color: #069543;
    text-align: center;
    line-height: 40px;
    color: #fff;
     margin: 0 auto;
    font-size: 18px;
   
}
 
            .swiper-li4 {

                width: 100%;

               margin-bottom: 5px;

                font-size: 14px;
                font-weight: bold;
              

                text-align: center;

            }




            #info .swiper-button-next,

            #info .swiper-button-prev {

                display: none

            }



            #info .swiper-slide .items {

                box-shadow: 0px 2px 9px 0px rgba(178, 178, 178, 0.18);

                cursor: pointer;

            }



            #info .my-bullet {

                display: inline-block;

                width: 10%;

                height: calc(4px * 0.5);

                border-radius: calc(4px * 0.5);

                background: rgba(246, 246, 246, 1);

                position: relative;

                margin: 0 calc(4px * 0.5);

            }



            #info .my-bullet-active {

                background: rgba(0, 0, 0, 1);

                opacity: 1;

            }



            #info .swiper-pagination {

                text-align: center;

                bottom: 0%;

                cursor: pointer;

            }



            #info .swiper-button-disabled {

                display: none;

            }



            /* ---------移动端 環境一覽  轮播图 end------------- */

            #map{

                border: 0px;

                width: 100% !important;

                height: 230px; 

            }

            /* ----------------移动端   院舍位置 start  ---------------- */

            .active-address {

                margin: 0 auto 0px;

            }

            .active-map{

                border: 4px solid #bcbcbc;

            }

            .active-map,

            .active-map img {

                width: 100%;

                height: 230px;

                float: none;

            }



            .address-info {

                width: 100%;

                height: auto;

                margin-top: 10px;

                float: none;

                padding: 0

            }



            .Contact-information {

                width: 100%;

                height: 284px;

                padding: 15px 0;

                height: auto;

            }



            .traffic {

                width: 100%;

                height: auto;

                padding-bottom: 25px;

            }



            .information-title,

            .traffic-title {

                height: 20px;

                font-size: 16px;

                font-weight: bold;

                color: rgba(51, 51, 51, 1);

                line-height: 20px;

            }



            .traffic-info,

            .information-info {

                width: 100%;

                height: auto;

                color: rgba(51, 51, 51, 1);

                display: flex;

                word-wrap: break-word;

                margin: 6px 0;



            }



            .traffic-name {

                width: 22%;

                font-size: 14px;

            }


            .information-names {

            width: 63%;

            font-size: 14px;

        }
            .information-name {

                width: 22%;

                font-size: 14px;

            }



            .traffic-content,

            .information-content {

                width: 78%;

                height: auto;

                line-height: 20px;

                float: right;

                white-space: inherit;

                text-align: justify;

                font-size: 14px;

            }



            .information-content {

                line-height: 26px;

            }



            /* -------------移动端   院舍位置 end --------------- */

            /*移动端   楼层效果 */

            .toF {

                width: 100%;

                height: 110px;

                position: fixed;

                bottom: 5%;

                left: 50%;

                transform: translateX(-50%);

                z-index: 1;

            }



            .toF_content {

                position: relative;

                width: 40%;

                height: 100%;

                margin: 0 auto;

            }



            .toF li {

                width: 50px;

                height: 50px;

                white-space: pre-wrap;

                text-align: center;

                font-size: 14px;

                position: absolute;

                color: rgba(51, 51, 51, 1);

                line-height: 40px;

                border-radius: 50%;

                z-index: 100 !important;

                background: rgba(255, 255, 255, 0.56);

                box-shadow: 0px 0px 5px 0px rgba(173, 173, 173, 0.56);

                cursor: pointer;

            }



            .toF li span {

                display: inline-block;

                width: 26px;

                height: 30px;

                width: 28px;

                line-height: 16px;

                vertical-align: text-top;

                cursor: pointer;

            }



        }