@charset "UTF-8";

body {
    padding-bottom: .96rem;
}

.page {
    width: 7.8rem;
    margin: 0 auto;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}





.head {
    width: 100%;
    background: #fffbfa;
}

.head .sub {
    width: 100%;
    height: 1.72rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem;
    padding-right: .46rem;
}

.head-logo {
    width: 1.31rem;
    height: 1.51rem;
}

.head-seek {
    width: .39rem;
    height: .4rem;
}

.head .sup {
    background: #dd6c42;
}

.head-link {
    height: .64rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.head-link a {
    width: 1.3rem;
    height: .64rem;
    font-size: .28rem;
    color: #fff;
    line-height: .64rem;
    text-align: center;
    position: relative;
}

.head-link a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .01rem;
    height: 60%;
    background: #fff;
}

.head-link a:first-child::before {
    display: none;
}






.sy-repeat {
    width: 100%;
    height: 4.42rem;
    position: relative;
}

.sy-repeat .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: -.26rem;
    transform: translateX(-50%);
    width: 100%;
    height: .26rem;
}

.sy-repeat .swiper-pagination-bullet {
    width: .64rem;
    height: .04rem;
    background: #cfcfcf;
    margin: 0 .05rem;
    border-radius: 0;
    opacity: 1;
}

.sy-repeat .swiper-pagination-bullet-active {
    background: #dd6c42;
}
/* sy-repeat end */






.sy-column-shop {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7.31rem;
    margin: .42rem auto 0;
    height: 3.35rem;
    border-radius: .1rem;
    overflow: hidden;
}

.sy-column-sub {
    padding: .32rem 0;
}

.sy-column-sub p {
    font-size: .36rem;
    color: #000;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.sy-column-sub em {
    display: block;
    font-size: .32rem;
    color: #ccc;
    opacity: .5;
    line-height: 1.5;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.sy-column-sub span {
    display: block;
    font-size: .28rem;
    color: #999;
    line-height: 1.5;
    text-align: center;
}


.sy-column-product {
    width: 7.54rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sy-column-product li {
    width: 3.7rem;
    border: .01rem solid #ececec;
    margin-bottom: .14rem;
    background: #cfd4db;
}

.sy-column-product li:nth-child(3),
.sy-column-product li:nth-child(4) {
    background: #d4cfdb;
}

.sy-column-product li:nth-child(5),
.sy-column-product li:nth-child(6) {
    background: #dbcfcf;
}


.sy-column-product-text {
    width: 100%;
    height: 2.1rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.sy-column-product-text span {
    width: .84rem;
    font-size: .34rem;
    color: #606060;
    line-height: .5rem;
    text-align: justify;
    text-align-last: justify;
    background: url('../images/icon-more.png') no-repeat;
    background-size: .27rem .27rem;
    background-position: bottom center;
}

.sy-column-product-text span::after {
    content: " ";
    display: inline-block;
    width: 100%;
}

.sy-column-product-pics {
    width: 3.64rem;
    margin: 0 auto;
    height: 2.78rem;
    display: flex;
    justify-content: center;
    align-items: center;
}


.sy-column-video dt {
    width: 100%;
    height: .32rem;
    margin-bottom: .2rem;
}

.sy-column-video dd {
    width: 100%;
    height: 4.82rem;
    overflow: hidden;
}

.sy-column-blurb {
    width: 100%;
    height: 3.15rem;
}

.sy-column-about {
    width: 7.46rem;
    margin: 0 auto;
}

.sy-column-about dt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sy-column-about-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.68rem;
    height: 2.69rem;
    margin-bottom: .14rem;
}

.sy-column-service {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3.08rem;
}

.sy-column-more {
    padding-top: .4rem;
    padding-bottom: .52rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sy-column-more a {
    width: 2.2rem;
    height: .5rem;
    font-size: .28rem;
    color: #eedbb0;
    line-height: .5rem;
    text-align: center;
    background: #dd6c42;
    border-radius: .25rem;
}


.sy-gy {
    width: 100%;
    height: 7.89rem;
    background: url('../images/sy-craft.jpg') no-repeat;
    background-size: 100% auto;
    background-position: center;
    padding-top: .76rem;
}

.sy-gy .sy-column-sub p {
    color: #fff;
}

.sy-gy .sy-column-sub span {
    color: #fff;
}

.sy-column-craft {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 7.26rem;
    margin: 0 auto;
    padding-top: .32rem;
}

.sy-column-craft a {
    width: 2.33rem;
}



.sy-jp {
    padding-top: .32rem;
    background: #eaeaea;
}

.sy-column-goods {
    width: 7.52rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: .6rem;
}

.sy-column-goods-wrap {
    width: 3.72rem;
    border: .01rem solid #b5b5b5;
    margin-bottom: .18rem;
}

.sy-column-goods-pics {
    width: 3.66rem;
    height: 2.4rem;
    margin: .02rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sy-column-goods-text {
    width: 100%;
    height: .82rem;
    padding-left: .26rem;
    padding-right: .64rem;
    font-size: .28rem;
    color: #333;
    line-height: .82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff url('../images/icon-more.png') no-repeat;
    background-size: .27rem .27rem;
    background-position: right .26rem center;
}


.sy-column-tabs {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .46rem;
}

.sy-column-tabs a {
    width: 2.2rem;
    height: .7rem;
    border: .01rem solid #bebebe;
    font-size: .28rem;
    color: #333;
    line-height: .7rem;
    text-align: center;
    margin-left: .58rem;
}

.sy-column-tabs a:first-child {
    margin-left: 0;
}


.sy-column-show {
    width: 7.13rem;
    margin: 0 auto;
    position: relative;
}

.sy-column-show .swiper {
    width: 100%;
    height: 4.6rem;
    overflow: hidden;
}

.sy-column-show .thumbs {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .6rem;
    border-top: .01rem solid #8d7975;
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
    z-index: 10;
}

.sy-column-show .thumbs a {
    display: block;
    font-size: .28rem;
    color: #fff;
    line-height: .6rem;
    padding: 0 .46rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.sy-column-news {
    width: 7.1rem;
    margin: 0 auto;
}

.sy-column-news-item {
    padding: .24rem .1rem;
    border-bottom: .01rem solid #d3d3d3;
}

.sy-column-news-item h1 {
    font-size: .32rem;
    color: #333;
    line-height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: .1rem;
}

.sy-column-news-item p {
    width: 100%;
    max-height: 1.56rem;
    font-size: .28rem;
    color: #666;
    line-height: .52rem;
    padding-right: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    background: url('../images/icon-more.png') no-repeat;
    background-size: .47rem .47rem;
    background-position: right center;
}



.sy-column-join {
    width: 7.57rem;
    margin: 0 auto;
    padding: .32rem 0;
}

.sy-column-join dt {
    width: 100%;
    height: 4.31rem;
    border-radius: .1rem;
    background: url('../images/sy-bg.jpg') no-repeat;
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: .14rem;
}

.sy-column-join-head {
    margin-bottom: .7rem;
}

.sy-column-join-head p {
    font-size: .36rem;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.sy-column-join-head em {
    display: block;
    font-size: .32rem;
    color: #ccc;
    opacity: .5;
    line-height: 1.5;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.sy-column-join-head span {
    display: block;
    font-size: .28rem;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}

.sy-column-join-tabs {
    width: 5.3rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sy-column-join-tabs a {
    width: 2rem;
    height: .7rem;
    border-radius: .35rem;
    border: .01rem solid #fff;
    font-size: .28rem;
    color: #fff;
    font-weight: bold;
    line-height: .7rem;
    text-align: center;
}


.sy-column-join-link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sy-column-join-link a {
    width: 3.72rem;
    height: 2.11rem;
    border-radius: .1rem;
    overflow: hidden;
}

/* sy-column emd */





.signing {
    height: 3.56rem;
    background: #1f1f1f;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.signing-name {
    font-size: .36rem;
    color: #d1c0a5;
    line-height: 1;
    text-align: center;
    margin-bottom: .4rem;
}

.signing-form {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .42rem;
}

.signing-form input,
.signing-form select {
    width: 2.4rem;
    height: .64rem;
    border: none;
    border-radius: .1rem;
    outline: none;
    background: #fff;
    padding: 0 .2rem;
    margin-left: .1rem;
    font-size: .28rem;
    color: #333;
    border-radius: 0;
}

.signing-form input:first-child {
    margin-left: 0;
}

.signing-btn {
    width: 2.4rem;
    height: .64rem;
    background: #dd6c42;
    border-radius: .1rem;
    font-size: .32rem;
    color: #fff;
    font-weight: bold;
    border: none;
    outline: none;
}
/* signing end */




.ny-column-title {
    padding-top: .46rem;
}

.ny-column-title dt {
    width: 100%;
    height: .66rem;
    margin-bottom: .16rem;
}

.ny-column-title dd {
    font-size: .24rem;
    color: #999;
    line-height: 1.5;
    text-align: center;
}

.ny-column-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: .24rem 0;
}

.ny-column-tabs-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.22rem;
    height: .72rem;
    border: .01rem solid #aaa;
    font-size: .28rem;
    color: #505050;
    line-height: .72rem;
    text-align: center;
    margin-right: .22rem;
    margin-bottom: .24rem;
}

.tabs-opt {
    border-color: #505050;
    font-weight: bold;
}

.ny-column-tabs li:nth-child(3n) .ny-column-tabs-item {
    margin-right: 0;
}

.ny-column-tabs li:last-child .ny-column-tabs-item {
    margin-right: 0;
}

.ny-column-culture {
    width: 100%;
    height: 14.68rem;
    display: flex;
    justify-content: center;
}

.bg-gradient {
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
}

.ny-column-blurb {
    width: 100%;
    min-height: 30rem;
    background: url('../images/ny-blurb-bg.jpg') no-repeat;
    background-size: 100%;
    background-position: center bottom;
}

.ny-column-blurb dl {
    width: 6.7rem;
    margin: 0 auto;
    padding: .32rem 0;
}

.ny-column-blurb dt {
    font-size: .36rem;
    color: #483b30;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: .2rem;
}

.ny-column-blurb dd {
    font-size: .32rem;
    color: #483b30;
    font-weight: bold;
    line-height: 1.5;
    margin: .1rem 0;
}

.ny-column-blurb p {
    text-indent: 2em;
    font-size: .28rem;
    color: #483b30;
    line-height: 2;
    text-align: justify;
    margin-bottom: .1rem;
}

/* ny-column end */









.foot {
    min-height: 4.04rem;
    background: #1f1f1f;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 7.8rem;
    margin: 0 auto;
}

.foot-head {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem;
}

.foot-head em {
    font-size: .36rem;
    color: #d1c0a5;
    font-weight: bold;
    line-height: .6rem;
    text-align: center;
}

.foot-head span {
    font-size: .32rem;
    color: #999;
    opacity: .5;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.foot-list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot-list li {
    position: relative;
}

.foot-list li.wx {
    width: 2.5rem;
}

.foot-list li.wx .foot-list-chat {
    flex-direction: column;
}

.foot-list li.wx p {
    font-size: .1rem;
    color: #d1c0a5;
    line-height: 1.5;
    text-align: center;
    margin-top: .1rem;
}

.foot-list-item {
    width: 2.3rem;
    height: 1.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: .01rem dashed #d1c0a5;
}

.foot-list-item img {
    width: .48rem;
    height: .48rem;
}

.foot-list-item span {
    font-size: .28rem;
    color: #d1c0a5;
    line-height: 1.5;
    text-align: center;
    margin-top: .2rem;
}

.foot-list-chat {
    width: 2.3rem;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot-list-chat img {
    width: 1.06rem;
    height: 1.06rem;
}

/* foot end */





.seek-popup {
    position: absolute;
    left: 0;
    top: -100vh;
    width: 100%;
    height: 100vh;
    background: transparent;
    opacity: 0;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10000;
}

.seek-popup-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: transparent;
}

.seek-popup-main {
    height: 1.72rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100;
}

.seek-popup-main input[type=text] {
    width: 4.2rem;
    height: .6rem;
    border: .02rem solid #ccc;
    outline: none;
    padding: 0 .3rem;
    font-size: .32rem;
    color: #000;
}

.seek-popup-main span,
.seek-popup-main input[type=submit] {
    width: .6rem;
    height: .6rem;
    position: relative;
    margin-left: .2rem;
}

.seek-popup-main span::before,
.seek-popup-main input[type=submit]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    border: .06rem solid #dd6c42;
}

.seek-popup-main span:after,
.seek-popup-main input[type=submit]:after {
    content: "";
    position: absolute;
    bottom: .1rem;
    right: 0;
    transform: rotate(40deg);
    width: .18rem;
    height: .06rem;
    background-color: #dd6c42;
    border-radius: .06rem;
}

.top {
    top: 0;
    opacity: 1;
}
/* seek-popup end */






.online {
    position: fixed;
    bottom: 30%;
    right: 0;
    z-index: 1000;
}

.online dl {
    width: .72rem;
}

.online dd {
    width: .72rem;
    height: .66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: .06rem 0 0 .06rem;
    margin-bottom: .02rem;
}

.online dt {
    width: .72rem;
    height: .44rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
/* online end */






.tabBar {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    width: 7.8rem;
    margin: 0 auto;
    background: #dd6c42;
}

.tabBar ul {
    width: 100%;
    height: .96rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.tabBar-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tabBar-item img {
    width: .54rem;
    height: .4rem;
}

.tabBar-item span {
    font-size: .24rem;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}

.tabBar-home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tabBar-home img {
    width: .5rem;
    height: .47rem;
}

/* tabBar end */