@charset "utf-8";

/* banner */
#banner,.Slideshow,.Slideshow li{height:600px}
#banner{ position:relative; overflow:hidden; text-align:center; margin-top:26px; background:url(../images/loading.gif) center center no-repeat #000;}
.Slideshow{ position:relative;width:100%; overflow:hidden;text-align:center;}
.Slideshow li{ position:absolute; left:0; top:0; z-index:10; width:100%; overflow:hidden; display:none; *display:expression(this.previousSibling==null?'block':'none');}
.Slideshow li:first-child{ display:block;}
.Slideshow li a{ display:inline-block; width:100%;}
.Slideshow li a img{ width:100%;}
#control{position:absolute; z-index:88; top:auto; bottom:25px; left:0; width:100%; text-align:center; line-height:0; overflow:hidden;}
#control a{ display:inline-block; width:16px; height:16px; line-height:0; font-size:0; background:#fff; cursor:hand; cursor:pointer; margin:0 6px; border-radius:50%;}
#control a.active{ background:#facd8a;}

/*公共*/
a.more{ display:inline-block; width:62px; height:40px; float:right; background:url(../images/icos.png) left -40px; margin:10px 0 0 0;}
a.more:hover{ background-position: -70px -40px;}
a.seeMore{ position:absolute; left:40px; top:auto; bottom:150px; display:inline-block; width:100px; height:50px; background:url(../images/icos.png) left -80px;}
a.seeMore:hover{ background-position:left -130px;}
.indexTit{ position:relative; z-index:2; height:60px; background:url(../images/indexTit.png) left top no-repeat; overflow:hidden; margin-bottom:40px;}
#indexTit2{ background-position:left -60px;}
#indexTit3{ background-position:left -120px;}
#indexTit4{ background-position:left -180px;}
#indexTit5{ background-position:left -240px; margin-bottom:10px;}
#indexTit6{ background-position:left -300px;}
#indexTit7{ background-position:left -360px;}
#indexTit8{ background-position:36px -420px;}
#indexTit9{ background-position:left -480px;}
.sidePic{ width:240px;}
.sidePic img{ width:100%;}

/*品牌*/
#indexBrand{ padding:20px 10px 0 20px; line-height:30px; height:260px; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#indexBrand2{ border-top:#ddc8ae 1px solid; width:50%; float:left; line-height:30px;}
#indexBrand2 h2{ margin:30px 0; padding:0;}

/*视频*/
#indexVideo{ width:43%; float:right; overflow:hidden;}
#videoBox{ width:100%; background:#000;}
#thumbs{position:relative; float:left; width:100%; height:45px;overflow:hidden; border-bottom:#ddc8ae 1px solid}
#thumbs ul{ position:relative; width:9999px; top:0;}
#thumbs li{ position:relative; line-height:0; cursor:hand; cursor:pointer; float:left;}
#thumbs li a{ position:relative; margin:2px; height:45px; line-height:45px; padding:0 10px; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#thumbs li a span:before{content:"<< "; font-size:11px; letter-spacing:-1px; font-family:"宋体",Times, "Times New Roman", serif}
#thumbs li.active a{ color:#9a1e23}
#thumbs li a:first-child{ padding-left:0;}

/*有机茶园*/
#indexBrand3{ position:relative; width:100%;  height:340px; margin-bottom:25px;}
#indexBrand3_1{ width:100%; overflow:hidden;}
#indexBrand3_2{ position:absolute; left:6.7%; top:0; height:100%;}
#indexBrand3_3{ position:absolute; right:0; top:auto; bottom:100%; line-height:0; z-index:1;}

#indexBrand4{ overflow:hidden;}
#indexBrand4 li{ position:relative; width:35%; float:left; height:132px; background:url(../images/slash.png) right top no-repeat; padding-right:65px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
li#indexBrand4_2{margin-left:-1%;}
li#indexBrand4_3{ width:30%;background:none; margin-left:-1%; padding-right:0;}
#indexBrand4 li a{ display:inline-block; width:100px; height:100px; overflow:hidden; float:left; margin:10px 8px 0 0;}
#indexBrand4 li span{ display:block; margin:20px 0 0 0;}
#indexBrand4_2 a img{ margin-left:-100%;}
#indexBrand4_3 a img{ margin-left:-200%;}

/*首页产品*/
#indexProPic{ position:relative; float:right; margin-top:-167px;}
#indexPro{ width:918px; margin-left:1px;}
#indexPro dl{ float:left; width:33.3%; margin:0 0 10px -1px;}
#indexPro dt{ position:relative; padding:17px;border:#e1d4c5 1px solid; line-height:0; background:rgba(255,255,255,0.5); background:#f4eee6\9; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#indexPro dt:hover{ background:rgba(184,162,146,0.5); background:#d0bfaf\9;}
#indexPro dt a{ display:inline-block; text-align:center; height:0; width:100%; padding-bottom:66.7%; overflow:hidden;}
#indexPro dt a img{ max-width:100%;}
#indexPro dt i,#indexPro dt b{ position:absolute; left:0; top:auto; bottom:0; display:inline-block; width:10px; height:11px; background:url(../images/icos.png) -111px top no-repeat;}
#indexPro dt b{ left:auto; right:0; background-position:-100px top;}
#indexPro dd{ display:inline-block; height:40px; line-height:40px; font-size:16px; color:#7e5646; width:100%; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/*首页荣誉*/
#indexHonor1{ width:520px; float:left; font-size:14px; line-height:30px;}
#indexHonor2{ float:right; width:665px;}
#indexHonor2 img{ max-width:100%;}

/*首页招商加盟*/
#indexMerchants{ position:relative; width:100%; height:276px;}
#indexMerchants1{ width:100%; overflow:hidden;}
#indexMerchants1 img{ float:right;}
#indexMerchants2{ position:absolute; left:30px; top:-68px;}
#indexMerchants3{ font-size:14px; padding-top:15px;}

/*加盟优势*/
#indexAdvantagePic{ float:right; margin:-88px 0 0 50px;}
#indexAdvantage span{ display:inline-block; height:28px; line-height:28px; padding:0 10px; background:#7e5646; color:#ebdece; font-size:18px;}

/*渠道加盟*/
#indexJionPic{ position:absolute; z-index:1; left:auto; right:0; top:-40px; overflow:hidden;}
#indexJionPic img{ position:relative; max-width:100%;}
#indexJoin{position:relative; z-index:10; height:350px; height:auto !important; min-height:350px; width:800px; line-height:30px;}
.prominent{ color:#7e5646; font-weight:bold; font-size:18px;}

#lable1{ position:relative; z-index:10; border-top:#a79f96 1px dotted; border-bottom:#a79f96 1px dotted; padding:5px 0; display:inline-block;}
#lable1 li{ position:relative; float:left; height:32px; line-height:32px;}
#lable1 li a{ font-size:16px; color:#a39088; display:inline-block; padding:0 30px; cursor:hand; cursor:pointer;}
#lable1 li i{ position:absolute; top:100%; left:50%; margin-left:-10px; display:none; width:21px; height:11px; overflow:hidden; background:url(../images/icos.png) -100px -15px no-repeat;}
#lable1 li.curr a{ background:#7e5646; color:#ebdece;}
#lable1 li.curr i{ display:inline-block;}

/*首页门店*/
#indexStorePic{ position:relative; float:left; margin:-70px 0 0 0;}
#indexStore{ width:924px; float:right;}
#indexStore img{ max-width:100%;}

/*首页新闻*/
#indexNews{ height:90px; overflow:hidden;}
#indexNews dl{ position:relative; float:left; width:348px; margin-left:78px; height:90px;}
#indexNews dl:first-child{ margin-left:0;}
#indexNews dl dt{ position:absolute; left:0; top:0; width:80px; background:#e4d5c4; border:#d0b9a4 1px solid; text-align:center; padding:5px 0; margin-right:25px; color:#7e5646; font-size:17px; display:inline-block; float:left; font-family:"Times New Roman", Times, serif,Cambria, "Hoefler Text", "Liberation Serif" }
#indexNews dl dt b{ font-size:45px; line-height:50px; font-weight:normal;}
#indexNews dl dd{ margin:8px 0 0 100px; }
#indexNews dl dd a{ color:#848484; display:inline-block; width:100%; height:62px; overflow:hidden; line-height:18px;}
#indexNews dl dd a span{ color:#212121; display:inline-block; width:100%; height:24px; line-height:24px; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#indexNews dl dd a:hover span{ color:#9a1e23;}

#foot{ margin-top:100px;}

@media screen and (max-width: 1024px){
  #banner,.Slideshow,.Slideshow li{height:490px}
  .sidePic{ width:200px;}
  #indexVideo{ width:45%;}
  #indexBrand4 li span{ margin:6px 0 0 0;}
  #indexPro{ width:744px; top:-15px; position:relative;}
  #indexPro dt{ padding:10px;}
  
  #indexHonor1{ width:470px; line-height:24px; font-size:13px;}
  #indexHonor2{ float:right; width:500px;}
  
  #indexAdvantagePic{ margin-top:0;}
  
  #indexJionPic img{right:-70px;}
  #indexJoin{ width:720px;}
  
  #indexStore{ width:754px; margin-top:-20px;}
  
  #indexNews dl{ width:450px;}
}