/* pc */

 button {
   outline: none !important;
 }

 @media only screen and (min-width: 769px) {
   /* 专题页-智能化咨询室 */
   .consult-room-wrap {
     padding-top: 180px;
     padding-bottom: 30px;
     width: 100%;
     background: #C9D8E1;
     overflow: hidden;
   }
   .containerBox {
     position: relative;
     margin: 0 auto;
     width: 100%;
   }
   .containerBox:first-child {
     padding-top: 44%;
   }
   .containerBox-text {
     position: absolute;
     top: -10%;
     left: 50%;
     margin-left: -600px;
     width: 1200px;
     z-index: 2;
   }
   .containerBox-text-title {
     margin-bottom: 25px;
     color: #14AFDD;
     font-size: 4rem;
     font-weight: bold;
     letter-spacing: 3px;
     text-align: center;
   }
   .consult-room-wrap .containerBox-text-title {
     text-align: left;
   }
   /* 设备采购按钮 */
   .containerBox-text-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 480px;
     height: 40px;
     border-radius: 20px;
     background: #16AFDD;
     color: #fff;
     font-size: 2.4rem;
     letter-spacing: 1.5px;
   }
   .containerBox-text-btn>span {
     margin-right: 10px;
   }
   .containerBox-text-btn:hover {
     opacity: .8;
     cursor: pointer;
   }
   /* 智能化咨询室区域 */
   .containerBox-block {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   .consult-room-inner {
     width: 100%;
     height: 100%;
   }
   /* 智能化咨询室展示图 */
   .consult-room-area {
     background: url(/picture/consult_room_thematic_bg.jpg) no-repeat center center/cover;
     width: 100%;
     height: 100%;
     z-index: 1;
   }
   .consult-room-area>li {
     position: absolute;
     background: url(/picture/consult_room_tag.png) no-repeat 44% 50%;
   }
   .consult-room-area>li:hover {
     background: url(/picture/consult_room_tag_h.png) no-repeat 44% 50%;
     cursor: pointer;
   }
   /* 单个咨询室区域 */
   .room-area-1 {
     top: 42%;
     left: 15%;
     width: 16%;
     height: 58%;
   }
   .room-area-2 {
     top: 38%;
     left: 30%;
     width: 12%;
     height: 16%;
   }
   .room-area-3 {
     top: 28%;
     left: 43%;
     width: 7.5%;
     height: 15%;
   }
   .room-area-4 {
     top: 20%;
     left: 51%;
     width: 6%;
     height: 16%;
   }
   .room-area-5 {
     top: 12%;
     left: 58%;
     width: 10%;
     height: 15%;
   }
   .room-area-6 {
     top: 5%;
     left: 68%;
     width: 8%;
     height: 12%;
   }
   .room-area-7 {
     top: 18%;
     left: 72%;
     width: 10%;
     height: 17%;
   }
   .room-area-8 {
     top: 28%;
     left: 64%;
     width: 7%;
     height: 17%;
   }
   .room-area-9 {
     top: 36%;
     left: 56%;
     width: 7%;
     height: 18%;
   }
   .room-area-10 {
     top: 42.5%;
     left: 47.5%;
     width: 9%;
     height: 20%;
   }
   .room-area-11 {
     top: 55%;
     left: 33%;
     width: 16%;
     height: 20%;
   }
   .inner-area {
     margin: 0 auto;
     padding: 30px;
     width: 1200px;
   }
   /* 遮罩层 */
   .room-modal {
     position: fixed;
     width: 100vw;
     height: 100vh;
     top: 0;
     left: 0;
     background: rgba(0, 28, 36, .85);
     z-index: 1000;
     display: none;
     cursor: default;
   }
   .room-area {
     width: 95vw;
     height: 95vh;
     position: relative;
   }
   .room-block {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
   }
   /* 遮罩层关闭按钮 */
   .btnCloseRoom {
     width: 65px;
     height: 65px;
     position: absolute;
     top: 0;
     right: 0;
     background: transparent url(/images/btn-close-white.png) no-repeat center center/28px 28px;
     z-index: 1001;
     border: 0;
     outline: none;
     cursor: pointer;
   }
   /* 遮罩层房间 */
   .room-mask {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     text-align: center;
   }
   .room-mask-name {
     margin-top: 5%;
     color: #fff;
     font-size: 4rem;
     font-weight: bold;
     letter-spacing: 4px;
   }
   .room-mask-content {
     margin: 4% auto 5%;
     width: 90%;
   }
   .room-items:not(:first-child) {
     margin-left: 10px;
   }
   .room-items {
     display: inline-block;
     margin-bottom: 20px;
     padding: 0 20px;
     height: 40px;
     line-height: 40px;
     border: 1px solid #00C5FF;
     border-radius: 20px;
     color: #fff;
     font-size: 2.4rem;
     opacity: .85;
   }
   .room-items:hover {
     color: #fff;
     opacity: 1;
     box-shadow: 0 0 6px #3cc;
     transition: all .4s;
   }
   /* 关于智能化心理咨询室 */
   .consult-room-text {
     margin: 0 auto 50px;
     width: 79%;
     color: #646464;
     font-size: 2rem;
     line-height: 170%;
     letter-spacing: 1px;
     text-align: center;
   }
   .trait .consult-room-text {
     widows: 62%;
   }
   .solve .consult-room-text {
     width: 90%;
     text-align: left;
   }
   .aboutzxs {
     background: url(/picture/consult_room_jgtbg.png) no-repeat center center;
   }
   .trait {
     background: #C9D8E1;
   }
   /* 特点所涵盖的四个内容 */
   .trait-content {
     width: 100%;
     overflow: hidden;
   }
   .trait-content>li {
     margin-bottom: 2%;
     padding: 3% 4%;
     width: 49%;
     height: 210px;
     background: #fff url(/picture/trait_sbzn.png) no-repeat right bottom;
     border-radius: 10px;
   }
   .trait-content>li.trait-area-1, .trait-content>li.trait-area-3 {
     float: left;
   }
   .trait-content>li.trait-area-2, .trait-content>li.trait-area-4 {
     float: right;
   }
   .trait-content>li:nth-child(2) {
     background: #fff url(/picture/trait_sjzn.png) no-repeat right bottom;
   }
   .trait-content>li:nth-child(3) {
     background: #fff url(/picture/trait_fwzn.png) no-repeat right bottom;
   }
   .trait-content>li:nth-child(4) {
     background: #fff url(/picture/trait_hjzn.png) no-repeat right bottom;
   }
   .trait-title {
     color: #00C5FF;
     font-size: 2rem;
     letter-spacing: 2px;
   }
   .trait-title>span {
     display: inline-block;
     margin-left: 5px;
     width: 150px;
     height: 20px;
     line-height: 20px;
     border-radius: 10px;
     background: #7F7F7F;
     color: #fff;
     font-size: 1.2rem;
     letter-spacing: 1px;
     text-align: center;
     vertical-align: 4px;
   }
   .trait-summary {
     margin-top: 4%;
     width: 75%;
     color: #9D9D9D;
     font-size: 1.6rem;
     line-height: 160%;
     letter-spacing: 1px;
   }
   /* 服务对象 */
   .client-content, .solve-serv-content, .solve-case-content {
     display: flex;
     justify-content: space-between;
   }
   .client-content>.client-item {
     float: left;
     color: #4C4C4C;
     font-size: 1.6rem;
     text-align: center;
   }
   .client-content>.client-item::before {
     content: '';
     display: block;
     width: 150px;
     height: 90px;
     background: #5BBDE7 url(/picture/client_icon_jypx.png) no-repeat center center;
     border-radius: 10px;
     transition: transform .35s;
   }
   .client-content>.client-item:hover::before {
     transform: scale(1.05);
   }
   .client-content>.client-item:nth-child(2)::before {
     background: #5BBDE7 url(/picture/client_icon_jdwj.png) no-repeat center center;
   }
   .client-content>.client-item:nth-child(3)::before {
     background: #5BBDE7 url(/picture/client_icon_gaxf.png) no-repeat center center;
   }
   .client-content>.client-item:nth-child(4)::before {
     background: #5BBDE7 url(/picture/client_icon_ylws.png) no-repeat center center;
   }
   .client-content>.client-item:nth-child(5)::before {
     background: #5BBDE7 url(/picture/client_icon_sfjy.png) no-repeat center center;
   }
   .client-content>.client-item:nth-child(6)::before {
     background: #5BBDE7 url(/picture/client_icon_zqjg.png) no-repeat center center;
   }
   .client-content>.client-item>.client-item-title {
     margin-top: 15px;
   }
   .topic-title {
     margin: 30px auto 40px;
     color: #666;
     font-size: 2rem;
     text-align: center;
   }
   /* 我们的服务 */
   .solve-serve-item {
     margin-bottom: 30px;
     padding: 10px;
     color: #343434;
     font-size: 1.4rem;
     line-height: 160%;
     background: rgba(218, 230, 238, 0);
     border-radius: 5px;
     transition: all 1.25s;
   }
   .solve-serve-item:hover {
     background: rgba(218, 230, 238, 1);
   }
   .solve-serve-item>p:first-child {
     margin-top: 20px;
   }
   .solve-serve-item::before {
     content: '';
     display: block;
     width: 100%;
     height: 60px;
     background: url(/picture/serv_item_hjyc.png) no-repeat center center;
   }
   .solve-serve-item:nth-child(2)::before {
     background: url(/picture/serv_item_zdfa.png) no-repeat center center;
   }
   .solve-serve-item:nth-child(3)::before {
     background: url(/picture/serv_item_zsjl.png) no-repeat center center;
   }
   .solve-serve-item:nth-child(4)::before {
     background: url(/picture/serv_item_hjyc.png) no-repeat center center;
   }
   .solve-serve-item:nth-child(5)::before {
     background: url(/picture/serv_item_pay.png) no-repeat center center;
   }
   /* 成功案例 */
   .solve-case-item>img {
     width: 300px;
     height: 203px;
     border-radius: 8px;
     transition: transform .25s;
   }
   .solve-case-item>img:hover {
     transform: scale(1.1);
   }
   .solve-case-item>.case-item-name {
     margin-top: 20px;
     color: #4C4C4C;
     font-size: 1.6rem;
     text-align: center;
   }
   /* 滚屏按钮 */
   .btnScroll {
     position: fixed;
     right: 8%;
     bottom: 8%;
     width: 38px;
     height: 65px;
     background: rgba(33, 33, 33, .5) url(/picture/scroll_mouse.png) no-repeat center 30%;
     border-radius: 10px;
     z-index: 2;
   }
   .btnScroll:hover {
     opacity: .8;
     cursor: pointer;
   }
   .btnScroll>img {
     position: absolute;
     left: 13px;
     bottom: 8px;
   }
   .triangle-bounce {
     animation: triangle-bounce 2s ease infinite;
   }
   @keyframes triangle-bounce {
     0%, 20%, 50%, 80%, 100% {
       transform: translateY(10%);
     }
     40% {
       transform: translateY(-20px);
     }
     60% {
       transform: translateY(-15px);
     }
   }
   /* 了解更多按钮 */
   .btn-more {
     margin: 45px auto 0;
     width: 100%;
     color: #9A9A9A;
     font-size: 1.4rem;
     letter-spacing: 1.5px;
     background: none;
   }
   .btn-more:hover {
     color: #11C9FF;
     cursor: pointer;
   }
 }