/* ==È«¾ÖÉèÖÃ== */

body{
	margin:0 ;
	padding:0;
	font-family:"Microsoft Yahei";
	font-size:14px;
	background:#e9eaee;
	}
.a{
	text-decoration:none;
	}
ul{
	margin:0;
	padding:0;}	
li{
	margin-top:10px;
	list-style-type:none;
	
    }
li a{
	text-decoration:none;
	}
li a:hover{
	text-decoration:underline;}			
.bj{
	width:1280px;
	margin:0 auto;
	background:#FFF;
	padding-top:25px;}
.db{
	width:1200px;
	height:50px;
	margin:0 auto;}
.logo{
	width:312px;
	height:50px;
	float:left;
	background:url(tavalon-logo.png);}	
.zb{
	float:right;
	margin-top:8px;
	}	
.zb .icon-didianicon{
	font-size:35px;
	color:#CCC;}	
.zb .icon-didianicon:hover{
	color:#8dc153;}	
.cd{
	width:1228px;
	height:50px;
	margin:0 auto;
	background:#f1f2f2;
	margin-top:27px;
	padding-top:30px;
	padding-left:25px;
	box-shadow: 0px 3px 2px rgba(0,0,0,0.2);
	z-index:999;}
.cd a:hover{
	color:#8cc152;}	
.cd.mini_cd	{
	position:fixed;
	top:0;
	width:1255px;
	margin:0 auto;
	
	}	
.menu{
	font-size:16px;
	color:#000000;
	text-decoration:none;
	margin-right:65px;
	font-family:"Microsoft Yahei";
	background:url(a1.png) right center no-repeat;
	padding-right:12px;
	position:relative;
	}
.menu:hover{
	background:url(a2.png) right center no-repeat;}	
.menunow{
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	margin-right:65px;
	color:#8cc152;
	font-family:"Microsoft Yahei";
	background:url(a2.png) right center no-repeat;
	padding-right:12px;
	}
.menu1{
	margin-left:15px;}	
.hide{
	margin-bottom:15px;
	font-weight:bold;}
.hide:hover{
	background:url(12.png) no-repeat center left;
	}		
.smallclass:hover{
	background:url(12.png) no-repeat center left;
	}
.smallclassnow{
	color:#6C3;}		
.tu{
	overflow:hidden;
	height:500px;
	margin:0 auto;
	width:1253px;
	}						
.cp{
	width:1253px;
	height:521px;
	margin:0 auto;
	margin-top:10px;
	}	
.cp1{
	width:834px;
	height:521px;
	float:left;
	}
.cp1_1{
	width:414px;
	height:521px;
	float:left;
	background:url(Tea.png);}
.cp1_2{
	width:414px;
	height:521px;
	float:right;
	background:url(Teaware.png);}			
.cp2{
	width:414px;
	height:521px;
	float:right;
	background:url(Gifts1.png);
	}	
.tea{
	width:200px;
	margin-top:40px;
	margin-left:28px;
	font-size:35px;
	color:#dead55;}	
.tea1{
	width:330px;
	height:150px;
	color:#000;
	margin-top:100px;
	margin-left:28px;
	font-size:14px;
	line-height:24px;}	
.tea2{
	width:135px;
	height:45px;
	border:2px solid #dead55;
	margin-left:28px;
	margin-top:150px;
	border-radius:5px;
	transition:all 0.5s;
	text-align:center;
	line-height:45px;
	color:#dead55;
	font-weight:bold;
	}		
.tea2:hover{
	width:110px;
	background-color: rgba(255,255,255,0.2);
	}
.tea2 a{
	color:#dead55;
	text-decoration:none;}	
.tea2 a:hover{
	text-decoration:underline;
	}	
.zx{
	width:1253px;
	height:316px;
	margin:0 auto;
	margin-top:10px;
	background:url(featured-items.jpg);}	
.zx1{
	text-align:center;
	padding-top:40px;
	font-size:30px;
	color:#dead55;}	
.zxcp{
	width:1093px;
	height:153px;
	margin:0 auto;
	margin-top:40px;}	
.zcp{
	width:357px;
	height:153px;
	background:#FFF;
	float:right;}	
.zcp1{
	width:725px;
	height:153px;
	float:left;}
.zcp2{
	width:357px;
	height:153px;
	float:left;
	background:#FFF;
	}
.zcp3{
	width:357px;
	height:153px;
	float:right;
	background:#FFF;}	
.di{
	width:1253px;
	height:165px;
	margin:0 auto;
	background:#7b858e;}
.di1{
	width:1200px;
	height:86px;
	border-bottom:1px solid #999;
	margin:0 auto;
	padding-top:25px;
	}	
.di2{
	width:318px;
	height:65px;
	background:url(a4.png) no-repeat;
	float:left;
	padding-top:25px;}
.di3{
	width:860px;
	height:65px;
	float:right;
}	
.di4{
	width:500px;
	height:65px;
	float:left;
	margin-top:-4px;
	color:#FFF;}
.di5{
	width:318px;
	height:65px;
	float:right;
	}
.di6{
	text-align:center;
	color:#fff;}	
.ms{
	width:192px;
	height:60px;
	overflow:hidden;
	color:#999;
	margin-top:6px;
	}	
.tuu{
	width:133px;
	height:133px;
	margin-top:10px;
	margin-left:10px;
	float:left;}	
.nr{
	width:192px;
	height:130px;
	float:right;
	margin-top:10px;
	margin-right:10px;
	}	
.nr a{
	text-decoration:none;}	
.pictitle{
	color:#8cc152;
	font-weight:bold;
	font-size:16px;}	
.an{
	width:80px;
	height:30px;
	border:1px solid #dead55;
	border-radius:5px;
	transition:all 0.5s;
	text-align:center;
	line-height:28px;
	color:#dead55;
	margin-top:11px;
	}
.an a{
	color:#dead55;
	}			
.an:hover{
	width:60px;
	background-color: rgba(255,255,255,0.2);
	}	
.bt{
	width:1254px;
	height:85px;
	background:#faf8f8;
	margin:0 auto;}
.bt5{
	float:left;}
.bt6{
	float:right;
	margin-top:42px;
	margin-right:26px;
	color:#000;}
.bt6 a{
	color:#000;
	}
.bt6 a:hover{
	color:#8cc152;
	}					
.qw{
	float:left;
	line-height:85px;
	margin-left:25px;
	font-size:30px;
	}	
.qa{
	float:right;
	line-height:85px;
	margin-right:25px;
	color:#999;
	margin-left:10px;
	margin-top:10px;}
.qa a{
	color:#999;}		
.bt2{
	width:1206px;
	margin:0 auto;
	clear:both;
	display:block;
	overflow:hidden;
	padding-bottom:40px;
	}	
.xw{
	width:380px;
	height:430px;
	border:1px solid #CCC;
	margin-top:20px;
	float:left;
	margin-right:20px;
	display:block;
	overflow:hidden;

	}	
.stu{
	width:380px;
	height:225px;
	overflow:hidden;
	margin-bottom:12px;}	
.newsquery1{
	font-size:18px;
	color:#000;
	text-decoration:none;
	height:20px;
	margin:0 auto;

	width:350px;
	display:block;
	height:20px;
	overflow:hidden;}
.shijian{
	color:#999;

	}
.jies{
	width:339px;
	height:78px;
	overflow:hidden;
	margin-top:3px;
	margin-bottom:22px;
	color:#666;
}	
.newsquery{
	color:#dead55;
	margin-top:5px;
	padding:5px 22px 5px 22px;
	border:1px solid #dead55;
	text-decoration:none;
	border-radius: 5px;

	}
.newsquery:hover{
	text-decoration:underline;
	}	
.zys{
	width:335px;
	margin:auto;}	
.sous{
	width:1204px;
	height:70px;
	margin:0 auto;
	background:#063;
	}	
.biaoge{
	float:left;
	width:500px;
	margin-top:20px;}	
.lianx{
	float:right;
	width:650px;
	margin-top:20px;}
.biaodan{
	width:470px;
	height:35px;
	margin-bottom:57px;
	}

.input{
	width:450px;
	height:40px;
	}
.textarea{
	width:450px;
	height:95px;
	}	
.button{
	padding-left:70px;
	padding-right:70px;
	background:#8cc152;
	color:#FFF;
	border-radius: 5px;
	border:0 ;
	height:47px;
	margin-top:55px;}	
.button:hover{
	background:#7b858e;
	}	
.bt3{
	float:left;
	width:900px;
	margin-top:20px;	}		
.bt4{
	float:right;
	width:300px;
	margin-top:34px;

	}	
.aq1{
	margin-top:15px;}	
.aq2{
	width:300px;
	height:144px;
	background:url(a6.jpg);
	}
.aq3{
	width: 333px;
    border-top:2px solid #CCC;
    background: #f5f5f5;
    display: block;
    overflow: hidden;
    border-bottom:2px solid #CCC;
    padding-bottom: 33px;
	margin-top:20px;
	}	
.aq4{
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
	margin-left:15px;
	}
.aq6{
	margin-left:15px;
	margin-top:20px;
	background:url(14.png) no-repeat center left ;
	padding-left:20px;
	text-decoration:none;
	color:#333;
	}
.aq6 a{
     text-decoration:none;
	 color:#333;
	}
.aq6 a:hover{
	text-decoration:underline;}	
.aq6:hover{
	background:url(12.png) no-repeat center left;}	
	
.aq7{
	margin-left:15px;
	margin-top:20px;
	background:url(14.png) no-repeat center left ;
	padding-left:20px;
	text-decoration:none;
	color:#333;
	}
.aq7 a{
     text-decoration:none;
	 color:#333;
	}
.aq7 a:hover{
	text-decoration:underline;}	
.aq7:hover{
	background:url(12.png) no-repeat center left;}		
	
.aq8{
	margin-left:15px;
	margin-top:20px;
	background:url(14.png) no-repeat center left ;
	padding-left:20px;
	text-decoration:none;
	color:#333;
	}
.aq8 a{
     text-decoration:none;
	 color:#333;
	}
.aq8 a:hover{
	text-decoration:underline;}	
.aq8:hover{
	background:url(12.png) no-repeat center left;}								
.cpa{
	float:left;
	width:267px;
	border:1px solid #CCC;
	margin-right:30px;
	margin-bottom:15px;
	margin-top:10px;
	position: relative;
	}	
.fdj{
	width:34px;
	height:34px;
	margin-top:-285px;
	position:absolute;
	margin-left:115px;
	display:none;
    transition: all 1s;
	}
.cpa:hover .fdj{
	display:block;}		
.cpquery{
	width:267px;
	height:267px;
	overflow:hidden;
	display:block;}		
.cpa1{
	width:247px;
	margin:0 auto;
	margin-top:15px;}	
.cpquerytitle{
	color:#333;
	height:25px;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:5px;
	overflow:hidden;}
.cpa1 font{
	color:#8dc153;
	font-size:16px;}	
.xq{
	width:267px;
	height:45px;
	background:#8dc153;
	margin-top:20px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:45px;
	}
.xq a{
	color:#FFF;
	text-decoration:none;}	
.xq a:hover{
	text-decoration:underline;}		
.xq:hover{
	background:#7b858e;}
.shu{
	width:900px;
	height:20px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	padding-top:20px;
	}
.shu3{
	width:1206px;
	padding-top:20px;
	display:block;
	overflow:hidden;}		
.shu1{
	float:left;}
.shu2{
	float:right;}			
			


.body_left .title1{
	width:740px;
	height:75px;
	line-height:75px;
	font-weight:normal;
	border-bottom:1px solid #d6d6d6;
	margin:0px auto;
	padding-left:10px;
	position:relative;
	}

.body_left .title1 strong{
	display:block;
	height:75px;
	position:absolute;
	left:10px;
	top:0px;
	font-weight:normal;
	border-bottom:2px solid ##8cc152;
	padding-right:15px;
	}

.body_left .title1 strong a{
	color:#000;
	}
.img_list {
	width:403px;
	overflow:hidden;
	margin-top:5px;
		
	}

.img_list a{
	display:block;
	border:1px solid #000;
	width:60px;
	height:50px;
	border:1px solid #d7d7d7;
	margin-bottom:9px;
	background:url(noimg.jpg) no-repeat center;
	overflow:hidden;
	text-align:center;
	opacity:0.8;
	float:left;
	border:1px solid #8cc152;
	margin-right:5px;

	}

.img_list a:hover{
	opacity:1;
	
	}

.img_list a.on{
	border:1px solid #8cc152;
	opacity:1;
	margin-right:5px;
	}

.img_list a img{
	width:100%;
	height:100%;
	}

.img_big{
	width:438px;
	height:438px;

	overflow:hidden;


	position:relative;
	}

.img_big img{
	height:100%;
	width:100%;
	}

.img_big span{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	font-family:"icon";
	color:#8cc152;
	right:15px;
	bottom:11px;
	font-size:32px;
	}

.cp_pro{
	width:337px;
	float:right;
	margin-top:-515px;
	}

.cp_pro h1{
	display:block;
	font-weight:normal;
	font-size:24px;
	height:50px;

	}

.cp_pro .cpmemo{
	width:100%;
	line-height:24px;
	overflow:hidden;
	font-family:"Simsun";
	color:#999;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #d6d6d6;
	border-top:1px dotted #d6d6d6;
	margin-top:10px;
	padding-top:10px;
	}

.jiage{
	width:360px;
	height:35px;
	padding-top:10px;

	line-height:0px;
	margin-top:20px;
	}

.jiage span{
	display:block;
	height:39px;
	line-height:20px;
	color:#999;
	float:left;
	width:62px;
	}

.jiage h2{
	display:block;
	float:left;
	font-weight:normal;
	font-size:20px;
	color:#8cc152;
	margin-top:10px;
	margin-left:10px;
	}

.cppro{
	width:337px;
	float:left;
	margin-bottom:15px;
	}

.cppro li{
	height:25px;
	line-height:0px;
	float:left;

	font-size:12px;

	padding:0;
	}

.cppro li.cppropname{
	display:block;
	float:left;
	width:72px;
	height:25px;
	font-size:14px;


	color:#999;
	}

.cppro li.cpprop{
	display:block;
	float:left;
	width:235px;
	color:#666;
	height:25px;

	font-size: 20px;
    color: #8cc152;
	}
.page{
	width:811px;
	padding:10px;
	font-size:14px;
	color:#424242;
	line-height:200%;
	overflow:hidden;
	}

.page strong{
	color:#000;
	}

.pageedit{
	padding:30px 10px;
	}
.cpintro{
	width:100%;
	float:left;
	overflow:hidden;
	margin-top:10px;
	}

.cptab{
	height:45px;
	width:100%;
	float:left;

	border-bottom:1px solid #8cc152;
	position:relative;
	}

.cptab strong{
	display:block;
	background-color:#f1f1f1;
	width:240px;
	height:43px;
	line-height:43px;
	float:left;
	text-align:center;
	margin-right:3px;
	font-weight:normal;
	color:#666;
	cursor:pointer;
	border-bottom:2px solid #fff;
	}

.cptab strong.on{
	border:1px solid #8cc152;
	border-bottom:4px solid #fff;
	font-weight:bold;
	background-color:#fff;
	color:#000;
	}



.intro{
	width:100%;
	float:left;
	overflow:hidden;
	padding:20px 0px;
	font-family:"Simsun";
	}

.intro strong{
	font-size:16px;
	}

.hotcp{
	width:100%;
	float:left;
	overflow:hidden;
	padding:20px 0px;
	display:none;
	}

.hot_cp{
	width:140px;
	padding:5px;
	margin:0px 15px;
	height:140px;
	border:1px solid #e0e0e0;
	float:left;
	margin-bottom:20px;
	border-radius:3px;
	cursor:pointer;
	transition: all 0.5s;
	}

.hot_cp:hover{
	border:1px solid #73140e;
	}

.hot_cp a{
	display:block;
	width:100%;
	height:110px;
	}

.hot_cp a img{
	width:100%;
	height:100%;
	}

.hot_cp strong{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#666;
	font-weight:normal;
	}
.class {
    float: left;
    width: 340px;
    margin-left:15px;
	text-decoration:none;
    margin-bottom: 25px;}	
.a2 a {
    color: #000;
    background: url(14.png) no-repeat center left;
    padding-left: 20px;
}	
.class:hover{
	 background: url(12.png) no-repeat center left;
	 text-decoration:underline;
	 }
.a2{
	margin-top:15px;}
.touu{
	width:820px;}	
.tou{
	font-size:22px;
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:10px;
	height:55px;
	margin-top:15px;
	text-transform:capitalize;
	font-weight:bold;
}

.dd{
	color:#999;
	font-size:13px;
	}