@charset "UTF-8";
body{}
.bgcolor{width:100%;background-color: #fff;padding-bottom: 20px;}
.clearfix {
    +height: 1%;
}
.title{height: auto;padding:50px 0 40px 0;width:1300px;min-width: 1300px;margin:0px auto;position: relative;top:-100px;opacity: 0;}
.title img{display: block;margin:0px auto;}
.title p{font-size: 14px;color:#666;line-height: 25px;text-indent: 45px;}
.title.current{top: 0;opacity: 1;}
/*统一设置背景的background-attchment属性*/ 
.article{ 
 width: 100%; 
 margin: 0 auto; 
 height: auto; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center center; 
 background-size: cover; 
} 
.anim{ 
 -webkit-transition : all 1s ease-in; 
 -moz-transition : all 1s ease-in; 
 -ms-transition : all 1s ease-in; 
 transition : all 1s ease-in; 
 text-indent:3em; 
}
/*关于简小叶*/
.habout{height:801px;background-image: url(../images/abbg.jpg);width: 100%;min-width: 1300px;position:relative;overflow: hidden;}
.index_focus{position: relative;height:520px;}
.index_focus li{width:100%;}
.habinfo{width:590px;float: right;position:relative;}
.habinfo img{float: right;margin-right: -50px;}
.habinfo p{float: right;font-size: 16px;color:#fff;height: 528px;line-height: 36px;writing-mode: tb-rl;}
a.habbtn{display:block;float: left;width:30px;height:72px;transition:0.5s;background:url(../images/abtn.png) no-repeat;margin-left: 30px;}
a.habbtn:hover{margin-top: 10px;}
.slide_nav{width: 682px;position: absolute;
    left:0;bottom: 0;height:83px;z-index:80;border:1px solid #ae0c00;}
.slide_nav li{width: 226px;height: 83px;float: left;border-right:1px solid #770800;position:relative;}
.slide_nav a{cursor:pointer;display: block;width: 100%;height: 100%;}
.slide_nav a span{display:block;font-size: 16px;color:#fff;text-align: center;padding-top: 24px;}
.slide_nav a span em{display:block;font-size: 14px;}
.slide_nav .on span,.slide_nav li:hover span{color:#930a00;}
.slide_nav li:hover,.slide_nav .on{background-color: #fff;}
.slide_nav li:hover a,.slide_nav .on{color: #fff;}
.slide_nav i{position:absolute;width:24px;height:31px;background: url(../images/yaico1.png) no-repeat;top:-32px;left:50%;margin-left: -12px;transition:0.5s;}
.slide_nav li:hover i,.slide_nav .on i{background: url(../images/yaico2.png) no-repeat;opacity:1;}

/*产品*/
.hproduct{height:980px;background: url(../images/probg.jpg) top center no-repeat;width: 100%;min-width: 1300px;position:relative;overflow: hidden;}
.hprofocus{position: relative;}
i.he{width:377px;height:191px;background:url(../images/he.png) no-repeat;position:absolute;right:-210px;top:0px;
animation: float ease-in-out 3s infinite;-moz-animation: float ease-in-out 3s infinite; -webkit-animation: float ease-in-out 3s infinite;}
.hprofocus li{width:100%;}
.hprobd{height:380px;width:920px;margin:0px auto;}
a.hprimg{width:458px;height:369px;display:block;float: left;background:url(../images/ico4.png) no-repeat;position:relative;}
a.hprimg em{width:273px;height:273px;display:block;border-radius: 50%;margin:48px auto;}
a.hprimg em img{width:273px;height:auto;display:block;border-radius: 50%;margin:0px auto;transition: All 0.7s ease-in-out;
    cursor: pointer;
    -webkit-transition: All 0.7s ease-in-out;
    -moz-transition: All 0.7s ease-in-out;
    -o-transition: All 0.7s ease-in-out;}
.hproinfo{width:460px;float: right;}
a.hprobtn{display:block;float: left;width:30px;height:72px;transition:0.5s;background:url(../images/btn2.png) no-repeat;margin-left: 30px;}
a.hprobtn:hover{margin-top: 10px;}
.hproinfo p{width:301px;height: 340px;font-family: '宋体';line-height: 42px;background: url(../images/linebg.png) no-repeat;float: right;font-size: 18px;color:#333;writing-mode: tb-rl;margin-right: 20px;}
.hproinfo span{width:65px;height:181px;line-height: 67px;text-align: center;float: right;font-family: '隶书';background: url(../images/btn1.png) no-repeat;font-size: 24px;color:#fff;writing-mode: tb-rl;}
.hpslide_nav{width:1308px;margin:30px auto;min-width: 1300px;}
.hpslide_nav li{width:200px;float: left;margin:0px 9px;}
.hpslide_nav li a{width:200px;height:240px;display:block;position:relative;}
.hpslide_nav li a em{width:200px;height:197px;border:1px solid #ccc;display:block;position:relative;overflow: hidden;}
.hpslide_nav li a img{width:200px;height:auto;transition: all 1s ease 0s;}
.hpslide_nav li span{display:block;font-size: 18px;font-family: '隶书';color:#333;text-align: center;line-height: 40px;height:40px;}
.hpslide_nav li a.on em,.hpslide_nav li a:hover em{border:1px solid #930a00;}
.hpslide_nav li a:hover span,.hpslide_nav li a.on span{color:#930a00;}
.hprobd li:hover .hprimg img{transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);}
.hpslide_nav li:hover a img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}
/*加入简小叶*/
.hjoin{height:678px;background-image: url(../images/joinbg.jpg);width: 100%;min-width: 1300px;position:relative;overflow: hidden;}
.joinNav{width:600px;margin:0px auto;height:40px;}
.joinNav a{width:194px;height:40px;margin: 0px 3px;line-height: 40px;display:block;background:url(../images/btn3.png) no-repeat;float: left;text-align: center;font-size: 18px;color:#333;position:relative;overflow: hidden;}
.joinNav a:hover,.joinNav a.joinon{color:#930a00;}
.joinNav a:after,a.gybtn:after,.ttnav a:after{
  background: #d90707;
  content: "";
  height: 250px;
  left: -125px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 100;
}
.joinNav a:hover:after,a.gybtn:hover:after,.ttnav a:hover:after{
  left: 120%;
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.hjoinbox{margin-top: 45px;}
.hvideo{width:521px; height:331px;float: left;}
.hvideo a.hvibtn{font-size: 16px;color:#fff;display:block;line-height: 30px;text-align: right;}
.hvideo a.hvibtn:hover{color: #f4cc77;}
.hvideo iframe{width:521px; height:301px;background:url(../images/video.jpg) no-repeat;}
.joinCon{width:665px;float: left;margin-left: 40px;position:relative;}
.joinCon span{display:block;width:36px;height:252px;line-height: 36px;float: left;font-size: 20px;color:#930a00;margin-top: 10px;}
.joinCon span em{display:block;width:36px;height: 36px;line-height: 36px;border-radius: 50%;background-color: #fff;text-align: center;}
.joinCon img.fl{margin:0 20px;margin-top: 8px;}
.hjointxt{font-size: 18px;color:#fff;line-height: 32px;font-family: '隶书';width:578px;float: left;}
a.hjoinbtn{display:block;width:30px;height:72px;transition:0.5s;background:url(../images/abtn.png) no-repeat;position:absolute;top:0;right:0;}
a.hjoinbtn:hover{margin-top: 10px;}
.hjointel{ height:79px;position: relative;top: 45px;}
.hjointel b{ color:#fff; display:block; line-height:25px;font-size: 16px;margin-top:15px;padding-top: 10px;}
.hjointel em{ color:#f4cc77; font-size:30px; font-family:Arial;font-weight: bolder;margin-top: 10px;display: block;}

/*新闻*/ 
.hnews{height:1121px;background: url(../images/newbg.jpg) bottom center no-repeat;width: 100%;min-width: 1300px;position:relative;overflow: hidden;}
.hnactivity{width:1300px;margin:0px auto;}
.hnactivity li{width:413px;float: left;margin:10px;}
.hntit{height: 45px;line-height: 45px;}
.hntit span{color: #333;width: 55%;float: left;font-size: 20px;display: block;}
.hntit span img{display: inline-block;margin-right: 15px;}
.hntit a.hnbtn{margin-top: 5px;}
a.hnbtn{float: right;font-size: 14px;color: #807e7e;display: block;transition: 0.5s;}
a.hnbtn:hover{margin-right: 10px;color:#930a00;}
a.hnbtn img{margin-left: 5px;}
a.hnimg{display:block;width:100%;height:268px;position:relative;overflow: hidden;}
a.hnimg img{height:268px;width:auto;transition: all 1s ease 0s;display: block;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
a.hnimg span{width:100%;font-size: 16px;color:#fff;text-align: center;height:40px;line-height: 40px;background:url(../images/tou.png) repeat;display:block;position:absolute;bottom:0;}
.hnbox p{padding:20px;background-color: #f5f5f5;height:65px;font-size: 14px;color:#666;line-height: 23px;overflow: hidden;}
.hnactivity li:hover p{background-color: #930a00;color:#fff;}
.hnactivity li:hover a.hnimg img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}
.hnewsleft,.hnewsright{width:620px;}
.hnewsleft .hntit,.hnewsright .hntit{border-bottom:1px solid #dedede;}
.hndi_list{width: 100%;height: auto;overflow: hidden;margin:10px auto 0;clear: both;}
.hndi_list li{width: 100%;height: 50px;line-height: 50px;position: relative;border-bottom: 1px dashed #ccc;}
.hndi_list li a{font-size: 15px;color: #333;display: block;float: left;transition:0.5s;width: 80%;height: 50px;overflow: hidden;text-indent: 35px;}
.hndi_list li:hover a,.hndi_list li:hover span{color: #b52a31;text-indent: 25px;}
.hndi_list li span{font-size: 14px;color: #b2b2b2;display: block;float: right;}
.hndi_list li i{width: 18px;height: 18px;background: url(../images/ico6.png) no-repeat;display: block;float: left;position: absolute; top: 16px;}
.hndi_list li:hover a{color:#930a00;}
/*联系我们*/ 
.hcontact{height:594px;background-image: url(../images/conbg.jpg);width: 100%;min-width: 1300px;position:relative;overflow: hidden;}
.hconphone{width:275px;height:312px;background: url(../images/line1.png) right top no-repeat;display: block;}
.hconphone span{font-size: 18px;color: #fff;display: block;margin-top: 5px;line-height: 30px;text-align: center;}
.hconphone b{display: block;font-size: 30px;color: #fce186;font-weight: bold;text-align: center;}
.hconphone img{display: block;margin:50px auto 0;}
.hconphone a{display: block;font-size: 16px;color: #930a00;width:130px;height:35px;line-height: 35px;margin:20px auto;background-color: #fff;text-align: center;position:relative;overflow: hidden;}
.hconphone a:hover{background-color: #fce186;}
.hconcenter{width:470px;float: left;padding-left: 40px;margin-top: -10px;}
.hconcenter li{height:40px;line-height: 40px;font-size: 16px;color:#fff;clear: both;}
.hconcenter li img{margin-right: 15px;display:block;float: left;margin-top: 11px;}
.hconcenter li span{display:block;float: left;}
.hconcenter li span em{display:block;float: right;}
.mapbox{width:510px;height:335px;border:1px solid #cccccc;float: right;}
.map{width:495px;height:318px;margin:8px auto}
.hconphone a:after,.nav_fuwu span a:after{
  background: #000;
  content: "";
  height: 250px;
  left: -100px;
  opacity: .2;
  position: absolute;
  top: -150px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 100;
}
.hconphone a:hover:after,.nav_fuwu span a:hover:after{
  left: 150%;
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}


@media screen and (max-width:1440px){
  i.he{display:none;}
}



@media screen and (max-width: 1300px) {
/* title */
.title{width:100%;min-width: auto;}
	
/* 【1】==关于简小叶*/
.habinfo{width: 585px;}
 
/* 【3】==簡小葉的茶  */
.hpslide_nav{width:100%;min-width: auto;}
.hpslide_nav li{width: 16%;margin-left:0}
.hpslide_nav li:last-child{margin-right:0;}
.hpslide_nav li a,
.hpslide_nav li a em,
.hpslide_nav li a img{width:100%;}
 .hpslide_nav li a em{height:190px;}

/* 【5】==簡小葉故事  */
.hnactivity li{width: 413px;}

/* 【6】==联系簡小葉 */
.hconcenter{padding-left: 20px;}
.mapbox{width: 500px;}

}



@-moz-keyframes float { 0% { -moz-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-12px); transform: translateY(-12px); }
  100% { -moz-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-12px); transform: translateY(-12px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -webkit-transform: translateY(-12px); transform: translateY(-12px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }