@charset "UTF-8";

.bgcolor{width:100%;background-color: #eeeeee;padding-bottom: 20px;}
.clearfix {+height: 1%;}

.ban{width: 100%;height: 400px;min-width: 1300px;position: relative;margin-top: 243px;}
.ban1{background: url(../images/img/ban1.jpg) top center no-repeat;}
.ban11{background: url(../images/img/ban2.jpg) top center no-repeat;}
.ban2{background: url(../images/img/ban3.jpg) top center no-repeat;}
.ban3{background: url(../images/img/ban4.jpg) top center no-repeat;}
.ban4{background: url(../images/img/ban5.jpg) top center no-repeat;}
.ban5{background: url(../images/img/ban6.jpg) top center no-repeat;}
.ban6{background: url(../images/img/ban7.jpg) top center no-repeat;}
.ntitle{width: 250px;margin:40px auto;font-size: 30px;color: #d90707;}
.ntitle img{display: inline-block;margin-right: 15px;}
/*关于简小叶*/
.nabout1{height:640px;background-image: url(../images/img/ab1.jpg);width: 100%;min-width: 1300px;position:relative;clear: both;}
.nabout2{height:640px;background-image: url(../images/img/ab2.jpg);width: 100%;min-width: 1300px;position:relative;clear: both;}
.nabout3{height:640px;background-image: url(../images/img/ab3.jpg);width: 100%;min-width: 1300px;position:relative;clear: both;}
.abbox{padding-top: 80px;}
.abbox img{display: block;margin:0px auto 30px;}
.abbox1 p{font-size: 15px;color: #fff;line-height: 25px;text-indent: 30px;}
.abbox1 p em{color: #fae282;}
.abbox1{float: right;width: 615px;position: relative;}
.abbox2{width: 600px;}
.abbox2 p{font-size: 16px;color: #333;line-height: 30px;text-indent: 30px;}
.abbox2 span{font-size: 16px;color: #930a00;line-height: 33px;display: block;margin:40px 0 0 30px;}
div.abbox3 p{font-size: 16px;line-height: 30px;}
a.gybtn{width: 133px;height: 38px;line-height: 38px;border:1px solid #fff;display: block;margin:30px auto 0;font-size: 16px;color: #fff;text-align: center;position: relative;overflow: hidden;}
a.gybtn:hover{color: #930a00;background-color: #fae282;border-color: #fae282;}
/*简小叶公益*/
.gongyi{height:auto;background: url(../images/img/gybg.jpg) center center no-repeat;width: 100%;min-width: 1300px;position:relative;clear: both;}
.gongyiwh{height:317px;background: url(../images/img/gybg2.jpg) top center no-repeat;width: 100%;min-width: 1300px;position:relative;clear: both;}
.gylicheng span.gyspan{display: block;font-size: 32px;color: #930a00;text-align: center;}
.gylicheng span.gyspan img{display: block;margin:10px auto 0;}
.gylicheng p{line-height: 30px;font-size: 16px;color: #666;margin-top: 30px;}
img.gylcimg{display: block;margin:50px auto 0;}
.gongyiwh div{width: 925px;margin:0px auto;padding:30px 0;color: #fbf097;}
.gongyiwh span{display: block;font-size: 32px;text-align: center;}
.gongyiwh span img{display: block;margin:10px auto 0;}
.gongyiwh p{font-size: 20px;line-height: 33px;margin-top: 50px;}
/*新闻中心*/
.n_news{height:auto;background: url(../images/img/gybg.jpg) top center no-repeat;width: 100%;min-width: 1300px;position:relative;clear: both;background-position:0 90px;}
.ttnav{width:650px;margin:0px auto;height: 40px;line-height: 40px;}
.ttnav a{width:145px;height: 40px;color: #930a00; border:1px solid #930a00; border-radius:20px;float: left;margin-left: 15px;font-size: 16px;text-align: center;position: relative;overflow: hidden;}
.ttnav a.on,.ttnav a:hover{color: #fff; background-color:#930a00;}   
.nnewsdate{display: block;font-size: 14px;color: #969696;width: 100px;float: left;margin-top: 10px;}
a.nnewsbtn{width: 85px;display: block;float: right;font-size: 14px;color: #930a00;text-align: center;transition: 0.5s;margin-top: 10px;}
.hnactivity li:hover a.nnewsbtn{color: #fbf097;}
.nnewstxt{padding:20px;background-color: #f5f5f5;height: 95px;overflow: hidden;}
.nnewstxt p{height:65px;font-size: 14px;color:#666;line-height: 23px;overflow: hidden;}
.nnews .hnactivity li:hover .nnewstxt{background-color: #930a00;color:#fff;}
/*新闻详情页*/
.newsinfo{width: 1200px;margin:0px auto;box-shadow: #ddd 0px 0px 5px;padding:30px;background-color: #fff;}
.inforbox{border-bottom: 2px #ddd solid;padding-bottom: 30px;}
.ninfo_ntit{ width:100%; height:70px; line-height:70px; text-align:center; font-weight:100; color:#333;font-size:20px;}
.context{ width:100%; height:30px; line-height:30px; padding:10px 0 20px 0;}
.context ul{ margin:0; padding:0;}
.context ul li{ width:90%; height:30px; line-height:30px;color:#333;font-size: 16px;}
.context ul li a{color: #666;}
.jhurl {
    width: 100%;
    height: 39px;
    line-height: 39px;
    font-size: 13px;
    text-align: center;
    color: #777;
}
.jhurl small{font-size: 13px;color: #777; line-height: 39px; margin-left:10px;}
.view_con{ font-size:15px; line-height:30px; color:#666;}
.view_con img{max-width:80% !important;margin:0px auto;height:auto!important;}
/*招商加盟*/
.njoin1{height:640px;background-image: url(../images/img/join1.jpg);width: 100%;min-width: 1300px;position:relative;clear: both;}
.njoin2{height:640px;background-image: url(../images/img/join2.jpg);width: 100%;min-width: 1300px;position:relative;clear: both;}
.njoin3{height:640px;background-image: url(../images/img/join3.jpg);width: 100%;min-width: 1300px;position:relative;clear: both;}
.joinbox1 p{font-size: 16px;color: #fff;line-height: 40px;}
.joinbox1{width: 655px;position: relative;}
div.joinbox1 img,div.joinbox2 img{margin: 0px 0 30px 0;}
.joinbox2{width: 620px;float: right;}
.joinbox2 p{font-size: 15px;color: #333;line-height: 40px;}
.jointel{ height:79px; background:url(../images/ico1.png) left center no-repeat; padding-left:175px;margin-top: 100px;}
.jointel span{ color:#fff; display:block; line-height:25px;font-size: 16px;margin-top:15px;padding-top: 10px;}
.jointel em{ color:#f4cc77; font-size:30px; font-family:Arial;font-weight: bolder;margin-top: 10px;display: block;}
/*茶学堂*/
.chabox{height:736px;background: url(../images/img/chabg.jpg) top center no-repeat;width: 100%;min-width: 1300px;position:relative;clear: both;margin-top: -1px;}
.chaimg{margin-left: 70px;display: block;float: left;}
.chatxt{width: 775px;float: right;}
.chatxt p{font-size: 16px;color: #333;line-height: 33px;width: 650px;float: right;margin: 30px 0;}
.pxfengcai{height:auto;background: url(../images/img/chabg1.png) top left no-repeat;width: 100%;min-width: 1300px;position:relative;clear: both;background-position:0 90px;}
.chaimg1{display: block;margin:0px auto;max-width: 100%;}
/*联系我们*/
.nmap{width: 100%;height: 530px;min-width:1300px;}
.conbox{height:1071px;background: url(../images/img/conbg.jpg) top center no-repeat;width: 100%;min-width: 1300px;position:relative;clear: both;margin-top: -1px;}
.conbox .container{height:670px;background: url(../images/img/cbox.png) top center no-repeat;}
.conbox ul li{width: 325px;float: left;text-align: center;color: #fff;padding-top: 30px;}
.conbox ul img{display: block;margin:0px auto;transition: transform 1s;}
.conbox ul span{display: block;font-size: 20px;margin:20px 0;font-weight: 700;}
.conbox ul p{font-size: 16px;line-height: 30px;}
.conul{clear: both;position: absolute;bottom: 75px;}
.conbox ul li:hover img{transform: rotateY(360deg) rotateZ(360deg);}
/*产品中心*/
.product{height:auto;background: url(../images/img/prbg1.jpg) top center no-repeat;width: 100%;min-width: 1300px;position:relative;clear: both;}
.probtn{width:865px;margin:0px auto;height: 275px;}
.probtn a{width:134px;height: 275px;float: left;margin: 0px 5px;font-family: '隶书';font-size: 24px;text-align: center;position: relative;overflow: hidden;}
.probtn a em{width:50px;height: 157px;color: #930a00;line-height: 50px;padding-top: 55px; display: block;writing-mode: tb-rl;background: url(../images/img/line1.png) no-repeat;margin:65px auto 0;letter-spacing:2px;transition: 0.5s;}
.probtn a img{position: absolute;top: 0;display: block;width:134px;left: 50%;margin-left: -67px; }
.probtn a.on em,.probtn a:hover em{color: #fdeb85;background: url(../images/img/line2.png) no-repeat;}  
.probox1{width: 767px;/*height: 876px;*/height:740px;background: url(../images/img/prbg2.jpg) top center no-repeat;margin:0px auto 50px;}
.probox1 h1{text-align: center;font-size: 72px;color: #fad66e;padding: 60px 0 10px 0;font-family: '隶书';}
.probox1 em{width: 280px;display: block;margin: 0 auto; border-bottom: 1px solid #c98580;border-top: 1px solid #c98580;text-align: center;font-size: 18px;line-height: 45px;height: 45px;color: #fff;}
.probox1 img{display: block;margin:25px auto;}
.probox1 span{display: block;text-align: center;font-family: '隶书';font-size: 24px;color: #fff;margin-bottom: 20px;}
.probox1 p{font-size: 16px;color: #fff;line-height: 26px;text-align: center;}
.protxt{font-size: 16px;color: #666;line-height: 30px;text-align: center;width: 1300px;margin:30px auto;}
img.pguang{display: block;width: 100%;height: auto;min-width: 1300px;}
.ctleft{width: 475px;position: relative;height: 510px;}
.ctleft h1{text-align: center;font-size: 72px;color: #930a00;font-family: '隶书';}
.ctleft p{font-size: 18px;color: #666;height: 345px;letter-spacing: 3px;writing-mode: tb-rl;margin-top: 70px;line-height: 45px;background: url(../images/img/lbg.png) no-repeat;}
.ctleft span{width: 68px;height: 181px;line-height: 71px;display: block;background: url(../images/img/btn.png) no-repeat;font-family: '隶书';writing-mode: tb-rl;font-size: 24px;color: #fff;position: absolute;right: 0;bottom: 0px;text-align: center;}
.probox2{width: 1300px;height: 916px;background: url(../images/img/prbg4.jpg) top center no-repeat;margin:0px auto;}
.probox2 h1{text-align: center;font-size: 72px;color: #fad66e;font-family: '隶书';padding:40px 0 15px 0;}
.probox2 p{font-size: 24px;color: #fff;line-height: 35px;text-align: center;}
.probox2 img{display: block;margin:50px auto 0;}
/*简小叶视频*/ 
.video li{float: left;width:400px;height:340px;margin:15px;}
.video li iframe{width:100%;height:300px;}
.video li span{display:block;font-size: 14px;color:#333;line-height: 40px;text-align: center}




@media screen and (max-width: 1300px) {

/*关于简小叶*/
.abbox1{width: 50%;}

/*简小叶视频*/ 
.video.container{width:100%;min-width:1300px;margin: 0;}
.video li{width: 31%;}
    
/*联系我们*/ 
.conbox ul li{width:25%;}
.conul{width:100%;}

/*产品中心*/
.ctBox{width:100%;margin:0;min-width:1300px;}
.ctleft{/* width: 455px; */}

}