@charset "utf-8";

#sltSurgery .top-intro { color: #fff; } 

/* section-2 */
#sltSurgery .section-2 { margin-top: 116px; } 
#sltSurgery .section-2 .step-lists-wrap { position: relative; height: 238px; width: 742px; margin: 0 auto; } 
#sltSurgery .section-2 .step-lists-wrap .step-lists { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: 110px; } 
#sltSurgery .section-2 .step-lists-wrap .step-lists span {position: absolute;top: 50%;transform: translateY(-50%);right: 100px;font-size: 19px;font-size: 17px;color: #fff;min-width: 87px;text-align: center;padding-top: 68px;} 
#sltSurgery .section-2 .step-lists-wrap .step-lists-1 { z-index: 500; background: #f47b96; max-width: 269px; } 
#sltSurgery .section-2 .step-lists-wrap .step-lists-1 span {background: url("/images/slt_surgery_step_01.png") no-repeat center top;background-size: contain;} 
#sltSurgery .section-2 .step-lists-wrap .step-lists-2 { z-index: 400; background: #e85d7c; max-width: 506px; width: 269px; } 
#sltSurgery .section-2 .step-lists-wrap .step-lists-2 span { background: url("/images/slt_surgery_step_02.png") no-repeat center top; background-size: contain; } 
#sltSurgery .section-2 .step-lists-wrap .step-lists-3 { z-index: 300; background: #db2c53; max-width: 742px; width: 269px; } 
#sltSurgery .section-2 .step-lists-wrap .step-lists-3 span { background: url("/images/slt_surgery_step_03.png") no-repeat center top; background-size: contain; } 
#sltSurgery .section-2.viewing .step-lists-wrap .step-lists { width: 100%; transition: width 0.6s linear; } 
#sltSurgery .section-2.viewing .step-lists-wrap .step-lists-2 { transition-delay: 0.1s; } 
#sltSurgery .section-2.viewing .step-lists-wrap .step-lists-3 { transition-delay: 0.2s; } 

/* section-3*/
#sltSurgery .section-3 { margin: 184px 0; } 
#sltSurgery .section-3 .section-tit { text-align: center; margin-bottom: 100px; opacity: 0; transform: translateY(80px); } 
#sltSurgery .section-3 .section-tit .sml-txt { font-size: 20px; font-weight: 500; display: block; line-height: 1; margin-bottom: 50px; } 
#sltSurgery .section-3 .section-tit .lrg-txt { font-size: 48px; font-weight: bold; line-height: 1; display: block; margin-bottom: 50px; } 
#sltSurgery .section-3 .recommend-lists { width: 1160px; margin: 0 auto; } 
#sltSurgery .section-3 .recommend-lists .lists { float: left; width: 16%; text-align: center; font-size: 20px; opacity: 0; transform: translateY(60px); } 
#sltSurgery .section-3 .recommend-lists .lists-1 { margin-left: 2%; } 
#sltSurgery .section-3 .recommend-lists .lists-6 { margin-right: 2%; } 
#sltSurgery .section-3 .recommend-lists .lists > img { margin: 0 auto 35px; } 
#sltSurgery .section-3 .recommend-lists .lists .recommend-txt { line-height: 1.5; } 
#sltSurgery .section-3 .recommend-lists .lists .recommend-txt strong { color: #900020; font-weight: normal; } 
#sltSurgery .section-3.viewing .section-tit { opacity: 1; transform: translateY(0px); transition: all 1s ease; } 
#sltSurgery .section-3.viewing .recommend-lists .lists { opacity: 1; transform: translateY(0px); transition: all 1s ease; } 
#sltSurgery .section-3.viewing .recommend-lists .lists-2 { transition-delay: 0.25s; } 
#sltSurgery .section-3.viewing .recommend-lists .lists-3 { transition-delay: 0.5s; } 
#sltSurgery .section-3.viewing .recommend-lists .lists-4 { transition-delay: 0.75s; } 
#sltSurgery .section-3.viewing .recommend-lists .lists-5 { transition-delay: 1s; } 
#sltSurgery .section-3.viewing .recommend-lists .lists-6 { transition-delay: 1.25s; } 

/* section-4 */
#sltSurgery .section-4 .container-2 { padding: 195px 0; } 
#sltSurgery .section-4 .section-4-1 .section-tit {text-align: center;font-size: 48px;line-height: 1.2;margin-bottom: 96px;} 
#sltSurgery .section-4 .section-4-1 .section-tit .big-tit { display: block; font-weight: bold; margin-bottom: 55px; } 
#sltSurgery .section-4 .section-4-1 .section-tit .sml-tit { font-size: 20px; line-height: 1.5; display: block; } 
#sltSurgery .section-4 .section-4-1 .compare-img { margin: 0 auto; opacity:0; transform:translateY(70px); } 
#sltSurgery .section-4 .section-4-1 .bottom-comment {width: 1000px;margin: 96px auto 0;font-size: 20px;color: #bcbcbc;letter-spacing: 0px;word-break: keep-all; opacity:0; transform:translateY(70px);} 
#sltSurgery .section-4 .section-4-2 {margin-top: 177px;display: flex;justify-content: space-between;flex-wrap: nowrap;} 
#sltSurgery .section-4 .section-4-2 .left-section { float: left; } 
#sltSurgery .section-4 .section-4-2 .left-section .compare-tit { text-align: center; font-size: 22px; font-weight: bold; line-height: 1; margin-bottom: 73px; } 
#sltSurgery .section-4 .section-4-2 .left-section .compare-con { position: relative; } 
#sltSurgery .section-4 .section-4-2 .left-section .compare-con-1 { margin-bottom: 62px; } 
#sltSurgery .section-4 .section-4-2 .left-section .empty-chart { position: absolute; height: 19px; background: red; top: 44px; left: 0; background: rgb(34,34,34); background: linear-gradient(90deg, rgba(34,34,34,1) 0%, rgba(139,1,32,1) 14%, rgba(144,0,32,1) 100%); } 
#sltSurgery .section-4 .section-4-2 .left-section .empty-chart-1 { max-width: 108px; width:0%; } 
#sltSurgery .section-4 .section-4-2 .left-section .empty-chart-2 { max-width: 100%; width:0%; } 
#sltSurgery .section-4 .section-4-2.viewing .left-section .empty-chart { width:100%; transition: width 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.84);; } 
#sltSurgery .section-4 .section-4-2 .right-section { display: inline-block; color: #fff; float: right; text-align: right; opacity:0; transform:translateY(70px); /* border: 1px solid red; */width: 658px;margin-left: 20px;} 
#sltSurgery .section-4 .section-4-2 .right-section .sml { font-size: 22px; line-height: 1; margin-bottom: 52px; } 
#sltSurgery .section-4 .section-4-2 .right-section .lrg { font-size: 34px; font-weight: bold; line-height: 1.3; margin-bottom: 90px; } 
#sltSurgery .section-4 .section-4-2 .right-section .comments { font-size: 19px; color: #bcbcbc; } 
#sltSurgery .section-4.viewing { background:#222; color: #fff; transition: all 1.4s ease; } 


#sltSurgery .section-4.viewing .section-4-1 .compare-img, 
#sltSurgery .section-4.viewing .section-4-1 .bottom-comment,
#sltSurgery .section-4 .section-4-2.viewing .right-section { opacity: 1; transform: translateY(0px); transition: all 1.4s ease; } 

/* section-5 */
#sltSurgery .section-5 { margin-top: 187px; } 
#sltSurgery .section-5 .section-tit { text-align: center; margin-bottom: 95px; opacity: 0; transform: translateY(80px); } 
#sltSurgery .section-5 .section-tit .sml-txt-1 { font-size: 20px; font-weight: 500; display: block; line-height: 1; margin-bottom: 50px; } 
#sltSurgery .section-5 .section-tit .sml-txt-2 { font-size: 20px; } 
#sltSurgery .section-5 .section-tit .lrg-txt { font-size: 48px; font-weight: bold; line-height: 1; display: block; margin-bottom: 50px; } 
#sltSurgery .section-5 .advantage-lists { background: url("/images/expansion_circle_boundary.png") no-repeat; width: 1074px; height: 340px; margin: 0 auto; position: relative; } 
#sltSurgery .section-5 .advantage-lists .lists { position: absolute; width: 300px; height: 300px; color: #fff; border-radius: 50%; top: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-align: center; opacity: 0; transform: translate(-40px, -50%); } 
#sltSurgery .section-5 .advantage-lists .lists-1 { background: #900020; left: 21px; z-index: 100; } 
#sltSurgery .section-5 .advantage-lists .lists-2 { background: #a71032; z-index: 200; left: 265px; } 
#sltSurgery .section-5 .advantage-lists .lists-3 { background: #db2c53; left: 509px; z-index: 300; } 
#sltSurgery .section-5 .advantage-lists .lists-4 { background: #e85d7c; left: 754px; z-index: 400; } 
#sltSurgery .section-5.viewing .section-tit { opacity: 1; transform: translateY(0px); transition: all 1s ease; } 
#sltSurgery .section-5.viewing .advantage-lists .lists { opacity: 1; transform: translate(0px, -50%); transition: all 1s ease; } 
#sltSurgery .section-5.viewing .advantage-lists .lists-2 { transition-delay: 0.3s; } 
#sltSurgery .section-5.viewing .advantage-lists .lists-3 { transition-delay: 0.6s; } 
#sltSurgery .section-5.viewing .advantage-lists .lists-4 { transition-delay: 0.9s; }