body{
    background: #383838;
}

#nav-block{
    width: 537px;
    height: 70px;
    background: #fff;
    opacity: 1;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px;
    box-sizing: border-box;
    position: fixed;left: 50%;
    top: 50px;
    margin-left: -269px;
    z-index: 999;
    --animate-duration:0.5s
}

#nav-block a{
    width: 127px;
    height: 48px;
    opacity: 1;
    border-radius: 24px;
    font-size: 15px;
    font-family: 'OPlusSans3.0-Medium';
    line-height: 18px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s all;
}

#nav-block .actived{
    background: rgb(241,180,38);
}

#logo{
    position: absolute;
    top: 50px;
    left: 50px;
    width: 173px;
    height: 71px;
    z-index: 999;
    cursor: pointer;
    pointer-events:initial;
}

#lang-logo{
    position: absolute;
    top: 59px;
    right: 26px;
    width: 99px;
    height: 47px;
    cursor: pointer;
    z-index: 999;
    pointer-events:initial;
}

.banner-block{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}


html, body {
	position: relative;
	/* height: 100%; */
}
body {
	color: #000;
	margin: 0;
	padding: 0;
}
.swiper-container {
	width: 100%;
	height: 100%;
	transition: 1s background-color 1.3s;
}
/* .swiper-wrapper {
	transition-delay: 1s;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
} */
.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
    cursor: pointer;
}
.img-box {
	width: 100%;
	height: 100%;
	position: absolute;
	/* transform: scale(0.6, 0.6); */
	transition-duration: 1s;
	transition-property: transform;
	transition-timing-function:linear;
	opacity: 1;
	overflow: hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
     -ms-user-select:none;
         user-select:none;
    pointer-events: none;
}
.img-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	/* transform: scale(1.2, 1.2) translateX(50%); */
	transition-timing-function: linear;
	transition-property: transform;
    position: relative;
    border-radius: 35px;
    -webkit-user-select:none;
    -moz-user-select:none;
     -ms-user-select:none;
         user-select:none;
    pointer-events: none;
}

.swiper-text-wapper{
    overflow: hidden;
}

.swiper-text-block{
    position: absolute;
    top: 30.75rem;
    left: 19rem;
    text-align: left;
    visibility: hidden;
}

.swiper-text-block2{
    position: absolute;
    top: 13.08rem;
    left: 19rem;
    text-align: left;
    visibility: hidden;
}

.swiper-text-line{
    font-size: 11.72rem;
    font-family: 'OPlusSans3.0-Bold';
    color: #FFFFFF;
    opacity: 1;
    -webkit-user-select:none;
    -moz-user-select:none;
     -ms-user-select:none;
         user-select:none;
    pointer-events: none;
    /* line-height: 13.08rem; */
    display: flex;
}

 .swiper-text-line.banner-text1{
    font-size: 3.33rem;
    font-family: 'OPlusSans3.0-Medium';
    /* line-height: 4rem; */
    color: #FFFFFF;
    opacity: 1;
    margin-top: 5rem;
}

.swiper-text-wrap{
    display: flex;
    line-height: 1.2;
    vertical-align:top;
    overflow: hidden;
}

.pc.swiper-text-block2 .swiper-text-line{
    font-size: 10rem;
}
.pc.swiper-text-block2 .swiper-text-line.banner-text1{
    font-size: 3.33rem;
}

.swiper-text{
    transition: 1s all;
    transform: translateY(100%);
    display: block;
}

.swiper-text.actived{
    transform: translateY(0);
}

.banner-btn{
    width: 26.87rem;
    height: 7.98rem;
    background: rgba(241,180,38,1);
    opacity: 1;
    border-radius: 3.99rem;
    line-height: 7.89rem;
    text-align: center;
    font-size: 2.49rem;
    font-family: 'OPlusSans3.0-Medium';
    color: #FFFFFF;
    opacity: 1;
    margin-top: 5rem;
    display: none;
}
.fixed-blank-block{
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}

.blank-block{
    width: 100%;
    height: 110vh;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.icon-title{
    height: 1.83rem;
    font-size: 1.25rem;
    font-family: 'OPlusSans3.0-Bold';
    line-height: 1.5rem;
    color: #000000;
    opacity: 1;
    margin-top: 1rem;
}

.delicious-block{
    width: 100%;
    padding-top: 12.33rem;
    position: relative;
    z-index: 2;

}

.delicious-content-block{
    width: 100%;
    height: 75rem;
    background: #fff;
    border-top-left-radius: 8.33rem;
    border-top-right-radius: 8.33rem;
    position: relative;
    z-index: 2;
}

.delicious-img1{
    width: 32.76rem;
    height: 36.91rem;
    position: absolute;
    right: 11.33rem;
    top: 0;
    z-index: 3;
}

.delicious-img3{
    top: 8.42rem;
    left: 5.75rem;
    position: absolute;
    width: 30.12rem;
    height: 42.51rem;
}

.delicious-img4{
    top: 37rem;
    left: 24rem;
    position: absolute;
    width: 23.79rem;
    height: 23.79rem
}

.delicious-img2{
    /* width: 5rem;
    height: 4.86rem; */
}


.delicious-content-block{
    display: flex;
    align-items: center;
    justify-content: center;
}

.delicious-text-content{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.delicious-text-content p:nth-of-type(1){
    /* height: 4.75rem; */
    font-size: 3.33rem;
    font-family: 'OPlusSans3.0';
    line-height: 1;
    color: #000000;
    opacity: 1;
    white-space: nowrap;
    margin-top: 4.17rem;
    margin-bottom: 2rem;
    text-align: center;
}

.delicious-text-content p:nth-of-type(2){
    /* width: 56.67rem;
    height: 29.75rem; */
    font-size: 8.33rem;
    font-family: 'OPlusSans3.0-Bold';
    line-height: 9.24rem;
    color: #000000;
    opacity: 1;
}

.biscuits-block{
    width: 100%;
    height: 200rem;
    background-color: #383838;
    z-index: 3;
    background-image: url(../image/pc/biscuits-bg.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: center top;
    position: relative;
    background-position-y: 0;
    transition: 1s all;
}

.biscuits-top{
    width: 100%;
    height: 15rem;
    background: #fff;
    border-bottom-left-radius: 8.33rem;
    border-bottom-right-radius: 8.33rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.biscuits-img{
    width: 15rem;
}

.biscuits-top p:nth-of-type(1){
    width: 15.25rem;
    font-size: 3.33rem;
    font-family: 'OPlusSans3.0-Bold';
    line-height: 4rem;
    color: #000000;
    opacity: 1;
    margin-left: 8.67rem;
}

.biscuits-top p:nth-of-type(2){
    width: 39.05rem;
    height: 9.22rem;
    font-size: 1.25rem;
    font-family: 'OPlusSans3.0';
    line-height: 2rem;
    color: #000000;
    opacity: 1;
    word-break: break-all;
    margin-left: 6.58rem;
}


.biscuits-content1 p,.biscuits-content2 p{
    font-size: 5rem;
    font-family: 'OPlusSans3.0-Bold';
    line-height: 1.2;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
}

.biscuits-content1,.biscuits-content2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.biscuits-content1 img,.biscuits-content2 img{
    width: 25rem;
    margin-top: 2.67rem;
}

.biscuits-content1{
    position: absolute;
    top: 38.75rem;
    right: 23.42rem;
}

.biscuits-content2{
    position: absolute;
    top: 84.83rem;
    left: 22.92rem;
}


.aboutus-block{
    width: 100%;
    /* height: 304.67rem; */
    /* background: #383838; */
    opacity: 1;
    position: relative;
    z-index: 3;
    padding-top: 17.83rem;
    box-sizing: border-box;
}

.aboutus-content-block{
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,1);
    opacity: 1;
    border-radius: 8.33rem;
    padding: 12.33rem 19.17rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.aboutus-section .title{
    /* font-size: 8.33rem; */
    font-size: 40px;
    font-family: 'OPlusSans3.0-Bold';
    /* line-height: 11.08rem; */
    color: #000000;
    opacity: 1;
}
.news-detail .aboutus-section .title{
    font-size: 8.33rem;
    line-height: 11.08rem;
    width: 100%;
    text-align: left;
}

.aboutus-section .content{
    /* font-size: 3.33rem; */
    font-size: 18px;
    font-family: 'OPlusSans3.0';
    /* line-height: 4.83rem; */
    line-height: 1.5;
    color: #000000;
    opacity: 1;
    margin-top: 20px;
}

.aboutus-block2{
    /* height: 385.67rem */
}

.aboutus-block2 .aboutus-content-block{
    padding-top: 26.67rem;
    padding-bottom: 10rem;
}

.aboutus-section{
    margin-top: 5rem;
    width: 100%;
}

.aboutus-section .stitle{
    font-size: 40px;
    font-family: 'OPlusSans3.0-Bold';
}

.aboutus-block2 .aboutus-section .content{
    margin-top: 0rem;
}



#tree-bg-block{
    background-image: url(../image/pc/news-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: center;
    position: relative;
    z-index: 2;
}

.news-block{
    width: 100%;
    padding-top: 17.83rem;
    /* height: 109rem; */
    /* background-color: #F1B426; */
    z-index: 2;
}

.news-content{
    width: 100%;
    /* height: 91.04rem; */
    background: rgba(255,255,255);
    opacity: 1;
    border-radius: 8.33rem;
    position: relative;
    padding-top: 12.92rem;
    padding-bottom: 6.67rem;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}



.news-list{
    width: 81.67rem;
    margin: 0 auto;
    margin-top: 5.42rem;
}

.news-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .83rem;
    border-bottom: 1px solid #C5C5C5;
}

.news-item+.news-item{
    margin-top: 3rem;
}

.news-img{
    width: 13.33rem;
    height: 8.33rem;
    opacity: 1;
    border-radius: 1.14rem;
    background-color: #C5C5C5;
}

.news-info{
    width: 55.63rem;
    height: 8.33rem;
    /* font-size: 1.25rem; */
    font-size: 15px;
    font-family: 'OPlusSans3.0-Medium';
    /* line-height: 1.83rem; */
    color: #333333;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.logo2{
    margin-top: 8.33rem;
}

.news-time{
    color: #C5C5C5;
}


.foot-block{
    width: 100%;
    padding-left: 19.25rem;
    padding-right: 11.25rem;
    padding-bottom: 7rem;
    background-color: #F1B426;
    margin-top: -8rem;
    padding-top: 8rem;
    box-sizing: border-box;
    /* box-sizing: border-box; */
    display: flex;
    justify-content: space-between;

}
.foot-block .left-block{
    padding-top: 11.58rem;
}

.foot-block .left-block p:nth-child(1){
    font-size: 8.49rem;
    font-family: 'OPlusSans3.0-Bold';
    line-height: 9.46rem;
    color: #FFFFFF;
    opacity: 1;
}

.foot-block .left-block p:nth-child(2){
    font-size: 1.93rem;
    font-family: 'OPlusSans3.0-Medium';
    line-height: 2.32rem;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 2rem;
}

.foot-block .right-block{
    padding-top: 7.58rem;
}

.nav-bottom-block{
    font-size: 1.42rem;
    font-family: 'OPlusSans3.0-Medium';
    line-height: 2.83rem;
    color: #FFFFFF;
    opacity: 1;
    display: flex;
}

.nav-bottom-block>div:nth-child(1){
    margin-right: 8.92rem;
}

.nav-bottom-block>div:nth-child(2){
    margin-right: 12rem;
}

.nav-bottom-block>div:nth-child(3){
    
}

.bottom-icon{
    height: 1.42rem;
    margin-left: 1.75rem;
}

.bottom-address{
    font-size: 1.25rem;
    font-family: 'OPlusSans3.0-Medium';
    line-height: 1.83rem;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 5rem;
}


.bottom-slogon{
    font-size: 1.25rem;
    font-family: 'OPlusSans3.0-Medium';
    line-height: 1.83rem;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 5rem;
}

.parallax{
    transition: 1s transform ;
}

.parallax-bg{
    transition: 1s background-position ;
}

.scroll-show-block .scroll-show{
    opacity: 0;
    transition: 2s opacity;
    --animate-duration:1s
}


.fixed-top{
    transition: .5s all;
}



@media only screen and (max-width: 760px) {
    .pc{
        display: none !important;
    }
    .mobile{
        display: block;
    }
    .container{
        position: relative;
        top: 0;
        left: 0;
        z-index: 999;
    }
    #logo{
        position: fixed;
        top: 7.46rem;
        left: 7.46rem;
        width: 25.78rem;
        height: auto;
        z-index: 999;
        -webkit-user-select:unset;
           -moz-user-select:unset;
            -ms-user-select:unset;
                user-select:unset;
        pointer-events:unset;
    }
    #lang-logo{
        position: fixed;
        top: 7.46rem;
        right: 7.46rem;
        width: 14.67rem;
        height: auto;
        z-index: 999;
        -webkit-user-select:unset;
           -moz-user-select:unset;
            -ms-user-select:unset;
                user-select:unset;
        pointer-events:unset;
    }
    .swiper-text-block{
        top: 160rem;
        left: 7.41rem;
    }
    .swiper-text-line{
        font-size: 20.86rem
    }
    .banner-text1{
        font-size: 6rem;
        font-family: 'OPlusSans3.0';
    }

    .swiper-text-block2{
        top: 137.7rem;
        left: 7.2rem;
    }
    .banner-btn{
        width: 48.12rem;
        height: 14.3rem;
        line-height: 14.3rem;
        font-size: 4.45rem;
        border-radius: 7.15rem;
    }

    .biscuits-block{
        background-size: cover;
        background-position: 50% 0;
    }
    .biscuits-content1{
        right: 7.31rem;
    }
    .biscuits-content2{
        left: 7.61rem;
    }
    .biscuits-content1 p, .biscuits-content2 p{
        font-size: 14.16rem;
        line-height: 15.79rem;
    }
    .biscuits-content1 img, .biscuits-content2 img{
        width: 67.8rem;
        flex-shrink: 0;
    }
    #tree-bg-block{
        background-size: cover;
        background-position: 50% 50%;
    }

    .aboutus-content-block{
        padding: 7.31rem;
        padding-top: 55rem;
        border-radius:15rem;
    }
    .aboutus-block2 .aboutus-content-block{
        padding-top: 55rem;
    }

    .aboutus-section .content{
        font-size: 5.97rem;
        line-height: 8.66rem;
    }

    .aboutus-section .stitle{
        font-size: 8.96rem;
        font-family: 'OPlusSans3.0-Bold';
    }

    .news-list{
        width: 146.87rem;
        margin-top: 9rem;
    }
    .news-item{
        padding-bottom: 5.37rem;
    }
    .news-info{
        width: 99.64rem;
        height: 23rem;
        font-size: 5.97rem;
        line-height: 8.66rem;
        font-family: 'OPlusSans3.0';
        margin-left: 9.4rem;
    }
    .news-img{
        width: 23.88rem;
        height: 22.91rem;
        border-radius: 2.04rem;
    }
    .news-arrow{
        width: 4.51rem;
        height: 4.51rem;
    }
    .news-time{
        font-size: 2.24rem;
    }
    .news-time-wrapper{
        height: 22.91rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .biscuits-top{
        flex-direction: column;
        align-items: flex-start;
        padding-left: 20.3rem;
        padding-bottom: 15rem;
        height: auto;
        box-sizing: border-box;
        border-bottom-left-radius: 15rem;
        border-bottom-right-radius: 15rem;
        position: relative;
        transform: translateY(-5px);
    }
    .biscuits-block{
        height: 330rem;
    }
    .biscuits-content1{
        top: 120rem;
    }
    .biscuits-content2{
        top: 160rem;
    }
    .biscuits-img{
        width: 30rem;
        display: block;
    }
    .biscuits-top p:nth-of-type(1){
        width: 51.94rem;
        font-size: 5.97rem;
        font-family: 'OPlusSans3.0-Bold';
        line-height: 7.16rem;
        color: #000000;
        opacity: 1;
        margin-left: 0;
    }
    .biscuits-top p:nth-of-type(2){
        width: 122.24rem;
        height: auto;
        font-size: 5.97rem;
        font-family: 'OPlusSans3.0';
        line-height: 8.66rem;
        color: #000000;
        opacity: 1;
        margin-left: 0;
    }
    .delicious-content-block{
        height: auto;
        padding-top: 46rem;
        padding-bottom: 5rem;
        flex-direction: column;
        border-top-left-radius: 15rem;
        border-top-right-radius: 15rem;
    }
    .delicious-text-content p:nth-of-type(1){
        width: 100%;
        height: auto;
        font-size: 5.97rem;
        font-family: 'OPlusSans3.0';
        line-height: 7.16rem;
        color: #000000;
        opacity: 1;
        text-align: center;
    }
    .delicious-text-content p:nth-of-type(2){
        width: 100%;
        height: auto;
        font-size: 21.01rem;
        font-family: 'OPlusSans3.0-Bold';
        line-height: 23.42rem;
        color: #000000;
        opacity: 1;
    }
    .delicious-img3{
        position: relative;
        left: 0;
        top: 0;
        margin-top: 10rem;
        width: 75.26rem;
        height: auto;
    }
    .delicious-block,.aboutus-block{
        padding-top: 22rem;
    }
    .delicious-img1{
        width: 58.68rem;
        height: auto;
    }
    .news-content{
        border-radius: 15rem;
    }
    .aboutus-section .title{
        font-size: 21.01rem;
        line-height: 23.42rem;
    }
    .foot-block{
        padding-top: 14rem;
        margin-top: -14rem;
    }
    .foot-block .left-block p:nth-child(1){
        font-size: 15.2rem;
        font-family: 'OPlusSans3.0-Bold';
        line-height: 16.94rem;
        color: #FFFFFF;
        opacity: 1;
    }
    .foot-block .left-block p:nth-child(2){
        font-size: 3.46rem;
        font-family: 'OPlusSans3.0-Medium';
        line-height: 4.15rem;
        color: #FFFFFF;
        opacity: 1;
        margin-top: 5rem;
    }
    .icon-title{
        height: 3.28rem;
        font-size: 2.24rem;
        font-family: 'OPlusSans3.0-Bold';
        line-height: 2.69rem;
        color: #000000;
        opacity: 1;
        margin-top: 1.79rem;
    }
}

@media only screen and (min-width: 761px) {
    .pc{
        display: block;
    }
    .mobile{
        display: none !important;
    }
}