:root{
	--point-time: 2s;
	--draw-time: .2s;
	--line-width: 180px;
	--line-height: 93px;
}

#banner *,
.poster_default_1 *,
.poster_default_2 *,
.poster_default_3 *,
.poster_default_4 *,
.info_default_1 *,
.poster_default_5 *{box-sizing: border-box;}

@-webkit-keyframes anim-out{
    0%{opacity: 0.5;}
    100%{transform: scale(4); opacity: 0;}
}
@-moz-keyframes anim-out{
    0%{opacity: 0.5;}
    100%{transform: scale(4); opacity: 0;}
}
@-ms-keyframes anim-out{
    0%{opacity: 0.5;}
    100%{transform: scale(4); opacity: 0;}
}
@keyframes anim-out{
    0%{opacity: 0.5;}
    100%{transform: scale(4); opacity: 0;}
}

@keyframes drawLine1{
	0% { stroke-dashoffset: 100%; }
	100% { stroke-dashoffset: 0; }
}
@keyframes drawLine2{
	0% { stroke-dashoffset: 100%; }
	50% { stroke-dashoffset: 100%; }
	100% { stroke-dashoffset: 0; }
}
@keyframes showCate{
	0% { transform: scaleX(0); }
	33% { transform: scaleX(0); }
	66% { transform: scaleX(0); }
	100% { transform: scaleX(1); }
}

#banner{position: relative; pointer-events: auto;}
#banner .img:hover img{transform: unset;}
#banner .banner_item{position: relative; overflow: hidden;}
#banner .banner_item > .img{width: 100%; height: 0; padding-top: 1028px; position: relative;}
#banner .banner_item > .img img{max-width: max-content; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#banner .model_box{position: absolute; transform: translate(-50%, -50%); z-index: 0;}
#banner .model_box:has(.point.on){z-index: 1;}
#banner .patient_box{width: 354px; max-width: 354px; left: calc(50% - 232px); top: calc(50% + 29px); cursor: none;}
#banner .doctor_box{width: 321px; max-width: 321px; left: calc(50% + 254px); top: calc(50% + 44px);}
#banner .room_box{width: 100%; height: 100%; left: 50%; top: 50%;}
#banner .doctor_hand{visibility: hidden; opacity: 0; position: absolute; left: -35px; top: 0; z-index: 2; transition: none; pointer-events: none;}
#banner .doctor_hand.on{visibility: visible; opacity: 1;}
#banner .swiper-pagination-bullet{width: 12px; height: 12px; background: unset; border: 1px solid rgba(255, 255, 255, .4); margin: 0 8px; opacity: 1;}
#banner .swiper-pagination-bullet-active{border-color: var(--color-white); background: var(--color-white);}
#banner .swiper-horizontal>.swiper-pagination-bullets,
#banner .swiper-pagination-bullets.swiper-pagination-horizontal,
#banner .swiper-pagination-custom,
#banner .swiper-pagination-fraction{bottom: 2.4%;}

#banner .model_box .point{width: 10px; height: 10px; background-color: var(--color-white); border-radius: 50%; position: absolute; top: 0; transform: translate(-50%, -50%); z-index: 2; cursor: pointer;}
#banner .model_box .point::before,
#banner .model_box .point::after{content: ''; width: 100%; height: 100%; background-color: var(--color-white); border-radius: 50%; cursor: pointer; position: absolute; left: 0; top: 0;}
#banner .model_box .point::before{-webkit-animation: anim-out var(--point-time) ease-out infinite; animation: anim-out var(--point-time) ease-out infinite; z-index: 1;}
#banner .model_box .point::after{-webkit-animation: anim-out var(--point-time) calc(var(--point-time) / 2) ease-out infinite; animation: anim-out var(--point-time) calc(var(--point-time) / 2) ease-out infinite; z-index: 0;}
#banner .model_box .point.on{transform: translate(-50%, -50%) scale(2);}
#banner .patient_box .point,
#banner .patient_box .point::before,
#banner .patient_box .point::after{cursor: none;}
#banner .patient_box .point[data="head"]{left: 52%; top: 3.5%;}
#banner .patient_box .point[data="eye"]{left: 56.1%; top: 7.8%;}
#banner .patient_box .point[data="ear"]{left: 60.4%; top: 9.7%;}
#banner .patient_box .point[data="mouth"]{left: 42.6%; top: 13%;}
#banner .patient_box .point[data="neck"]{left: 53.6%; top: 16.2%;}
#banner .patient_box .point[data="body"]{left: 49.5%; top: 44%;}
#banner .patient_box .point[data="arm"]{left: 82.7%; top: 45.3%;}
#banner .patient_box .point[data="hand"]{left: 18.5%; top: 56.2%;}
#banner .patient_box .point[data="leg"]{left: 66.6%; top: 88.4%;}
#banner .patient_box .point[data="foot"]{left: 30.5%; top: 96.8%;}
#banner .doctor_box .point[data="head"]{right: 30.5%; top: 2.8%;}
#banner .doctor_box .point[data="eye"]{right: 35.8%; top: 6.5%;}
#banner .doctor_box .point[data="ear"]{right: 23.3%; top: 8.8%;}
#banner .doctor_box .point[data="mouth"]{right: 39.5%; top: 12%;}
#banner .doctor_box .point[data="neck"]{right: 23.3%; top: 12.8%;}
#banner .doctor_box .point[data="body"]{right: 17.3%; top: 34%;}
#banner .doctor_box .point[data="arm"]{right: 56.2%; top: 22.3%;}
#banner .doctor_box .point[data="hand"]{right: 72.5%; top: 36.8%;}
#banner .doctor_box .point[data="leg"]{right: 25.4%; top: 86.2%;}
#banner .doctor_box .point[data="foot"]{right: 49.4%; top: 96.2%;}
#banner .room_box .point[data="position1"]{left: 89%; top: 66%;}
#banner .room_box .point[data="position2"]{left: 10%; top: 61.5%;}
#banner .room_box .point[data="position3"]{left: 46%; top: 70%;}
#banner .room_box .point[data="position4"]{left: 69%; top: 22%;}
#banner .room_box .point[data="position5"]{left: 36.5%; top: 40%;}
#banner .room_box .point[data="position6"]{left: 60.5%; top: 21%;}
#banner .room_box .point[data="position7"]{left: 24.5%; top: 72%;}
#banner .room_box .point[data="position8"]{left: 61.5%; top: 56%;}
#banner .room_box .point[data="position9"]{left: 79%; top: 55%;}
#banner .room_box .point[data="position10"]{left: 79%; top: 62%;}

#banner .model_box .mask{visibility: hidden; opacity: 0; height: 0; position: absolute; left: 0; top: 0; z-index: 0;}
#banner .model_box .mask.on{visibility: visible; opacity: 1;}
#banner .patient_box .mask[data="head"]{width: 28.532%; padding-top: 20.904%; background: url(../images/model/mask_patient_head.png) no-repeat center / 100%; left: 35.1%; top: 0;}
#banner .patient_box .mask[data="eye"]{width: 20.06%; padding-top: 8.76%; background: url(../images/model/mask_patient_eye.png) no-repeat center / 100%; left: 38.2%; top: 6%;}
#banner .patient_box .mask[data="ear"]{width: 24.58%; padding-top: 10.17%; background: url(../images/model/mask_patient_ear.png) no-repeat center / 100%; left: 36.4%; top: 8%;}
#banner .patient_box .mask[data="mouth"]{width: 22.32%; padding-top: 18.645%; background: url(../images/model/mask_patient_mouth.png) no-repeat center / 100%; left: 37.1%; top: 8.4%;}
#banner .patient_box .mask[data="neck"]{width: 27.684%; padding-top: 12.995%; background: url(../images/model/mask_patient_neck.png) no-repeat center / 100%; left: 35.2%; top: 13.6%;}
#banner .patient_box .mask[data="body"]{width: 100%; padding-top: 176.84%; background: url(../images/model/mask_patient_body.png) no-repeat center / 100%; left: 0; top: 16.9%;}
#banner .patient_box .mask[data="arm"]{width: 78.25%; padding-top: 38.984%; background: url(../images/model/mask_patient_arm.png) no-repeat center / 100%; left: 10%; top: 36%;}
#banner .patient_box .mask[data="hand"]{width: 78.25%; padding-top: 27.97%; background: url(../images/model/mask_patient_hand.png) no-repeat center / 100%; left: 10%; top: 51.3%;}
#banner .patient_box .mask[data="leg"]{width: 44.916%; padding-top: 25.99%; background: url(../images/model/mask_patient_leg.png) no-repeat center / 100%; left: 26.9%; top: 83.8%;}
#banner .patient_box .mask[data="foot"]{width: 54.52%; padding-top: 14.69%; background: url(../images/model/mask_patient_foot.png) no-repeat center / 100%; left: 21.8%; top: 93.9%;}
#banner .doctor_box .mask[data="head"]{width: 38.32%; padding-top: 40.19%; background: url(../images/model/mask_doctor_head.png) no-repeat center / 100%; left: 48%; top: 0;}
#banner .doctor_box .mask[data="eye"]{width: 23.99%; padding-top: 10.904%; background: url(../images/model/mask_doctor_eye.png) no-repeat center / 100%; left: 44.7%; top: 5.3%;}
#banner .doctor_box .mask[data="ear"]{width: 5.92%; padding-top: 7.48%; background: url(../images/model/mask_doctor_ear.png) no-repeat center / 100%; left: 69%; top: 7%;}
#banner .doctor_box .mask[data="mouth"]{width: 28.04%; padding-top: 21.5%; background: url(../images/model/mask_doctor_mouth.png) no-repeat center / 100%; left: 47%; top: 7%;}
#banner .doctor_box .mask[data="neck"]{width: 20.561%; padding-top: 16.2%; background: url(../images/model/mask_doctor_neck.png) no-repeat center / 100%; left: 58.2%; top: 9.9%;}
#banner .doctor_box .mask[data="body"]{width: 83.18%; padding-top: 218.381%; background: url(../images/model/mask_doctor_body.png) no-repeat center / 100%; left: 16.9%; top: 14.3%;}
#banner .doctor_box .mask[data="arm"]{width: 66.98%; padding-top: 74.144%; background: url(../images/model/mask_doctor_arm.png) no-repeat center / 100%; left: 17%; top: 14.2%;}
#banner .doctor_box .mask[data="hand"]{width: 37.072%; padding-top: 93.77%; background: url(../images/model/mask_doctor_hand.png) no-repeat center / 100%; left: 0; top: 5.5%;}
#banner .doctor_box .mask[data="leg"]{width: 34.27%; padding-top: 13.085%; background: url(../images/model/mask_doctor_leg.png) no-repeat center / 100%; left: 51%; top: 92.1%;}
#banner .doctor_box .mask[data="foot"]{width: 51.714%; padding-top: 14.334%; background: url(../images/model/mask_doctor_foot.png) no-repeat center / 100%; left: 36%; top: 94.2%;}
#banner .room_box .mask[data="position1"]{width: 10.886%; padding-top: 20.365%; background: url(../images/model/mask_room_position1.png) no-repeat center / 100%; left: 84.4%; top: 46.7%;}
#banner .room_box .mask[data="position2"]{width: 18.698%; padding-top: 21.667%; background: url(../images/model/mask_room_position2.png) no-repeat center / 100%; left: 0; top: 47%;}
#banner .room_box .mask[data="position3"]{width: 41.771%; padding-top: 19.115%; background: url(../images/model/mask_room_position3.png) no-repeat center / 100%; left: 29.7%; top: 58.5%;}
#banner .room_box .mask[data="position4"]{width: 14.792%; padding-top: 23.021%; background: url(../images/model/mask_room_position4.png) no-repeat center / 100%; left: 60.55%; top: 0;}
#banner .room_box .mask[data="position5"]{width: 6.719%; padding-top: 6.563%; background: url(../images/model/mask_room_position5.png) no-repeat center / 100%; left: 33%; top: 37.1%;}
#banner .room_box .mask[data="position6"]{width: 21.094%; padding-top: 15.99%; background: url(../images/model/mask_room_position6.png) no-repeat center / 100%; left: 44.3%; top: .5%;}
#banner .room_box .mask[data="position7"]{width: 5.0521%; padding-top: 11.094%; background: url(../images/model/mask_room_position7.png) no-repeat center / 100%; left: 20.4%; top: 55.8%;}
#banner .room_box .mask[data="position8"]{width: 32.969%; padding-top: 4.844%; background: url(../images/model/mask_room_position8.png) no-repeat center / 100%; left: 32.75%; top: 54.4%;}
#banner .room_box .mask[data="position9"]{width: 11.198%; padding-top: 1.563%; background: url(../images/model/mask_room_position9.png) no-repeat center / 100%; left: 75.1%; top: 53.9%;}
#banner .room_box .mask[data="position10"]{width: 11.771%; padding-top: 3.49%; background: url(../images/model/mask_room_position10.png) no-repeat center / 100%; left: 70%; top: 58.1%;}

#banner .model_box .point_name{width: max-content; font-family: var(--font-bold); font-size: var(--font-size-16); line-height: 1.5; color: var(--color-white); position: absolute; transform: translateX(-50%); z-index: 1;}
#banner .room_box .point_name[data="position1"]{left: 22.7%; top: 25.6%;}
#banner .room_box .point_name[data="position2"]{left: 28.9%; top: 27.9%;}
#banner .room_box .point_name[data="position3"]{left: 28.5%; top: 51.5%;}
#banner .room_box .point_name[data="position4"]{left: 23%; top: 55.4%;}
#banner .room_box .point_name[data="position5"]{left: 28.3%; top: 65.2%;}
#banner .room_box .point_name[data="position6"]{left: 23.1%; top: 67.1%;}
#banner .room_box .point_name[data="position7"]{left: 80.4%; top: 56.1%;}
#banner .room_box .point_name[data="position8"]{left: 79.7%; top: 63.2%;}
#banner .room_box .point_name[data="position9"]{left: 73.4%; top: 68.8%;}
#banner .room_box .point_name[data="position10"]{left: 79.8%; top: 75.4%;}

#banner .model_box .cate_box{position: absolute; top: 0; z-index: 0;}
#banner .model_box .cate_box .cate_list{display: flex; flex-wrap: wrap; width: max-content; max-width: 385px; border: 5px solid var(--color-white); border-radius: 15px; padding: 18px 0; background-color: rgba(255, 255, 255, .25); box-shadow: 0 0 0 10px rgba(255, 255, 255, .25); transform: scaleX(0);}
#banner .model_box .cate_box .cate_list .cate_item{width: 125px; display: flex; flex-direction: column; align-items: center; border-right: 1px solid rgba(255, 255, 255, .3); padding: 0 14px;}
#banner .model_box .cate_box .cate_list .cate_item:nth-child(3n){border-right: 0;}
#banner .model_box .cate_box .cate_list .img{width: 80px; height: 0; padding-top: 80px; position: relative;}
#banner .model_box .cate_box .cate_list .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#banner .model_box .cate_box .cate_list .cate_name{font-size: var(--font-size-14); color: var(--color-white); margin-top: 9px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-word; text-align: center;}
#banner .model_box .cate_box .cate_list .cate_more{font-size: var(--font-size-13); color: rgba(255, 255, 255, .6); margin-top: 4px; text-align: center;}
#banner .model_box .cate_box .cate_list .cate_more:hover{color: var(--color-white);}
#banner .model_box .cate_box.on .cate_list{animation: showCate calc(var(--draw-time) * 3) linear forwards;}
#banner .model_box .cate_box .shape{position: absolute; width: var(--line-width); height: var(--line-height); overflow: hidden;}
#banner .model_box .cate_box .shape .line{visibility: hidden; opacity: 0; position: absolute; stroke: var(--color-white); stroke-dasharray: 100%;}
#banner .model_box .cate_box .shape .line.line1{top: 0; left: 0; width: 100%; stroke-width: 3;}
#banner .model_box .cate_box .shape .line.line2{top: 0; left: 0; width: 100%; stroke-width: 6;}
#banner .model_box .cate_box.on{z-index: 1;}
#banner .model_box .cate_box.on .shape .line{visibility: visible; opacity: 1;}
#banner .model_box .cate_box.on .shape .line.line1{animation: drawLine1 var(--draw-time) linear forwards;}
#banner .model_box .cate_box.on .shape .line.line2{animation: drawLine2 calc(var(--draw-time) * 2) linear forwards;}
#banner .model_box .cate_box.left-top .shape{left: 100%; top: 22px;}
#banner .model_box .cate_box.left-bottom .shape{left: 100%; bottom: calc(100% - 22px);}
#banner .model_box .cate_box.right-top .shape{right: 100%; top: 22px;}
#banner .model_box .cate_box.right-bottom .shape{right: 100%; bottom: calc(100% - 22px);}
#banner .model_box .cate_box.left-top .cate_list,
#banner .model_box .cate_box.left-bottom .cate_list{transform-origin: right;}
#banner .model_box .cate_box.right-top .cate_list,
#banner .model_box .cate_box.right-bottom .cate_list{transform-origin: left;}
#banner .patient_box .cate_box[data="head"]{left: calc(52% + 183px); top: calc(3.5% + 77px);}
#banner .patient_box .cate_box[data="eye"]{left: calc(56.1% + 183px); top: calc(7.8% + 77px);}
#banner .patient_box .cate_box[data="ear"]{left: calc(60.4% + 183px); top: calc(9.7% + 77px);}
#banner .patient_box .cate_box[data="mouth"]{left: calc(42.6% + 183px); top: calc(13% + 77px);}
#banner .patient_box .cate_box[data="neck"]{left: calc(53.6% + 183px); top: calc(16.2% + 77px);}
#banner .patient_box .cate_box[data="body"]{left: calc(49.5% + 183px); top: calc(44% - 120px);}
#banner .patient_box .cate_box[data="arm"]{left: calc(82.7% + 183px); top: calc(45.3% - 120px);}
#banner .patient_box .cate_box[data="hand"]{left: calc(18.5% + 183px); top: calc(56.2% + 77px);}
#banner .patient_box .cate_box[data="leg"]{left: calc(66.6% + 183px); top: calc(88.4% - 120px);}
#banner .patient_box .cate_box.right-top[data="foot"] .shape{top: calc(100% - 22px);}
#banner .patient_box .cate_box[data="foot"]{left: calc(30.5% + 183px); top: calc(96.8% - 250px);}
#banner .doctor_box .cate_box[data="head"]{right: calc(30.5% + 193px); top: calc(2.8% + 77px);}
#banner .doctor_box .cate_box[data="eye"]{right: calc(35.8% + 193px); top: calc(6.5% + 77px);}
#banner .doctor_box .cate_box[data="ear"]{right: calc(23.3% + 193px); top: calc(8.8% + 77px);}
#banner .doctor_box .cate_box[data="mouth"]{right: calc(39.5% + 193px); top: calc(12% + 77px);}
#banner .doctor_box .cate_box[data="neck"]{right: calc(23.3% + 193px); top: calc(12.8% + 77px);}
#banner .doctor_box .cate_box[data="arm"]{right: calc(56.2% + 193px); top: calc(22.3% + 77px);}
#banner .doctor_box .cate_box[data="body"]{right: calc(17.3% + 193px); top: calc(34% - 122px);}
#banner .doctor_box .cate_box[data="hand"]{right: calc(72.5% + 193px); top: calc(36.8% - 122px);}
#banner .doctor_box .cate_box.left-top[data="leg"] .shape{top: calc(100% - 22px);}
#banner .doctor_box .cate_box[data="leg"]{right: calc(25.4% + 193px); top: calc(86.2% - 250px);}
#banner .doctor_box .cate_box.left-top[data="foot"] .shape{top: calc(100% - 22px);}
#banner .doctor_box .cate_box[data="foot"]{right: calc(49.4% + 193px); top: calc(96.2% - 250px);}
#banner .room_box .cate_box[data="position1"]{right: calc(10.4% + 193px); top: calc(66.5% - 122px);}
#banner .room_box .cate_box[data="position2"]{left: calc(9.8% + 183px); top: calc(62% - 120px);}
#banner .room_box .cate_box[data="position3"]{left: calc(45.8% + 183px); top: calc(70.5% - 120px);}
#banner .room_box .cate_box[data="position4"]{right: calc(30.3% + 193px); top: calc(21.2% + 77px);}
#banner .room_box .cate_box[data="position5"]{left: calc(36.3% + 183px); top: calc(40.5% - 120px);}
#banner .room_box .cate_box[data="position6"]{right: calc(38.8% + 193px); top: calc(20.5% + 77px);}
#banner .room_box .cate_box[data="position7"]{left: calc(24.3% + 183px); top: calc(72.5% - 120px);}
#banner .room_box .cate_box[data="position8"]{right: calc(37.9% + 193px); top: calc(56.7% - 122px);}
#banner .room_box .cate_box[data="position9"]{right: calc(20.4% + 193px); top: calc(55.5% - 122px);}
#banner .room_box .cate_box[data="position10"]{right: calc(20.4% + 193px); top: calc(62.5% - 122px);}

.poster_default_1{background-color: var(--bg-gray); padding: 82px 0 99px;}
.poster_default_1 .poster_box{display: flex; flex-direction: column; align-items: center;}
.poster_default_1 .poster_box .poster_list{width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.poster_default_1 .poster_box .poster_list .poster_item{width: 19.143%; margin-right: 1.07125%; margin-top: 51px; position: relative;}
.poster_default_1 .poster_box .poster_list .poster_item:nth-child(5n){margin-right: 0;}
.poster_default_1 .poster_box .poster_item .img{width: 100%; height: 0; padding-top: 145.523%; position: relative;}
.poster_default_1 .poster_box .poster_item .img::before,
.poster_default_1 .poster_box .poster_item .img::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.poster_default_1 .poster_box .poster_item .img::before{visibility: visible; opacity: 1; background-image: linear-gradient(transparent 0%, transparent 50%, rgba(0, 0, 0, .8) 100%);}
.poster_default_1 .poster_box .poster_item .img::after{visibility: hidden; opacity: 0; background-color: var(--mask-blue-5);}
.poster_default_1 .poster_box .poster_item .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.poster_default_1 .poster_box .poster_item .poster_info{width: 100%; padding: 11.195% 9.33%; position: absolute; left: 0; bottom: 0; z-index: 2;}
.poster_default_1 .poster_box .poster_item .icon{max-width: 60px; max-height: 60px; font-size: 0;}
.poster_default_1 .poster_box .poster_item .poster_name{font-size: var(--font-size-18); line-height: 1.445; color: var(--color-white); margin-top: 18px;}
.poster_default_1 .poster_box .poster_link,
.poster_default_1 .poster_box .poster_link *{font-family: var(--font-bold); font-size: var(--font-size-18); line-height: 48px; color: var(--color-white); text-transform: uppercase;}
.poster_default_1 .poster_box .poster_link{display: flex; justify-content: center; align-items: center; background-color: var(--color-blue); min-width: 280px; padding: 0 10px; border-radius: 48px; margin-top: 50px;}
.poster_default_1 .poster_box .poster_link .icon_arrow{margin-left: 8px;}
.poster_default_1 .poster_box .poster_item:hover .img::before{visibility: hidden; opacity: 0;}
.poster_default_1 .poster_box .poster_item:hover .img::after{visibility: visible; opacity: 1;}
.poster_default_1 .poster_box .poster_item:hover .img img{transform: translate(-50%, -50%) scale(1.1);}
.poster_default_1 .poster_box .poster_link:hover{background-color: var(--color-blue-1);}

.poster_default_2{padding: 81px 0 65px;}
.poster_default_2 .poster_list{display: flex; flex-wrap: wrap;}
.poster_default_2 .poster_list .poster_item{width: 33.1429%; display: flex; justify-content: space-between; align-items: center; height: 80px; background-color: var(--bg-gray-d); padding: 10px 30px 10px 23px; margin-right: .28565%;}
.poster_default_2 .poster_list .poster_item:nth-child(3n){margin-right: 0;}
.poster_default_2 .poster_list .poster_item .poster_name{flex: 1; font-family: var(--font-bold); font-size: var(--font-size-20); color: var(--color-black-3);}
.poster_default_2 .poster_list .poster_item .poster_link{display: flex; align-items: center;}
.poster_default_2 .poster_list .poster_item .poster_link,
.poster_default_2 .poster_list .poster_item .poster_link *{font-size: var(--font-size-18); color: var(--color-black-6);}
.poster_default_2 .poster_item .poster_link .icon_arrow{filter: brightness(0.5); margin-left: 8px;}
.poster_default_2 .img{width: 100%; height: 0; padding-top: 42.858%; position: relative; transform: translateY(-25px); z-index: -1;}
.poster_default_2 .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.poster_default_2 .poster_list .poster_item.on{background-color: var(--color-blue);}
.poster_default_2 .poster_list .poster_item.on .poster_name{color: var(--color-white);}
.poster_default_2 .poster_list .poster_item.on .poster_link,
.poster_default_2 .poster_list .poster_item.on .poster_link *{color: var(--color-white);}
.poster_default_2 .poster_item.on .poster_link .icon_arrow{filter: brightness(1)}

.poster_default_3 .poster_container{padding: 185px 0 202px; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; position: relative;}
/* .poster_default_3 .poster_container::before{content: ''; width: 100%; height: 185px; background-image: linear-gradient(rgba(255, 255, 255, .6), transparent); position: absolute; left: 0; top: 0;} */
.poster_default_3 .poster_box{display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px;}
.poster_default_3 .poster_box .poster_item{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 255px; background-color: rgba(3, 53, 89, .3); padding: 10px;}
.poster_default_3 .poster_box .poster_item .img{width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; text-align: center;}
.poster_default_3 .poster_box .poster_item .poster_number{font-family: var(--font-bold); font-size: var(--font-size-50); line-height: 1; color: var(--color-white); margin-top: 20px; position: relative;}
.poster_default_3 .poster_box .poster_item .poster_number::after{content: '+'; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; position: absolute; left: 100%; top: 0; transform: translateY(-15px);}
.poster_default_3 .poster_box .poster_item .poster_text{font-size: var(--font-size-18); line-height: 1.667; color: var(--color-white); opacity: .6;}
.poster_default_3 .poster_box .poster_item:hover{background-color: var(--color-blue);}
.poster_default_3 .poster_box .poster_item:hover .poster_text{opacity: 1;}

.poster_default_4{background-color: var(--bg-gray); padding: 80px 0 90px;}
.poster_default_4 .poster_box{display: flex; flex-direction: column; align-items: center; text-align: center;}
.poster_default_4 .poster_list{width: 100%; max-width: 1460px; margin-top: 21px;}
.poster_default_4 .poster_list .swiper{padding: 30px 30px 54px;}
.poster_default_4 .poster_list .poster_group{display: flex; flex-wrap: wrap;}
.poster_default_4 .poster_list .poster_item{display: flex; flex-direction: column; align-items: center; width: 30.858%; background-color: var(--color-white); padding: 2.858% 2.858% 2.572%; box-shadow: 0 15px 25px rgba(36, 36, 36, .1); margin-right: 3.713%;}
.poster_default_4 .poster_list .poster_item:nth-child(3n){margin-right: 0;}
.poster_default_4 .poster_list .poster_item .img{width: 60px; height: 0; padding-top: 60px; position: relative; overflow: unset;}
.poster_default_4 .poster_list .poster_item .img::after{content: ''; width: 66.6667%; height: 66.6667%; background-color: rgba(36, 207, 252, .3); border-radius: 50%; position: absolute; right: 0; top: 0; z-index: 0;}
.poster_default_4 .poster_list .poster_item .img img{visibility: hidden; opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.poster_default_4 .poster_list .poster_item .img .default{visibility: visible; opacity: 1;}
.poster_default_4 .poster_list .poster_item .poster_name{font-family: var(--font-bold); font-size: var(--font-size-18); line-height: 1.667; color: var(--color-black-2); margin-top: 30px;}
.poster_default_4 .poster_list .poster_item .poster_text{height: 156px; font-size: var(--font-size-16); line-height: 1.625; color: var(--color-black-4); margin-top: 8px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-break: break-word;}
.poster_default_4 .poster_list .poster_item:hover{background-color: var(--color-blue);}
.poster_default_4 .poster_list .poster_item:hover .img .default{visibility: hidden; opacity: 0;}
.poster_default_4 .poster_list .poster_item:hover .img .active{visibility: visible; opacity: 1;}
.poster_default_4 .poster_list .poster_item:hover .poster_name,
.poster_default_4 .poster_list .poster_item:hover .poster_text{color: var(--color-white);}
.poster_default_4 .swiper-horizontal>.swiper-pagination-bullets,
.poster_default_4 .swiper-pagination-bullets.swiper-pagination-horizontal,
.poster_default_4 .swiper-pagination-custom,
.poster_default_4 .swiper-pagination-fraction{display: flex; justify-content: center; bottom: 0;}
.poster_default_4 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.poster_default_4 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.poster_default_4 .swiper-pagination-bullet{width: 14px; height: 14px; border: 1px solid var(--color-black-9); background-color: unset; opacity: .5;}
.poster_default_4 .swiper-pagination-bullet-active{background-color: var(--color-black-9); opacity: 1;}

.info_default_1{padding: 80px 0 45px;}
.info_default_1 .info_box{display: flex; flex-direction: column; align-items: center;}
.info_default_1 .info_box .poster_title{text-align: center;}
.info_default_1 .info_box .info_list{width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.info_default_1 .info_box .info_list .info_item{width: 32.286%; margin-right: 1.571%; position: relative; overflow: hidden; margin-top: 51px;}
.info_default_1 .info_box .info_list .info_item:nth-child(3n),
.info_default_1 .info_box .info_list .info_item:last-child{margin-right: 0;}
.info_default_1 .info_list .info_item .img{width: 100%; height: 0; padding-top: 75%; position: relative;}
.info_default_1 .info_list .info_item .img::before,
.info_default_1 .info_list .info_item .img::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.info_default_1 .info_list .info_item .img::before{visibility: visible; opacity: 1; background-image: linear-gradient(transparent 0%, transparent 50%, rgba(0, 0, 0, .8) 100%);}
.info_default_1 .info_list .info_item .img::after{visibility: hidden; opacity: 0; background-color: var(--mask-blue);}
.info_default_1 .info_list .info_item .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.info_default_1 .info_list .info_item .info_card{width: 100%; padding: 5.09% 4.87%; position: absolute; left: 0; bottom: 0; z-index: 2; transform: translateY(47px);}
.info_default_1 .info_list .info_item .info_title,
.info_default_1 .info_list .info_item .info_link{font-size: var(--font-size-18); line-height: 1.445; color: var(--color-white);}
.info_default_1 .info_list .info_item .info_title{max-width: 390px;}
.info_default_1 .info_list .info_item .info_link{display: flex; align-items: center; width: max-content; margin-top: 21px;}
.info_default_1 .info_list .info_item .info_link .icon_arrow{margin-left: 10px;}
.info_default_1 .info_box .info_more,
.info_default_1 .info_box .info_more *{font-family: var(--font-bold); font-size: var(--font-size-18); line-height: 48px; color: var(--color-white); text-transform: uppercase;}
.info_default_1 .info_box .info_more{display: flex; justify-content: center; align-items: center; background-color: var(--color-blue); min-width: 236px; padding: 0 10px; border-radius: 48px; margin-top: 35px;}
.info_default_1 .info_box .info_more .icon_arrow{margin-left: 8px;}
.info_default_1 .info_list .info_item:hover .info_card{transform: translateY(0);}
.info_default_1 .info_list .info_item:hover .img::before{visibility: hidden; opacity: 0;}
.info_default_1 .info_list .info_item:hover .img::after{visibility: visible; opacity: 1;}
.info_default_1 .info_list .info_item:hover .img img{transform: translate(-50%, -50%) scale(1.1);}
.info_default_1 .info_box .info_more:hover{background-color: var(--color-blue-1);}

.poster_default_5{padding: 45px 0 89px;}
.poster_default_5 *{color: var(--color-white);}
.poster_default_5 .poster_box{display: flex; justify-content: space-between; flex-wrap: wrap;}
.poster_default_5 .poster_box .poster_item{width: 49.286%; position: relative;}
.poster_default_5 .poster_box .poster_item .img{width: 100%; height: 0; padding-top: 78.2609%; position: relative;}
.poster_default_5 .poster_box .poster_item .img::before{content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; z-index: 1;}
.poster_default_5 .poster_box .poster_item .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.poster_default_5 .poster_box .poster_item .poster_info{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 10px 9.4203%; position: absolute; left: 0; top: 0; z-index: 2;}
.poster_default_5 .poster_item .poster_info .icon{font-size: 0; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px;}
.poster_default_5 .poster_item .poster_info .poster_name{font-family: var(--font-bold); font-size: var(--font-size-24); line-height: 1; margin-top: 27px;}
.poster_default_5 .poster_item .poster_info .poster_desc{max-height: 0; margin-top: 11px; color: var(--color-white); overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-break: break-word;}
.poster_default_5 .poster_item .poster_info .poster_link{min-width: 210px; font-family: var(--font-bold); font-size: var(--font-size-18); line-height: 48px; border-radius: 48px; background-color: var(--color-blue); padding: 0 10px; text-align: center; margin-top: 31px;}
.poster_default_5 .poster_box .poster_item:hover .poster_info{background-color: var(--mask-blue);}
.poster_default_5 .poster_item:hover .poster_info .poster_desc{max-height: 210px;}
.poster_default_5 .poster_item:hover .poster_info .poster_link{background-color: var(--color-white); color: var(--color-blue);}

@media screen and (min-width: 1521px){
	#banner .banner_room .room_box{width: 1920px;}
}

@media screen and (max-width: 1520px){
	#banner .banner_item.banner_room > .img{padding-top: 53.542%;}
}

@media screen and (max-width: 1300px){
	#banner .model_box .point_name{--font-size-16: 14px;}
}

@media screen and (max-width: 991px){
	#banner .doctor_hand.on{visibility: hidden; opacity: 0;}
	#banner .patient_box{width: 47.2%; left: 2.5%; top: calc(50% + 5px); transform: translateY(-50%);}
	#banner .doctor_box{width: 42.8%; left: unset; right: 4.5%; top: calc(50% + 10px); transform: translateY(-50%);}
	#banner .banner_item > .img{padding-top: 142.67%;}
	#banner .banner_item.banner_room > .img{padding-top: 142.67%;}

	#banner .model_box .point{width: 7px; height: 7px; border-width: 3px; box-shadow: 0 0 0 4px rgba(255, 255, 255, .2);}
	#banner .model_box .point.on{transform: translate(-50%, -50%) scale(1.555);}
	#banner .model_box .cate_box .shape{transform: scale(0.4);}
	#banner .model_box .cate_box.left-top .shape{transform-origin: top left; top: 14px;}
	#banner .model_box .cate_box.left-bottom .shape{transform-origin: bottom left; bottom: calc(100% - 14px);}
	#banner .model_box .cate_box.right-top .shape{transform-origin: top right; top: 14px;}
	#banner .model_box .cate_box.right-bottom .shape{transform-origin: bottom right; bottom: calc(100% - 14px);}
	#banner .model_box .cate_box .cate_list{border-width: 3px; border-radius: 10px; padding: 10px 0; box-shadow: 0 0 0 5px rgba(255, 255, 255, .25);}
	#banner .model_box .cate_box .cate_list .cate_item{width: 62.5px; padding: 0 4px;}
	#banner .model_box .cate_box .cate_list .img{width: 40px; padding-top: 40px;}
	#banner .model_box .cate_box .cate_list .cate_name{-webkit-line-clamp: 2; margin-top: 5px;}
	#banner .model_box .cate_box .cate_list .cate_more{margin-top: 2px;}
	#banner .model_box .point_name{--font-size-16: 12px; transform: translateX(-50%) scale(.58);}

	#banner .room_box .point[data="position1"]{left: 95%; top: 58%;}
	#banner .room_box .point[data="position2"]{left: 7%; top: 56%;}
	#banner .room_box .point[data="position3"]{left: 47%; top: 60%;}
	#banner .room_box .point[data="position4"]{left: 72%; top: 40%;}
	#banner .room_box .point[data="position5"]{left: 36%; top: 47%;}
	#banner .room_box .point[data="position6"]{left: 63%; top: 39%;}
	#banner .room_box .point[data="position7"]{left: 22.5%; top: 60%;}
	#banner .room_box .point[data="position8"]{left: 64%; top: 54%;}
	#banner .room_box .point[data="position9"]{left: 83%; top: 53%;}
	#banner .room_box .point[data="position10"]{left: 83%; top: 56%;}

	#banner .patient_box .cate_box[data="head"]{left: calc(52% + 73px); top: calc(3.5% + 25px);}
	#banner .patient_box .cate_box[data="eye"]{left: calc(56.1% + 73px); top: calc(7.8% + 25px);}
	#banner .patient_box .cate_box[data="ear"]{left: calc(60.4% + 73px); top: calc(9.7% + 25px);}
	#banner .patient_box .cate_box[data="mouth"]{left: calc(42.6% + 73px); top: calc(13% + 25px);}
	#banner .patient_box .cate_box[data="neck"]{left: calc(53.6% + 73px); top: calc(16.2% + 25px);}
	#banner .patient_box .cate_box[data="body"]{left: calc(33.5% + 73px); top: calc(38% - 53px);}
	#banner .patient_box .cate_box[data="arm"]{left: calc(82.7% + 73px); top: calc(45.3% - 53px);}
	#banner .patient_box .cate_box[data="hand"]{left: calc(13.5% + 73px); top: calc(51.2% + 25px);}
	#banner .patient_box .cate_box[data="leg"]{left: calc(66.6% + 73px); top: calc(88.4% - 53px);}
	#banner .patient_box .cate_box.right-top[data="foot"] .shape{top: calc(100% - 14px);}
	#banner .patient_box .cate_box[data="foot"]{left: calc(30.5% + 73px); top: calc(96.8% - 130px);}
	#banner .doctor_box .cate_box[data="head"]{right: calc(30.5% + 81px); top: calc(2.8% + 27px);}
	#banner .doctor_box .cate_box[data="eye"]{right: calc(35.8% + 81px); top: calc(6.5% + 27px);}
	#banner .doctor_box .cate_box[data="ear"]{right: calc(23.3% + 81px); top: calc(8.8% + 27px);}
	#banner .doctor_box .cate_box[data="mouth"]{right: calc(39.5% + 81px); top: calc(12% + 27px);}
	#banner .doctor_box .cate_box[data="neck"]{right: calc(23.3% + 81px); top: calc(12.8% + 27px);}
	#banner .doctor_box .cate_box[data="arm"]{right: calc(71.2% + 81px); top: calc(18.3% + 27px);}
	#banner .doctor_box .cate_box[data="body"]{right: calc(17.3% + 81px); top: calc(34% - 53px);}
	#banner .doctor_box .cate_box[data="hand"]{right: calc(72.5% + 81px); top: calc(36.8% - 53px);}
	#banner .doctor_box .cate_box.left-top[data="leg"] .shape{top: calc(100% - 22px);}
	#banner .doctor_box .cate_box[data="leg"]{right: calc(31.4% + 81px); top: calc(94.2% - 123px);}
	#banner .doctor_box .cate_box.left-top[data="foot"] .shape{top: calc(100% - 22px);}
	#banner .doctor_box .cate_box[data="foot"]{right: calc(49.4% + 81px); top: calc(96.2% - 123px);}
	#banner .room_box .cate_box[data="position1"]{right: calc(2.5% + 81px); top: calc(71.5% - 123px);}
	#banner .room_box .cate_box[data="position2"]{left: calc(7% + 73px); top: calc(56% - 53px);}
	#banner .room_box .cate_box[data="position3"]{left: calc(46.5% + 73px); top: calc(60.5% - 53px);}
	#banner .room_box .cate_box[data="position4"]{right: calc(25.2% + 81px); top: calc(39.5% + 25px);}
	#banner .room_box .cate_box[data="position5"]{left: calc(35.5% + 73px); top: calc(47.5% - 53px);}
	#banner .room_box .cate_box[data="position6"]{right: calc(34.5% + 81px); top: calc(38.7% + 25px);}
	#banner .room_box .cate_box[data="position7"]{left: calc(22.5% + 73px); top: calc(60.5% - 53px);}
	#banner .room_box .cate_box[data="position8"]{right: calc(33.2% + 81px); top: calc(67.5% - 123px);}
	#banner .room_box .cate_box[data="position9"]{right: calc(14.5% + 81px); top: calc(66.5% - 123px);}
	#banner .room_box .cate_box[data="position10"]{right: calc(14.5% + 81px); top: calc(69.5% - 123px);}

	#banner .room_box .mask[data="position1"]{width: 12%; padding-top: 22.5%; left: 90%; top: 49.8%;}
	#banner .room_box .mask[data="position2"]{width: 20%; padding-top: 23%; left: -4.2%; top: 50.2%;}
	#banner .room_box .mask[data="position3"]{width: 47%; padding-top: 21.8%; left: 28.4%; top: 54.8%;}
	#banner .room_box .mask[data="position4"]{width: 17%; padding-top: 26.5%; left: 62.5%; top: 30%;}
	#banner .room_box .mask[data="position5"]{width: 7.5%; padding-top: 7.5%; left: 32%; top: 45.8%;}
	#banner .room_box .mask[data="position6"]{width: 23%; padding-top: 18%; left: 45%; top: 30.3%;}
	#banner .room_box .mask[data="position7"]{width: 5.8%; padding-top: 12%; left: 17.5%; top: 54%;}
	#banner .room_box .mask[data="position8"]{width: 37%; padding-top: 6%; left: 31.7%; top: 53%;}
	#banner .room_box .mask[data="position9"]{width: 12%; padding-top: 2.5%; left: 79.5%; top: 52.6%;}
	#banner .room_box .mask[data="position10"]{width: 13%; padding-top: 4%; left: 73.5%; top: 54.5%;}

	#banner .room_box .point_name[data="position1"]{left: 6.5%; top: 32.5%;}
	#banner .room_box .point_name[data="position2"]{left: 15.5%; top: 34.3%;}
	#banner .room_box .point_name[data="position3"]{left: 15.5%; top: 46%;}
	#banner .room_box .point_name[data="position4"]{left: 6.5%; top: 49.4%;}
	#banner .room_box .point_name[data="position5"]{left: 15.5%; top: 53.5%;}
	#banner .room_box .point_name[data="position6"]{left: 6.5%; top: 56.8%;}
	#banner .room_box .point_name[data="position7"]{left: 93.5%; top: 49.6%;}
	#banner .room_box .point_name[data="position8"]{left: 82%; top: 52.6%;}
	#banner .room_box .point_name[data="position9"]{left: 83%; top: 58.2%;}
	#banner .room_box .point_name[data="position10"]{left: 93%; top: 60.8%;}

	.poster_default_1{padding: 44px 0 50px;}
	.poster_default_1 .poster_title{padding: 0 10px;}
	.poster_default_1 .poster_box .poster_list{justify-content: space-between; margin-top: 15px;}
	.poster_default_1 .poster_box .poster_list .poster_item{width: 47.83%; margin-right: 0; margin-top: 15px;}
	.poster_default_1 .poster_box .poster_item .poster_info{padding: 19px 14px;}
	.poster_default_1 .poster_box .poster_item .icon{max-width: 40px; max-height: 30px;}
	.poster_default_1 .poster_box .poster_item .icon img{max-width: 40px; max-height: 30px;}
	.poster_default_1 .poster_box .poster_item .poster_name{margin-top: 11px;}
	.poster_default_1 .poster_box .poster_link,
	.poster_default_1 .poster_box .poster_link *{line-height: 40px;}
	.poster_default_1 .poster_box .poster_link{min-width: 230px; margin-top: 31px;}

	.poster_default_2{padding: 50px 0 45px;}
	.poster_default_2 .poster_list .poster_item{height: 63.5px; padding: 10px 14px;}
	.poster_default_2 .poster_list .poster_item .poster_name{word-break: break-word;}
	.poster_default_2 .poster_list .poster_item .poster_link{display: none;}
	.poster_default_2 .img{transform: translateY(-5px);}

	.poster_default_3 .poster_container{padding: 77px 0 68px;}
	/* .poster_default_3 .poster_container::before{height: 77px;} */
	.poster_default_3 .poster_box{grid-template-columns: repeat(2, 1fr);}
	.poster_default_3 .poster_box .poster_item{height: 127.5px;}
	.poster_default_3 .poster_box .poster_item .img{width: 30px; height: 30px;}
	.poster_default_3 .poster_box .poster_item .poster_number{margin-top: 15px;}
	.poster_default_3 .poster_box .poster_item .poster_number::after{transform: translateY(-10px);}
	.poster_default_3 .poster_box .poster_item .poster_text{--font-size-18: 12px; line-height: 1.334;}

	.poster_default_4{padding: 45px 0 50px;}
	.poster_default_4 .poster_title{padding: 0 10px;}
	.poster_default_4 .poster_list{margin-top: 15px;}
	.poster_default_4 .poster_list .swiper{padding: 15px 15px 30px;}
	.poster_default_4 .poster_list .poster_item{justify-content: center; width: 100%; height: 287px; padding: 30px; margin-right: 0; margin-bottom: 15px;}
	.poster_default_4 .poster_list .poster_item .img{width: 40px; padding-top: 40px;}
	.poster_default_4 .poster_list .poster_item .img::after{width: 81.25%; height: 81.25%; right: -7px; top: -7px;}
	.poster_default_4 .poster_list .poster_item .poster_name{margin-top: 27px;}
	.poster_default_4 .poster_list .poster_item .poster_text{line-height: 1.385; height: 108px;}
	
	.info_default_1{padding: 44px 0 18px;}
	.info_default_1 .info_box .info_list{margin-top: 17px;}
	.info_default_1 .info_box .info_list .info_item{width: 100%; margin-right: 0; margin-top: 15px;}
	.info_default_1 .info_list .info_item .info_card{padding: 20px; transform: translateY(0);}
	.info_default_1 .info_list .info_item .info_link{margin-top: 13px;}
	.info_default_1 .info_box .info_more,
	.info_default_1 .info_box .info_more *{line-height: 40px;}
	.info_default_1 .info_box .info_more{min-width: 200px; margin-top: 29px;}

	.poster_default_5{padding: 18px 0 49px;}
	.poster_default_5 .poster_box .poster_item{width: 100%; margin-top: 15px;}
	.poster_default_5 .poster_box .poster_item .poster_info{position: static; height: auto; background-color: var(--color-blue-1); padding: 34px;}
	.poster_default_5 .poster_box .poster_item:hover .poster_info{background-color: var(--color-blue-1);}
	.poster_default_5 .poster_item .poster_info .icon{width: 40px; height: 40px;}
	.poster_default_5 .poster_item .poster_info .poster_name{margin-top: 22px;}
	.poster_default_5 .poster_item .poster_info .poster_desc{max-height: 100%; -webkit-line-clamp: 10;}
	.poster_default_5 .poster_item .poster_info .poster_link{min-width: 160px; line-height: 40px; color: var(--color-blue-1); background-color: var(--color-white); margin-top: 22px;}
	.poster_default_5 .poster_item:hover .poster_info .poster_link{color: var(--color-blue-1); background-color: var(--color-white);}
}