body{background: #ffffff;}
.banner{background: url("../images/face/banner.jpg") no-repeat center;height: 300px;}
.video_title,.QA_title{color: #13BFB1;font-size: 36px;font-weight: bold;text-align: center;}
.video_title span,.QA_title span{border-bottom: 5px solid #363636;}
.video .mobile_video{display: none;}
.content .clear{clear:both;margin: 10px;}
.center-box {
    width: 100%;
    margin-top:50px;
}

/* top start */
/* gallery top */
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide:hover {
    transform: translate(0, -1%) !important;
}
.section-swiper-box {
    width: 100%;
    display: grid;
    grid-template-columns: 1000px; /*780*/
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    box-sizing: border-box;
    padding-bottom: 32px;
}
.gallery-top {
    width: 100%;
    height: auto;
    border: 10px solid #13BFB1;
}
.gallery-top .swiper-slide .content {
    width: 100%;
    display: grid;
    grid-template-columns: 55.714rem 1fr; /*780*/
    grid-column-gap: 2.143rem;
}
.image-container {
    position: relative;
}
.image-container img {
    width: 100%;
    height: 32.643rem;
    object-fit: cover;
    cursor: pointer;
}
.end-box .jump {
    cursor: pointer;
}
.end-box .title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content dd {
    width: 100%;
    line-height: 1.5;
    color: #666666;
    font-size: 1.429rem;
    font-weight: 400;
    margin-top: 1.429rem;
}
@media screen and (max-width: 1250px) {
    .content dd.intro {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}
@media screen and (max-width: 900px) {
    .content dd.intro {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

/* thumbs list*/
.gallery-bottom {
    height: auto;
}
.gallery-thumbs {
    height: auto;
}

.gallery-thumbs .swiper-slide {
    /*width: 160px;*/
    opacity: 0.6;
    cursor: pointer;
    border-radius: 8px;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.gallery-thumbs .thumbs {
    border:2px solid #13BFB1;
}
.gallery-thumbs .thumbs img {
    width: 370px;
    height: 167px;
    object-fit: cover;
    cursor: pointer;
}
.gallery-thumbs .space-bottom{margin-bottom: 15px;}
/* Arrow */
.thumbs-pagination {
    grid-column: 2 / -1;
    grid-row: 4 / -1;
    z-index: 1;
    position: relative;
}
.swiper-button-next {
    background-image: url(../cn/images/face/right@2x.png);
    width: 1.571rem;
    height: 4.714rem;
    background-size: 1.571rem 4.714rem;
    position: absolute;
    right: -1.429rem;
}
.swiper-button-prev {
    width: 1.571rem;
    height: 4.714rem;
    background-size: 1.571rem 4.714rem;
    background-image: url(../cn/images/face/left@2x.png);
    position: absolute;
    left: -2rem;
}

/* video button */
.video-wrap-button::after {
    background-image: url("../cn/images/face/play_btn.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 6.25rem 6.25rem;
    content: "";
    width: 6.25rem;
    height: 6.25rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: auto;
}
.video-wrap-button:hover::after {
    cursor: pointer;
    background-image: url("../cn/images/face/play_btn_hover.png");
}
/* video button end*/
/* top start */
.PatientQA{}
.PatientQA .aqbox{}
.PatientQA .aqbox .wdtitle1{font-size: 32px;font-weight: bold;background: url("../cn/images/face/01.png") no-repeat left;height: 160px;line-height: 270px;}
.PatientQA .aqbox .wdtitle2{font-size: 32px;font-weight: bold;background: url("../cn/images/face/02.png") no-repeat left;height: 160px;line-height: 270px;}
.PatientQA .aqbox .wdtitle3{font-size: 32px;font-weight: bold;background: url("../cn/images/face/03.png") no-repeat left;height: 160px;line-height: 270px;}
.PatientQA .aqbox .wdtitle4{font-size: 32px;font-weight: bold;background: url("../cn/images/face/04.png") no-repeat left;height: 160px;line-height: 270px;}
.PatientQA .aqbox .wd_head{border-radius: 8px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.12);margin-top:10px;}
.PatientQA .aqbox .wd_head .box1{display: inline-flex;background: url("../cn/images/face/greenbg.png") repeat-x;padding: 30px;}
.PatientQA .aqbox .wd_head .box2{display: inline-flex;padding: 30px;}
.PatientQA .aqbox .wd_head .line{border-bottom: 1px solid #999999;width: 95%;margin: 0 auto;}
.PatientQA .aqbox .wd_head .photo span{display: block;text-align: center;}
.PatientQA .aqbox .wd_head .photo img{height: 80px;}
.PatientQA .aqbox .wd_head .txt{padding-left: 20px;line-height: 38px;}

.PatientQA .aqbox .wd_body{border-radius: 8px;background: #F5F5F5;padding: 30px 80px;}
.PatientQA .aqbox .wd_body .box{margin: 15px 0;}
.PatientQA .aqbox .wd_body .line{border-bottom: 1px solid #999999;width: 100%;margin: 0 auto;}
.PatientQA .aqbox .wd_body .vbhead{display: inline-flex;}
.PatientQA .aqbox .wd_body .vbhead .photo{padding: 0 10px;}
.PatientQA .aqbox .wd_body .vbhead .photo img{height: 80px;}
.PatientQA .aqbox .wd_body .vbhead .star{display: inline-grid;font-size: 26px;}
.PatientQA .aqbox .wd_body .vbhead .star img{width: 30px;padding-right: 5px;}
.PatientQA .aqbox .wd_body .vbbody{line-height: 38px;margin-top:10px;}


@media screen and (max-width: 500px) {
    .banner {background: url("../images/face/mbanner.jpg") no-repeat center;background-size: cover;height: 500px;}

    .PatientQA .aqbox .wdtitle1{font-size: 25px;font-weight: bold;background: url("../cn/images/face/01.png") no-repeat 30px;height: 160px;line-height: 270px;padding-left: 20px;}
    .PatientQA .aqbox .wdtitle2{font-size: 25px;font-weight: bold;background: url("../cn/images/face/02.png") no-repeat 30px;height: 160px;line-height: 270px;padding-left: 20px;}
    .PatientQA .aqbox .wdtitle3{font-size: 25px;font-weight: bold;background: url("../cn/images/face/03.png") no-repeat 30px;height: 160px;line-height: 270px;padding-left: 20px;}
    .PatientQA .aqbox .wdtitle4{font-size: 25px;font-weight: bold;background: url("../cn/images/face/04.png") no-repeat 30px;height: 160px;line-height: 270px;padding-left: 20px;}
    
    .PatientQA .aqbox .wd_head .photo span{font-size:10px;}
    .PatientQA .aqbox .wd_head .txt,.PatientQA .aqbox .wd_body .vbbody{font-size:16px;line-height:26px;}
    .PatientQA .aqbox .wd_head .photo img{height:50px;}
    .PatientQA .aqbox .wd_body .vbhead .photo img{height:50px;}

    .PatientQA .aqbox .wd_body{padding: 30px;}
    .video .pc_video{display: none;}
    .video .mobile_video{display: block;}
    .video .swiper-pagination-mobile{margin: 0 auto;text-align: center;}
    .video .swiper-pagination-mobile span{margin: 5px;height: 15px;width: 30px;border-radius: 6px;}
    .swiper-pagination-bullet-active{background: #13BFB1;}

    .jconfirm.jconfirm-supervan .jconfirm-box{margin: 0px;}
}