@charset "UTF-8";
/* CSS Document */


.header {position: relative;}
.header .logo-space {height: 100px; padding-top: 30px;}
.header .group {width: 100%; height: 80px; position: relative;}
.header .position {width: 100%; height: 80px; background: #fff; position: absolute; left: 0; top: 0; z-index: 999;}
.header .logo {font-size: 0; position: absolute; left: 50%; margin-left: -60px; top: -100px; transition: all .5s;}
.header .logo a {display: block;}
.header .logo img {height: 100px; transition: all .5s;}
.header .menu {height: 80px; display: -ms-flex; display: flex; justify-content: center; align-items: center;}
.header .menu {font-size: 20px;}
.header .menu .item {padding: 0 30px;}
.header .menu .item a {color: #333; display: block; position: relative;}
.header .menu .item a span {position: relative; z-index: 20;}
.header .menu .item a.on {font-weight: bold; color: #DA155F;}
.header .menu .item a.on:after {content: ''; display: block; width: 88%; height: 10px; background: linear-gradient(to right, rgba(218, 21, 95, 0), rgba(218, 21, 95, .2)); position: absolute; left: 6%; bottom: -2px;}
.header .menu-btn {position: absolute; right: 25px; top: 50%; margin-top: -15px; visibility: hidden; opacity: 0; transition: opacity .2s;}
.header .menu-btn a {display: block; width: 30px; height: 30px;}
.header .menu-btn a span {display: block; width: 18px; height: 18px; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -9px;}
.header .menu-btn a span b,
.header .menu-btn a span:before,
.header .menu-btn a span:after {content: ''; display: block; width: 18px; height: 2px; background: #333; position: absolute; left: 50%; margin-left: -9px; border-radius: 1px; transition: transform .2s;}
.header .menu-btn a span b {top: 50%; margin-top: -1px;}
.header .menu-btn a span:before {top: 1px;}
.header .menu-btn a span:after {bottom: 1px;}
.header .menu-btn a.on span b {display: none;}
.header .menu-btn a.on span:before,
.header .menu-btn a.on span:after {top: 50%; margin-top: -1px;}
.header .menu-btn a.on span:before {-ms-transform: rotate(45deg); transform: rotate(45deg);}
.header .menu-btn a.on span:after {-ms-transform: rotate(-45deg); transform: rotate(-45deg);}

.header .position.fixed {position: fixed; box-shadow: 0 2px 10px rgba(0, 0, 0, .1);}
.header .position.fixed .logo {top: 10px; margin-left: -600px;}
.header .position.fixed .logo img {height: 60px;}


.fixed-menu {width: 100%; position: fixed; left: 0; top: 60px; z-index: 1000; background: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, .1); display: none;}
.fixed-menu .list {height: 60px; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.fixed-menu .list .item {padding: 0 15px;}
.fixed-menu .list .item a {color: #333; display: block; position: relative;}
.fixed-menu .list .item a span {position: relative; z-index: 20;}
.fixed-menu .list .item a.on {font-weight: bold; color: #DA155F;}
.fixed-menu .list .item a.on:after {content: ''; display: block; width: 88%; height: 10px; background: linear-gradient(to right, rgba(218, 21, 95, 0), rgba(218, 21, 95, .2)); position: absolute; left: 6%; bottom: -2px;}

.fixed-menu {opacity: 0; -ms-transform: translateY(-5px); transform: translateY(-5px); transition: opacity .2s, transform .2s;}
.fixed-menu.show {display: block;}
.fixed-menu.show.animation {opacity: 1; -ms-transform: translateY(0); transform: translateY(0);}





@media all and (max-width: 1360px) {
    .header .logo-space {height: 80px; padding-top: 20px;}
    .header .logo {margin-left: -48px; top: -80px;}
    .header .logo img {height: 80px;}
    .header .menu {font-size: 18px;}
}
@media all and (max-width: 1280px) {
    .header .position.fixed .logo {left: 40px; margin-left: 0;}
}
@media all and (max-width: 1024px) {
    .header .group {height: 70px;}
    .header .position {height: 70px;}
    .header .menu {height: 70px; font-size: 17px;}
    .header .menu .item {padding: 0 25px;}

    .header .position.fixed .logo img {height: 50px;}
}
@media all and (max-width: 860px) {

    .header .logo-space {height: 70px;}
    .header .logo {margin-left: -42px; top: -70px;}
    .header .logo img {height: 70px;}

    .header .group {height: 60px;}
    .header .position {height: 60px;}
    .header .menu {height: 60px; font-size: 16px;}
    .header .menu .item {padding: 0 20px;}
    .header .menu .item a.on:after {height: 6px; bottom: 0;}

    .header .position.fixed .logo {left: 30px;}
    .header .position.fixed .logo img {height: 40px;}
}
@media all and (max-width: 720px) {
    .header .menu .item {padding: 0 15px;}
}
@media all and (max-width: 640px) {
    .header .menu {transition: transform .2s, opacity .2s;}
    .header .position.fixed .menu {-ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden;}
    .header .position.fixed .logo {left: 50%; margin-left: -24px;}
    .header .position.fixed .menu-btn {visibility: visible; opacity: 1;}
}
@media all and (max-width: 500px) {
    .header .position {position: fixed;}
    .header .logo-space {display: none;}
    .header .logo {position: relative; margin: 0; left: auto; top: auto; padding: 10px 0; text-align: center;}
    .header .logo a {display: inline-block;}
    .header .logo img {height: 40px;}
    .header .menu {display: none;}
    .header .menu-btn {visibility: visible; opacity: 1; right: 18px;}
    .header .position.fixed .logo {left: auto; top: auto; margin: 0;}

    .fixed-menu .list {display: block; height: auto;}
    .fixed-menu .list .item {border-bottom: 1px solid #eee; height: 48px; display: -ms-flex; display: flex; justify-content: center; align-items: center;}
    .fixed-menu .list .item:last-child {border-bottom: 0 none;}
}
@media all and (max-width: 350px) {
    .header .menu-btn {right: 15px;}
}

.footer {background: #F9F9F9; padding: 40px 0;}
.footer-flex {display: -ms-flex; display: flex; justify-content: space-between;}
.footer-left {-ms-flex: 1; flex: 1; min-width: 0;}
.footer-nav {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; font-weight: 500; color: #333333;}
.footer-nav a {color: #333333;}
.footer-nav .item {margin-right: 50px;}
.footer-nav .item:last-child {margin-right: 0;}

.footer-tel {display: -ms-flex; display: flex; align-items: center; padding-top: 45px;}
.footer-tel .img {font-size: 0; width: 40px; margin-right: 15px;}
.footer-tel .img img {width: 100%;}
.footer-tel .con {-ms-flex: 1; flex: 1; min-width: 0;}
.footer-tel .con .tit {font-size: 14px; color: #DA155F; line-height: 1; font-weight: 500;}
.footer-tel .con .txt {font-size: 22px; color: #DA155F; line-height: 1; font-weight: bold; font-family: Roboto, Avenir, Arial; padding-top: 5px;}

.footer-copy {font-size: 14px; color: #999999; padding-top: 40px; font-family: Roboto, Arial;}


.footer-code {display: -ms-flex; display: flex;}
.footer-code .item {width: 140px; padding-left: 40px;}
.footer-code .item .img {font-size: 0;}
.footer-code .item .img img {width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .05);}
.footer-code .item .txt {text-align: center; font-size: 14px; color: #333333; padding-top: 10px;}
@media all and (max-width: 1200px) {
    .footer-tel {padding-top: 40px;}
    .footer-copy {padding-top: 30px;}
    .footer-code .item {width: 120px; padding-left: 30px;}
}
@media all and (max-width: 1024px) {
    .footer-nav {font-size: 15px;}
    .footer-nav .item {margin-right: 40px;}

    .footer-tel .img {width: 36px;}
    .footer-tel .con .tit {font-size: 13px;}
    .footer-tel .con .txt {font-size: 20px;}
    .footer-copy {font-size: 13px;}

    .footer-code .item .txt {font-size: 13px;}
}
@media all and (max-width: 860px) {
    .footer {padding: 30px 0;}
    .footer-flex {align-items: center;}
    .footer-nav {font-size: 14px;}
    .footer-nav .item {margin-right: 30px;}

    .footer-tel {padding-top: 30px;}
    .footer-tel .img {width: 32px;}
    .footer-tel .con .tit {font-size: 12px;}
    .footer-tel .con .txt {font-size: 18px;}
    .footer-copy {font-size: 12px;}

    .footer-code .item {padding-left: 20px;}
    .footer-code .item .txt {font-size: 12px;}
}
@media all and (max-width: 800px) {
    .footer-code .item {width: 110px;}
}
@media all and (max-width: 720px) {
    .footer-flex {align-items: flex-start;}
    .footer-code .item {width: 100px;}
}
@media all and (max-width: 640px) {
    .footer-flex {display: block;}
    .footer-nav {justify-content: center;}
    .footer-nav .item {padding: 0 15px; margin: 0;}
    .footer-nav .item:first-child {padding-left: 0;}
    .footer-nav .item:last-child {padding-right: 0;}
    .footer-tel {display: block; text-align: center;}
    .footer-tel .img {margin: 0 auto;}
    .footer-tel .con {padding-top: 10px;}
    .footer-copy {text-align: center;}
    .footer-code {justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .footer-code .item {padding: 20px 10px 0 10px;}
}
@media all and (max-width: 380px) {
    .footer-nav .item {padding: 0 10px;}
}
@media all and (max-width: 350px) {
    .footer-nav {font-size: 13px;}
}





.banner .swiper-slide {background-position: center; background-repeat: no-repeat; background-size: auto 100%; height: 600px;}
.banner .swiper-pagination {font-size: 0; bottom: 50px; text-align: left; width: auto; left: 50%; margin-left: -600px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; border-radius: 2px; background: #fff; margin: 0 0 0 10px;}

@media all and (max-width: 1360px) {
    .banner .swiper-slide {height: 8.45rem;}
}
@media all and (max-width: 1280px) {
    .banner .swiper-pagination {left: 40px; bottom: 40px; margin-left: 0;}
}
@media all and (max-width: 860px) {
    .banner .swiper-pagination {left: 30px; bottom: 30px;}
    .banner .swiper-pagination .swiper-pagination-bullet {width: 8px; height: 8px;}
}
@media all and (max-width: 500px) {
    .banner .swiper-pagination {left: 20px; bottom: 20px;}
}
@media all and (max-width: 420px) {
    .banner .swiper-pagination {left: 30px; bottom: 15px;}
    .banner .swiper-pagination .swiper-pagination-bullet {margin: 0 5px 0 0; width: 6px; height: 6px;}
    .banner .swiper-slide {height: 8.3rem;}
}
@media all and (max-width: 380px) {
    .banner .swiper-pagination {bottom: 12px;}
    .banner .swiper-slide {height: 8.1rem;}
}
@media all and (max-width: 350px) {
    .banner .swiper-pagination {left: 15px;}
    .banner .swiper-slide {height: 8.8rem;}
}



.in-main {padding: 50px 0;}
.in-group {padding: 50px 0;}
.in-center {max-width: 1200px; margin: 0 auto; padding: 0 40px;}
@media all and (max-width: 1360px) {
    .in-main {padding: 40px 0;}
    .in-group {padding: 40px 0;}
}
@media all and (max-width: 1280px) {
    .in-main {padding: 30px 0;}
    .in-group {padding: 30px 0;}
}
@media all and (max-width: 1024px) {
    .in-main {padding: 25px 0;}
    .in-group {padding: 25px 0;}
}
@media all and (max-width: 860px) {
    .in-main {padding: 20px 0;}
    .in-group {padding: 20px 0;}
    .in-center {padding: 0 30px;}
}
@media all and (max-width: 640px) {
    .in-main {padding: 10px 0;}
}
@media all and (max-width: 500px) {
    .in-center {padding: 0 20px;}
    .in-main {padding: 15px 0;}
    .in-group {padding: 15px 0;}
}
@media all and (max-width: 350px) {
    .in-center {padding: 0 15px;}
    .in-main {padding: 10px 0;}
    .in-group {padding: 10px 0;}
}



.in-about {display: -ms-flex; display: flex; align-items: center;}
.in-about .img {position: relative; font-size: 0; padding: 0 20px 20px 0;}
.in-about .img img {width: 100%;}
.in-about .img .imgbox,
.in-about .img .shadow {width: 480px;}
.in-about .img .imgbox {position: relative; z-index: 20;}
.in-about .img .shadow {position: absolute; right: 0; bottom: 0; opacity: .1;}
.in-about .con {-ms-flex: 1; flex: 1; min-width: 0;}
.in-about .title .note {font-size: 24px; color: #DA155F; line-height: 1; font-family: "思源黑体 CN", "Source Han Sans CN", Roboto, Arial; text-indent: 5px;}
.in-about .title .name {font-size: 48px; color: #000; line-height: 1; padding-top: 10px; font-family: "思源黑体 CN bold", "Source Han Sans CN bold", "微软雅旗黑", "PingFangSC-Semibold"; font-weight: bold;}
.in-about .content {font-size: 16px; line-height: 2; color: #666666; padding-top: 40px; padding-right: 100px;}
.in-about .more {padding-top: 100px;}
.in-about .more a {display: -ms-flex; display: flex; align-items: center;}
.in-about .more a span {font-size: 16px; font-weight: bold; color: #DA155F; margin-right: 15px;}
.in-about .more a img {height: 14px;}
@media all and (max-width: 1360px) {
    .in-about .title .note {font-size: 20px;}
    .in-about .title .name {font-size: 40px;}
    .in-about .content {font-size: 15px;}
    .in-about .more {padding-top: 80px;}
    .in-about .more a span {font-size: 15px;}
    .in-about .more a img {height: 12px;}
    .in-about .img .imgbox,
    .in-about .img .shadow {width: 440px;}
}
@media all and (max-width: 1200px) {
    .in-about .img .imgbox,
    .in-about .img .shadow {width: 400px;}
}
@media all and (max-width: 1024px) {
    .in-about .title .note {font-size: 18px;}
    .in-about .title .name {font-size: 36px;}
    .in-about .content {font-size: 14px; padding-right: 50px;}
    .in-about .more {padding-top: 60px;}
    .in-about .more a span {font-size: 14px;}
    .in-about .more a img {height: 10px;}
    .in-about .img .imgbox,
    .in-about .img .shadow {width: 360px;}
}
@media all and (max-width: 860px) {
    .in-about .img {padding: 0 10px 10px 0;}
    .in-about .img .imgbox,
    .in-about .img .shadow {width: 320px;}
    .in-about .title .note {font-size: 16px;}
    .in-about .title .name {font-size: 32px;}
    .in-about .content {padding-right: 40px; padding-top: 20px;}
    .in-about .more {padding-top: 30px;}
}
@media all and (max-width: 800px) {
    .in-about .img .imgbox,
    .in-about .img .shadow {width: 300px;}
    .in-about .title .note {font-size: 15px;}
    .in-about .title .name {font-size: 30px;}
    .in-about .content {padding-right: 30px; padding-top: 20px; line-height: 1.8;}
    .in-about .more {padding-top: 30px;}
}
@media all and (max-width: 720px) {
    .in-about .img .imgbox,
    .in-about .img .shadow {width: 280px;}
    .in-about .title .note {font-size: 14px;}
    .in-about .title .name {font-size: 24px;}
    .in-about .content {font-size: 13px;}
    .in-about .more a span {font-size: 13px;}
    .in-about .more a img {height: 8px;}
}
@media all and (max-width: 640px) {
    .in-about {align-items: flex-start;}
    .in-about .more {padding-top: 20px;}
    .in-about .img {padding: 70px 5px 5px 0;}
    .in-about .img .imgbox,
    .in-about .img .shadow {width: 180px;}
}
@media all and (max-width: 500px) {
    .in-about .content {padding-right: 20px;}
    .in-about .img .imgbox,
    .in-about .img .shadow {width: 120px;}
}
@media all and (max-width: 480px) {
    .in-about {display: block; border-bottom: 1px dotted #ddd; padding-bottom: 30px;}
    .in-about .content {padding-right: 0;}
    .in-about .img {display: none;}
}
@media all and (max-width: 350px) {
    .in-about {padding-bottom: 20px;}
}







.in-product-title {text-align: center; position: relative; padding: 36px 0 50px 0;}
.in-product-title .name {font-size: 36px; line-height: 1; color: #DA155F; font-family: "思源黑体 CN bold", "Source Han Sans CN bold", "微软雅旗黑", "PingFangSC-Semibold"; font-weight: bold;}
.in-product-title .note {font-size: 16px; line-height: 1; color: #999999; font-family: Roboto, "思源黑体 CN", "Source Han Sans CN", Arial; padding-top: 5px;}
.in-product-title .t,
.in-product-title .b {width: 50px; height: auto; position: absolute; left: 50%; margin-left: -25px;}
.in-product-title .t {top: 0; border-top: 1px solid #DA155F;}
.in-product-title .b {bottom: 0; border-bottom: 1px solid #DA155F;}
.in-product-title .t:after,
.in-product-title .t:before,
.in-product-title .b:after,
.in-product-title .b:before {content: ''; display: block; width: 1px; height: 24px; background: #DA155F; position: absolute;}
.in-product-title .t:after {left: 0; top: 0;}
.in-product-title .t:before {right: 0; top: 0;}
.in-product-title .b:after {left: 0; bottom: 0;}
.in-product-title .b:before {right: 0; bottom: 0;}

.in-product-title .a {width: 14px; height: auto; font-size: 0; position: absolute; left: 50%; margin-left: -7px; bottom: 16px;}
.in-product-title .a img {width: 100%;}


.in-product-list {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.in-product-list .item {width: calc(25% - 45px); padding: 60px 60px 0 0;}
.in-product-list .item:nth-child(4n + 0) {padding-right: 0;}
.in-product-list .item .img {font-size: 0;}
.in-product-list .item .img a {display: block;}
.in-product-list .item .img img {width: 100%;}
.in-product-list .item .con {text-align: center; padding-top: 20px;}
.in-product-list .item .con .name {font-size: 20px; color: #333;}
.in-product-list .item .con .name a {color: #333;}
.in-product-list .item .con .note {font-size: 14px; color: #D6A22B; padding-top: 5px;}


.in-product-list .item .hover {transition: transform .5s;}
.in-product-list .item .hover .img {transition: box-shadow .5s;}
.in-product-list .item .hover:hover {-ms-transform: translateY(-15px); transform: translateY(-15px);}
.in-product-list .item .hover:hover .img {box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}
@media all and (max-width: 1360px) {
    .in-product-title {padding: 30px 0 40px 0;}
    .in-product-title .name {font-size: 32px;}
    .in-product-title .note {font-size: 14px;}
    .in-product-title .t,
    .in-product-title .b {width: 40px; margin-left: -20px;}
    .in-product-title .t:after,
    .in-product-title .t:before,
    .in-product-title .b:after,
    .in-product-title .b:before {height: 15px;}
    .in-product-title .a {width: 10px; margin-left: -5px; bottom: 10px;}

    .in-product-list .item .con .name {font-size: 18px;}
}
@media all and (max-width: 1200px) {
    .in-product-list .item {width: calc(25% - 30px); padding: 40px 40px 0 0;}
}
@media all and (max-width: 1024px) {
    .in-product-title {padding: 30px 0 35px 0;}
    .in-product-title .name {font-size: 30px;}

    .in-product-list {padding-top: 7px;}
    .in-product-list .item {width: calc(25% - 21px); padding: 28px 28px 0 0;}
    .in-product-list .item .con .name {font-size: 16px;}
}
@media all and (max-width: 860px) {
    .in-product-list {padding-top: 10px;}
    .in-product-list .item {width: calc(25% - 15px); padding: 20px 20px 0 0;}
    .in-product-list .item .con {padding-top: 15px;}
    .in-product-list .item .con .name {font-size: 15px;}
    .in-product-list .item .con .note {font-size: 13px;}
}
@media all and (max-width: 800px) {
    .in-product-list .item {width: calc(33.333% - 20px); padding: 30px 30px 0 0;}
    .in-product-list .item:nth-child(4n + 0) {padding-right: 30px;}
    .in-product-list .item:nth-child(3n + 0) {padding-right: 0;}
}
@media all and (max-width: 720px) {
    .in-product-title {padding: 25px 0 30px 0;}
    .in-product-title .name {font-size: 24px;}
    .in-product-title .note {font-size: 13px;}
    .in-product-title .t,
    .in-product-title .b {width: 30px; margin-left: -15px;}
    .in-product-title .t:after,
    .in-product-title .t:before,
    .in-product-title .b:after,
    .in-product-title .b:before {height: 10px;}
    .in-product-title .a {width: 8px; margin-left: -4px;}
    .in-product-list {padding-top: 9px;}
    .in-product-list .item {width: calc(33.333% - 14px); padding: 21px 21px 0 0;}
    .in-product-list .item:nth-child(4n + 0) {padding-right: 21px;}
    .in-product-list .item:nth-child(3n + 0) {padding-right: 0;}
}
@media all and (max-width: 640px) {
    .in-product-list {justify-content: space-between; padding-top: 0;}
    .in-product-list .item {width: calc(50% - 15px); padding: 30px 0 0 0;}
    .in-product-list .item:nth-child(4n + 0) {padding-right: 0;}
}
@media all and (max-width: 500px) {
    .in-product-list {padding-top: 10px;}
    .in-product-list .item {width: calc(50% - 10px); padding: 20px 0 0 0;}
}
@media all and (max-width: 350px) {
    .in-product-list .item {width: calc(50% - 5px); padding: 15px 0 0 0;}
    .in-product-list .item .con {padding-top: 10px;}
    .in-product-list .item .con .name {font-size: 14px;}
    .in-product-list .item .con .note {font-size: 12px;}
}




.in-sanatorium-head {height: 400px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; display: -ms-flex; display: flex; justify-content: center; align-items: center;}
.in-sanatorium-head .title {text-align: center;}
.in-sanatorium-head .title .name {font-size: 48px; color: #DA155F; line-height: 1; font-family: "思源黑体 CN bold", "Source Han Sans CN bold", "微软雅旗黑", "PingFangSC-Semibold"; font-weight: bold;}
.in-sanatorium-head .title .note {font-size: 48px; color: #DA155F; line-height: 1; opacity: .5; padding-top: 20px; font-family: Ubuntu, Roboto, Arial;}
.in-sanatorium-head .title .more {padding-top: 15px;}
.in-sanatorium-head .title .more a {display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 110px; height: 40px; box-sizing: border-box; border: 1px solid #DA155F; border-radius: 15px; font-size: 16px; color: #DA155F; margin: 0 auto; transition: background-color .2s, color .2s, box-shadow .2s, transform .2s;}
.in-sanatorium-head .title .more a:hover {background: #DA155F; color: #fff; box-shadow: 0 2px 4px rgba(218, 21, 95, .2); -ms-transform: scale(1.1); transform: scale(1.1);}

.in-sanatorium-list {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.in-sanatorium-list .item {width: calc(25% - 45px); padding: 50px 60px 0 0;}
.in-sanatorium-list .item:nth-child(4n + 0) {padding-right: 0;}
.in-sanatorium-list .item:nth-child(even) {-ms-transform: translateY(-100px); transform: translateY(-100px);}
.in-sanatorium-list .item .img {background: #fff; padding: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, .1); transition: box-shadow .5s;}
.in-sanatorium-list .item .img .position {position: relative;}
.in-sanatorium-list .item .img .space {font-size: 0;}
.in-sanatorium-list .item .img .space svg {width: 100%;}
.in-sanatorium-list .item .img .imgbox {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.in-sanatorium-list .item .img .imgbox a {display: block; width: 100%; height: 100%; overflow: hidden;}
.in-sanatorium-list .item .img .imgbox img {width: 100%; height: 100%; transition: transform .5s;}
.in-sanatorium-list .item .con {padding-top: 20px;}
.in-sanatorium-list .item .con .tit {font-size: 18px; line-height: 26px; font-weight: 500; color: #000000;}
.in-sanatorium-list .item .con .tit a {color: #000000; transition: color .2s;}
.in-sanatorium-list .item .con .txt {font-size: 14px; line-height: 24px; color: #666666; padding-top: 10px;}
.in-sanatorium-list .item .con .tit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 52px;}
.in-sanatorium-list .item .con .txt {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 72px;}

.in-sanatorium-list .item .img:hover .imgbox img {-ms-transform: scale(1.2); transform: scale(1.2);}
.in-sanatorium-list .item .img:hover {box-shadow: 0 1px 20px rgba(0, 0, 0, .1);}
.in-sanatorium-list .item .con .tit a:hover {color: #DA155F;}

@media all and (max-width: 1360px) {
    .in-sanatorium-head {height: 360px;}
    .in-sanatorium-head .title .name {font-size: 40px;}
    .in-sanatorium-head .title .note {font-size: 40px; padding-top: 10px;}
    .in-sanatorium-head .title .more a {font-size: 15px; width: 100px; height: 36px;}

}
@media all and (max-width: 1200px) {
    .in-sanatorium-list .item {width: calc(25% - 30px); padding: 40px 40px 0 0;}
    .in-sanatorium-list .item:nth-child(even) {-ms-transform: translateY(-80px); transform: translateY(-80px);}
}
@media all and (max-width: 1024px) {
    .in-sanatorium-head {height: 300px;}
    .in-sanatorium-head .title .name {font-size: 36px;}
    .in-sanatorium-head .title .note {font-size: 30px;}
    .in-sanatorium-head .title .more a {font-size: 14px; width: 90px; height: 34px; border-radius: 10px;}

    .in-sanatorium-list .item {width: calc(25% - 21px); padding: 28px 28px 0 0;}
    .in-sanatorium-list .item:nth-child(even) {-ms-transform: translateY(-56px); transform: translateY(-56px);}
    .in-sanatorium-list .item .con .tit {font-size: 16px; line-height: 24px; max-height: 48px;}
    .in-sanatorium-list .item .con .txt {font-size: 13px; line-height: 22px; max-height: 66px;}

}
@media all and (max-width: 860px) {
    .in-sanatorium-head {height: 240px;}
    .in-sanatorium-head .title .name {font-size: 32px;}
    .in-sanatorium-head .title .note {font-size: 24px;}
    .in-sanatorium-head .title .more a {font-size: 13px;}
    .in-sanatorium-list .item {width: calc(25% - 15px); padding: 20px 20px 0 0;}
    .in-sanatorium-list .item:nth-child(even) {-ms-transform: translateY(-40px); transform: translateY(-40px);}
    .in-sanatorium-list .item .img {padding: 3px;}
    .in-sanatorium-list .item .con {padding-top: 15px;}
    .in-sanatorium-list .item .con .tit {font-size: 15px; line-height: 23px; max-height: 46px;}
    .in-sanatorium-list .item .con .txt {font-size: 12px; line-height: 20px; max-height: 60px;}
}
@media all and (max-width: 800px) {
    .in-sanatorium-head {height: 200px;}
    .in-sanatorium-head .title .name {font-size: 30px;}
    .in-sanatorium-head .title .note {font-size: 20px;}
    .in-sanatorium-head .title .more a {font-size: 13px;}
    .in-sanatorium-list {justify-content: space-between;}
    .in-sanatorium-list .item {width: calc(50% - 15px); padding: 30px 0 0 0;}
    .in-sanatorium-list .item:nth-child(even) {-ms-transform: translateY(0); transform: translateY(0);}
    .in-sanatorium-list .item .box {display: -ms-flex; display: flex;}
    .in-sanatorium-list .item .img {width: 140px; margin-right: 20px;}
    .in-sanatorium-list .item .con {-ms-flex: 1; flex: 1; min-width: 0;}
    .in-sanatorium-list .item .con {-ms-flex: 1; flex: 1; min-width: 0;}
    .in-sanatorium-list .item .con .tit {font-size: 16px; line-height: 24px; max-height: 48px;}
    .in-sanatorium-list .item .con .txt {-webkit-line-clamp: 4; font-size: 13px; line-height: 22px; max-height: 88px;}
}
@media all and (max-width: 720px) {
    .in-sanatorium-head {height: 180px;}
    .in-sanatorium-head .title .name {font-size: 24px;}
    .in-sanatorium-head .title .note {font-size: 18px;}
    .in-sanatorium-head .title .more a {font-size: 12px; width: 80px; height: 30px;}

    .in-sanatorium-list .item .box {align-items: center;}
    .in-sanatorium-list .item .img {width: 120px; margin-right: 15px;}
    .in-sanatorium-list .item .con {padding-top: 0;}
    .in-sanatorium-list .item .con .tit {font-size: 15px; line-height: 23px; max-height: 46px;}
    .in-sanatorium-list .item .con .txt {font-size: 12px; line-height: 20px; max-height: 80px;}
}
@media all and (max-width: 640px) {
    .in-sanatorium-list .item .box {display: block;}
    .in-sanatorium-list .item .img {width: auto; margin: 0;}
    .in-sanatorium-list .item .con {padding-top: 15px;}
    .in-sanatorium-list .item .con .txt {-webkit-line-clamp: 3; font-size: 13px; line-height: 22px; max-height: 66px;}
}
@media all and (max-width: 500px) {
    .in-sanatorium-head {height: 150px;}
    .in-sanatorium-head .title .more {padding-top: 10px;}
    .in-sanatorium-head .title .more a {width: 68px; height: 26px; border-radius: 5px;}
    .in-sanatorium-list .item {width: calc(50% - 10px); padding: 20px 0 0 0;}
    .in-sanatorium-list .item .con .txt {-webkit-line-clamp: 2; max-height: 44px;}
}
@media all and (max-width: 380px) {
    .in-sanatorium-list .item .img {padding: 2px;}
}
@media all and (max-width: 350px) {
    .in-sanatorium-list .item {width: calc(50% - 5px);}
    .in-sanatorium-list .item .con {padding-top: 10px;}
    .in-sanatorium-list .item .con .tit {font-size: 14px; line-height: 20px; max-height: 40px;}
    .in-sanatorium-list .item .con .txt {font-size: 12px; line-height: 18px; max-height: 36px; padding-top: 5px;}
}