

.wow{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}

.page-banner{width: 100%; height: 828px; position: relative}
.page-banner .banner-bg{width: 100%; height: 100%; padding: 16% 50px 0 15%; background-position: center; background-size: cover}

.banner-booking{position: relative; width: 200px; height: 200px; margin-right: 60px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%;}
.banner-booking:before{content: ""; display: block; width: 100%; height: 100%; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; border-radius: 50%; animation: rot 2s infinite linear;}
.banner-booking a{position: relative; z-index: 2;}
.banner-booking .icon img{display: block; margin: 34% auto 10px auto; float: none;}
.banner-booking h6{font-size: 16px; color: #fff; font-family: 'POPPINS-LIGHT'; text-align: center;}

.banner-text{width: 860px; padding-top: 30px;}
.banner-text h3{font-size: 80px; color: #fff; line-height: 1; margin-bottom: 6px; font-family: 'CormorantSC-Bold'}
.banner-text h6{font-size: 18px; color: #fff; font-family: 'POPPINS-LIGHT';}

.page-con{max-width: 1920px; margin: 0 auto; position: relative; background: #ebe9e5; overflow: hidden;}
.page-top{padding-top: 300px; background: #fbfaf8;}

.page-con .h2{position: relative; font-size: 75px; color: #579192; line-height: 1; text-transform: uppercase; margin-bottom: 24px; font-family: 'CormorantSC-Bold'; z-index: 2;}
.page-con .h3{position: relative; font-size: 55px; color: #311303; text-transform: uppercase; font-family: 'CormorantSC-Bold'; z-index: 2;}
.page-con .h4{position: relative; font-size: 30px; color: #311303; line-height: 1.2; margin-bottom: 70px; font-family: 'POPPINS-MEDIUM'; z-index: 2;} 

/* 关于 */
.page-about .item-text{position: relative; width: 64%; padding: 100px 0; margin: 0 auto; text-align: center;}
.page-about .item-text .h2{padding: 0 6%;}
.page-about .item-text .h4{padding: 0 14%;}
.page-about .item-text p{position: relative; font-size: 18px; color: #311303; line-height: 1.6; text-align: left; font-family: 'POPPINS-MEDIUM'; z-index: 2;}
.page-about .item-text span{display: block; width: 100%; font-size: 400px; color: #f6f5f2; font-family: 'CormorantSC-Bold'; position: absolute; top: 0; left: -30%; white-space: nowrap; animation: slick 10s infinite linear;}

@keyframes slick{

    0%{transform: translateX(0);}
    100%{transform: translateX(-50%);}

}

.page-about .item-video{position: relative; width: 100%; height: 828px; background: url(../image/about-bg01.png) no-repeat center;display:none;}
.page-about .item-video .video-btn{position: absolute; width: 200px; height: 200px; border: 1px solid #fff; background: rgba(255,255,255,.2); border-radius: 50%; top: 46%; left: 50%; margin-left: -100px; cursor: pointer; transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-about .item-video .video-btn .icon-play{display: block; width: 17px; height: 19px; background: url(../image/icon_play.png) no-repeat; margin: 90px auto 0 auto; }
.page-about .item-video .video-btn:hover{background: #579192;}

.page-about .item-services{
    background: url(../image/service-bg.png) no-repeat center;
    background-size: cover;
    padding: 8rem 0;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.page-about .item-services .title-box{
    font-family: 'CormorantSC-Bold';
    font-size: 7.5rem;
    color: #fff;
}

.page-about .video-bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.6); z-index: 99; opacity: 0; visibility: hidden; transition: all ease .2s; -webkit-transition: all ease .2s;}
.page-about .video-bg .video-box{position: absolute; width: 60%; top: 20%; left: 50%; margin-left: -30%;}
.page-about .video-bg .video-box video{width: 100%; display: block;}
.page-about .video-bg .video-box .video-close{width: 27px; height: 27px; background: url(../image/close.png) no-repeat; position: absolute; top: 0; right: 0; margin: 0 -34px 0 0; cursor: pointer; transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-about .video-bg .video-box .video-close:hover{transform: rotateZ(180deg);}

.page-about .video-bg.on{opacity: 1; visibility: visible;}

.page-about .item-icon{padding: 120px 0 100px 0; overflow: hidden;}
.page-about .item-icon .h3{text-align: center; padding: 0 20%;}
.page-about .item-icon .item-list{width: 80%; margin: 50px auto 0 auto; padding-bottom: 40px; display: flex; position: relative;}
.page-about .item-icon .item-list:before{content: ""; display: block; width: 1px; height: 100%; background: #dedede; position: absolute; top: 0; left: 50%;}
.page-about .item-icon .item-list .li{width: 50%; text-align: center; cursor: pointer;}
.page-about .item-icon .item-list .li h6{font-size: 18px; color: #579192; margin-bottom: 40px;}
.page-about .item-icon .item-list .li img{width: 110px; margin: 0 auto 40px auto; float: none; display: block; }
.page-about .item-icon .item-list .li h2{font-size: 32px; color: #311303; margin-bottom: 50px; text-transform: uppercase; font-family: 'Poppins-SemiBold';}
.page-about .item-icon .item-list .li p{font-size: 18px; color: #311303; padding: 0 20%;}

.page-about .item-team{padding: 100px 0; background: #fff; overflow: hidden;}
.page-about .item-team .h3{text-align: center; margin-bottom: 80px;}
.page-about .item-team .item-list{width: 72%; margin: 0 auto; display: flex;gap: 2.5rem;flex-flow: wrap;}
.page-about .item-team .item-list .li{width: calc((100% - 5rem) / 3); cursor: pointer;}
.page-about .item-team .item-list .li .img{width: 100%; overflow: hidden;}
.page-about .item-team .item-list .li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-about .item-team .item-list .li .text{padding-top: 3rem; color: #311303;}
.page-about .item-team .item-list .li .text h2{font-size: 32px; margin-bottom: 14px; font-family: 'Poppins-SemiBold';}
.page-about .item-team .item-list .li .text h3{font-size: 18px; text-transform: uppercase; line-height: 1.2; margin-bottom: 2.5rem; font-family: 'Poppins-SemiBold';}
.page-about .item-team .item-list .li .text p{font-size: 14px; color: #311303;line-height: 1.8; font-family: 'POPPINS-MEDIUM';}
.page-about .item-team .item-list .li:hover .img img{transform: scale(1.1);}

/* 内页通用 */
.list-title{position: relative; padding: 0 100px 90px 100px; border-bottom: 1px solid rgba(49,19,3,.2);}
.list-title h2{font-size: 26px; color: #311303; margin-bottom: 30px;}
.list-title h3{font-size: 70px; color: #311303; text-transform: uppercase; word-break: break-all; padding-right: 20%; font-family: 'CormorantSC-Bold';}
.list-title h4{font-size: 140px; color: #311303; font-family: 'CormorantSC-Bold';}
.list-title .r{width: 200px; height: 200px; border: 1px solid rgba(49,19,3,.2); border-radius: 50%; position: absolute; bottom: 0; right: 0; margin: 0 80px -100px 0; background: #fbfaf8 url(../image/icon13.png) no-repeat center;}
.list-title .r:before{content: ""; display: block; width: 100%; height: 100%; border-top: 1px solid #311303; position: absolute; top: 0; left: 0; border-radius: 50%; animation: rot 2s infinite linear;}

@keyframes rot {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* 内页通用底部 */
.item-treat{position: relative; width: 100%; padding: 224px 0; background: url(../image/bg04.jpg) no-repeat center; background-size: cover;}
.item-treat .t{display: block; width: 100%; font-size: 214px; color: #311303; text-align: center; white-space: nowrap; text-transform: uppercase; font-family: 'CormorantSC-Bold'; position: absolute; top: 30%; left: 0; _margin-top: 14%;}
.item-treat .text{position: relative; width: 660px; padding: 96px 50px 40px 50px; text-align: center; margin: 0 auto; background: #fff; color: #311303; z-index: 2;}
.item-treat .text h2{font-size: 55px; margin-bottom: 10px; text-transform: uppercase;  font-family: 'CormorantSC-Bold';}
.item-treat .text p{font-size: 16px;}
.item-treat .text h5{font-size: 76px; color: #579192; line-height: 1; font-family: 'BlackMango-SemiBold';}
.item-treat .text .r{display: block; width: 160px; height: 42px; background: url(../image/icon03.png) no-repeat center; background-size: 32px 32px; margin: 40px auto 0 auto; transition: all ease .4s; -webkit-transition: all ease .4s;}
.item-treat .text .r:hover{background: #579192 url(../image/icon02.png) no-repeat center;}

/* 治疗 */
.page-treat .item-treats{padding: 100px 90px;}
.page-treat .item-treats .page-title{margin-bottom: 60px;}
.page-treat .item-treats .page-title .t-left{width: 34%; padding-left: 10%;}
.page-treat .item-treats .page-title .t-left h3{font-size: 21px; color: #311303; letter-spacing: 4px;}
.page-treat .item-treats .page-title .t-right{width: 66%;}
.page-treat .item-treats .page-title .t-right .h2{padding-right: 30%;}
.page-treat .item-treats .page-title .t-right p{font-size: 16px; color: #311303;}

.page-treat .item-treats .item-list{margin-right: -2%;}
.page-treat .item-treats .item-list li{width: 31.3333%; margin-right: 2%; margin-bottom: 30px; float: left; padding: 58px 58px 0 58px; background: #f6f4ef; box-sizing: border-box;}
.page-treat .item-treats .item-list li .img{width: 100%; overflow: hidden;}
.page-treat .item-treats .item-list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-treat .item-treats .item-list li .text{padding: 36px 0 60px 0;}
.page-treat .item-treats .item-list li .text h6{font-size: 24px; color: #579192; margin-bottom: 20px;}
.page-treat .item-treats .item-list li .text h2{font-size: 32px; color: #311303; height: 70px; line-height: 1.2; text-transform: uppercase;}

.page-treat .item-treats .item-list li:hover .img img{transform: scale(1.1);}

.page-treat .item-treats .item-list li:nth-child(2){animation-delay: .5s; -webkit-animation-delay: .5s;}
.page-treat .item-treats .item-list li:nth-child(3){animation-delay: .6s; -webkit-animation-delay: .6s;}
.page-treat .item-treats .item-list li:nth-child(4){animation-delay: .4s; -webkit-animation-delay: .4s;}
.page-treat .item-treats .item-list li:nth-child(5){animation-delay: .5s; -webkit-animation-delay: .5s;}
.page-treat .item-treats .item-list li:nth-child(6){animation-delay: .6s; -webkit-animation-delay: .6s;}
.page-treat .item-treats .item-list li:nth-child(7){animation-delay: .4s; -webkit-animation-delay: .4s;}
.page-treat .item-treats .item-list li:nth-child(8){animation-delay: .5s; -webkit-animation-delay: .5s;}
.page-treat .item-treats .item-list li:nth-child(9){animation-delay: .6s; -webkit-animation-delay: .6s;}


/* 资料详情 */
.page-treatShow{width: 90%; margin: 0 auto;}
.page-treatShow .show-con{padding: 60px 100px 0 100px;}
.page-treatShow .show-con .item-box{padding: 120px 0; position: relative;}
.page-treatShow .show-con .item-box .item-left{width: 35%; position: relative; z-index: 2;}
.page-treatShow .show-con .item-box .item-left h2{font-size: 21px; color: #311303;}
.page-treatShow .show-con .item-box .item-right{width: 65%; position: relative; z-index: 2;}
.page-treatShow .show-con .item-box .item-right p{font-size: 16px; color: #311303; line-height: 1.6;}
.page-treatShow .show-con .item-box .item-right p span{white-space: normal !important}
.page-treatShow .show-con .item-box .item-right img{float: none; display: block; width: 100%; margin-top: 30px;}
.page-treatShow .show-con .item-box:nth-child(2):before{content: ""; display: block; width: 140%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; margin-left: -20%;}


/* 新闻列表 */
.page-new{width: 90%; margin: 0 auto;}
.page-new .new-list {width: 80%; margin: 160px auto;}
.page-new .new-list .list li{position: relative; padding: 66px 0; border-bottom: 1px solid rgba(21,53,27,.1);}
.page-new .new-list .list li:before{content: ""; display: block; width: 0; height: 1px; background: #579192; position: absolute; bottom: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-new .new-list .list li h6{display: inline; font-size: 18px; color: #311303; margin-right: 100px; font-family: 'POPPINS-MEDIUM';}
.page-new .new-list .list li h4{display: inline; font-size: 18px; color: #311303; margin-right: 150px; font-family: 'POPPINS-MEDIUM';} 
.page-new .new-list .list li h2{display: inline; font-size: 18px; color: #311303; font-family: 'POPPINS-MEDIUM';}
.page-new .new-list .list li .r{display: block; width: 32px; height: 32px; background: url(../image/icon03.png) no-repeat; position: absolute; top: 0; right: 0; margin-top: 60px; margin-right: 20px; transition: all ease .4s; -webkit-transition: all ease .4s;}

.page-new .new-list .list li:hover:before{width: 100%;}
.page-new .new-list .list li:hover .r{margin-right: 0;}


/* 新闻详情 */
.page-new .new-con{width: 55%; margin: 160px auto;}
.page-new .new-con p{font-size: 16px; color: #311303; line-height: 1.8;}
.page-new .new-con p span{white-space: normal !important}
.page-new .new-con img{width: 100%; float: none; display: block; margin: 30px auto;}


/* 联系我们 */
.page-contact{width: 90%; margin: 0 auto;}
.page-contact .contact-con{width: 90%; margin: 160px auto;}
.page-contact .contact-con .contact-left{width: 40%;}
.page-contact .contact-con .contact-left span{display: block; font-size: 18px; color: #311303; line-height: 32px; margin-bottom: 16px; padding-left: 40px; }
.page-contact .contact-con .contact-left span.tel{background: url(../image/icon01-1.png) no-repeat;}
.page-contact .contact-con .contact-left span.add{background: url(../image/icon09-1.png) no-repeat;}
.page-contact .contact-con .contact-left span.mail{background: url(../image/icon10-1.png) no-repeat;}

.page-contact .contact-con .contact-right{width: 60%;}
.page-contact .contact-con .contact-right .message .item{width: 100%; margin-bottom: 30px; border-bottom: 1px solid #311303;}
.page-contact .contact-con .contact-right .message .item-li{width: 48%; float: left; margin-right: 2%;}
.page-contact .contact-con .contact-right .message .item label{display: block; font-size: 12px; color: #311303;}
.page-contact .contact-con .contact-right .message .item input{font-size: 26px; color: #999; line-height: 46px; padding: 10px 0; outline: none; border: none; background: transparent; border: none;}
.page-contact .contact-con .contact-right .message .item select{width: 100%; height: 46px; line-height: 46px; font-size: 26px; color: #cccccc; border: none; outline: none; background: transparent;}
.page-contact .contact-con .contact-right .message .item textarea{width: 100%; height: 46px; outline: none; border: none; font-size: 26px; color: #cccccc; background: transparent; font-family: 'POPPINS-MEDIUM';}

.page-contact .contact-con .contact-right .message .btn{width: 250px; height: 50px; font-size: 18px; color: #fff; text-align: center; background: #579192 url(../image/icon14.png) no-repeat 10px center; padding-left: 20px; border-radius: 4px; outline: none; border: none; cursor: pointer; font-family: 'Poppins-SemiBold'; box-sizing: border-box;}
 

.page-contact .contact-con .contact-right .message .item select:focus option:checked {color: #999 !important}







