p{
    color: #888;
}
nav{
    font-family:SimSun;
}
footer{
    font-family:SimSun;
}
address p{
    font-size: 16px;
    color: #c9c9c9;
}
.active a{
    font-size: 20px!important;

}
.healthy{
    width: 30%;
}
.healthyJoin{
    width: 18%;
}
.healthyJoinMe{
    width: 25%;
    float: left;
    margin-top: 10%;
    padding-bottom: 50px;
}
.joinMeWidth{
    padding: 0 25px;
}
.joinMeTop{
    margin-top: 0px!important;
}
.joinMeMid{
    margin-top: 5%;
}
.joinMeWidth p{

}
.video{
    width: 100%;
    margin: 0 auto;
}
.healthFood{
    width: 100%;
}
.foodDetails img{
    width: 80%;
}
.cation{
    background-color: #fff;
    width: 100%;
    height: 120%;
    padding: 0 30px;
}
.cation img{
    padding-top: 50px;
}
.foodBackImg{
    background-image:url(../image/healthfood.jpg);
    height: 560px;
}
.foodBackImg p{
    margin-top: 0px!important;
    line-height: 0px;
}
.heightP{
    margin-top: 0px!important;
    line-height: 0px!important;
}
.foodBackImg1{
    background-image:url(../image/intelligentproducts.jpg);
    height: 560px;
}
.foodBackImg1 p{
    margin-top: 0px!important;
    line-height: 0px;
}
.food{
    padding-top: 60px;
    width: 350px;
    height: 210px;
    background-color: #fff;
    margin: 125px auto 0px;
}
.company h3{
    margin-top: 100px;
    font-size: 30px;
}
.company p{
    width: 90%;
}
.companyImg{
    width: 80%;
}
.navSize{
    font-size: 16px!important;
}
.foot{
    padding-top: 20px;
    background: #191D20;
}
.footLeft{
    text-align: left;
}
.footWidth{
    width: 80%;
    margin: 5px 0px;
}
.linkHeight{
    height: 50px;
    background: #191D20;
}
.link{
    color: #999;
}
.address{
    padding-bottom: 1rem !important;
}
.header1{
    position:fixed;
    left:0px;
    top:0px;
    z-index: 9999;
    width: 100%;
    height: 72px;
}
.banner{
    margin-top: 72px;
}
.widthP{
    margin-top: 5px!important;
}
.widthH3{
    margin-bottom: 46px!important;
}

.widthH31{
    margin-bottom: 46px!important;
}
.widthP1{
    margin-top: 10px!important;
}
.title{
    padding-right: 50px;
}
.joinInBack{
    margin-top: 72px;
    background-image: url("../image/joininback.png");
    height: 720px;
}
.healthFoodBack{
    margin-top: 72px;
    background-image: url("../image/healthfood.png");
    height: 720px;
}
.intelligenceBack{
     margin-top: 72px;
     background-image: url("../image/intelligencebanner.png");
     height: 720px;
 }
.intelligenceBack1{
    background-image: url("../image/intelligenceBack1.png");
    height: 856px;
}
.waterCup1Back1{
    background-image: url("../image/watercup2.png");
    height: 800px;
}
.intelligenceBack2{
    background-image: url("../image/intelligenceBack2.png");
    height: 800px;
}
.introduceMar2{
    margin-top: 60px!important;
}
.TeaOilBack{
    background-image: url("../image/teaoilback.png");
    height: 640px;
}
.riceBack{
    background-image: url("../image/Rice1.png");
    height: 728px;
    margin-top: 50px;
}
.newsPage{
    margin: 0px auto;
}
.riceImg img{
width: 90%;
margin-top: 50px;
}
.riceHid div{
padding: 0px;
}
.riceHid img{
width: 98%;
}
.pure img{
width: 100%;
}
.riceHid{
margin-top: 50px;
}
.ricePos{
width: 650px;
height: 400px;
padding: 70px!important;
position:absolute;
background: #fff;
left: 24%;
bottom: 22%;
z-index: 999;
color: #000;
font-family:SimSun;
}
.links a{
padding-bottom: 0.4rem !important;
font-size: 16px;
}
.ricePos h3{
margin-bottom: 45px;
}
.ricePos p{
color:rgba(33,33,33,0.7);
}
.aboutBack{
margin-top: 72px;
background-image: url("../image/aboutback.png");
height: 1481px;
}

.aboutBack img{
width: 100%;
}
.aboutTop{
padding: 60px 45px;
margin-top: 685px;
width: 100%;
height: 685px;
background-color: #fff;
}
.company img{
width: 85%;
}
.brandP{
padding-left: 50px;
}
.brandP p{
margin-top: 54px;
font-size: 17px;
line-height: 35px;
}
.brandP1 h1{
margin-top: 40px;
}
.brandP1 p{
margin-top: 54px;
font-size: 17px;
line-height: 35px;
}
.brandImg img{
width: 100%;
}
.brandImgP{
padding-top: 90px;
}
.brandImgP p{
margin-top: 50px;
}
.brandBackground{
background: url("../image/brandback.png");
height: 720px;
}
.contactP{
color: #000!important;
margin-top: 10px!important;
line-height: 15px!important;
}
.contactH3{
font-size: 45px!important;
}
.honorH3{
font-size: 35px!important;
}
.honor img{
width: 100%;
}
.companyTop{
margin-top: 60px;
}
.honor div{
padding: 15px 15px;
}
.joinAddress{
padding-left: 10%;
}
.joinAddress img{
width: 25%;
}
.joinMail{
padding-right: 10%;
}
.joinMail img{
width: 25%;
}
.backColor{
background-color: #fff;
}
.brandImg{
background: url("../image/brand1.png");
height: 460px;
}
.containerBack{
background-color: #fff;
padding: 10px 30px;
}
.honorH3News{
font-size: 32px!important;
font-weight: 300;
color: #4e4e4e!important;
letter-spacing: 2px;
padding-top: 40px!important;
}
.quality h1{
    color: #000;
}

.newsBanenr{
padding-bottom: 0px!important;
}
.joinInMap{
width:100%;height:720px;border:#ccc solid 1px;font-size:12px;
}
.grid12{
border-bottom: 1px solid #dedcdc;
}
.navSw{
width: 90% !important;
}
.navSw1 b{
display: block;
margin-top: 95px;
}
.oveRin{
overflow: visible!important;
}
.navSw b{
font-size: 17px;
}
.mp4img{
margin: 50px 0 30px 0;
}

.introduceMar{
margin: 20px 0;
}
.introduceMar1{
margin-top: 50px;
}
.introduceMar h1{
margin: 94px 0px 40px 0px;
}
.introduceMar1 h1{
 margin: 140px 0px 40px 0px;
}
.introduceWid1 h1{
margin: 50px 0px 40px 0px!important;
}
.introduceMar1 h2{
margin: 70px 0px 30px 0px;
}
.introduceMar img{
width: 90%;
}
.introduceMar div{
padding: 0px;
}
.ZenTeaGrow img{
width: 100% !important;
}
.zenTeaWid1{
box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.zenTeaWid1 h3{
padding: 30px 25px 0px;
}
.zenTeaWid1 p{
padding: 10px 25px 50px;
}
.teaOilImg1{
margin: 100px 0px;
}
.teaOilImg1 img{
width: 100%;
}
.teaOilImg1 div{
padding: 0px;
}
.teaOilBack{
background:rgba(240,237,241,1);
font-family:SimSun;
padding: 0px 120px!important;
}
.effect{
font-family:SimSun;
padding: 0 170px 100px;
}
.effect3{
font-family:SimSun;
padding: 100px 170px 100px;
}
.effect3 h1{
font-size: 3.5rem;
}
.effect3 p{
margin: 20px 0 55px 0;
color: #424242;
}
.effect3 img{
width: 100%;
}
.effect1{
font-family:SimSun;
padding: 0px;
}
.effect2 img{
width: 90%;
}
.effectBot{
margin-bottom: 100px;
}
.effect2 p{
margin-top: 100px;
}
.effect1 img{
width: 85%;
}
.effect1 p{
margin-top: 85px;
}
.effect h1{
margin-bottom: 20px;
}
.effect p{
line-height: 1.7rem;
}
.teaOilBack h1{
margin: 140px 0 30px 0;
}
.teaOilImg{
margin: 100px 0px;
}
.teaOilImg1{
margin: 40px 0px!important;
}
.teaOilImg2{
margin: 100px 0px 0px!important;
}
.teaOilImg2 h3{
margin: 15px 0 5px 0;
}
.teaOilImg img{
width: 75%;
margin-bottom: 8px;
}
.teaOilImg div h3{
font-size: 20px;
}
.teaOilImg p{
margin : 3px 0 5px 0;
font-size: 15px;
}
.teaOilImg2 p{
margin : 3px 10px 5px 10px;
font-size: 14px;
}
.teaOilDiv{
color: red;
border: 1px solid red;
border-radius: 8px;
width: 30%;
height: 10%;
padding-top: 7px;
position: absolute;
bottom: 10%;
left : 35%;
}
.teaOilDivWid{
color: red;
border: 1px solid red;
border-radius: 8px;
width: 20%;
height: 10%;
padding-top: 5px!important;
position: absolute;
bottom: 10%;
left : 0%;
background: red;
}
.teaOilDivWid1{
color: #fff;
border:2px solid rgba(33,33,33,1);
border-radius: 4px;
width: 20%;
height: 10%;
padding-top: 3px!important;
position: absolute;
bottom: 10%;
left : 0%;
background: #fff;
}
.teaOilDivWid1 a{
text-decoration-line: none;
background: #fff;
padding: 0px;
font-weight: 500;
font-size: 1rem;
letter-spacing: 1px;
color: #000;
}
.teaOilDivWid a{
text-decoration-line: none;
background: red;
padding: 0px;
font-weight: 500;
font-size: 1rem;
letter-spacing: 1px;
color: #fff;
}
.teaOilDiv1{
color: #fff;
background-color: #333;
border-radius: 8px;
width: 40%;
height: 10%;
padding-top: 7px;
position: absolute;
bottom: 30%;
left : 35%;
}
.teaOilDiv a{
text-decoration-line: none;
background: #fff;
padding: 0px;
font-weight: 500;
font-size: 1rem;
letter-spacing: 1px;
color: #e60000;
}
.teaOilDiv1 a{
text-decoration-line: none;
padding: 0px;
font-weight: 500;
font-size: 1rem;
letter-spacing: 1px;
color: #fff;
}
.teaOilBottom{
padding: 0 0 90px 0;
}
.teaOilBottomW{
padding-bottom: 0px;
border-bottom:1px solid rgba(0, 0, 0, 0.12);
border-right:1px solid rgba(0, 0, 0, 0.12);
padding-top: 20px;
}
.teaOilBottomSua{
padding-bottom: 0px;
padding-top: 20px;
}
.introduceWid{
font-family:SimSun;
}
.introduceWid p{
line-height: 1.75rem;
}
.teaOilBottom1{
background:rgba(255,255,255,1);

margin: 0px 20px;
padding-bottom: 90px;
}
.ZenTeaGrowImg{
margin-top: 50px;
padding-bottom: 50px;
}
.zenTeaWidSo p{
padding: 10px 60px 30px!important;
}
.ZenTeaGrowImg h3{
font-size: 1.25rem;
}
.teaOilBottomSua1{
background:rgba(255,255,255,1);
border:1px solid rgba(0, 0, 0, 0.12);
margin: 0px 20px;
padding-bottom: 90px;
}
.zenTeaWid p{
padding: 10px 25px 50px!important;
}
.zenTeaWid h3{
padding: 25px 25px 0px!important;
}
.zenTeaSua{
font-family:SimSun;
margin-top: 50px;
}
.zenTeaSua1 p{
color: #6b6969;
font-size: 1.1rem;
}
.zenTeaSua h1{
font-size: 3rem;
}
.zemTeaBack{
background-image: url("../image/zenteaback.png");
height: 720px;
font-family:SimSun;
color: #fff;
}
.zemTeaBack img{
width: 100%;
padding-top: 175px;
}
.zenTeaAnd{
width: 100%;
height: 400px;
}
.zemTeaBack h1{
padding: 160px 0 45px 0;
font-size: 3rem;
}
.zemTeaBack p{
color: #e4e4e4;
line-height: 1.8;
padding: 0px 100px;
font-size: 18px;
}
.TeaOilColor{
color: #fff;
font-family:SimSun;
}
.pure{
text-align: center;
font-family:SimSun;
margin-top: 35px;
}
.pure h1{
font-size: 2.8rem;
}
.TeaOilColor p{
color: #fff!important;
margin: 40px 0px;
}
.TeaOilColor h1{
margin-top: 150PX;
}
.TeaOilBoot{
width: 140px;
height: 35px;
background:rgba(200,26,28,1);
border-radius:22px;
padding-top: 5px;
margin: 0 auto;
}
.navSw p{
font-size: 15px;
}
.navSw img{
width: 40%;
margin: 30% 0 5% 0;
}
.navSw1 img{
width: 25%;
margin: 10px;
float: left;
}
.zenTea{
width: 100%;
height: 580px;
background:rgba(232,237,240,1);
font-family:SimSun;
}
.zenTea1{
padding-top: 170px;
}
.zenTea1 img{
width: 100%;
}
.zenTea2{
padding-left: 100px;
}
.zenTea1 h1{
padding-bottom: 50px;
font-size: 3rem;
}
.grid12 img{
width: 200px;
height: 200px;
border-radius: 10px;
float: left;
margin-right: 30px;
}
.grid12 h1{
padding-top: 40px;
font-size: 28px;
}
.grid12 p{
margin: 8px 0px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
nav{
height: 72px;
}
footer{
background: #24282E;
}






@media screen and (max-width: 700px){

.grid12 h1{
    padding-top: 20px;
}
.imgBackWid img{
    width: 100% !important;
}
.grid12 p{
    margin: 8px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.grid12 h1{
    font-size: 22px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.grid12 span{
    display: block;
    text-align: center;
}
.grid12 p{
    text-align: center;
}
.grid13{
    text-align: center!important;
}
.grid12 img{
    width: 200px;
    height: 200px;
    border-radius: 10px;
    float: none;
    text-align: center;
    margin-right: 0px;
   margin-left: 20%;
}
.brandBackground{
    display: none;
}
.effect3{
    font-family:SimSun;
    padding: 10px;
}
.effect3 h1{
    margin-top: 40px;
}
.waterCup1Back1{
    display: none;
}
.effect1{
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin: 10px;
}
.effect1 img{
    width: 100%;
    padding: 10px 0;
}
.effect1 p{
    margin-top: 10px;
}
.effect2{
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin: 10px;
}
.effect2 img{
    width: 100%;
    padding: 10px 0;
}
.effect2 p{
    margin-top: 10px;
}
.effect{
    padding: 10px;
}
.teaOilBottomWap{
    padding: 0 0 40px 0;
}
.teaOilImg2Wap{
    margin: 40px 0px 0px!important;
}
.intelligenceBack2{
    display: none;
}
.intelligenceBack1{
    display: none;
}
.navSw{
    height: 300px!important;
}
.navSw1 b{
    margin-top: 5px;
}
.widthH3{
    margin-bottom: 15px!important;
}
.widthH31{
    margin: 25px 0 15px 0!important;
}
.joinInMap{
    width:100%;
    height:400px;
    border:#ccc solid 1px;
    font-size:12px;
}
.navSw{
    margin-bottom: 0px!important;
}
.ZenTeaGrowImg{
    margin-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}
.zenTeaAnd{
    height: 0px;
}
.zemTeaBack img{
    padding-top: 20px;
}
.zemTeaBack p{
    padding: 0px 0px;
}
.zemTeaBack h1{
    padding: 30px 0 20px 0;
    font-size: 3rem;
}
.zenTea{
   margin-top: 70px;
}
.zenTea1 h1{
    padding: 15px 0;
    font-size: 2.5rem;
}
.zenTea2{
    padding: 0px;
}
.zenTea1{
    padding: 0px 0 0 15px;
    margin: 0px!important;
}
.teaOilDivWid1{
    width: 20%;
    height: 15%;
    bottom: -20%;
}
.introduceWid1 h1{
    margin: 20px 0px 10px 0px!important;
}
.ricePos{
    height: 270px;
    padding: 40px!important;
    position: static;
    background: #fff;
    z-index: 999;
    color: #000;
    font-family:SimSun;
}
.riceHid img{
    background-size: 100% 100%;
    display: none;
}
.riceBack{
    background-image: url("../image/RiceWap.png");
    background-size: 100% 100%;
    height: 450px;
}
.riceImg img{
    width: 100%;
}
.introduceRice h1{
    font-size: 2rem;
}
.teaOilBottomSua{
    padding: 20px 0 0 0;
}
.teaOilDivWid{
    width: 30%;
    height: 26%;
    bottom: -30%;
}
.teaOilBack{
    background:rgba(240,237,241,1);
    font-family:SimSun;
    padding: 70px 20px!important;

}
.teaOilBack123{

    display: none;
}
.teaOilBack h1{
    font-size: 2rem;
    margin: 0px 0 10px 0;
}
.teaOilDivWap{
    bottom: 20%;
    left : 30%;
}
.teaOilBot{
    margin: 0px 0px!important;
}
.teaOilImg img{
    width: 90%;
    margin-bottom: 8px;
}
.introduceMar h1{
    margin: 20px 0px 10px 0px;
}
.introduceMar img{
    width: 100%;
}
.healthFoodBack{
    margin-top: 0px;
    background-image: url("../image/healthfoodwap1.jpg");
    background-size: 100% 100%;
    height: 300px;
}
.intelligenceBack{
    margin-top: 0px;
    background-image: url("../image/intelligencewapbanner.png");
    background-size: 100% 100%;
    height: 293px;
}
.healPost{
    position: relative;
    left: -320px;
    top: 150px;
}
.healPost1{
    position: relative;
    left: -320px;
    top: 150px;
}
.navSw img{
    width: 60%;
    margin: 10% 0 3% 0;
}
.navSw1 img{
    width: 60%;
    margin: 10% 0 3% 10px;
}
.navSw1 b{
    display: block;
    text-align: center;
}
.brandImgP h1{
    padding-top: 0px;
    font-size: 30px;
    text-align: center;
}
.brandP1 p{
    margin-top: 4px;

}
.brandP1 h1{
    margin-top: 20px;
    font-size: 30px;
    text-align: center;
}
.companyTop img{
    width: 100%;
}
.brandImg{
    background: url("../image/brandcore1.png");
    background-size: 100% 100%;
    height: 750px;
}
.wapWidth{
    margin-top: 15px;
    font-size: 30px;
    text-align: center;
}

.brandP p{
    margin-top: 0px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}
.brandP{
    padding-left: 15px;
}
.aboutTop{
    padding: 10px 15px;
    margin-top: 450px;
    width: 100%;
    height: 685px;
    background-color: #fff;
}
.brandImgP p{
    margin-top: 0px;
}
.brandImgP{
    padding-top: 0px;
}
.aboutBack{
    margin-top: 0px;
    background-image: url("../image/wapaboutback.jpg");
    background-size: 100% 100%;
    height: 450px;
    margin-bottom: 1100px;
}
.joinInBack{
    margin: 0px 0px 40px 0px;
    background-image: url("../image/joininback1.jpg");
    height: 500px;
}
.title{
    padding-right: 0px;
}
.video{
    border: 1px solid#333;
}
.foot{
    height: 170px;
}
.foodBackImg{
    height: 370px;
}
.foodBackImg1{
    height: 370px;
}
.food{
    margin: 30px auto 0px;
}
.banner{
    margin-top: 0px;
}

.header1{
    position: static!important;
    height: 100% !important;
}
.logo{
    width: 70%;
}
.logo img{
    width: 70%;
}
.quality p{
    padding: 0 20px;
}
.companyImg{
    width: 100%;
}
.company h3{
    margin-top: 15px;
}
.company p{
    width: 100%;
    padding: 0 5px;
}
.foodDetails img{
    width: 100%;
}
.grid1{
    padding: 15px 15px;
}
.carousel-item.item2 {
    background: -webkit-linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner2.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner2.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner2.jpg) no-repeat;
    background: linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner2.jpg) no-repeat;
    background-size: cover;
}
.carousel-item {
    background: -webkit-linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner1.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner1.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner1.jpg) no-repeat;
    background: linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner1.jpg) no-repeat;
    background-size: cover;
}
.carousel-item.item3 {
    background: -webkit-linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner3.jpg) no-repeat;
    background: -moz-linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner3.jpg) no-repeat;
    background: -ms-linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner3.jpg) no-repeat;
    background: linear-gradient(rgba(23, 22, 23, 0.0), rgba(23, 22, 23, 0.0)), url(../image/wapbanner3.jpg) no-repeat;
    background-size: cover;
}
.carousel-item {
    height: 17em;
}

header{
    height: 100%;
}
nav{
    height: 100%;
}


}