.intro {position: relative;}   
.home-btn {position: absolute;left: 50%;top: 50%;display: inline-block;transform: translate(-50%, -50%);z-index: 2;}
.intro-df {height: 100vh;display: flex;}
.intro-df > div {width: 50%;height: 100%;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;justify-items: center; align-content: center;}
.intro .left {background-image: url("/newlanding/img/main/main-left.png");}
.intro .right {background-image: url("/newlanding/img/main/main-right.png");}
.intro .txt {margin-bottom: 70px;}

.im-section1 {background-color: #f4efeb;padding: 100px 0;}   
.im1-df {display: flex;align-items: center; justify-content: center;}
.im1-slide-wrap {margin-top: 40px;}
.im1-nav {margin-top: 40px;display: flex;justify-content: center;gap: 30px;}
.im1-nav a {display: inline-block;}

.im-section2 {background-color: #f4efeb;padding: 130px 0;position: relative;height: 1080px;}
.im-section2:before {position: absolute;right: 0;top: 0;content: "";width: 70%;height: 100%;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;background-image: url("/newlanding/img/sub_implant/im2-bg.png");}
/* .im2-cont {padding-left: 55%;position: relative;z-index: 1;display: flex;align-items: center;height: 100%;}
.im2-info {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 45%;} */
.im2-cont {padding-left: 70px;}

.mx1920 {max-width: 1920px;margin: 0 auto;position: relative;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb100 {margin-bottom: 100px;}

.im-section3 {background-color: #f4efeb;padding: 100px 0;position: relative;}
.im-section3:before {position: absolute;left: 50%;top: 100px;content: "";background-repeat: no-repeat;background-position: center center;-webkit-background-size: contain;background-size: contain;background-image: url("/newlanding/img/sub_implant/im3-img1_bg.png?v=1");width: 100%;height: 203px;transform: translateX(-50%);}

.im-section4 {padding: 100px 0;background-repeat: no-repeat;background-position: bottom center;-webkit-background-size: cover;
background-size: cover;background-image: url("/newlanding/img/sub_implant/im4-bg.jpg");}

.im-section5 {background-color: #f4efeb;padding: 130px 0;position: relative;height: 1080px;}
.im5-container {width: 1300px;margin: 0 auto;}
/* .im5-video {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 53%;} */
/* .im5-cont {position: relative;z-index: 1;display: flex;align-items: center;justify-content: end;height: 100%;} */
.im5-cont {position: relative;left: -6%;}

.im-section6 {background-color: #f4efeb;padding: 100px 0;}
.bna-slide-wrap {position: relative;}
.bna-tit {font-size: 30px;font-weight: 700;color: #2f4157;position: relative;margin-bottom: 15px;padding-left: 25px;}
.bna-tit:before {position: absolute;left: 0;top: 0;content: "";height: 100%;width: 6px;background-color: #2f4157;}
.bna-item {display: flex;align-items: center;justify-content: center;gap: 30px;}
.bna-nav {top: 50%;position: absolute;width: 100%;transform: translateY(-50%);z-index: 2;}
.bna-nav a {position: absolute;}
.bna-prev {left: 0;}
.bna-next {right: 0;}

.im-section7 {position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;background-image: url("/newlanding/img/sub_implant/im7-bg.jpg");height: 980px;}
.im-section7:before {position: absolute;right: 0;top: 0;content: "";height: 100%;width: 32%;background-color: #f4efeb;}
/* .im7-img {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 46%;} */
/* .im7-cont {position: relative;z-index: 1;display: flex;align-items: center;justify-content: start;height: 100%;width: 1300px;margin: 0 auto;} */
.im7-cont {padding-right: 150px;}

.im-section8 {background-color: #f4efeb;padding: 130px 0;}
.im8-list {display: grid;gap: 20px;grid-template-columns: repeat(4, 1fr);width: 1300px;margin: 0 auto;}
.im8-cont {display: flex;align-items: center;gap: 50px;justify-content: center;}

.im-section9 {background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;background-image: url("/newlanding/img/sub_implant/im9-bg.jpg");padding: 130px 0;}

.im-section10 {padding-top: 100px;height: 1070px;background-color: #f4efeb;position: relative;}
.bar-img {position: absolute;left: 0;bottom: 20px;width: 100%;background-color: #fff;z-index: 2;}

.im-section11 {background-color: #f4efeb;background-repeat: no-repeat;background-position: bottom center;-webkit-background-size: contain;background-size: contain;background-image: url("/newlanding/img/sub_implant/im11-bg.jpg");padding: 100px 0;}

.im-section12 {padding: 130px 0;background-color: #f4efeb;}
.im12-cont {display: flex;align-items: center;justify-content: center;gap: 90px;}

.im-section13 {height: 1080px;background-color: #f4efeb;}
.im13-cont {display: flex;align-items: center;justify-content: center;height: 100%;}



.df-item {display: flex;align-items: center;justify-content: center;height: 100%;max-width: 1920px;margin: 0 auto;position: relative;z-index: 1;}
.co-section1 {padding-top: 75px;padding-bottom: 150px;background-color: #f4efeb;}  
.co-section2 {background-color: #f4efeb;height: 1080px;}
.co-section3 {background-color: #f4efeb;height: 1080px;position: relative;}
.co-section3:before {position: absolute;left: 0;top: 0;content: "";width: 30%;height: 100%;background-color: #e9e2dd;}
.co-section4 {background-color: #f4efeb;position: relative;padding: 100px 0;}
.co2-cont {padding-right: 80px;}
.co3-cont {padding-left: 70px;}
.co4-slide-wrap {display: flex;width: 1400px;margin: 0 auto;align-items: center;justify-content: center;height: 100%;position: relative;}
.co4-item {}
.co4-df {display: flex ;align-items: center;justify-content: center;gap: 50px;height: 100%;}
.co4-nav {position: absolute;right: 0;top: 50%;z-index: 2;transform: translateY(-50%);}
.co4-nav a {display: block;}
.co4-slide {height: 100%;}

.slick-list,.slick-track,.slick-slide {height: 100% !important;}

.co-section5 {background-color: #f4efeb;padding: 100px 0;}

.bna-df {display: flex; align-items: center;justify-content: center;gap: 50px;margin-bottom: 20px;}
.bna-df > img {width: auto !important;}

.co-section6 {background-color: #f4efeb;padding: 100px 0;}
.co6-df {display: flex;align-items: center;justify-content: center;gap: 70px;}
.co-section7 {background-repeat: no-repeat;background-position: bottom center;-webkit-background-size: cover;background-size: cover;background-image: url("/newlanding/img/sub_correction/co7-bg.jpg");padding: 140px 0;}
.co-section8 {background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;background-image: url("/newlanding/img/sub_correction/co8-bg.jpg");padding: 100px 0;}
.co8-df {display: flex;align-items: center;justify-content: center;gap: 100px;}

.co-section10 {background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;background-image: url("/newlanding/img/sub_correction/co10-bg.jpg");padding: 100px 0;}
.co-section11 {background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;background-image: url("/newlanding/img/sub_correction/co11-bg.jpg");padding: 100px 0;}


.quick-wrap {position: fixed;right: 70px;bottom: 110px;z-index: 10;}   
.quick-menu {display: flex;gap: 15px;flex-direction: column;align-items: flex-end;}
.quick-online {margin-top: 65px;}
.quick-btn {display: block;border: none;outline: none;cursor: pointer;background-color: transparent;}
.online-wrap {position: fixed;left: 50%;bottom: 0;padding: 20px 30px;background-color: #2f4157;border-radius: 10px;border: 2px solid #fff;width: 100%;width: 1300px;transform: translateX(-50%);height: 100px;z-index: 10;display: block;}
.online-wrap.on { display: block;}
.online-close {display: inline-block;position: absolute;right: 10px;top: 10px;}

.online-cont { display: flex; align-items: center;justify-content: center;gap: 30px;height: 100%;}
.oc1 {display: flex;align-items: center;gap: 20px;}
.oc1-tit {font-size: 20px;font-weight: 700;color: #fff;}
.oc2 {display: flex;align-items: center;gap: 10px;}
.oc3 {display: flex;align-items: center;gap: 5px;}
.oc3 label {font-size: 15px;color: #fff;}
.online-select {height: 50px;padding: 0 15px;background-color: #fff;border: none;outline: none;border-radius: 10px;}
.online-input {height: 50px;padding: 0 15px;background-color: #fff;border: none;outline: none;border-radius: 10px;}
.online-btn {height: 50px;padding: 0 15px;border: 2px solid #fff;border-radius: 10px;text-align: center;background-color: transparent;font-weight: 700;color: #fff;font-size: 16px;outline: none;cursor: pointer;}

.mobile-header {height: 100px;background-color: #fff;display: flex; align-items: center;justify-content: center;}
.mobile-header.sub {background-color: #f4efeb;border-bottom: 1px solid #2f4157;}

.body-bg {background-color: #f4efeb;}

.im4-slide-wrap {position: relative;margin-top: 50px;}
.im4-slide .item {padding: 0 50px;}
.im4-nav,.im9-nav {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 2;}
.im4-nav a,.im9-nav a {position: absolute;}
.im4-nav a img,.im9-nav a img {height: 60px;}
.im4-prev,.im9-prev {left: 0;}
.im4-next,.im9-next {right: 0;}

.im9-slide-wrap {position: relative;}
.im9-slide .item {padding: 0 60px;}

.m-quick {background-color: #fff;position: fixed;bottom: 10px;left: 50%;transform: translateX(-50%);width: 320px;height: 110px;border-radius: 100px;z-index: 10;}
.pop-bg {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 80%);z-index: 3;}


.co6-right {width: 500px;}
.co6-slide-wrap {position: relative;}
.co6-slide .owl-item {text-align: center;}
.co6-nav {top: 50%;position: absolute;width: 100%;transform: translateY(-50%);z-index: 2;}
.co6-nav a {position: absolute;}
.co6-prev {left: 0;}
.co6-next {right: 0;}
.co6-item {height: 500px;}
.co6-item video {width: auto;height: 100%;}

@media (max-width: 1920px) {
	.im7-cont {padding-right: 100px;}
	.im-section1,.im-section2,.im-section3,.im-section4,.im-section5,.im-section6,.im-section7,.im-section8,.im-section9,.im-section10,.im-section11,.im-section12,.im-section13 {padding-right: 50px;padding-left: 50px;}
	.co-section1,.co-section2,.co-section3,.co-section4,.co-section5,.co-section6,.co-section7,.co-section8,.co-section9,.co-section10,.co-section11 {padding-left: 50px;padding-right: 50px;}
	.im8-list {width: 1200px;}
	.bar-img {padding: 0 50px;}
	.co4-slide-wrap {width: 1200px;}
	.quick-online {margin-top: 30px;}
}


@media (max-width: 1499px) {
	.home-btn img {width: 300px;}

}
@media (max-width: 1429px) {
	.im8-list {width: 1100px;}
	.co4-slide-wrap {width: 1100px;}
	.co4-df {gap: 30px;}
}
@media (max-width: 1300px) {
	.online-wrap {width: 100%;}
	.online-wrap {padding: 25px 10px;}
	.oc3 label {font-size: 13px;}
	.oc1-tit {font-size: 16px;}
	.oc1 {gap: 10px;}
	.online-cont {gap: 15px;}
}
@media (max-width: 1219px) {
	.home-btn img {width: 200px;}
	.im8-list {width: 900px;}
	.im-section2,.im-section5,.im-section10 {height: auto;}
	.im-section7 {height: auto;padding-top: 130px;padding-bottom: 130px;}
	.im-section13 {height: auto;padding-top: 50px;padding-bottom: 50px;}
	.quick-wrap {right: 30px;}
	.quick-online {margin-top: 30px;}
	.co4-slide-wrap {width: 900px;}
	.co2-cont {padding-right: 20px;}
	.co3-cont {padding-left: 30px;}
	.co-section2,.co-section3 {height: auto;padding-top: 100px;padding-bottom: 100px;}
	.co-section1 {padding-bottom: 100px;}
	.co8-df {gap: 30px;}
	.online-wrap {height: auto;}
	.online-cont {flex-direction: column;}
}

@media (max-width: 991px) {
	.intro-btn img {height: 40px;}
	.intro .left .txt {padding: 0 20px;}
	.intro .right .txt {padding: 0 55px;}
	.im12-cont {gap: 50px;}
	.im8-list {width: 700px;}
	.im-section2:before {width: 100%;}
	.im2-cont {padding-left: 0;}
	.df-item {flex-direction: column;gap: 30px;}
	.im1-df {flex-direction: column;}
	.im-section7:before {display: none;}
	.im7-cont {padding-right: 0;}
	.im8-cont {flex-direction: column;}
	.im12-cont {flex-direction: column;gap: 30px;}
	.im13-cont {flex-direction: column;gap: 30px;align-items: flex-start;}
	.co4-slide-wrap {width: 700px;} 

	.mb25 {margin-bottom: 10px;}
	.mb30 {margin-bottom: 15px;}
	.mb40 {margin-bottom: 20px;}
	.mb60 {margin-bottom: 30px;}
	.mb70 {margin-bottom: 35px;}
	.mb100 {margin-bottom: 50px;}
	
	.quick-wrap {right: 15px;}
	.co8-df {flex-direction: column;}
	.co4-df {flex-direction: column-reverse; justify-content: center;}
	.co4-left,.co4-right {width: 50%;}
	.oc2 {flex-wrap: wrap;}
	.online-select,.online-input {flex: 1;}
	.online-btn {margin: 0 auto;}
	.co6-df {flex-direction: column;gap: 30px;}
}	

@media (max-width: 767px) {
	.intro-df > div {width: 100%;height: 50%;}
	.intro-df {flex-direction: column;}
	.home-btn img {width: 150px;}
	.intro .txt {margin-bottom: 30px;padding: 0 50px;}
	.intro .left .txt {padding: 0 100px;}
	.intro .right .txt {padding: 0 100px;}
	.intro .left {padding-bottom: 50px;}
	.intro .right {padding-top: 50px;}
	.im8-list {width: 100%;}
	.im-section1 {padding: 50px 0;}
	.im-section1,.im-section2,.im-section3,.im-section4,.im-section5,.im-section6,.im-section7,.im-section8,.im-section9,.im-section10,.im-section11,.im-section12,.im-section13 {padding-right: 10px;padding-left: 10px;padding-top: 50px;padding-bottom: 50px;}
	.co-section1, .co-section2, .co-section3, .co-section4, .co-section5, .co-section6, .co-section7, .co-section8, .co-section9, .co-section10, .co-section11  {padding-right: 10px;padding-left: 10px;padding-top: 50px;padding-bottom: 50px;}
	.im-section2:before {height: 70%;}
	.df-item.rev {flex-direction: column-reverse;}
	.im-section3:before {display: none;}
	.w80 {width: 80%;}
	.w70 {width: 70%;}
	.w60 {width: 60%;}
	.w50 {width: 50%;}
	.bna-item {gap: 20px;flex-direction: column;}
	.bna-tit {font-size: 20px;padding-left: 15px;margin-bottom: 5px;}
	.bna-item {padding: 0 50px;}
	.im-section7 {-webkit-background-size: 100% 70%;background-size: 100% 70%;background-position: top center;}
	.im8-cont {gap: 20px;}
	.im8-list {gap: 5px;}
	.bar-img {padding: 0 20px;bottom: 0;}
	.co4-slide-wrap {width: 100%;}
	.co-section3:before {width: 100%;height: 30%;}
	.co3-img {position: relative;z-index: 2;}
	.co3-cont {padding-left: 0;}
	.co-section1 {padding-bottom: 50px;}
	.co-section4 {padding-top: 50px;padding-bottom: 50px;}
	.co4-nav a img,
	.bna-nav a img {width: 35px;}
	.bna-df {gap: 10px;}
	.bna-tit {height: 18px;width: 100% important;}
	.bna-btn {height: 18px;width: 100% important;}
	.co-section6 {padding: 50px 50px 100px 50px;}
	.im-section10 {padding-bottom: 0;}
	.co-section11 {padding-top: 50px;padding-bottom: 50px;}
	.quick-menu {flex-direction: row;align-items: center;justify-content: center;height: 100%;}
	.quick-menu img {width: 65px;}
	.online-wrap {bottom: 50%;transform: translate(-50%, 50%);display: none;}

	.online-wrap.on {width: calc(100% - 50px);}
	.pop-bg.on {display: block;}
	.co6-df {gap: 0;}
	.co6-nav a img {width: 35px;}
	.co6-right {width: 100%;}
	.co6-prev {left: -30px;}
	.co6-next {right: -30px;}
}