.tbanner{
    width:100%;
    background-color:#000;
}
.tbanner .maintm{
    position:relative;
}
.tbanner .hbslogan{
    position:absolute;
    left:0;
    bottom:190px;
    color:#fff;
    text-align:left;
}
.tbanner .hbslogan .t1{
    font-size:130px;
    font-weight:600;
    line-height:1;
}
.tbanner .hbslogan .t1 span{
    color:#D4AF37;
}
.tbanner .hbslogan .t2{
    font-size:24px;
    font-weight:400;
    max-width:845px;
    line-height:1.2;
}
.tbanner .hbslogan .btntm1{
    margin-top:54px;
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .tbanner .hbslogan .t1 {
        font-size: 98px;
    }
    .tbanner .hbslogan {
        bottom: 100px;
    }
}
@media screen and (max-width: 767px) {
    .tbanner .hbslogan {
        bottom: 30px;
        text-align: center;
        padding:0px 15px;
    }
    .tbanner .hbslogan .t1{
        font-size:24px;
    }
    .tbanner .hbslogan .t2{
        font-size:12px;
        margin:30px auto;
        width:70%;
    }
    
    .tbanner .hbslogan .btntm1{
        margin-top:0px;
    }
}


.ht1 {
    font-size: 24px;
    font-weight: 600;
    color: #C9953A;
    line-height:1;
}
.ht2 {
    font-size: 64px;
    font-weight: 600;
    color: #88255F;
    line-height:1.2;
}
.ht3 {
    font-size: 24px;
    font-weight: 400;
    color: #472B20;
    line-height: 1.2;
}
.ht4 {
    font-size: 128px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
}
.ht5 {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .ht1 {
        font-size: 18px;
    }
    .ht2 {
        font-size: 48px;
    }
    .ht3 {
        font-size: 18px;
    }
    .ht4 {
        font-size: 89px;
    }
    .ht5 {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .ht1{
        font-size:12px;
    }
    .ht2 {
        font-size: 24px;
    }
    .ht3 {
        font-size: 12px;
    }
    .ht4 {
        font-size: 24px;
    }
    .ht5 {
        font-size: 12px;
    }
}


.hsection1{
    width:100%;
    padding:140px 0px;
}
.hsection1 .maintm{
    display:flex;
    align-content:center;
    justify-content:space-between;
}
.hsection1 .yearbar{
    order:1;
    text-align:center;
    max-width:406px;
}
.hsection1 .yearbar .img{
   width:300px;
   margin:0px auto;
}
.hsection1 .yearbar .img img{
    border-radius:120px;
}
.hsection1 .yearbar .tit{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:72px;
}
.hsection1 .yearbar .year{
    font-size:130px;
    font-weight:600;
    color:#472B20;
    line-height:1;
}
.hsection1 .yearbar .t{
    font-size:24px;
    font-weight:400;
    color:#472B20;
    text-align:left;
    margin-left:30px;
    margin-top:30px;
    line-height:1.2;
}
.hsection1 .t1{
    order:2;
    font-size:64px;
    font-weight:600;
    color:#88255F;
    width:550px;
    margin:0px 50px;
    text-align:center;
    line-height:1.2;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hsection1 .t2{
    order:3;
    font-size:24px;
    font-weight:400;
    color:#472B20;
    width:30%;
    text-align:center;
}
.hsection1 .btntm1{
    display:inline-block;
    margin-top:20px;
}
@media screen and (max-width: 767px) {
    .hsection1{
        width:100%;
        padding:50px 0px;
    }
    .hsection1 .maintm{
        display:block;
        padding:0px 15px;
    }
    .hsection1 .yearbar .img{
       width:300px;
       margin:0px auto;
    }
    .hsection1 .yearbar .img img{
        border-radius:120px;
    }
    .hsection1 .yearbar .tit{
        justify-content:center;
    }
    .hsection1 .yearbar .year{
        font-size:84px;
    }
    .hsection1 .yearbar .t{
        font-size:20px;
        margin-left:20px;
        margin-top:30px;
    }
    .hsection1 .t1{
        font-size:24px;
        width:100%;
        margin:0px 0px 30px;
    }
    .hsection1 .t2{
        font-size:12px;
        width:100%;
        margin-top:30px;
    }
}

.hsection2{
    width:100%;
    text-align:center;
}
.hsection2 .maintm2{
    background:url("/assets/images/flower_bg.jpg");
}
.hsection2 .maintm{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:100px 0px;
}
.hsection2 .hs2left{
    text-align:left;
    max-width:669px;
}
.hsection2 .hs2right{
    text-align:center;
    margin-left:80px;
}
.hsection2 .ht2{
    margin:20px auto;
}
@media screen and (min-width: 1600px) and (max-width: 1900px) {
    .hsection2 .hs2right img {
        width: 700px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .hsection2 .hs2right img{
        width:600px;
    }
}
@media screen and (max-width: 767px) {
    .hsection2 .maintm{
        display:block;
        padding:50px 0px;
    }
    .hsection2 .hs2left {
        text-align: center;
        padding:0px 15px;
    }
    .hsection2 .hs2right {
        margin-left: 0px;
        margin-top:50px;
    }
    .hsection2 .hs2right img{
        width:90%;
    }
}


.hsection3{
    margin:150px auto;
    width:100%;
    text-align:center;
}
.hsection3 .ht1{
    margin-bottom:10px;
}
.hsection3 .hs3list{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
.hsection3 .hs3item{
    width:527px;
    margin-top:50px;
    margin-right:18px;
    text-align:center;
}
.hsection3 .hs3item:nth-child(3n){
    margin-right:0px;
}
.hsection3 .hs3item .tit{
    font-size:24px;
    font-weight:600;
    margin-top:24px;
    line-height:1;
}
@media screen and (max-width: 767px) {
    .hsection3 {
        margin: 50px auto;
    }
    .hsection3 .ht2{
        width:60%;
        text-align:center;
        margin:0px auto;
    }
    .hsection3 .hs3list{
        padding:15px;
    }
    .hsection3 .hs3item{
        width:calc((100vw - 45px) / 2);
        margin-top:20px;
        margin-right:15px;
        text-align:center;
    }
    .hsection3 .hs3item:nth-child(3n){
        margin-right:15px;
    }
    .hsection3 .hs3item:nth-child(2n){
        margin-right:0px;
    }
    .hsection3 .hs3item .tit{
        font-size:14px;
        margin-top:10px;
    }
}

.hsection4{
    width:100%;
}
.hsection4 .maintm2{
    position:relative;
}
.hsection4 .hs4body{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}
.hsection4 .maintm{
    height:100%;
    display:flex;
    align-items:center;
}
.hsection4 .hs4con{
    text-align:left;
}
.hsection4 .hs4con .ht5{
    max-width:950px;
    margin:30px 0px 60px;
}
@media screen and (max-width: 767px) {
    .hsection4 .hs4con {
        padding:15px;
        text-align:center;
    }
    .hsection4 .hs4con .ht5 {
        margin: 10px 0px 10px;
    }
}

.hsection5{
    padding:150px 0px;
    width:100%;
}
.hsection5 .maintm{
    text-align:left;
}
.hsection5 .hs2{
    margin-bottom:0px;
}
.hsection5 .hs5list{
    margin-top:60px;
    display:flex;
    margin-bottom:50px;
    align-items:stretch;
}
.hsection5 .hs5item{
    width:370px;
    margin-right:18px;
    background-color:#F6F0EB;
    padding:15px;
}
.hsection5 .con{
    margin-top:15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.hsection5 .con .tit{
    font-size:24px;
    font-weight:600;
}
.hsection5 .con .maps{
    display:flex;
}
.hsection5 .con .maps a{
    margin-left:10px;
}
.hsection5 .line {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #C0C0C0;
    padding: 10px 0px;
    margin:0px 0px;
    font-size: 14px;
    font-weight: 500;
}
.hsection5 .line svg{
    margin-right:10px;
}
.hsection5swiper .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #D9D9D9 !important;
    opacity: 1 !important;
}
.hsection5swiper .swiper-pagination-bullet-active {
    background: #C9953A !important;
    opacity: 1 !important;
}
@media screen and (max-width: 767px) {
    .hsection5{
        padding:50px 0px;
        width:100%;
    }
    .hsection5 .maintm{
        text-align:center;
        padding:0px 15px;
    }
    .hsection5 .hs5list{
        margin-top:20px;
    }
    .hsection5 .hs5item{
        width:100%;
    }
}


.hsection6{
    width:100%;
}
.hsection6 .maintm2{
    display:flex;
    background:url("/assets/images/flower_bg.jpg");
    align-items:center;
}
.hsection6 .hs6left{
    width:50%;
}
.hsection6 .hs6right{
    flex:1;
    padding:100px 100px 100px 100px;
}
.hs6form .inpitem {
    display: flex;
    align-items: center;
    border-bottom: 0px solid #fff;
    width: 100%;
    margin-top: 25px;
}
.hs6form .inpitem .t {
    width: 115px;
    text-align: left;
}
.hs6form .inpitem .i {
    flex: 1;
}
.hs6form .inpitem .ctinp{
    border:1px solid #472B20;
    background-color:transparent;
    width:100%;
    margin-left:0px;
    padding:6px 10px;
    border-radius:5px;
}
.hs6form .inpitem .ctinp:focus{
    border-color: inherit;  /* 继承父元素的边框颜色 */
  -webkit-box-shadow: none;
  box-shadow: none;       /* 移除阴影 */
}
@media screen and (max-width: 767px) {
    .hsection6{
        width:auto;
        padding:0px 15px;
    }
    .hsection6 .maintm2{
        display:block;
    }
    .hsection6 .hs6left {
        width: 100%;
    }
    .hsection6 .hs6right{
        padding:50px 20px 50px 20px;
        text-align:center;
    }
}

.contactbanner{
    position:absolute;
    top:430px;
    left:0px;
    right:0px;
    width:100%;
}
.contactbanner .cbslogan {
    color: #fff;
    text-align: center;
    width: 100%;
    margin:0px auto;
}
.contactbanner .cbslogan .t1{
    font-size:130px;
    font-weight:600;
    line-height:1;
}
.contactbanner .cbslogan .t2{
    font-size:24px;
    font-weight:400;
    max-width:845px;
    margin:20px auto;
    line-height:1.2;
}
.contactbox{
    width:900px;
    margin:150px auto 100px;
    background:url("/assets/images/flower_bg.jpg");
    padding:100px;
    text-align:center;
}
.contactfill{
    height:500px;
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .contactbanner .cbslogan .t1 {
        font-size: 98px;
    }
}
@media screen and (max-width: 767px) {
    .contactbanner{
        position:absolute;
        top:130px;
        left:0px;
        right:0px;
        width:100%;
    }
    .contactbanner .cbslogan {
        color: #fff;
        text-align: center;
        width: 100%;
        margin:0px auto;
    }
    .contactbanner .cbslogan .t1{
        font-size:24px;
    }
    .contactbanner .cbslogan .t2{
        font-size:12px;
        width:80%;
        margin:20px auto;
    }
    .contactbox {
        width: auto;
        margin: 50px 15px 0px;
        padding: 20px;
    }
}




.tbanner .obslogan{
    position:absolute;
    left:0;
    bottom:250px;
    color:#fff;
    text-align:center;
    width:100%;
}
.tbanner .obslogan .t1{
    font-size:130px;
    font-weight:600;
    line-height:1;
}
.tbanner .obslogan .t2{
    font-size:24px;
    font-weight:400;
    margin:20px auto;
    max-width:845px;
    line-height:1.2;
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .tbanner .obslogan .t1 {
        font-size: 98px;
    }
}
@media screen and (max-width: 767px) {
    .tbanner .obslogan{
        bottom:50px;
    }
    .tbanner .obslogan .t1{
        font-size:24px;
    }
    .tbanner .obslogan .t2{
        width:80%;
        text-align:center;
        font-size:14px;
    }
}


.asection1{
    width:100%;
    padding:100px 0px;
}
.asection1 .maintm{
    display:flex;
    align-items:center;
    justify-content:center;
}
.asection1 .as1left{
    text-align:center;
    order:1;
}
.asection1 .as1right{
    order:2;
    margin-left:100px;
    max-width:690px;
    text-align:left;
}
.asection1 .ht2{
    margin:20px auto;
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .asection1 .as1left img {
        width: 600px;
    }
}
@media screen and (max-width: 767px) {
    .asection1 {
        padding: 50px 0px;
    }
    .asection1 .maintm {
        display: block;
    }
    .asection1 .as1left img{
        width:80%;
        margin:30px auto 0px;
    }
    .asection1 .as1right{
        margin-left:0px;
        width:100%;
        padding:0px 50px;
        text-align:center;
    }
}

.asection2{
    width:100%;
}
.asection2 .maintm2{
    padding:100px 0px;
    background:url("/assets/images/flower_bg.jpg");
}
.asection2 .maintm{
    text-align:center;
    position:relative;
}
.asection2 .ht2{

}
.asection2 .as2list{
    position:absolute;
    left:0px;
    top:105px;
    width:100%;
    height:530px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:70px 0px 100px;
}
.asection2 .as2item{
    background-color:#4E1B37;
    width:400px;
    text-align:center;
    padding:100px;
    margin-right:210px;
}
.asection2 .as2item:last-child{
    margin-right:0px;
}
.asection2 .as2item .img{
    width:100px;
    height:100px;
    margin:0px auto;
}
.asection2 .as2item .t1{
    font-size:32px;
    font-weight:600;
    color:#D4AF37;
    margin:30px auto;
}
.asection2 .as2item .t2{
    font-size:16px;
    font-weight:400;
    color:#fff;
}
.asection2 .as2frame{
    width:80%;
    height:750px;
    margin:-36px 10% 0px;
    z-index:100;
    display:flex;
    align-items:stretch;
}
.asection2 .as2frame .f1{
    width:150px;
    height:100%;
    border:3px solid #4E1B37;
    border-right:none;
    border-radius:22px 0px 0px 22px;
}
.asection2 .as2frame .f2{
    flex:1;
    height:100%;
    border-bottom:3px solid #4E1B37;
}
.asection2 .as2frame .f3{
    width:150px;
    height:100%;
    border:3px solid #4E1B37;
    border-left:none;
    border-radius:0px 22px 22px 0px;
}
@media screen and (min-width: 1600px) and (max-width: 1900px) {
    .asection2 .as2item {
        margin-right: 120px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .asection2 .as2item {
        padding:100px 80px;
        margin-right: 100px;
    }
}
@media screen and (max-width: 767px) {
    .asection2 .maintm2 {
        padding: 50px 0px;
    }
    .asection2 .ht2{
        width:150px;
        margin:10px auto;
        text-align:center;
    }
    .asection2 .as2list {
        position: absolute;
        left: 0px;
        right:0px;
        top: 55px;
        width: calc(100vw - 86px);
        height: 100%;
        display: block;
        margin: 30px auto 50px;
    }
    .asection2 .as2item {
        width: calc(100vw - 86px);
        padding: 50px;
        margin: 20px auto 0px;
        height:420px;
    }
    .asection2 .as2frame {
        width: calc(100vw - 40px);
        height: 1400px;
        margin: -40px 20px 0px;
    }
    .asection2 .as2frame .f1{
        width:50px;
    }
    .asection2 .as2frame .f3{
        width:50px;
    }
}


.asection3{
    width:100%;
    padding:100px 0px;
    text-align:center;
}
.asection3 .as3body{
    margin:30px auto 0px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.asection3 .as3left{
    width:50%;
}
.asection3 .as3right{
    margin-left:100px;
    text-align:left;
}
.asection3 .as3right .t1{
    font-size:48px;
    font-weight:700;
    color:#2C2D2D;
    margin:50px 0px 20px;
    line-height:1;
}
.asection3 .as3right .t2{
    font-size:24px;
    font-weight:400;
    color:#472B20;
}
.asection3 .nav-link{
    color:#a5a3a1;
    font-size:24px;
    font-weight:400;
    padding:0px;
    margin-right:30px;
}
.asection3 .nav-link.active{
    background-color:transparent !important;
    color:#C9953A;
    border-bottom:2px solid #88255F;
    border-radius:0px;
    
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .asection3 .as3left img {
        width: 600px;
    }
}
@media screen and (max-width: 767px) {
    .asection3{
        padding:50px 0px;
    }
    .asection3 .as3body{
        margin:30px auto 0px;
        display:block;
    }
    .asection3 .as3left{
        width:100%;
    }
    .asection3 .as3left img{
        width:80%;
    }
    .asection3 .as3right{
        margin:30px;
    }
    .asection3 .as3right .t1{
        font-size:20px;
        margin:30px 0px 15px;
    }
    .asection3 .as3right .t2{
        font-size:12px;
    }
    .asection3 .nav-link{
        font-size:18px;
    }
}

.asection4{
    position: relative;
    padding:0px 0px;
}
.asection4 .as4bg{
    width:100%;
}
.asection4 .maintm{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    height:100%;
    display:flex;
    align-items:center;
}
.asection4 .ht5{
    margin:20px 0px 80px;
}

@media screen and (max-width: 767px) {
    .asection4 .maintm{
        justify-content:center;
        text-align:center;
    }
    .asection4 .as4con{
        width:80%;
        margin:0px auto;
    }
}


.outletlist{
    margin-top:60px;
    display:flex;
    flex-wrap:wrap;
    padding-bottom:100px;
}
.outletlist .outletitem{
    width:785px;
    margin-right:50px;
    background-color:#F6F0EB;
    padding:15px;
    margin-top:50px;
}
.outletlist .outletitem:nth-child(2n){
    margin-right:0px;
 }
.outletlist .con{
    margin-top:15px;
    text-align:center;
    margin-bottom:15px;
}
.outletlist .con .tit{
    font-size:24px;
    font-weight:600;
}
.outletlist .con .maps{
    display:flex;
    justify-content:center;
    margin:10px auto;
}
.outletlist .con .maps a{
    margin-left:10px;
}
.outletlist .line {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #C0C0C0;
    padding: 10px 0px;
    margin:0px 50px;
    font-size: 14px;
    font-weight: 500;
}
.outletlist .line svg{
    margin-right:10px;
}
@media screen and (min-width: 1600px) and (max-width: 1900px) {
    .outletlist .outletitem {
        width: 685px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .outletlist .outletitem {
        width: 635px;
    }
}
@media screen and (max-width: 767px) {
    .outletlist {
        margin: 50px 15px 0px;
        display: block;
        padding-bottom: 50px;
    }
    .outletlist .outletitem {
        width: calc(100vw - 30px);
        margin-right: 0px;
        background-color: #F6F0EB;
        padding: 15px;
        margin-top: 20px;
    }
    .outletlist .line {
        margin:0px 0px;
    }
}



.osection1{
    position: relative;
    padding:0px 0px;
}
.osection1 .os1bg{
    width:100%;
}
.osection1 .maintm{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    height:100%;
    display:flex;
    align-items:center;
}
.osection1 .ht5{
    margin:20px 0px 80px;
}

@media screen and (max-width: 767px) {
    .osection1 .maintm {
        justify-content: center;
        text-align: center;
    }
    .osection1 .os1con {
        width: 80%;
        margin: 0px auto;
    }
}



.ssection1{
    padding:100px 0px;
}
.ssection1 .maintm{
    display:flex;
    align-items:center;
}
.ssection1 .ht2 {
    font-size: 46px;
}
.ssection1 .ss1left{
    text-align:left;
}
.ssection1 .ss1right{
    margin-left:100px;
    flex:1;
    text-align:left;
}
.ssection1 .table{
    margin:0px auto;
}
.ssection1 .table td{
    font-size:24px;
    color:#472B20;
    font-weight:400;
    background-color:transparent !important;
    border-bottom:none;
    padding:11px;
}
.ssection1 .table .grow{
    background-color:#F6F0EB;
}
.ssection1 .table .titrow td{
    font-size:28px;
    color:#C9953A;
}
.ssection1 .t1{
    font-size:16px;
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .ssection1 .ht2 {
        font-size: 38px;
    }
    .ssection1 .table td {
        font-size: 18px;
    }
    .ssection1 .table .titrow td {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    .ssection1{
        padding:50px 0px;
    }
    .ssection1 .maintm{
        display:block;
    }
    .ssection1 .ht2 {
        font-size: 24px;
        width:60%;
        margin:0px auto;
        text-align:center;
    }
    .ssection1 .ss1left{
        text-align:center;
        margin:0px auto;
    }
    .ssection1 .ss1left img{
        width:60%;
        margin:20px auto;
    }
    .ssection1 .ss1right{
        margin:0px 15px;
    }
    .ssection1 .table{
        margin:0px;
    }
    .ssection1 .table td{
        font-size:14px;
        padding:8px;
    }
    .ssection1 .table .titrow td{
        font-size:16px;
    }
    .ssection1 .t1{
        font-size:12px;
    }
}


.ssection2 {
    padding: 0px 0px 100px;
}
.ssection2 .maintm{
    display:flex;
    align-items:center;
    background-color: #F6F0EB;
}
.ssection2 .ht2{
    font-size:46px;
}
.ssection2 .ss2left{
    order:2;
}
.ssection2 .ss2right{
    order:1;
    flex:1;
    text-align:left;
    padding:50px;
}
.ssection2 .table td {
    font-size: 24px;
    color: #472B20;
    font-weight: 400;
    background-color: transparent !important;
    border-bottom: none;
    padding: 11px;
}
.ssection2 .table .titrow td {
    font-size: 28px;
    color: #C9953A;
}
.ssection2 .t1 {
    font-size: 16px;
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .ssection2 .ht2 {
        font-size: 38px;
    }
    .ssection2 .table td {
        font-size: 18px;
    }
    .ssection2 .table .titrow td {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    .ssection2 {
        padding: 0px 0px 50px;
    }
    .ssection2 .ht2{
        font-size:24px;
        text-align:center;
        width:60%;
        margin:0px auto;
    }
    .ssection2 .maintm{
        display:block;
    }
    .ssection2 .ss2left{
        margin:0px auto;
        text-align:center;
    }
    .ssection2 .ss2left img{
        width:60%;
        margin:20px auto;
    }
    .ssection2 .ss2right{
        padding:15px;
    }
    .ssection2 .table td {
        font-size: 14px;
        padding: 11px;
    }
    .ssection2 .table .titrow td {
        font-size: 16px;
    }
    .ssection2 .t1 {
        font-size: 12px;
    }
}


.ssection3{
    padding-bottom:100px;
}
.ssection3 .ss3box{
    background-color:#dbced1;
    padding:50px;
    text-align:left;
    margin-top:20px;
}
.ssection3 .ss3list{
    display:flex;
    flex-wrap:wrap;
}
.ssection3 .ss3item{
    width:50%;
}
.ssection3 .ss3list .tit{
    font-size:32px;
    font-weight:600;
    color:#472B20;
    margin-bottom:20px;
}
.ssection3 .ss3list .line{
    font-size:24px;
    color: #472b20;
}
.ssection3 .ss3box2{
    background-color:#f6f0eb;
}
@media screen and (max-width: 767px) {
    .ssection3{
        padding-bottom:50px;
        text-align:center;
    }
    .ssection3 .ss3box{
        padding:30px;
        margin-top:20px;
    }
    .ssection3 .ss3list{
        display:block;
        flex-wrap:wrap;
    }
    .ssection3 .ss3item{
        width:100%;
    }
    .ss3box .ss3item:last-child{
        margin-top:30px;
    }
    .ssection3 .ss3list .tit{
        font-size:24px;
        margin-bottom:10px;
    }
    .ssection3 .ss3list .line{
        font-size:18px;
    }
}


.ssection4{
    width:100%;
    padding:0px 0px 300px;
    position:relative;
}
.ssection4 .maintm{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    text-align:center;
}
.ssection4 .ht4{
    padding:210px 0px;
    font-size:64px;
}
.ssection4 .ss4list{
    display:flex;
    align-items:stretch;
    padding-bottom:100px;
}
.ssection4 .ss4item{
    width:368px;
    margin-right:49px;
    box-shadow: 0px 4px 10px 0px #00000040;
    background-color:#fff;
}
.ssection4 .ss4item:last-child{
    margin-right:0px;
}
.ss4item .con{
    padding:20px;
    text-align:center;
}
.ss4item .silk {
    height:70px;
}
.ss4item .silk1 {
    background: linear-gradient(90deg, #918E94 0%, #FFFFFF 50%, #918E94 100%);
}
.ss4item .silk2 {
    background: linear-gradient(90deg, #B98D38 0%, #FFFFFF 50%, #B98D38 100%);
}
.ss4item .silk3 {
    background: linear-gradient(90deg, #E5E4E2 0%, #FFFFFF 50%, #E5E4E2 100%);
}
.ss4item .silk4 {
    background: linear-gradient(90deg, #B9F2FF 0%, #FFFFFF 50%, #B9F2FF 100%);
}
.ss4item .t1 {
    font-size: 36px;
    font-weight: 700;
    color: #88255F;
}
.ss4item .t2 {
    font-size: 24px;
    font-weight: 700;
    color: #88255F;
}
.ss4item .price {
    font-size: 64px;
    font-weight: 700;
    color: #472B20;
}
.ss4item .t3 {
    font-size: 14px;
    font-weight: 400;
    color: #472B20;
}
.ss4item .t4 {
    font-size: 48px;
    font-weight: 600;
    color: #C9953A;
    font-style: italic;
}
.ss4item .notes {
    font-size: 16px;
    font-weight: 700;
    color: #472B20;
    text-align:left;
}
@media screen and (min-width: 1600px) and (max-width: 1900px) {
    .ssection4 {
        padding: 0px 0px 500px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .ssection4 {
        padding: 0px 0px 400px;
    }
    .ss4item .t2 {
        font-size: 18px;
    }
    .ss4item .price {
        font-size: 48px;
    }
    .ss4item .t4 {
        font-size: 38px;
    }
    .ss4item .notes {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .ssection4 {
        padding: 0px 0px 2300px;
    }
    .ssection4 .ht4{
        padding:80px 0px 50px;
        font-size:24px;
    }
    .ssection4 .ss4list {
        display: block;
        padding: 0px 20px;
    }
    .ssection4 .ss4item {
        width: calc(100vw - 40px);
        margin: 30px auto 0px;
        
    }

}