/*代码初始化*/
*{ margin:0; padding:0;}
ul,ol{ list-style:none;}
body{ font-family: "方正清刻本悦宋简体"; background:url(../image/bg.jpg) no-repeat center;}
img{ border:none;}
a{ text-decoration:none;}
a,input,textarea,select{ outline:none;}
input{ border:none; outline:none;}

@font-face{
	font-family:"方正清刻本悦宋简体";
	src:url(../font/%E6%96%B9%E6%AD%A3%E6%B8%85%E5%88%BB%E6%9C%AC%E6%82%A6%E5%AE%8B%E7%AE%80%E4%BD%93.TTF)	
}



/*头部区域*/
.header{ width:100%; height:80px; background:url(../image/header.jpg) no-repeat center; }
.hd_con{ width:1100px; height:80px; margin:0 auto;}
.hd_con img{margin-top:20px; float:left;}

/* nav_menu */
.nav_menu{ float:left;}
.nav{height:41px;position:relative;margin:10px auto; float:left; margin-left:60px;}
.nav .list li{float:left;}
.nav .list a{float:left;display:block;width:100px;height:60px;text-align:center;font: 16px/36px "方正清刻本悦宋简体";color:#f8fff5; text-decoration:none;}
.nav .list a:hover{color:#FFA304;}
.nav .list a:hover,.nav .list .now{color:#6b8f5b;background:rgba(255,255,255,0.1);}
.nav .box{position:absolute;left:0px;top:70px;width:1017px;background:rgba(255,255,255,0.3);overflow:hidden;height:0;filter:alpha(opacity=0);opacity:0;border-bottom:2px solid #6b8f5b;}
.nav .cont{position:relative;padding:25px 0 0px 24px;}
/* sublist */
.sublist li{float:left;width:168px;padding-right:24px;padding-bottom:24px;}
.sublist li h3.mcate-item-hd{font-family:'方正清刻本悦宋简体';padding-left:2px;font-size:14px;height:26px;line-height:26px;border-bottom:1px dashed #6b8f5b;}
.sublist li p.mcate-item-bd{padding-left:2px;}
.sublist li p.mcate-item-bd a{height:26px;line-height:26px;margin-right:5px;font-size:12px;color:#666666;text-decoration:none;display:inline-block;}
.sublist li p.mcate-item-bd a:hover{color:#6c5143;text-decoration:underline;}


.hd_con .so{ float:right; margin-top:25px; position:relative;}
.hd_con .so .sou{ position:absolute; right:0; top:20px;}
.hd_con .keyword{ background:url(../image/sou.png) no-repeat center; border-color:none; width:215px; height:33px; color:#CCC; font-size:14px;outline:none;}
.hd_con .btn{ position:absolute; left:110px; top:0px; outline:none; background:url(../image/suo.png) no-repeat center;cursor:pointer; border:1px solid rgba(0,0,0,0)}


/*海报区域*/ 
.banner{ height:550px; width:100%; background:url(../image/banner.jpg) no-repeat center; overflow:hidden;}
.banner .banner_l{position:relative; top:80px; left:250px; }
.banner .banner_r{ position:relative; left:780px; bottom:-300px;}



/*产品区域*/
.pro{ height:1000px; width:100%; background:url(../image/bg_pro.jpg) no-repeat center; position:relative;overflow:hidden;}
.pro .biaoti{ padding-top:70px; text-align:center; transition:1s 0.1s; position:relative; top:1100px;}
.pro.on .biaoti{ top:0;}

.pro.on .htmleaf-container .box{ top:0;}

.pro .htmleaf-container .box{
    position: relative; top:1100px;
	transition:1.5s 0.3s;
    perspective: 1000px;
	cursor:pointer;
}
.pro .htmleaf-container .box img{
	margin-left:-100px;
    width:180%;
    height: auto;
    opacity:1;
    transform: translateY(0) rotateX(0);
    transition: all 0.6s ease-in-out 0s;
}
.pro .htmleaf-container .box:hover img{
    transform: translateY(-100%) rotateX(90deg);
    transform-origin: center bottom 0;
    opacity:0;
}
.pro .htmleaf-container .box .over-layer{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    background:rgba(255,255,255,0) url(../image/1-1.png) no-repeat center;
    text-align:center;
    padding: 0 20px;
    transition: all 0.60s ease-in-out 0s;
}
.pro .htmleaf-container .box:hover .over-layer{
    opacity:1;
}
}
@media only screen and (max-width: 990px){
    .pro .htmleaf-container .box{  margin-bottom:20px; }
}

.pro .hu{ position:absolute; left:10px; bottom:-60px;transition:4s 0.1s;}
.pr o.on .hu{ left:10px;}




/*间隔区域*/
.interval{ height:422px; width:100%; background:url(../image/bg_culture.jpg) no-repeat center; position:relative;overflow:hidden;}
.interval .insterval_l{ position:absolute; top:78px; left:365px;}
.interval .insterval_con{position:absolute; top:50px; left:500px; }
.interval .insterval_r{ position:absolute; top:50px; left:650px;}

/*茶用具区域*/
.ins{ height:1300px; width:100%; background:url(../image/bg_c.jpg) no-repeat center; position:relative; overflow:hidden;}
.ins .biaoti{ padding-top:70px; text-align:center; position:relative; top:1300px;transition:1s 0.1s;}
.ins.on .biaoti{ top:0;}
.ins.on .main { top:0;}

.ins .main{ width:1100px; height:1000px; margin:50px auto; position:relative; top:1300px;transition:1.5s 0.5s;}
.ins .main .t{ position:absolute; top:0; left:50px;}
.ins .main .t_r{ position:absolute; top:50px; right:30px;}
.ins .main .bt{ position:absolute; top:350px; left:50px; margin-top:30px;}
.ins .main .t li{ width:225px; height:325px; border:1px solid rgba(0,51,51,0.1); float:left; margin-right:20px; text-align:center; margin-top:20px; transition:0.5s;}
.ins .main .bt li{ width:225px; height:325px; border:1px solid rgba(0,51,51,0.1); float:left; margin-right:30px; text-align:center; transition:0.5s;}
.ins .main li h2{ margin-top:20px; color:#181818; font-size:24px; font-family:"方正清刻本悦宋简体"; font-weight:400;}
.ins .main li img{ margin-top:45px; text-align:center; transform:scale(1); transition:0.9s}

.ins .main li:hover{ border:1px solid #725f4f; background:url(../image/shuye.png) no-repeat center; box-shadow:0px 2px 2px 2px #CCC;transform:scale(1.02)}

.ins .main li:hover img{ transform:scale(1.1);}

.ins .hu{ position:absolute; right:-3000px; bottom:-20px;transition:4s 0.1s;}
.ins.on .hu{right:0;}




/*文化艺术区域*/
.culture{width:100%; background:url(../image/bg_cul.jpg) no-repeat center fixed; overflow:hidden;}

.culture .con{ width:1100px; height:450px; position:relative; margin:0 auto;}
.culture .cul_l{ display:inline-block; position:relative; top:88px; left:-250px;transition:1s 0.1s;}
.culture .cul_r{ display:inline-block; position:absolute; top:40px; right:-320px;transition:1s 0.1s;}

.culture.on .cul_l{ left:600px;}
.culture.on .cul_r{ right:120px;}

/*底部区域*/
.footer{ width:100%; height:130px; background:#393939; position:relative; overflow:hidden;}
.footer .zhiding{ position:absolute; right:50px; top:30px;}
.footer .zhiding:hover{ cursor:pointer;}

.ft_con{ width:1100px; height:130px; margin:0 auto;}

.ft_con .ft_logo{ margin-top:46px; margin-left:50px; float:left;}
.ft_con .ft_xian{ margin-left:100px; margin-top:15px; float:left;}
.ft_con .con_r{ float:right; font-family:"微软雅黑"; position:relative;}
.ft_con .con_r p{ font-size:14px;  color:#e9e9e9; line-height:1.75em; margin-bottom:5px; margin:20px 500px 0 0;}
.ft_con .con_r span{ font-size:14px; color:#d3d3d3;}
.ft_con .erweima{ float:right; position:absolute; top:20px; right:100px;}
.ft_con .con_r b{ margin-left:200px; color:#e9e9e9; font-size:14px; font-weight:400;}






/*内页部分*/



/*内页 茶具吧页*/
.ny_set_header{ width:100%; min-width:1100px; height:400px; background:url(../image/banner2.jpg) no-repeat center; overflow:hidden; position:relative;}
.ny_set_header h2{ font-size:50px; color:#f1ffef; font-family:"方正清刻本悦宋简体"; font-weight:400; text-align:center; margin-top:120px;}

.ny_set_header .nav{height:85px;width:100%; backg round:rgba(0,0,0,0.5);position:absolute; margin:140px 0 0 auto; transition:0.3s; }
.ny_set_header .nav.on{top:-100px;}
.ny_set_header .nav .nav_con{ margin:15px 0 0 400px;}
.ny_set_header .nav li{ float:left; padding:20px;}
.ny_set_header .nav li a{ color:#ccc; font-size:16px; font-family:"方正清刻本悦宋简体"; font-weight:400;}
.ny_set_header .nav li a:hover{ color:#547d46;}




/*内页 茶饮吧产品专区内容*/
.ny_set_main{ height:2150px; width:100%; min-width:1100px; background:url(../image/ny_probg.jpg) no-repeat center; overflow:hidden;}
.ny_set_main .top{ height:750px; width:1100px; margin:0 auto; margin-top:80px; position:relative;}
.ny_set_main .top .top_biaoti{ width:403px; height:190px; margin:0 auto; text-align:center; position:relative;}
.ny_set_main .top .top_biaoti h2{ background:url(../image/modian.png) no-repeat center; margin:0 auto; width:64px; height:66px; line-height:66px; font-size:26px; color:#617458; font-family:"方正清刻本悦宋简体"; font-weight:400;}
.ny_set_main .top .top_biaoti img{ margin:3px auto;}
.ny_set_main .top .top_biaoti p{ font-size:18px; color:#666; margin-top:7px;}

.ny_set_main .top .main{ margin:50px 0 0 0;}
.ny_set_main .top li{ width:300px; height:450px; background:#ececec; float:left; margin:0px 32px; text-align:center; position:relative;}
.ny_set_main .top li .xiushi{ width:280px; height:430px; border:1px solid  #ccc; margin:10px auto;}
.ny_set_main .top li .xiushi .biao{position:absolute; top:20px; left:50%; margin-left:-40px; transition:1.5s;}
.ny_set_main .top li .xiushi .xian{ position:absolute; top:110px; left:50%; margin-left:-4px;} 
.ny_set_main .top li .xiushi .zi{ margin-top:120px;}
.ny_set_main .top li .xiushi .bei{ position:absolute; bottom:-30px; left:50%; margin-left:-116px; transform:scale(0.6); transition:0.8s} 
.ny_set_main .top li:hover{ background:none; border:1px solid #ccc;}
.ny_set_main .top li:hover .bei{ transform:scale(0.75);}
.ny_set_main .top li:hover .biao{ transform:rotate(360deg);}


.ny_set_main .top .more{ position:absolute; bottom:-20px; left:50%; margin-left:-50px; width:100px; height:30px; border:1px solid #778672; text-align:center;  line-height:30px;}
.ny_set_main .top .more a{color:#778672; font-size:14px;}
.ny_set_main .top .more:hover{ background:#778672;}
.ny_set_main .top .more:hover a{color:#fff;}


.ny_set_main .bt{ hei ght:900px; width:1100px; margin:0 auto; margin-top:100px;}
.ny_set_main .bt .bt_biaoti{ width:403px; height:190px; margin:0 auto; text-align:center;}
.ny_set_main .bt .bt_biaoti h2{ background:url(../image/modian.png) no-repeat center; margin:0 auto; width:64px; height:66px; line-height:66px; font-size:26px; color:#617458; font-family:"方正清刻本悦宋简体"; font-weight:400;}
.ny_set_main .bt .bt_biaoti .t{ display:block; margin:3px auto;}
.ny_set_main .bt .bt_biaoti .b{ display:block;margin:0 auto;}
.ny_set_main .bt .bt_biaoti p{ font-size:18px; color:#666; margin-top:7px;}

.ny_set_main .bt .light{ margin-top:40px;}
.ny_set_main .bt .light li{ float:left; padding:5px 35px;display: block;outline-style: none;width: 295px;height: 376px;}
.ny_set_ma in .bt .light li a{display: block;width: 295px;height: 376px;text-decoration:none;color: #fff;}
.ny_set_main .bt .light li a img{width: 295px;height: 376px; transform:scale(0.9); transition:0.5s}
		.on{opacity: 1;transition: all 1s ease 0s;}
		.off{opacity: 0.3;transition: all 1s ease 0s;}
.ny_set_main .bt .light li:hover img{ transform:scale(1);transition: all 1s ease 0s;}




/*内页 店铺导航页*/

.ny_contact_header{ width:100%; min-width:1100px; height:400px; background:url(../image/banner3.jpg) no-repeat center; overflow:hidden; position:relative;}
.ny_contact_header h2{ font-size:50px; color:#f1ffef; font-family:"方正清刻本悦宋简体"; font-weight:400; text-align:center; margin-top:120px;}

.ny_contact_header .nav{height:85px;width:100%; position:absolute; margin:140px 0 0 auto; transition:0.3s; }
.ny_contact_header .nav.on{top:-100px;}
.ny_contact_header .nav .nav_con{ margin:15px 0 0 400px;}
.ny_contact_header .nav li{ float:left; padding:20px;}
.ny_contact_header .nav li a{ color:#ccc; font-size:16px; font-family:"方正清刻本悦宋简体"; font-weight:400;}
.ny_contact_header .nav li a:hover{ color:#547d46;}


.ny_contact_main .con .lx{ width:88px; height:397px; float:left; padding:100px 80px; margin-left:80px;}
.ny_contact_main .con .lx1{ background:url(../image/dianhua1.png) no-repeat center;}
.ny_contact_main .con .lx1:hover{ background:url(../image/dianhua1-1.png) no-repeat center; cursor:pointer;}
.ny_contact_main .con .lx2{ background:url(../image/dibiao1.png) no-repeat center;}
.ny_contact_main .con .lx2:hover{ background:url(../image/dibiao1-1.png) no-repeat center;cursor:pointer;}
.ny_contact_main .con .lx3{ background:url(../image/chabei-icon1.png) no-repeat center;}
.ny_contact_main .con .lx3:hover{ background:url(../image/chabei-icon1-1.png) no-repeat center;cursor:pointer;}



/*内页-产品专区 部分*/
.ny_pro_header{ width:100%; min-width:1100px; height:400px; background:url(../image/ny_pro_bg.jpg) no-repeat center; overflow:hidden; position:relative;}
.ny_pro_header h2{ font-size:50px; color:#f1ffef; font-family:"方正清刻本悦宋简体"; font-weight:400; text-align:center; margin-top:120px;}

.ny_pro_header .nav{height:85px;width:100%; position:absolute; margin:140px 0 0 auto; transition:0.3s; }
.ny_pro_header .nav.on{top:-100px;}
.ny_pro_header .nav .nav_con{ margin:15px 0 0 400px;}
.ny_pro_header .nav li{ float:left; padding:20px;}
.ny_pro_header .nav li a{ color:#ccc; font-size:16px; font-family:"方正清刻本悦宋简体"; font-weight:400;}
.ny_pro_header .nav li a:hover{ color:#547d46;}


.ny_pro_main{ width:100%; height:2500px; background:url(../image/ny_pro_bbg.jpg) no-repeat center; overflow:hidden;}
.ny_pro_main_t{ width:1100px; height:1000px; margin:100px auto; position:relative;}
.ny_pro_main_t .biaoti{ float:left; text-align:center; width:300px; height:50px; }
.ny_pro_main_t .biaoti h2{ font-size:26px; color:#122102; font-weight:400; display:block; margin-bottom:5px;}
.ny_pro_main_t .biaoti span{ font-size:12px; color:#052d00;}
.ny_pro_main_t .biaoti img{ margin-top:-10px;}

.ny_pro_main_t .xiushi1{ float:right; margin:100px 20px;}

.ny_pro_main_t .pro1{ position:relative;}
.ny_pro_main_t .pro1 img{ position:absolute; top:150px; left:35px;}
.ny_pro_main_t .pro1 .tu{ position:absolute; top:29px; left:30px;}
.ny_pro_main_t .pro1 .zi1{ position:absolute; top:-20px; right:350px;}
.ny_pro_main_t .pro2{ position:absolute; top:500px; left:100px;}
.ny_pro_main_t .pro2 .zi2{ position:absolute; top:70px; left:20px;}
.ny_pro_main_t .pro2 .tu{ position:absolute; top:100px; left:400px;}

.ny_pro_main_t .xiushi2{ position:absolute; bottom:10px; left:20px;}


.ny_pro_main_con{ width:100%; height:150px; background:rgba(153,153,153,0.4); text-align:center; position:relative;}
.ny_pro_main_con .biao{ position:absolute; top:40px; left:50%; margin-left:-160px;}
.ny_pro_main_con h2{ font-size:26px; font-weight:400; color:#0d0d0d; display:block; margin:0 auto;}
.ny_pro_main_con img{ display:block; margin:10px auto;}

.ny_pro_main_bt{ hei ght:1000px; width:1100px; margin:0 auto; margin-top:70px;}
.ny_pro_main_bt li{ float:left; margin:50px 5.5px; position:relative; height:356px; overflow:hidden;}
.ny_pro_main_bt li h3{ font-size:18px; color:#0d1b00; font-weight:400; margin:5px auto; font-family:"微软雅黑";}
.ny_pro_main_bt li p{ font-size:14px; width:355px; height:30px; color:#383838; font-family:"微软雅黑";}


.ny_pro_main_bt li .ceng{ height:232px; width:330px; background:rgba(0,0,0,0.5); position:absolute;
 top:320px; left:0;transition:0.3s; padding:15px; border-top:1px solid #fff; text-align:center; opacity:0; transition:0.3s;}
.ny_pro_main_bt li .ceng h4{ font-size:18px; color:#fff; font-weight:400; margin-top:100px;}
.ny_pro_main_bt .ceng p{ font-size:14px; color:rgba(255,255,255,0.7); line-height:1.8em; margin-top:5px;}
.ny_pro_main_bt li:hover .ceng{ top:0px; opacity:1;}




/*内页-店铺区域 部分*/
.ny_about{ height:1400px; width:100%; min-width:1100px; background:url(../image/about_bg.jpg) no-repeat center; position:relative; overflow:hidden;}

.ny_about .xiushi{ width:100%;}
.ny_about .xiushi .bg{ margin-top:150px;}
.ny_about .xiushi .about_x{ float:left; position:absolute; top:100px; left:50%; margin-left:-600px;}
.ny_about .xiushi .about_x li{ float:left;}

.ny_about .jieshao{ width:1100px;margin:150px auto; text-align:center;}
.ny_about .jieshao .biaoti img{ margin-bottom:20px;}
.ny_about .jieshao .biaoti p{ width:800px; margin:0 auto; line-height:1.5em; font-size:18px; color:#081d00; text-decoration:underline;}
.ny_about .jieshao .tu{ float:left; margin-top:50px;margin-left:10px;}
.fumenu img{ margin-top:70px;}

.ny_about .jieshao .tu li{ float:left; margin:0px 30px;}
.ny_about .jieshao .tu li img{width:300px; height:380px;}
.ny_about .jieshao .tu li .box{ width:300px; height:75px; background:#728a69; color:#fff7e1; font-size:24px; text-align:center; line-height:75px;}