@font-face {font-family: 'SourceHanSansCN-Regular';src: url('/fonts/SourceHanSansCN/SourceHanSansCN-Regular.otf');}
@font-face {font-family: 'SourceHanSansCN-Bold';src: url('/fonts/SourceHanSansCN/SourceHanSansCN-Bold.otf');}
@font-face {font-family: 'SourceHanSansCN-Medium';src: url('/fonts/SourceHanSansCN/SourceHanSansCN-Medium.otf');}
@font-face {font-family: 'LE-BIG';src: url('/fonts/SourceHanSansCN/LE-BIG JOHN.OTF');}
body,html{position:relative;height:100%}
body {background: #fff;font-family: SourceHanSansCN-Regular;font-size: 14px;color: #000;margin: 0;padding: 0}
ul{padding:0;list-style:none;font-size:0}
li{margin:0;padding:0}
.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.side-left{position:absolute;top:0;left:0;z-index:1000;height:100%;width:3.16rem;background:rgba(255,255,255,.8)}
.logo-qr{background:url(../img/logo-qr.png) center no-repeat;background-size:1.62rem 2.43rem}
.icp{text-align: center;margin-top: .2rem;font-size: .1rem;}
.icp a{display: inline-block;text-decoration: none;color: #595757;}
.side-left .logo{width:1.62rem;height:1.33rem;background-position:0 0;margin:auto;margin-top:.84rem;margin-bottom:.7rem}
.side-left .qr{margin:auto;width:1.1rem;height:1.1rem;background-position:0 -1.33rem;margin-top:95px}
.side-left .nav li{position:relative;width:1.65rem;height:.36rem;margin:auto;margin-bottom:.46rem;font-size:.14rem;color:#000;cursor:pointer}
.side-left .nav li:hover{color:#a9cc5a}
.side-left .nav li.on{color:#a9cc5a}
.side-left .nav li span{padding-left:.5rem}
.side-left .nav li i{display:block;width:.25rem;height:.25rem;position:absolute;top:0;left:.26rem;background:url(../img/side-icon.png) center no-repeat;background-size:.2rem 1.25rem}
.side-left .nav li:nth-child(1) i{background-position:0 0}
.side-left .nav li:nth-child(2) i{background-position:0 -.25rem}
.side-left .nav li:nth-child(3) i{background-position:0 -.5rem}
.side-left .nav li:nth-child(4) i{background-position:0 -.75rem}
.side-left .nav li:nth-child(5) i{background-position:0 -1rem}
.slide1{background-size:cover;background:url(../img/bg1.jpg) no-repeat;}
.slide1 .nuts-box{height:5.96rem;position:absolute;top:3.2rem;left:4.2rem}
.slide1 .nuts-box ul{list-style:none;margin:0}
.slide1 .nuts-box ul li{display:inline-block;width:3.54rem;height:5.96rem;cursor:pointer;background:url(../img/nuts.png) center no-repeat;background-size:14.16rem 5.96rem}
.slide1 .nuts-box ul li:nth-child(1){background-position:0 0}
.slide1 .nuts-box ul li:nth-child(2){background-position:-3.54rem 0;margin-left:-.34rem}
.slide1 .nuts-box ul li:nth-child(3){background-position:-7.08rem 0;margin-left:-.5rem}
.slide1 .nuts-box ul li:nth-child(4){background-position:-10.62rem 0;margin-left:-.2rem}
.slide1 .nuts-box ul li .name-bx{color:#fff;font-size:22px;position:absolute;top:3.4rem;width:3rem}
.slide1 .nuts-box ul li .name-bx span{display:block;position:absolute;transform:rotateZ(-5deg);transform-origin:0 100%}
.slide1 .nuts-box ul li .name-bx span.ch-name{background:#429a1a;width:1.34rem;height:.6rem;font-size:.3rem;line-height:.6rem;left:.3rem;border-radius:.3rem;font-family:'SourceHanSansCN-Medium'}
.slide1 .nuts-box ul li .name-bx span.en-name{font-size:.18rem;top:.62rem;left:.55rem;font-family:'SourceHanSansCN-Medium'}
.slide1 .nuts-box ul li:nth-child(1) .name-bx span.en-name{left:.35rem}
.slide1 .nuts-box ul li:hover .name-bx span{transform:none}
.slide1 .nuts-box ul li:hover .name-bx span.ch-name{background:#89542f}
.slide1 .nuts-box ul li:hover .name-bx span.en-name{color:#89542f}
.slide1 .nuts-box ul li .name-bx .pan{width:1.83rem;height:1.32rem;background:url(../img/pan-bg.png) center no-repeat;background-size:1.83rem 5.28rem;position:absolute;right:-.4rem}
.slide1 .nuts-box ul li:nth-child(1) .name-bx .pan{background-position:0 0}
.slide1 .nuts-box ul li:nth-child(2) .name-bx .pan{background-position:0 -1.32rem}
.slide1 .nuts-box ul li:nth-child(3) .name-bx .pan{background-position:0 -2.64rem}
.slide1 .nuts-box ul li:nth-child(4) .name-bx .pan{background-position:0 -3.96rem}
.slide1 .nuts-box ul li .name-bx i{display:block;position:absolute;top:.16rem;left:.14rem;width:2.65rem;height:.92rem;background:url(../img/name-bg.png) center no-repeat;background-size:2.65rem .92rem}
.slide1 .nuts-box ul li:nth-child(3) .name-bx i{left:.2rem}
.slide2{background:url(../img/bg2.jpg) no-repeat;background-size:19.2rem 10.8rem;background-size:cover}
.about-container{color:#595757}
.about-container .about-intr{text-align:left;line-height:.28rem;font-size:.18rem;margin-top: .3rem;}
.about-container .about-cont .about-nav{text-align:left;padding:.1rem 0 0}
.about-container .about-cont .about-nav .about-nav-item{display:inline-block;height:.46rem;width:1.27rem;border-radius:.1rem;color:#a9cc5a;text-align:center;line-height:.46rem;font-size:.2rem;cursor:pointer;font-family:'SourceHanSansCN-Bold';}
.about-container .about-cont .about-nav .about-nav-item.on{background:#a9cc5a;color:#fff}
.about-container .about-cont .about-content-box{padding-top:.2rem}
.about-container .about-cont .about-content-box .product-tx{height:5.5rem}
.about-container .about-cont .about-content-box p{text-indent:.36rem;padding:0;margin:.04rem 0}
.about-container .about-cont .about-content-box .brand-tx{column-count:2;column-gap:.4rem;column-fill:auto;font-size:.18rem;text-align:left;line-height:.4rem}
/*.brand-tx .img{column-span:all}*/
.brand-tx .img img{width:100%}
.slide-box{position:absolute;top:0;left:4.4rem}
.slide-box .slide-head{width:12.4rem;height:1.1rem;position:absolute;top:1rem}
.slide-box .slide-head .title span{color:#a9cc5a;font-size:.3rem;display:block;text-align:left}
.slide-box .slide-head .title span:nth-child(2){line-height:.6rem}
.slide-box .slide-head .title i{display:block;position:absolute;bottom:0;background:#333;height:2px;width:.95rem}
.slide-box .slide-head .title i:nth-child(3){left:.95rem;background:#82827e}
.slide-box .slide-head .title-left{position:absolute;top:0;right:-.28rem;width:5.6rem;font-size:0}
.title-left .item{display:inline-block;width:1.8rem;height:.64rem;font-size:.13rem}
.title-left .item:nth-child(2){border-left:1px solid #656565;border-right:1px solid #656565}
.title-left .item span{display:block}
.title-left .item span.icn{width:.47rem;height:.42rem;background:url(../img/tiltle-left-i.png) center no-repeat;background-size:1.41rem .42rem;margin:auto}
.title-left .item:nth-child(1) span.icn{background-position:0 0}
.title-left .item:nth-child(2) span.icn{background-position:-.47rem 0}
.title-left .item:nth-child(3) span.icn{background-position:-.94rem 0}
.title-left .item span.icn-tx{line-height:.26rem}
.slide-box .slide-body{position:absolute;top:2rem;width:12.6rem;height:7.8rem;overflow:hidden}
.slide3{background:url(../img/bg2.jpg) no-repeat;background-size:19.2rem 10.8rem!important}
.slide3 .slide-body .news-container{text-align:left!important;position:absolute;top:.6rem;width:12.6rem;overflow-y:scroll;overflow-x:hidden;font-size:0}
.slide3 .slide-body .news-container a{width:2.72rem;height:3.48rem;margin-right:.5rem;display:inline-block;text-decoration:unset;color:#333}
.slide3 .slide-body .news-container a:hover{color:#a9cc5a}
.slide3 .slide-body .news-container a:nth-child(4n){margin-right:unset}
.slide3 .slide-body a .news-img{width:2.68rem;height:2.14rem;overflow:hidden}
.slide3 .slide-body a .news-img img{width:100%;height:100%}
.slide3 .slide-body a .content-box .title{display:block;height:.5rem;font-size:.19rem;text-indent:.04rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slide3 .slide-body a .content-box .desc{font-size:.14rem;padding-left:.04rem;display:-webkit-box;width:100%;height:.63rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news-detail{position:absolute;top:.6rem;opacity:0;margin-left:12.6rem}
.factory{text-align:left!important;position:absolute;width:12.6rem;overflow-y:scroll;overflow-x:hidden;font-size:0}
.factory a{width:2.72rem;margin-right:1.3rem;display:inline-block;text-decoration:unset;}
.factory a .factory-img{width:3rem;overflow:hidden}
.factory a .factory-img img{width:3rem;height:1.8rem;}
.factory a .content-box .title{display:block;height:.5rem;font-size:.19rem;text-indent:.04rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'SourceHanSansCN-Bold'}
.factory a .content-box .desc{font-size:.14rem;padding-left:.04rem;display:-webkit-box;width:100%;height:.5rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.video-box{width:8.8rem;height:5.08rem}
.video-box video{width:100%;height:100%;outline:0}
.news-detail .detail-cont{margin-top:.2rem;top:.6rem}
.news-detail .detail-cont .detail-title{display:block;text-align:left;font-size:.2rem;line-height:.4rem}
.news-detail .detail-cont .detail-desc{display:block;font-size:.14rem;text-align:left}
.news-detail .return-btn{width:.5rem;height:.5rem;position:absolute;top:-.44rem;cursor:pointer}
.slide4{background:url(../img/bg2.jpg) no-repeat;background-size:cover}
.food-box .food-nav{text-align:left;font-size:0;padding-top:.35rem}
.food-box .food-nav .food-nav-item{display:inline-block;height:.46rem;width:.92rem;background:#fff;border-radius:.1rem;color:#a9cc5a;line-height:.45rem;font-size:.22rem;text-align:center;margin-right:.14rem;cursor:pointer;font-family:'SourceHanSansCN-Bold';}
.food-box .food-nav .food-nav-item.on{color:#fff;background:#a9cc5a}
.food-box .food-nav .food-nav-item:hover{color:#fff;background:#a9cc5a}
.slide4 .slide-box .slide-body{height:8rem}
.food-box .food-content{padding-top:.32rem;text-align:left;font-size:0}
.food-box .food-content .food-container{height:6rem;overflow-y:scroll}
.food-box .food-content .food-img{display:inline-block;width:2.7rem;height:2.7rem;background:#a9cc5a;border-radius:.4rem;position:relative}
.food-box .food-content .food-img img{width:2.58rem;height:2.58rem;display:block;border-radius:.35rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.food-box .food-content a{width:2.7rem;height:3.28rem;margin-right:.5rem;display:inline-block;text-decoration:unset;color:#333}
.food-box .food-content a:nth-child(4n){margin-right:unset}
.food-box .food-content .food-tx{position:relative}
.food-box .food-content .food-tx span{display:block;text-align:center;padding-top:.05rem}
.food-box .food-content .food-tx .title-cn{font-size:.16rem}
.food-box .food-content .food-tx .title-en{font-size:.11rem}
.slide5{background-size:cover;background:url(../img/bg2.jpg) no-repeat}
.company-name {font-size: .22rem;color: #a9cc5a;text-align: left;padding-top: .4rem;letter-spacing: .03rem;style ="font-family:'SourceHanSansCN-Bold'";}
.contact-box{padding-top:.3rem}
.contact-box .contact-tx{font-size:.16rem;text-align:left}
.contact-box .contact-tx .contact-item{width:2.5rem;height:.4rem;display:inline-block;position:relative}
.contact-box .contact-tx span{display:block;text-indent:.46rem;letter-spacing:.02rem}
.contact-box .contact-tx .contact-item i{display:block;width:.31rem;height:.38rem;background:url(../img/contact-i.png) center no-repeat;background-size:1.24rem .38rem;position:absolute;top:0;left:.04rem}
.contact-box .contact-tx .contact-item:nth-child(1) i{background-position:0 0}
.contact-box .contact-tx .contact-item:nth-child(2) i{background-position:-.31rem 0}
.contact-box .contact-tx .contact-item:nth-child(3) i{background-position:-.62rem 0}
.contact-box .contact-tx .contact-item:nth-child(4) i{background-position:-.93rem 0}
.contact-box .contact-tx .contact-item:nth-child(1){width:5rem}
.contact-box .contact-img{padding-top:1rem;text-align:left}
.contact-box .contact-img .map-box{width:4.95rem;height:4.95rem;display:inline-block;background:#c9caca}
.contact-box .contact-img .cha{display:inline-block;padding-left:.6rem}
.swiper-pagination{left:17.4rem}
.swiper-pagination .swiper-pagination-bullet{opacity:unset;width:.16rem;height:.16rem;border-radius:.1rem;border:.02rem solid #a9cc5a;background:0 0;outline:0}
.swiper-pagination .swiper-pagination-bullet-active{background:#a9cc5a}