/* sTopSec */
.sTopSec .txt .tcon {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (max-width:768px) {
    .sTopSec > div {
        width: 100%;
    }
    .sTopSec .txt .tcon {
        padding: 40px 15px;
    }
}
/* subtop */
#subtop {
    position: relative;
}
#subtop .fbox {
    height: 500px;
}
#subtop .fbox h1 {
    font-size: 60px;
    line-height: 1em;
    letter-spacing: -0.03em;
    color: rgba(255,255,255,1);
}
#subtop .fbox h1 strong {
    color: #fff;
}
@media (max-width:992px) {
    #subtop .fbox {
        height: 350px;
    }
    #subtop .fbox h1 {
        font-size: 40px;
    }
}
@media (max-width:768px) {
    #subtop {
        background-size: cover !important;
    }
    #subtop .fbox {
       /* height: 250px;*/
	 display: block;
    }
    #subtop .container  {
		width: 97%;
    }
    #subtop .fbox h1 {
        font-size: 30px;
    }
}

/* site_config */
#site_config {
    position: relative;
    z-index: 30;
    display: inline-block;
}
#site_config .site .home {
    display: inline-block;
    line-height: 50px;
    position: relative;
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.02em;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#site_config .site .slashed {
    width: 2px;
    vertical-align: middle;
    background-color: #fff;
    display: inline-block;
    height: 16px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    /* transform: skewX(-15deg); */
    vertical-align: middle;
    margin: 0 5px;
}
#site_config .site .home.home2,
#site_config .site .home.home3 {
    position: relative;
}
#site_config .site .home.home2:after,
#site_config .site .home.home3:after {
    
}
#site_config .site .home.act:before {
    content: "";
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-bottom: 0px;
}
#site_config .site .home .site_toggle i {
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#site_config .site .home.act .site_toggle i {
    transform: rotate(180deg);
}
#site_config .site .home.home1 {
    text-align: center;
}
#site_config .site .home > span {
    display: inline-block;
    padding: 0px 10px;
    cursor: pointer;
    position: relative;
    z-index: 3;
    color: #fff;
}
#site_config .site .home > ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 200px;
    border-top: 0px;
    padding: 12px 8px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-8px);
}
/* #site_config .site .home > ul li:not(:first-child) {
    border-top: 1px solid #eee;
} */
#site_config .site .home > ul li a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    line-height: 1em;
    padding: 10px;
    color: #666;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#site_config .site .home > ul li a.act {
    color: #333;
}
#site_config .site .home > ul li a:hover{
    color: #111;
    text-decoration: underline;
    font-weight: 700;
}
#site_config .site .home > ul li:hover a:after {
    width: 100%;
    left: 0%;
}
@media (max-width:992px) {
    #site_config .site .home {
        line-height: 50px;
        font-size: 15px;
    }
}
@media (max-width:768px) {
    #site_config .site .home {
        line-height: 40px;
        font-size: 12px;
    }
    #site_config .site .home.home2:after,
    #site_config .site .home.home3:after {
        right: 10px;
        width: 10px;
        background-size: 100%;
    }
    #site_config .site .home > span {
        padding: 0px 5px;
    }
}

/* bgTxt */
.bgTxt {
    background-color: #0b1025;
    background-color: #093061;
    padding: 45px 0;
}
.bgTxt .op {
    color: #a1aebf;
}
@media (max-width:768px) {
    .bgTxt {
        background-color: #0b1025;
        background-color: #093061;
        padding: 25px 0;
    }
}
/* subtabs */
#subtabs {
    /* background-color: #020f40; */
    background-color: #093061;
    z-index: 100;
}
#subtabs .tabWrp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#subtabs a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    padding: 15px;
}
@media (max-width:768px) {
    #subtabs a {
        padding: 15px  5px;
    }
}

/* tab-nav */
.tab-nav {    
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    position: relative;
}
.tab-nav:after {
    content: "";
    left: 0;
    top: 0;
    width: 15px;
    max-width: 10vw;
    height: 100%;
    background: linear-gradient(to right, #093061, transparent);
    z-index: 10;
    position: absolute;
}
.tab-nav::before {
    content: "";
    right: 0;
    top: 0;
    width: 15px;
    max-width: 10vw;
    height: 100%;
    background: linear-gradient(to left, #093061, transparent);
    z-index: 10;
    position: absolute;
}
.tab-nav .cate-set-box {    
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
@media (max-width:768px) {
    .tab-nav {    
        height: 50px;
        line-height: 50px;
    }
}

/* sub1 */
#sub1 .sec1 .fbox .txt {
    background: url(../img/s1_bg1.png) center center no-repeat;
    background-size: cover;
}
#sub1 .sec1 .fbox .txt .lg {
    font-size: 1.4em;
}
@media (min-width:992px) {
    #sub1 .sec1 .fbox > .lft,
    #sub1 .sec1 .fbox > .txt {
        height: 900px;
    }
    #sub1 .sec1 .fbox .lft {
        background: url(../img/sub1_img1.jpg) center center no-repeat;
        background-size: cover;
    }
}
@media (max-width:992px) {
    #sub1 .sec1 .fbox > div {
        width: 100%;
    }
    #sub1 .sec1 .fbox .txt {
        padding: 40px 15px;
    }
}
/* sec7 */
#sub1 .sec7 .bg-w {
    display: inline-block;
    padding: 20px;
}
@media (max-width:768px) {
    #sub1 .sec7 .bg-w {
        padding: 10px;
    }
}
/* dentist */
.dentist {
    position: relative;
    overflow: hidden;
    background-color: #f5f3ed;
}
.dentist.lft {
    background-color: #fbfaf5;
}
.dentist .dentistInfo {
    position: relative;
    z-index: 3;
}
.dentist .bigTxt {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 15rem;
    color: rgba(0,0,0,0.02);
    line-height: 1em;
    white-space: nowrap;
    z-index: 1;
}
.dentist .stit .sm {
    font-size: .6em;
}
.dentist .career .conOuter {
    max-width: 650px;
}
.dentist.lft .career .conOuter {
    margin-left: auto;
}
.dentist .career .conOuter .top {
    padding: 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #020f3f;
    border-top: 1px solid #020f3f;
}
.dentist.rt .career {
    justify-content: flex-end;
}
.dentist.rt .career > div {
    padding-left: 0;
    padding-right: 30px;
}
.dentist .dttit1,
.dentist .dttit2{
	letter-spacing: 1.5px;
}
.dentist .dttit3{
	letter-spacing: 7px;
}
@media (min-width: 991px) {
    .dentist .career {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .dentist .career > div {
        width: 50%;
        padding-left: 30px;
    }
}
@media (max-width: 991px) {
    .dentist .career {
        padding: 40px 30px;
        background-color: #fff;
    }
    .dentist .career .conOuter {
        max-width: none;
    }
    .dentist .career .con + .con {
        margin-top: 15px;
    }
    .dentist .career .conOuter .top {
        padding: 20px 0;
        margin-bottom: 20px;
    }
    .dentist.rt .career > div {
        padding: 0 !important;
    }
	
	.dentist .dttit1,
	.dentist .dttit2{
        letter-spacing: -1.5px;
        padding-left: 0px !important;
	}
	.dentist .dttit3{
		letter-spacing: 3.5px;
	}
}

/* infiImfact */
.infiImfact {
    position: relative;
}
.infiImfact:after {
    content: "";
    left: 0;
    top: 0;
    width: 150px;
    max-width: 10vw;
    height: 100%;
    background: linear-gradient(to right, #fff, transparent);
    z-index: 10;
    position: absolute;
}
.infiImfact::before {
    content: "";
    right: 0;
    top: 0;
    width: 150px;
    max-width: 10vw;
    height: 100%;
    background: linear-gradient(to left, #fff, transparent);
    z-index: 10;
    position: absolute;
}
.infiImfact .slick-slide {
    padding: 0 8px;
}
/* infiImfact_frame */
.infiImfact_frame .slick-slide {
    padding: 10px 0;
}
.infiImfact_frame .slick-slide .outer{
    padding: 20px ;
}
/*.infiImfact_frame .slick-slide img {
    background: #fff;
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.2);
    padding: 10px;
    display: inline-block;
    line-height: 1em;
}

.infiImfact_frame .slick-slide .outer{
    display: inline-block;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    padding: 10px 10px 8px;
    line-height: 1em;
}
@media (max-width:768px) {
    .infiImfact_frame .slick-slide {
        padding: 5px;
    }
    .infiImfact_frame .slick-slide .outer{
        box-shadow: 1px 1px 3px rgba(0,0,0,0.2);+

        padding: 5px 5px 4px;
    }
    .infiImfact_frame .slick-slide .inner {
        box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
        padding: 5px;
    }
}
*/

/* photo-slick-wrp */
.photo-slick-wrp {
    position: relative;
}
.photo-slick-wrp::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 15vw;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
}
.photo-slick-wrp:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 15vw;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
}
.bg-sky .photo-slick-wrp:before,
.bg-sky .photo-slick-wrp:after {
    background-color: rgba(241, 248, 253, 0.8);
}

/* photo-slick */
.photo-slick .slick-slide {
    padding: 0 10px;
}
.photo-slick .slick-slide .img {
    border: 1px solid #344c74;
}
.photo-slick .slick-slide .txt {
    background-color: #344c74;
    padding: 10px;
    color: #fff;
    text-align: center;
}

/* bg-sky */
.bg-sky {
    background-color: #F1F8FD;
}
.bg-yl {
    background-color: #faf8f3;
}
.bg-gray {
    background-color: #f7f7f7;
}
.bg-gray-img {
    background: url(../img/bg-gray-img.png) center center no-repeat;
    background-color: #f7f7f7;
}
.bg-bl {
    background-color: #0b1025;
}
.bg-bl-img {
    background: url(../img/bg-bl-img.jpg) center center no-repeat;
    background-size: cover;
}
.bg-w {
    background-color: #fff;
}
/* dvdLine */
.dvdLine {
    width: 100%;
    height: 1px;
    margin: 60px 0;
    background-color: #eee;
}
@media (max-width:768px) {
    .dvdLine {
        margin: 20px 0;
    }
}

/* slider-interior */
.slider-interior-nav {
    margin: 0 -5px;
}
.slider-interior .slick-slide,
.slider-interior-nav .slick-slide {
    padding: 0 5px;
}
.slider-interior-nav .slick-slide {
    cursor: pointer;
}
.slider-interior .slick-slide .item {
   /* border-radius: 25px;*/
    overflow: hidden;
    position: relative;
}
.slider-interior-nav .slick-slide .item {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.slider-interior-nav .slick-slide .item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 10px;
}
.slider-interior-nav .slick-slide .item img {
    filter: grayscale(1);
}
.slider-interior-nav .slick-slide.slick-current .item img {
    filter: grayscale(0);
}
.slider-interior-nav .slick-slide.slick-current .item:after {
    opacity: 1;
}
@media (max-width:500px) {
    .slider-interior .slick-slide {
        padding: 0;
    }
    .slider-interior .slick-slide .item {
        border-radius: 10px;
    }
    .slider-interior-nav .slick-slide .item {
        border-radius: 3px;
    }
}

/* imgBorderRadius */
.imgBorderRadius {
    border-radius: 2.5rem;
}
@media (max-width:500px) {
    .imgBorderRadius {
        border-radius: 1rem;
    }
}

/* topTitDeco */
.topTitDeco {
    color: #9596a7;
    overflow: hidden;
}
.topTitDeco span {
    position: relative;
    z-index: 3;
    letter-spacing: 1px;
}
.topTitDeco span:after {
    content: "";
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #9596a7;
}
.topTitDeco.c_gd  span:after {
    background-color: #c0b09d;
}


/* sub2 .sec2 */
#sub2 .sec2 {
    overflow: hidden;
    background: url(../img/s2_sec2_bg.jpg) center center no-repeat;
    background-size: cover;
}
#sub2 .sec2 {
    height: 100vh;
    max-height: 980px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sub2 .sec2 .tcon {
    position: relative;
    padding-left: 5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
#sub2 .sec2 .tcon.tconTop {
    border-left-color: #fff;
}
@media (min-width:1820px){
    #sub2 .sec2 {
        overflow: hidden;
        background-size: cover;
        max-width: 1820px;
        margin: 0 auto;
        border-radius: 30px;
    }
    #sub2 .sec2 {
        background-attachment: fixed;
    }
}
@media (max-width:768px){
    #sub2 .sec2 {
        height: 150vw;
        max-height: 500px;
        min-height: 300px;
    }
}
@media (max-width:500px){
    #sub2 .sec2 .tcon {
        padding-left: 2.5rem;
    }
}

/* sub2 .sec6 */
#sub2 .sec6 {
    overflow: hidden;
    background: url(../img/s2_sec6_bg.jpg) center center no-repeat;
    background-size: cover;
}
#sub2 .sec6 .item {
    background-color: rgba(0,0,0,0.35);
    padding: 30px 15px;
    border-radius: 20px;
}
@media (max-width:768px) {
    #sub2 .sec6 .item .icon img {
        width: 60px;
    }
}

/* btIcons */
.btIcons {
    gap: 10px;
}
.btIcons .item {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 2px solid #fff;
    text-align: center;
}
.btIcons .item .icon img {
    display: inline-block;
}
.btIcons .item h5 {
    line-height: 1.4em;
}
.btIcons .item.wide {
    display: inline-block;
    width: auto;
    height: auto;
    border-radius: 60px;
    padding: 15px 30px;
}
.btIcons .item.wide > div {
    display: flex;
    gap: 8px;
    align-items: center;
}
.btIcons .item.wide > div h5 {
    margin-top: 0px !important;
}
@media (max-width:768px){
    .btIcons {
        gap: 1vw;
        justify-content: center !important;
    }
    .btIcons .item {
        width: 100%;
        height: 100px;
        padding: 15px;
        border-radius: 10px;
    }
    .btIcons .item .icon img {
        width: 5vw;
    }
}

/* wan_list */
.wan_list {
    margin: 0 -10px;
}
.wan_list > li {
    padding: 10px;
}
@media (max-width:768px) {
    .wan_list > li {
        padding: 5px 10px;
    }
}
/* wanItem */
.wanItem {
    min-height: 85px;
    padding: 15px 30px;
    border-radius: 5px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.wanItem .wanTxt {
    display: flex;
    gap: 10px;
    align-items: center;
}
@media (max-width:768px) {
    .wanItem {
        padding: 15px;
        min-height: 55px;
    }
}


/* numList */
.numList .item {
    /* background-color: #fff; */
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 60px 40px;
    position: relative;
}
.bg-gray-img .numList .item {
    border: 1px solid #ddd;
}
.numList .item .n {
    color: #fff;
    /* border: 1px solid rgba(255, 255, 255, 0.2); */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    position: absolute;
    left: 15px;
    top: 15px;
}
.numList.numList2 .item {
    border: 1px solid #ddd;
}
.numList.numList2 .item .n {
    color: #344c74;
}
@media (max-width:768px) {
    .numList .item .n {
        height: 25px;
        width: 25px;
    }
    .numList .item {
        border-radius: 5px;
        padding: 20px 15px 25px;
    }
}

/* sub2 */
@media (min-width:767px) {
    #sub2 .sec4 .numList .item p {
        /* min-height: 120px; */
    }
}

/* bx_list */
.bx_list .icon {
    position: relative;
    overflow: hidden;
}
.bx_list .icon .num {
    width: 46px;
    height: 46px;
    position: absolute;
    left: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    background-color: rgba(0,0,0,0.35);
}
.bx_list .mtd {
    padding: 20px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width:768px) {
    .bx_list .icon .num {
        width: 29px;
        height: 29px;
        top: 8px;
        left: 8px;
    }
}
/* num_list */
.num_list .img img {
    border: 1px solid #ddd;
}
.num_list .num {
    display: flex;
    gap: 10px;
}
.num_list .num .n {
    display: flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    background-color: #b6a679;
}
.num_list .num .d {
    font-weight: 500;
    color: #c39a68;
    width: 25px;
}
@media (max-width:768px) {
    .num_list .num .n {
        width: 21px;
        height: 21px;
    }
}


/* imp-nav" */
.imp-nav .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.5vw;
    width: auto !important;
    max-width: 900px;
    border-bottom: 1px solid #ddd;
}
.imp-nav .slick-slide {
    float: none;
    width: auto !important;
}
.imp-nav .slick-track::after,
.imp-nav .slick-track::before {
    display: none;
}
.imp-nav .slick-slide h5 {
    color: #a1a1a1;
    cursor: pointer;
    padding: 15px 0;
    position: relative;
}
.imp-nav .slick-slide.is-active h5:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background-color: #020f3f;
}
.imp-nav .slick-slide.is-active h5 {
    color: #020f3f;
}
@media (max-width:768px){
    .imp-nav .slick-track {
        flex-wrap: wrap;
        gap: 5px 10px;
        border: 0px;
    }
    .imp-nav .slick-slide h5 {
        padding: 2px 8px 0px;
        border: 1px solid #eee;
    }
    .imp-nav .slick-slide.is-active h5 {
        border: 1px solid #020f3f;
    }
    .imp-nav .slick-slide.is-active h5:after {
        display: none;
    }
}
/* imp-slider */
.imp-slider .slick-slide.bg1,
.imp-slider .slick-slide.bg5,
.imp-slider .slick-slide.bg6,
.imp-slider .slick-slide.bg7,
.imp-slider .slick-slide.bg8 {
    background-color: #f7f7f7;
}
.imp-slider .slick-slide.bg2 {
    background-color: #dfe4e5;
}
.imp-slider .slick-slide.bg3 {
    background-color: #e3e3e3;
}
.imp-slider .slick-slide.bg4 {
    background-color: #f3f5f6;
}
.imp-slider .slick-slide .txt {
    padding-left: 6vw;
}
@media (max-width:768px){
    .imp-slider .slick-slide .fbox > div {
        width: 100% !important;
    }
    .imp-slider .slick-slide img {
        border-radius: 80px;
    }
    .imp-slider .slick-slide .txt {
        padding: 40px 20px;
        text-align: center;
    }
    .imp-slider .slick-slide .txt br {
        display: none;
    }
}

/* lined */
.lined {
    width: 30px;
    height: 1px;
    background-color: #333;
    display: inline-block;
}


/* bsInfoBox */
.bsInfoBox li {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 35px 15px;
    padding-left: 40px;
}
.bsInfoBox li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.bsInfoBox li .fbox strong {
    width: 100px;
    font-weight: 700;
}
.bsInfoBox li .fbox span {
    width: calc(100% - 100px);
    padding-left: 25px;
    position: relative;
}
.bsInfoBox li .fbox span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    height: 20px;
    width: 2px;
    background-color: #ddd;
}
@media (max-width:768px) {
    .bsInfoBox li {
        padding: 20px 15px;
    }
    .bsInfoBox li .fbox strong {
        width: 70px;
    }
    .bsInfoBox li .fbox span {
        width: calc(100% - 70px);
    }
    .bsInfoBox li .fbox span:after {
        top: 5px;
        height: 15px;
    }
}


/* sub4 */
#sub4 .sec1 {
    background: url(../img/s4_bg1.jpg) center center no-repeat;
    background-size: cover;
}
@media (min-width: 991px) {
    #sub4 .sec1 {
        background-attachment: fixed;
    }
}
/* sepcialCon */
.sepcialCon .topTt {
    gap: 15px;
    text-align: left;
}
.sepcialCon .topTt h5 {
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: hidden;
}
.sepcialCon .topTt h5 span {
    display: inline-block;
    padding-right: 10px;
    position: relative;
}
.sepcialCon .topTt h5 span:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 100%;
    height: 1px;
    transform: translateY(-1px);
    background-color: #ddd;
}
.sepcialCon .topTt h5.text-light span:after {
    background-color: #fff;
}
.sepcialCon .nt {
    font-size: 9rem;
    line-height: 1em;
   /*padding-bottom: 15px;*/
}
.sepcialCon .txt .tcon {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 20px;
}
.sepcialCon .txt .imp {
    display: inline-block;
    line-height: 1em;
    padding-top: 8px;
    position: relative;
}
.sepcialCon .txt .imp:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #666;
}
.sepcialCon .txt .imp.c_gd2:after {
    border-bottom: 1px solid #e9cc96;
}
.sepcialCon .txt .imp.c_pt:after {
    border-bottom: 1px solid #020f3f;
}
@media (max-width:992px) {
    .sepcialCon .nt {
        font-size: 6.5rem;
        padding-bottom: 10px;
    }
    .sepcialCon > div {
        width: 100%;
    }
    .sepcialCon .txt {
        order: 1;
    }
    .sepcialCon .img {
        order: 2;
    }
    .sepcialCon .txt .tcon {
        padding: 40px 15px;
    }
}
@media (max-width:768px) {
    .sepcialCon .nt {
        font-size: calc(100vw*(50 / 500));
        padding-bottom: 2px;
    }
    .sepcialCon .topTt {
        align-items: center;
        justify-content: center;
    }
    .sepcialCon .topTt .lft {
        width: auto !important;
    }
    .sepcialCon .topTt .rt {
        width: auto !important;
        margin: 0px !important;
    }
}
/* sub2 .sec2 */
#sub4 .sec6 {
    overflow: hidden;
    background: url(../img/s4_sec6_bg.jpg) center center no-repeat;
    background-size: cover;
}
#sub4 .sec6 {
    height: 100vh;
    max-height: 980px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sub4 .sec6 .btLogoOrt {
    gap: 25px;
}
#sub4 .sec6 .tcon {
    position: relative;
    padding-left: 5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
#sub4 .sec6 .tcon.tconTop {
    border-left-color: #fff;
}
@media (min-width:1820px){
    #sub4 .sec6 {
        overflow: hidden;
        background-size: cover;
        max-width: 1820px;
        margin: 0 auto;
        border-radius: 30px;
    }
    #sub4 .sec6 {
        background-attachment: fixed;
    }
}
@media (max-width:1820px){
    #sub4 .sec6_wrp {
        padding: 0px !important;
    }
}
@media (max-width:768px){
    #sub4 .sec6 {
        height: 150vw;
        max-height: 500px;
        min-height: 300px;
    }
}
@media (max-width:500px){
    #sub4 .sec6 .tcon {
        padding-left: 2.5rem;
    }
}
/* sub4 .sec7 */
@media (max-width:992px){
    #sub4 .fbox > div {
        width: 100%;
    }
    #sub4 .fbox > .txt {
        margin-bottom: 20px;
        text-align: center;
    }
}
/* bfafList */
.bfafList {
}
.bfafList > div {
    position: relative;
}
@media (min-width:767px) {
    .bfafList {
        margin: 0 -25px;
    }
    .bfafList > div {
        padding: 0 25px;
    }
    .bfafList > div:not(:last-child)::before {
        content: "\f2e5";
        position: absolute;
        top: 50%;
        left: 100%;
        transform: translate3d(-50%, -50%, 0);
        font-family: remixicon !important;
        width: 30px;
        text-align: center;
        font-size: 22px;
        color: #967440;
        width: 50px;
    }
}
/* bfaf */
.bfaf {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.bfaf > .tt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    padding: 7px 0;
    color: #fff;
    letter-spacing: 0px;
}
.bfaf > .tt.after {
    background-color: rgba(190,159,66,0.7);
}
@media (max-width:768px) {
    .bfaf {
        margin-top: 15px;
        border-radius: 8px;
    }
}


/* stepsList */
#stepsList li .ibox {
    width: 60%;
}
#stepsList li .ibox img {
    border-radius: 20px;
}
#stepsList li .tbox {
    padding: 0 50px;
    width: 40%;
}
#stepsList li .tbox .stepNum {
    letter-spacing: 3px;
}
@media (max-width:768px) {
    #stepsList li {
        flex-wrap: wrap;
    }
    #stepsList li .ibox {
        width: 100%;
        order: 1;
    }
    #stepsList li .tbox {
        padding: 20px 0;
        width: 100%;
        order: 2;
    }
    #stepsList li .tbox .stepNum {
        letter-spacing: 3px;
    }
}
/* num-flex */
.num-flex {
    display: flex;
    gap: 10px;
}
.num-flex .num {
    background-color: #c39a68;
    font-size: .7em;
    font-weight: 600;color: #fff;
    padding: 0 10px;
}

/* imList */
.imList .txt {
    padding: 40px 30px;
    background-color: #f8f6f2;
}
.bg-yl .imList .txt {
    background-color: rgba(255, 255, 255, 0.7);
}
/* sub6_1 */
#sub6_1 .sec3 {
    background: url(../img/s6_1_bg1.jpg) center center no-repeat;
    background-size: cover;
}
@media (min-width: 991px) {
    #sub6_1 .sec3 {
        background-attachment: fixed;
    }
}
/* sub6_2 */
#sub6_2 .sec2 {
    background: url(../img/s6_2_bg1.jpg) center center no-repeat;
    background-size: cover;
}
@media (min-width: 991px) {
    #sub6_2 .sec2 {
        background-attachment: fixed;
    }
}

/* goods */
.goods .icon {
    position: relative;
    background-color: #faf8f3;
}
.bg-gray-img .goods .icon {
    background-color: rgba(255, 255, 255, 0.7);
}
.goods .icon .num {
    width: 46px;
    height: 46px;
    position: absolute;
    left: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    background-color: #c0b09d;
    border-radius: 50%;
}
@media (max-width:768px) {
    .goods .icon .num {
        width: 29px;
        height: 29px;
        top: 8px;
        left: 8px;
    }
}

/* sub6_2 */
/* @media (max-width:500px) {
    #sub6_2 .bx_list li {
        display: flex;
        align-items: center;
        width: 100%;
    }
    #sub6_2 .bx_list li .icon {
        width: 50%;
    }
    #sub6_2 .bx_list li .txt {
        width: 50%;
        padding-left: 20px;
    }
} */


/* sub8 .sec2 */
#sub8 .sec2 {
    overflow: hidden;
    background: url(../img/s8_sec2_bg.jpg) center center no-repeat;
    background-size: cover;
}
#sub8 .sec2 {
    height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sub8 .sec2 .tcon {
    position: relative;
    padding-left: 5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
#sub8 .sec2 .tcon.tconTop {
    border-left-color: #fff;
}
@media (min-width:1820px){
    #sub8 .sec2 {
        overflow: hidden;
        background-size: cover;
        max-width: 1820px;
        margin: 0 auto;
        border-radius: 30px;
    }
    #sub8 .sec2 {
        background-attachment: fixed;
    }
}
@media (max-width:768px){
    #sub8 .sec2 {
        height: 150vw;
        max-height: 500px;
        min-height: 300px;
    }
}
@media (max-width:500px){
    #sub8 .sec2 .tcon {
        padding-left: 2.5rem;
    }
}

/* sec3 */
#sub8 .sec3 .wrpList  > li {
    border-top: 1px solid #c0b09d;
    border-bottom: 1px solid #c0b09d;
    min-height: 400px;
}
@media (max-width:768px) {
    #sub8 .sec3 .wrpList  > li {
        min-height: auto;
        padding: 30px 15px;
    }
    #sub8 .sec3 .wrpList  > li + li {
        border-top: 0px;
    }
}


/* sub8 .sec4 */
@media (min-width:767px) {
    #sub8 .sec4 .imList .txt {
        height: 240px;
    }
}