﻿@charset "utf-8";
.HomeBan{position: relative;}
.HomeBan::before{content:'';display: block;width:100%;height:100.5%;background: url(../images/banbg.png) no-repeat bottom center;background-size: 100%;position: absolute;bottom:-0.5px;left:0;z-index:9;}
.HomeBan .swiper-slide{position: relative;overflow: hidden;}
.HomeBan .swiper-slide .img{padding-top:11.1rem;}
.HomeBan .swiper-slide .video-box{position: absolute;width:100%;height:100%;top:0;left:0;background: url(../images/loading.gif) no-repeat center center;}
.HomeBan .swiper-slide .video-box video{width:100%;height:100%;object-fit: cover;}

/* .HomeBan .swiper-slide.swiper-slide-active .imgbox img{animation: scale linear 6s forwards;} */
.HomeBan .swiper_button{transition: all .5s;opacity: 0;}
.HomeBan:hover .swiper-button-next{opacity: 1;right:1rem !important;}
.HomeBan:hover .swiper-button-prev{opacity: 1;left:1rem !important;}

@keyframes scale{
	0%{transform: scale(1);-webkit-transform:scale(1);}
	100%{transform: scale(1.1);-webkit-transform:scale(1.1);}
}

@media(max-width:1024px){
    body{padding-top:0.7rem;}
    .HomeBan .swiper-slide .img{padding-top:60%;}
}

@media(max-width:768px){
    .HomeBan::before{bottom:-1.5px;}
}

.HomeTit{margin-bottom:0.5rem;}
.HomeTit .tit{color:#f39800;line-height: 1.1;}
.HomeTit .dec{margin-top:0.15rem;line-height: 1.5;}
.HomeTit_white{color:#fff;}
.HomeTit_white .tit{color:#fff;}

.HomeFruits{position: relative;}
.HomeFruits .HomeFruitsBox{display: flex;margin-left:-2%;flex-wrap: wrap; position: relative;}
.HomeFruits .HomeFruitsBox .item{width:23%;text-align: center;margin-left:2%; cursor: pointer;}
.HomeFruits .HomeFruitsBox .item .img{position: relative;}
.HomeFruits .HomeFruitsBox .item .img .imgbg{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:75%;}
.HomeFruits .HomeFruitsBox .item .img .imgbox{height:1.8rem;display: flex;align-items: center;justify-content: center;}
.HomeFruits .HomeFruitsBox .item .img .imgbox img{max-height:100%;max-width:2.41rem;width:100%;object-fit: contain;}
.HomeFruits .HomeFruitsBox .item .txt{margin-top:0.5rem;}
.HomeFruits .HomeFruitsBox .item .txt .tit{color:#f39800;margin-bottom:0.08rem;}
.HomeFruits .list-iol{ position:absolute; left:50%; top:100%; width:100vw; z-index:5; background:url(../images/mainbg.jpg) no-repeat center top; transform:translateX(-50%); padding:.5rem 0; display:none;}
.HomeFruits .list-iol .flex-box{display: flex;margin-left:-7%;flex-wrap: wrap;}
.HomeFruits .list-iol .iowl{width:12%;text-align: center;margin-left:12%;}
.HomeFruits .list-iol .iowl .img{position: relative;}
.HomeFruits .list-iol .iowl .img .imgbg{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:75%;}
.HomeFruits .list-iol .iowl .img .imgbox{height:1.8rem;display: flex;align-items: center;justify-content: center;}
.HomeFruits .list-iol .iowl .img .imgbox img{max-height:100%;max-width:2.41rem;width:100%;object-fit: contain;}
.HomeFruits .list-iol .iowl .txt{margin-top:0.2rem;}
.HomeFruits .list-iol .iowl .txt .tit{color:#f39800;}
.HomeFruits .HomeFruitsBox .item.on{ filter:grayscale(100%);}
.HomeFruits .HomeFruitsBox .item:hover .list-iol{ display:block;}
@media(max-width:1024px){
.HomeFruits .HomeFruitsBox .item .img .imgbox img{max-width:2rem;}
}
@media(max-width:640px){
.HomeFruits{padding-top:0.5rem;}
.HomeFruits .HomeFruitsBox .item{width:48%;margin-bottom:0.2rem; position:relative;}
.HomeFruits .HomeFruitsBox .item .img .imgbox{height:1.2rem;}
.HomeFruits .HomeFruitsBox .item .txt{margin:0;padding:0.3rem 0;}
.HomeFruits .list-iol{ top:95%; left:0; transform:translateX(0); padding:0.5rem 0;}
.HomeFruits .list-iol .iowl{ width:36%;margin-bottom:0.2rem;}
}


/*  */
.HomeHow{padding:1.2rem 0 0;position: relative;}
.HomeHow .w1530{position: relative;}
.HomeHow .swiper-slide{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.HomeHow .swiper-slide .txt{width:42%;padding:.2rem 0 1.2rem;}
.HomeHow .swiper-slide .txt .title{ margin-bottom:.3rem; color:#f39800;}
.HomeHow .swiper-slide .txt .dec{line-height: 2;margin-bottom:0.3rem;color:#333;margin-top:0.08rem;}
.HomeHow .swiper-slide .txt .more a{display: inline-block;background: url(../images/more_lin1.svg) no-repeat bottom left;color:#f39800;padding:0.1rem 0;}
.HomeHow .swiper-slide .img{width:53.6%;background: url(../images/howbg.png) no-repeat center center;background-size: contain;display: flex;justify-content: flex-end;height:7.79rem;align-items: flex-start;}
.HomeHow .swiper-slide .img .svgbox{max-width:6.6rem;width:90%;}
.HomeHow .swiper-pagination{display: flex;justify-content: flex-start;bottom:1.2rem;}
.HomeHow .swiper-pagination .swiper-pagination-bullet{width:0.5rem !important;height:0.5rem !important;display: flex;align-items: center;color:#fff;justify-content: center;text-align: center;font-weight: bold;font-size: 0.24rem;margin-right:0.2rem;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url(../images/dot.svg);background-color: transparent !important;opacity: 1;}
.HomeHow .swiper-pagination .swiper-pagination-bullet-active{background-image: url(../images/dotc.svg);}

@media(max-width:1024px){
.HomeHow{padding:0.6rem 0;}
.HomeHow .swiper-slide .img{height:6.8rem;}
}

@media(max-width:768px){
.HomeHow .swiper-slide .img{height:5.6rem;}
.HomeHow .swiper-pagination{bottom:0.5rem;}
}


@media(max-width:640px){
.HomeHow .swiper-slide .txt{width:100%;padding:0 0 0.3rem 0;}
.HomeHow .swiper-slide .img{width:100%;}
.HomeHow .swiper-pagination{bottom:0;justify-content: center;}
}


.HomeRecipes{padding-top:2.2rem;background: url(../images/homebg1.png) no-repeat top center;background-size: 100%;position: relative;}
.HomeRecipes .HomeTit .dec{max-width:9.1rem;margin:0.15rem auto 0;}
.HomeRecipes .swiper-slide .img{position: relative;}
.HomeRecipes .swiper-slide .img .imgbg{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;}
.HomeRecipes .swiper-slide .img .svgbox{width:85%;position: relative;z-index:9;margin:0 auto;padding-bottom:0.3rem;}
.HomeRecipes .swiper-slide .img .svgbox image{width:100%;}
.HomeRecipes .swiper-slide .txt{text-align: center;margin-top:0.15rem;}
.HomeRecipes .swiper-slide .txt .dec{margin-top:0.1rem;}

@media(max-width:1024px){
    .HomeRecipes{padding-top:1.6rem;}
}

@media(max-width:640px){
    .HomeRecipes{padding-top:0.8rem;background-size: 180%;}
}


.HomeContact{padding:1.5rem 0;position: relative;}
.HomeContact .HomeContactLeft{width:50%;position: relative;z-index:9;}
.HomeContact .HomeContactLeft .imgbg{position: absolute;width:110%;height:100%;right:0;top:0;}
.HomeContact .HomeContactLeft .imgbg image{width:100%;opacity: 0.5;}
.HomeContact .HomeContactLeft .imgbg svg{}
.HomeContact .HomeContactLeft .txt{padding:1.5rem 1rem;position: relative;z-index:9;color:#fff;}
.HomeContact .HomeContactLeft .txt ul li{margin-top:0.3rem;position: relative;padding-left:0.3rem;}
.HomeContact .HomeContactLeft .txt ul li .icon{position: absolute;left:0;top:0;max-width:0.17rem;}
.HomeContact .HomeContactLeft .txt ul li:first-child .dec{font-size: 0.3rem;font-weight: bold;}
.HomeContact .HomeContactLeft .txt ul li .dec{font-weight: bold;}
.HomeContact .HomeContactLeft .txt ul li .name{opacity: 0.7;}

.HomeContact .HomeContactRight{width:50%;position: relative;padding:1rem 1rem 1.8rem;}
.HomeContact .HomeContactRight::before{content:'';display: block;width:118%;height:100%;background: url(../images/homebg2.png) no-repeat center center;background-size: 100% 100%;left:-10%;top:0;position: absolute;}
.HomeContact .HomeContactRight .Form{position: relative;z-index:9;}
.HomeContact .HomeContactRight .FormImg{position: absolute;z-index:9;width:1.92rem;right:-1.2rem;bottom:20%;}

.Form ul li{position: relative;background: url(../images/formline1.svg) no-repeat bottom left;background-size: 100%;}
.Form ul li input{line-height: 0.7rem;width:100%;padding-left:0.9rem;font-size: 0.2rem;}
.Form ul li .name{position: absolute;left:0;top:0;line-height: 0.7rem;}
.Form ul li.textarea .name{position: static;}
.Form ul li textarea{height:0.8rem;padding:0 0 0.1rem 0;font-size: 0.2rem;width:100%;}
.Form ul li:nth-child(2){background: url(../images/formline2.svg) no-repeat bottom left;background-size: 100%;}
.Form ul li:nth-child(3){background: url(../images/formline3.svg) no-repeat bottom left;background-size: 100%;}


.Form .Formbtn{margin-top:0.2rem;}
.Form .Formbtn button{background: none;color:#f39800;line-height: .5rem;background: url(../images/btnline.svg) no-repeat bottom left;}

@media(max-width:1024px){
    .HomeContact .HomeContactLeft .txt{padding:1rem 0.6rem;}
    .HomeContact .HomeContactLeft .imgbg{width:100%;}
    .HomeContact .HomeContactRight{padding:0.6rem 0.6rem 1rem;}
    .HomeContact .HomeContactRight::before{width:110%;}
    .HomeContact .HomeContactRight .FormImg{right:0;width:1.2rem;}
}

@media(max-width:768px){
    .HomeContact .HomeContactLeft{width:100%;}
    .HomeContact .HomeContactLeft .txt{padding:0.6rem;}
    .HomeContact .HomeContactLeft .imgbg .svgbox{display: none;}
    .HomeContact .HomeContactLeft .imgbg .imgbox{width:100%;height:100%;position: absolute;top:0;left:0;display: block;}
    .HomeContact .HomeContactLeft .imgbg .imgbox::after{content:'';display: block;width:100%;height:100%;background: #f39800;opacity: 0.9;position: absolute;left:0;top:0;}
    .HomeContact .HomeContactRight{width:100%;background: #fff;padding:0.6rem;}
    .HomeContact .HomeContactRight::before{display: none;}
    .HomeContact .HomeContactRight::before,
    .HomeContact .HomeContactRight::after{content:'';display: block;width:100%;height:0.09rem;background: url(../images/form_linebg.svg) repeat-x left center;position: absolute;left:0;top:0;z-index:9;}
    .HomeContact .HomeContactRight::after{top:auto;bottom:0;}
    .HomeContact .HomeContactRight .FormImg{right:0;width:1rem;bottom:10%;}
}

@media(max-width:640px){
    .HomeContact .HomeContactLeft .txt{padding:0.3rem;}
    .HomeContact .HomeContactRight{padding:0.3rem;}
}

.gsapimg{ display:none;}
.gsapimg img{width:100%;}
.gsap1{width:3.26rem;position: absolute;bottom:0;left:-3rem;}
.gsap2{width:2.51rem;position: absolute;top:-3rem;right:-4rem;}
.gsap3{width:2.62rem;position: absolute;top:-3rem;left:-3rem;}

.Popup{position: fixed;z-index:999;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5);display: none;}
.PopupBox{width:90%;max-width:8.5rem;border-radius: 0.3rem;background: #fff;padding:0.6rem;box-shadow: 0 0 0.3rem rgba(0,0,0,0.1);position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.PopupBox .close{position: absolute;right:0.4rem;top:0.4rem;width:0.32rem;cursor: pointer;}
.PopupTit{text-align: center;margin-bottom:0.2rem;}
.PopupTit .tit{color:#f39800;margin-bottom:0.1rem;}


.PopupList{max-height:60vh;overflow: auto;}
.PopupList ul{display: flex;flex-wrap: wrap;}
.PopupList ul li{width:33.33%;padding:0.2rem 0.1rem;text-align: center;}
.PopupList ul li .img{position: relative;}
.PopupList ul li .imgbox{height:1.48rem;display: flex;align-items: center;justify-content: center;}
.PopupList ul li .imgbox img{object-fit: contain;max-height:100%;max-width:1.6rem;}
.PopupList ul li .imgbg{position: absolute;left:50%;top:60%;transform: translate(-50%,-50%);width:65%;}
.PopupList ul li .imgbg img{width:100%;}
.PopupList ul li .txt{margin-top:0.2rem;color:#f39800;}

.mfp-close-btn-in .mfp-close{background: url(../images/close.png) no-repeat center center;background-size: 0.32rem;opacity: 1;font-size: 0;color:transparent;right:0.2rem;top:0.2rem;}

body{overflow: hidden;}
@media(max-width:1024px){
    .gsap1{width:2rem;position: absolute;bottom:0;left:-4rem;}
    .gsap2{width:1.5rem;position: absolute;top:-3rem;right:-4rem;}
    .gsap3{width:1.5rem;position: absolute;top:-3rem;left:-3rem;}
}

@media(max-width:640px){
    .PopupBox{padding:0.25rem;}
    .mfp-close-btn-in .mfp-close{right:0;top:0;background-size: 0.24rem;}
    .PopupList ul li{width:50%;}
}

.nBan{position: relative;}
.nBan::before{content:"";display: block;width:100%;height:100%;background: url(../images/banbg.png) no-repeat bottom center;background-size: 100%;position: absolute;left:0;bottom:-2px;z-index:9;}
.nBan .img{padding-top:5.5rem;}
.nBan .txt{position: absolute;width:100%;left:0;top:52%;transform: translateY(-50%);text-align: right;}
.nBan .txt .tit{color:#f39800;text-shadow: 4px 4px 0px #FFFFFF;line-height: 1.2;}

.nTit{color:#f39800;margin-bottom:0.2rem;line-height: 1.4;}
.line168{line-height: 1.68;}

.Grow_part_one{padding-top:0.6rem;}
.Grow_part_one .partlist{padding:0.4rem 0;}
.Grow_part_one .partlist .item{padding:0.5rem 0;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;align-items: center;}
.Grow_part_one .partlist .item .img{width:48%;position: relative;}
.Grow_part_one .partlist .item .img .imgbox{padding-top:56%;transform: rotate(-8deg);}
.Grow_part_one .partlist .item .img::before{content:'';display: block;width:100%;height:100%;background: #f39800;position: absolute;left:0;top:0;transform: rotate(1deg);}
.Grow_part_one .partlist .item .txt{width:46%;}


.Grow_part_one .partlist .item:nth-child(2n){flex-direction: row;}
.Grow_part_one .partlist .item:nth-child(2n) .img .imgbox{transform: rotate(8deg);}
.Grow_part_one .partlist .item:nth-child(2n) .img::before{transform: rotate(-1deg);}

.line img{width:100%;}
.Grow_part_one .line{margin:1.1rem 0 0 0;}
.Grow_part_two{padding:1rem 0;}

.color{color:#f39800;}
.Grow_part_two .tag{margin-bottom:.14rem;line-height: 1.363;}
.Grow_part_two .con p{padding-left:0.28rem;position: relative;}
.Grow_part_two .con .p::before{content:'';display: block;width:0.15rem;height:0.06rem;background: url(../images/list_ico.svg) no-repeat center center;background-size: contain;position: absolute;left:0;top:0.14rem}
.Grow_part_two .Box{display: flex;flex-wrap: wrap;justify-content: space-between;padding:0.8rem 0;}
.Grow_part_two .Box .txt{width:49%;}
.Grow_part_two .Box .img{width:42.8%;text-align: center;}
.Grow_part_two .Box .imgb{margin-right:0.15rem;position: relative;}
.Grow_part_two .Box .imgb img{position: relative;z-index:0;width:100%;}
.Grow_part_two .Box .imgb::before{content:'';display: block;width:100%;height:100%;background: #f39800;position: absolute;bottom:-0.15rem;right:-0.15rem;}
.Grow_part_two .Box .img_name{margin:0.3rem auto 0;max-width:3.5rem;}

@media(max-width:1024px){
    .nBan .img{padding-top:5.2rem;}
}

@media(max-width:640px){
    .nBan .img{padding-top:3rem;}
    .Grow_part_one .partlist .item{justify-content: center;}
    .Grow_part_one .partlist .item .txt{width:100%;}
    .Grow_part_one .partlist .item .img{width:90%;margin-bottom:0.55rem;}
    .Grow_part_one .line{margin-top:0.5rem;}
    .Grow_part_two{padding:0.5rem 0;}
    .Grow_part_two .Box .txt{width:100%;}
    .Grow_part_two .Box .img{width:100%;margin-top:0.2rem;}
    .Grow_part_two .Box{padding:0.4rem 0;}
}

.Conatct_part_one{padding-top:0.6rem;}
.Conatct_part_one .partbox_1{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;padding-top:0.2rem;}
.Conatct_part_one .partbox_1 .txt{width:53.9%;}
.Conatct_part_one .partbox_1 .img{width:41.19%;box-shadow: 0.2rem 0.3rem 0.3rem rgba(0,0,0,0.2);}
.Conatct_part_one .contact_con{ margin-top:.5rem; position:relative;overflow: hidden;height:6.45rem;display: flex;align-items: flex-end;margin-bottom:0.9rem;}
.Conatct_part_one .contact_con_txt{position: relative;width:100%;min-height:5.6rem;}
.Conatct_part_one .contact_con_txt .img{width:100%;height:100%;position: absolute;top:0;left:0;}
.Conatct_part_one .contact_con_txt .img::before{content:'';display: block;width:100%;height:100%;background:#f39800;opacity: 0.9;position: absolute;left:0;top:0;z-index:9;}
.Conatct_part_one .contact_con_txt .txt{position: relative;z-index:10;width:45%;padding:1rem;color:#fff;}
.Conatct_part_one .contact_con_txt .txt ul li{margin-top:0.2rem;position: relative;padding-left:0.3rem;}
.Conatct_part_one .contact_con_txt .txt ul li .icon{position: absolute;left:0;top:0;max-width:0.17rem;}
.Conatct_part_one .contact_con_txt .txt ul li:first-child .dec{font-size: 0.3rem;font-weight: bold;}
.Conatct_part_one .contact_con_txt .txt ul li .dec{font-weight: bold;}
.Conatct_part_one .contact_con_txt .txt ul li .name{opacity: 0.7;}
.Conatct_part_one .contact_con_map{width:70%;position: absolute;right:-10%;bottom:-1px;z-index:90;height:100%;}
.Conatct_part_one .contact_con_map .img{transform: skewX(-20deg);overflow: hidden;position: absolute;width:100%;height:100%;top:0;left:0;}
.Conatct_part_one .contact_con_map .img .imgbox{transform: skewX(20deg);width:120%;height:100%;position: absolute;top:0;left:0;margin-left:-20%;}


.Message{margin:1rem 0 0;background: #fff;position: relative;padding:1rem;}
.Message::before,.Message::after{content:'';display: block;width:100%;height:0.09rem;background: url(../images/form_linebg.svg) repeat-x left bottom;position: absolute;top:0;left:0;}
.Message::after{top:auto;bottom:0;}
.Message .MessageTit{margin-bottom:0.2rem;}
.Message .MessageTit .nTit{line-height: 1.1;}
.Message .MessageTit .dec{color:#666;}
.Message .MessageBox ul li{position: relative;background-position: left bottom;background-size: 100%;background-repeat: no-repeat;position: relative;line-height: .7rem;}
.Message .MessageBox ul li .name{width:2.8rem;text-align: right;position: absolute;left:0;top:0;}
.Message .MessageBox ul li .name i{color:#f39800;position: absolute;right:-0.12rem;}
.Message .MessageBox ul li input{padding-left:3.1rem;display: block;width:100%;height:0.7rem;font-size: 0.2rem;}
.Message .MessageBox ul li textarea{padding:0.2rem 0;padding-left:3.1rem;display: block;width:100%;height:1.2rem;font-size: 0.2rem;}
.Message .MessageBox ul li.textarea textarea{height:2rem;}
.Message .MessageBox ul li.other{display: flex;align-items: center;padding-left:3.1rem;margin:0.2rem 0;line-height: 1.4;}
.Message .MessageBox ul li.other input{width:0.18rem;padding:0;height:0.18rem;margin-right:0.1rem;}
.Message .MessageBox ul li.formbtn{padding-left:3.1rem;background: none !important;}
.Message .MessageBox ul li.formbtn button{background: url(../images/btnline.svg) no-repeat bottom left;color:#f39800;line-height: 2;}

.Message .MessageBox ul li:nth-child(1){background-image:url(../images/meline1.svg);}
.Message .MessageBox ul li:nth-child(2){background-image:url(../images/meline2.svg);}
.Message .MessageBox ul li:nth-child(3){background-image:url(../images/meline3.svg);}
.Message .MessageBox ul li:nth-child(4){background-image:url(../images/meline4.svg);}
.Message .MessageBox ul li:nth-child(5){background-image:url(../images/meline5.svg);}
.Message .MessageBox ul li:nth-child(6){background-image:url(../images/meline6.svg);}

.Message .MessageImg{position: absolute;width:1.92rem;right:1rem;bottom:1.1rem;}

@media(max-width:640px){
    .Conatct_part_one .contact_con{flex-wrap: wrap;height:auto;margin-bottom:0.4rem;}
    .Conatct_part_one .partbox_1 .txt{width:100%;}
    .Conatct_part_one .partbox_1 .img{width:100%;margin-top:0.3rem;}
    .Conatct_part_one .contact_con_txt{min-height:1px;}
    .Conatct_part_one .contact_con_txt .txt{width:100%;padding:0.3rem;}
    .Conatct_part_one .contact_con_map{width:100%;position: static;}
    .Conatct_part_one .contact_con_map .img{position: static;transform: skewX(0);}
    .Conatct_part_one .contact_con_map .img .imgbox{position: relative;transform: skewX(0);width:100%;padding-top:66%;margin-left:0;}
    .Message{margin:0.5rem 0;padding:0.3rem;}
    .Message .MessageBox ul li{line-height: 0.5rem;padding:0.1rem 0;}
    .Message .MessageBox ul li input{padding:0;height:0.5rem;}
    .Message .MessageBox ul li .name{position: relative;width:100%;text-align: left;}
    .Message .MessageBox ul li .name i{position: static;}
    .Message .MessageBox ul li textarea{padding:0;}
    .Message .MessageBox ul li.other{padding-left:0;}
    .Message .MessageBox ul li.formbtn{padding-left:0;}
    .Message .MessageImg{width:1rem;right:0.3rem;bottom:0.3rem;}
    .Message .MessageBox ul li.textarea textarea{height:1.2rem;}
}




.Recipes .Recipes_filter{padding:0 0 0.6rem 0;}

.Recipes .Recipes_search{width:48.5%;background: url(../images/seline1.svg) no-repeat bottom left;background-size: 100%;position: relative;}
.Recipes .Recipes_search input{width:100%;font-size: 0.18rem;height:0.8rem;padding-right:0.5rem;font-weight: bold;color:#f39800;}
.Recipes .Recipes_search button{position: absolute;width:0.5rem;height:100%;display: flex;align-items: center;justify-content: center;background: none;position: absolute;right:0;top:0;}
.Recipes .Recipes_search input:-moz-placeholder {color: #f39800;}
.Recipes .Recipes_search input::-moz-placeholder {color: #f39800;}
.Recipes .Recipes_search input:-ms-input-placeholder{color: #f39800;}
.Recipes .Recipes_search input::-webkit-input-placeholder{color: #f39800;}


.Recipes .Recipes_select{margin-left:-3%;display: flex;flex-wrap: wrap;}
.Recipes .Recipes_select .item{width:22%;margin-left:3%;line-height: 0.8rem;background-position: left bottom;background-size: 100%;background-repeat: no-repeat;position: relative;}
.Recipes .Recipes_select .item:nth-child(1){background-image: url(../images/seline2.svg);}
.Recipes .Recipes_select .item:nth-child(2){background-image: url(../images/seline3.svg);}
.Recipes .Recipes_select .item:nth-child(3){background-image: url(../images/seline4.svg);}
.Recipes .Recipes_select .item:nth-child(4){background-image: url(../images/seline5.svg);}


.Recipes .RecipesList ul{display: flex;flex-wrap: wrap;margin-left:-3%;}
.Recipes .RecipesList ul li{width:30.33%;margin-left:3%;margin-bottom:3%;text-align: center;}
.Recipes .RecipesList ul li .img{padding-top:107%;}
.Recipes .RecipesList ul li:hover .img span{transform: scale(1.05);}
.Recipes .RecipesList ul li .txt{margin-top:0.2rem;}
.Recipes .RecipesList ul li .txt .tit{color:#f39800;display:-webkit-box;display: box;overflow: hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:1.3;}
.Recipes .RecipesList ul li .txt .time{display: flex;align-items: center;justify-content: center;margin-top:0.05rem;color:#333;}
.Recipes .RecipesList ul li .txt .time img{display: inline-block;width:0.18rem;margin-right:0.1rem;}

@media(max-width:640px){
    .Recipes .Recipes_filter{padding:0.3rem 0}
    .Recipes .Recipes_search{width:100%;}
    .Recipes .Recipes_select .item{width:47%;}
    .Recipes .RecipesList ul li{width:47%;}
}

.RecipesInfo{padding:0.5rem 0 0.8rem 0;}
.RecipesInfo .RecipesInfoBox .nTit{margin-bottom:0.05rem;}

.RecipesInfo .RecipesInfoCon{display: flex;flex-wrap: wrap;justify-content: space-between;margin:0.3rem 0;}
.RecipesInfo .RecipesInfoCon .RecipesInfoLeft{width:34.92%;background: #f39800;position: relative;}
.RecipesInfo .RecipesInfoCon .RecipesInfoLeft::before{content:"";display: block;width:100%;height:1rem;background: #f39800;transform: skewY(10deg);position: absolute;bottom:-0.5rem;left:0;}
.RecipesInfo .RecipesInfoCon .RecipesInfoLeft .txt{padding:0.7rem 0.6rem;color:#fff;}
.RecipesInfo .RecipesInfoCon .RecipesInfoLeft .txt .con p{margin-top:0.1rem;line-height:1.4;}
.RecipesInfo .RecipesInfoCon .RecipesInfoLeft .txt .tit{padding-bottom:0.1rem;}
.RecipesInfo .RecipesInfoCon .RecipesInfoRight{width:58.73%; line-height:1.8;}
.RecipesInfo .RecipesInfoCon .RecipesInfoRight .tit{padding:0.3rem 0;background: url(../images/titline.svg) no-repeat bottom left;background-size: 100%;margin-bottom:0.25rem;}

.RecipesOther{padding-top:1rem;}
.RecipesOther .swiper-slide{margin-top:0.2rem;}
.RecipesOther .swiper-slide .img{padding-top:107%;}
.RecipesOther .swiper-slide:hover .img span{transform: scale(1.05);}
.RecipesOther .swiper-slide .txt{margin-top:0.2rem;text-align: center;}
.RecipesOther .swiper-slide .txt .tit{color:#f39800;}
.RecipesOther .swiper-slide .txt .time{display: flex;align-items: center;justify-content: center;margin-top:0.05rem;color:#333;}
.RecipesOther .swiper-slide .txt .time img{display: inline-block;width:0.18rem;margin-right:0.1rem;}

.Goback_com{margin-top:0.5rem;text-align: center;}
.Goback_com a{display: inline-block;padding:0.1rem 0;background: url(../images/backline.svg) no-repeat bottom left;background-size: 100%;color:#f39800;}

@media(max-width:640px){
    .RecipesInfo{padding:0.3rem 0 0.4rem 0;}
    .RecipesInfo .RecipesInfoBox .nTit{margin-bottom:0.15rem;}
    .RecipesInfo .RecipesInfoCon .RecipesInfoLeft{width:100%;}
    .RecipesInfo .RecipesInfoCon .RecipesInfoLeft::before{display: none;}
    .RecipesInfo .RecipesInfoCon .RecipesInfoLeft .txt{padding:0.3rem;}
    .RecipesInfo .RecipesInfoCon .RecipesInfoRight{width:100%;}
    .RecipesOther{padding-top:0.3rem;}
}

.mt30{margin-top:0.3rem;}
.mb30{margin-bottom:0.3rem;}
.Message .MessageBox ul li.formbtn_nopadding{padding-left:0;}
.Message .MessageBox ul li.textarea_100 textarea{padding-left:0;padding:0.1rem 0;}
.Message .MessageBox ul li.textarea_100 .name{position: static;text-align: left;width:100%;line-height: 1.4;}
.Message .MessageBox ul li.textarea_100 textarea{height:1.4rem;}
.Message_780box{max-width:7.8rem;margin:0 auto;position: relative;}
.Message_780box .MessageTit{margin-bottom:0.4rem;}
.Message_780box .MessageImg{right:-0.8rem;bottom:0;}

.Product .pro_img_txt{display: flex;justify-content: space-between;flex-wrap: wrap;margin:0.6rem 0;align-items: flex-start;}
.Product .pro_img_txt .txt{width:51.5%; line-height:1.8;}
.Product .pro_img_txt .img{width:39.5%;position: relative;margin-right:0.15rem;}
.Product .pro_img_txt .img::before{content:'';display: block;width:100%;height:100%;background: #f39800;position: absolute;right:-0.15rem;bottom:-0.15rem;}
.Product .pro_img_txt .img img{display: block;width:100%;position: relative;z-index:9;}
.Product .pro_img_txt .txt .box{padding:0.20rem 0;}
.Product .pro_img_txt .txt .box:first-child{padding-top:0;}
.Product .protit{margin-bottom:0.12rem;}

.Product .pro_Availability .pro_Availability_box{padding:0.3rem 0.35rem;position: relative;}
.Product .pro_Availability .pro_Avabox{padding-left:1.15rem;position: relative;color:#666; overflow:hidden;}
.Product .pro_Availability .pro_Avabox .name{position: absolute;left:0;top:50%;transform: translateY(-50%);}
.Product .pro_Availability .pro_Avabox ul{display: flex;}
.Product .pro_Availability .pro_Avabox ul li{width:8.3333%;text-align: center;}
.Product .pro_Availability .pro_Avabox_country{margin-top:0.2rem;}
.Product .pro_Availability .pro_Avabox_country ul{background: #fdeaca;border-radius: 0.18rem;}
.Product .pro_Availability .pro_Avabox_country ul li{height:0.18rem;background: #fdeaca;}
.Product .pro_Availability .pro_Avabox_country ul li:first-child{border-radius: 0.18rem 0 0 0.18rem;}
.Product .pro_Availability .pro_Avabox_country ul li:last-child{border-radius: 0 0.18rem 0.18rem 0;}
.Product .pro_Availability .pro_Avabox ul li.on{color: #f39800;}
.Product .pro_Availability .pro_Avabox_country ul li.on{background: #f39800;}
.Product .pro_Availability .pro_Avabox_country ul li.on.bor-left{border-radius: 0.18rem 0 0 0.18rem;}
.Product .pro_Availability .pro_Avabox_country ul li.on.bor-right{border-radius: 0 0.18rem 0.18rem 0;}
.Product .pro_Availability .table-box table{width:100%; text-align:center;}
.Product .pro_Availability .table-box td{ width:calc(100% / 13); padding:.1rem .05rem; border:solid 1px #ccc;}


.Product .pro_Package .pro_Package_table:not(:last-child){margin-bottom:0.2rem;}
.Product .pro_Package .pro_Package_table .name{margin-bottom:0.1rem;}
.Product .pro_Package .pro_Package_table .table{max-width:7.2rem;}
.Product .pro_Package .pro_Package_table table{width:100%;text-align: center;border:none;line-height: 1.4;}
.Product .pro_Package .pro_Package_table table td{padding:0.12rem 0.1rem;border-top:2px solid #f8f2eb;}
.Product .pro_Package .pro_Package_table table th{padding:0.2rem 0.1rem;color:#666;}

@media(max-width:640px){
    .Product .pro_img_txt{margin-top:0.3rem;}
    .Product .pro_img_txt .txt{width:100%;}
    .Product .pro_img_txt .img{width:100%;margin-top:0.3rem;}
    .Product .pro_Availability .pro_Avabox{ width:max-content; min-width:100%;}
    .Product .pro_Availability .pro_Avabox ul{width:700px;}
    .Product .pro_Availability .pro_Availability_box{width:100%;overflow:auto; padding:.2rem 0;}
    .Message_780box .MessageImg{right:-0.3rem;}
}

.Product .pro_Package .pro_Package_table_100 .table{max-width:100%;}

.Product_pear{background: url(../images/pearbg1.png) no-repeat bottom center;background-size: 100%;padding:0.3rem 0 2rem 0 ;margin-bottom:1rem;}
.Product_pear .contain{max-width:17.4rem;margin:0 auto;width:96%;}


.Product_pear .con{color:#fff;max-width:11.2rem;margin:0.5rem auto 0;text-align: center;}
.Product_pear .Product_pearBox{display: flex;flex-wrap: wrap;}
.Product_pear .Product_pearBox .item{width:33.33%;padding:0 0.5rem;background: url(../images/pearline1.svg) no-repeat left center;margin-top:0.3rem;}
.Product_pear .Product_pearBox .item .img{position: relative;margin:0.3rem 0 0.1rem 0;}
.Product_pear .Product_pearBox .item .img .imgbox{padding-top:63%;}
.Product_pear .Product_pearBox .item .txt{min-height:2.3rem;}
.Product_pear .Product_pearBox .item .img .num{width:1.13rem;height:0.8rem;background: url(../images/pearnumbg.svg) no-repeat center center;background-size: 100% 100%;padding:0.1rem 0 0 0.24rem;font-size: 0.3rem;font-weight: bold;color:#f39800;position: absolute;top:-0.1rem;left:0.3rem;z-index:9;}
.Product_pear .Product_pearBox .item .tit{color:#fff;text-align: center;max-width:80%;margin:0 auto;}
.Product_pear .Product_pearBox .item:first-child{background: none;}

@media(max-width:1024px){
    .Product_pear .Product_pearBox .item{padding:0 0.2rem;}
    .Product_pear .Product_pearBox .item .tit{color:#333;}
}

@media(max-width:640px){
    .Product_pear{padding-bottom:0.8rem;background-size: 180%;}
    .Product_pear .Product_pearBox .item{width:100%;}
}

.Product .pro_Package .pro_Package_table::after{content:'';display: block;clear: both;}
.Product .pro_Package .pro_Package_table .img{float:right;width:35%;}
.Product .pro_Package .pro_Package_table .table{float:left;}

@media(max-width:1024px){
    .Product .pro_Package .pro_Package_table .img{width:30%;}
}

@media(max-width:768px){
    .Product .pro_Package .pro_Package_table .img{width:100%;margin-top:0.3rem;}
}

.Product .pro_line{margin:1rem 0 0.8rem 0;}
.Product .pro_line img{width:100%;}
.pro_Factors{position: relative;margin-top:0.6rem;}
.pro_Factors .txt{width:55.95%;background: url(../images/boxbg1.png) no-repeat center right;background-size: 100% 100%;color:#fff;padding:0.7rem;padding-right:1rem;position: relative;z-index:9;}
.pro_Factors .txt .con p{padding-left:0.28rem;position: relative;margin-top:0.15rem;line-height: 1.4;}
.pro_Factors .txt .con p::before{content:'';display: block;width:0.15rem;height:0.06rem;background:url(../images/tit_line_white.svg) no-repeat left center;background-size: contain;position: absolute;top:0.12rem;left:0;}
.pro_Factors .img{width:64.285%;background: url(../images/boxbg2.png) no-repeat center left;background-size: 100% 100%;position: absolute;right:0;top:0.4rem;height:100%;display: flex;align-items: center;justify-content: flex-end;padding:0.8rem;}
.pro_Factors .img img{max-width:4.6rem;}

.Product .Grow_part_two{padding:0;margin:0;}

.Grow_part_two .box_txt_new{position: relative;padding:0.7rem 0.1rem;color:#fff;margin:0.5rem 0 0 0;}
.Grow_part_two .box_txt_new .con{position: relative;z-index:9;}
.Grow_part_two .box_txt_new::before{content:"";display: block;width:115%;height:100%;background: #f39800;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%) skewX(-15deg);}

.RecipesOther_nopd{padding-top:0;}

@media(max-width:768px){
    .pro_Factors .txt{width:100%;background: #f39800;padding:0.3rem;}
    .pro_Factors .img{position: static;width:100%;padding:0.4rem;justify-content: center;}
    .Grow_part_two .box_txt_new::before{transform: skewX(0);display: none;}
    .Grow_part_two .box_txt_new{padding:0.3rem;background: #f39800;}
    .Product .pro_line{margin:0.3rem 0;}
}


.SearchPage{padding-bottom:0.8rem;}
.SearchList ul{display: flex;flex-wrap: wrap;}
.SearchList ul li{width:25%;padding:0.2rem 0.1rem;text-align: center;}
.SearchList ul li .img{position: relative;}
.SearchList ul li .imgbox{height:1.48rem;display: flex;align-items: center;justify-content: center;}
.SearchList ul li .imgbox img{object-fit: contain;max-height:100%;max-width:1.6rem;}
.SearchList ul li .imgbg{position: absolute;left:50%;top:60%;transform: translate(-50%,-50%);width:65%;}
.SearchList ul li .imgbg img{width:100%;}
.SearchList ul li .txt{margin-top:0.2rem;color:#f39800;}




