@charset "utf-8";
*{
	padding: 0;
	margin: 0;	
}
img{
	border:none;
}
a{
	text-decoration:none;
}
ul,li{
	list-style: none;
}
body{
	width: 100%;
	font-family: arial;
	font-size: 14px;
	height:100%;
}
/*nav*/
#top{
	background: url(../img/bg-head.jpg) repeat-x;
}
#top .head{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/bg-head.jpg) repeat-x ;
}
#top .head img{
	float: left;
	margin-top: 3px;
}
#top .head .nav{
	float: left;
	margin: 39px 0 0 110px;
}
#top .head .nav li{
	display: block;
	float: left;
}
/*#top .head .nav li+li{
	margin-left: 15px;
}*/
#top .head .nav li a{
	color: #fff;
	font-size: 15px;
}
#top .head .nav span{
	color: #e0e0e1;
	/*font-size: 20px;*/
	margin-left: 15px;
}
/*banner*/
#bannert{
	height: 341px;
	/*background: url(../img/banner.png) no-repeat;*/
	background-position: center 0;
}

 #banner{
	height: 470px;
	margin-bottom: 30px;
	}
.banner_m{
	height: 470px;
	}
.banner1{
	height: 470px;
	position:absolute;
	float:left;	
	width: 100%;
	display:none;
		}
.banner1 a {
    position: absolute;
    display: block;
    height: 470px;
	width: 100%;
}
.banner_b {
    width: 100%;
    height: 12px;
    position: relative;
   /*  margin-top: 0px; */
	margin-top:-80px;
	margin-bottom:-70px;
}
#bannerb {
    height: 12px;
    width: 220px;
    margin: 0px auto; 
}
.bannerm{
    height: 12px;
    line-height: 12px;
    text-align: center;
}
.bannerb1 {
    width: 12px;
    height: 12px;
	border-radius:50%;
    background: #fdfdfd;
    display: inline-block;
	*zoom:1;
	*display: inline;
	margin-right:10px;
	text-align:center;
	color:#fff;
}
.bannerb2{
	width: 12px;
	height: 12px;
	background:#5091c1;
	border-radius: 50%;
	/*margin-top: -30px;*/
	text-align: center;
	line-height: 12px;
}
/*中间部分*/
.title{
	width: 317px;
	height: 24px;
}
.title .ti1{
	display: block;
	float: left;
	height: 23px;
	width: 78px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	background: #0a4086;
	border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
}
.title .ti2{
	display: block;
	float: left;
	font-size: 12px;
	line-height: 23px;
	margin-left: 3px;
	color: #a5a5a5;
	font-style: oblique;
}
.title .ti3{
	display: block;
	float: left;
	margin-left: 7px;
	height: 23px;
	width: 78px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	background: #409ad9;
	border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
}
.title  a{
	display: block;
	float: right;
	line-height: 23px;
	font-size: 12px;
	color: #bababa;
	letter-spacing: 1px;
}
.title  a:hover{
	color: #0a4086;
}
.title hr{
	width: 317px;
	border: 1px solid #d3d3d3;
	/*margin-top: 23px;*/
	float: left;
}
.titledt{
	width: 290px;
	height: 24px;
}
.titledt .ti4{
	display: block;
	float: left;
	height: 23px;
	width: 78px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	background: #0a4086;
	border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
}
.titledt .ti3{
	display: block;
	float: left;
	margin-left: 7px;
	height: 23px;
	width: 78px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	background: #409ad9;
	border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
}
.titledt  a{
	display: block;
	float: right;
	line-height: 23px;
	font-size: 12px;
	color: #bababa;
	letter-spacing: 1px;
}
.titledt  a:hover{
	color: #0a4086;
}
.titledt hr{
	width: 290px;
	border: 1px solid #d3d3d3;
	float: left;
}

#mid{
	width: 1010px;
	height: 450px;
	margin: 0 auto;
	margin-top: 163px;
	overflow: hidden;
}
#mid .jianjie{
	float: left;
	width: 317px;
	height: 182px;
	margin-right: 45px;
}
#mid .jianjie p{
	font-size: 13px;
	width: 316px;
	color: #929292;
	line-height: 28px;
	margin-top: 25px;
	text-indent: 2em;
}
	
#mid .xinwen{
	float: left;
	width: 317px;
	height: 182px;
	margin-right: 35px;
	overflow: hidden;
}
 .tab{
	overflow:hidden;
	height: 23px;
}
 .tab2{
	overflow:hidden;
	height: 23px;
}
 .tab li{
	display: block;
	float: left;
	height: 23px;
	width: 78px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	background: #409ad9;
	cursor: pointer;
	border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
}
 .tab2 li{
	display: block;
	float: left;
	height: 23px;
	width: 78px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	background: #409ad9;
	cursor: pointer;
	border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
}
 .xwn3{
	width: 317px;
	border: 1px solid #d3d3d3;
	float: left;
	margin-bottom: 25px;
}
 .xwn2{
	display: block;
	float: right;
	margin-top: -23px;
	line-height: 23px;
	font-size: 12px;
	color: #bababa;
	letter-spacing: 1px;
	/*clear: both;*/
}
 .xwn2:hover{
 	color: #0A4086;
 }
 .xwn{
	margin-top: 25px;	
}
 .xwn1{
	display: block;
	width: 316px;
}
.xwn1 span{
	color: #929292;
}
 .xwn1:hover span{
	color: #0a4086;
}
 .xwn1 a{
	color: #929292;
	font-size: 13px;
	line-height: 28px;
}
 .xwn1:hover a{
	color: #0a4086;
}
#mid .dongtai{
	float: left;
	width: 290px;
	height: 182px;
	overflow: hidden;
}
#mid .tese{
	width: 1010px;
	height: 230px;
	float: left;
	margin-top: 35px;
}
#mid .tese .title2{
	width: 1010px;
	height: 24px;
}
#mid .tese .title2 .ti1{
	display: block;
	float: left;
	height: 23px;
	width: 78px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	background: #0a4086;
	border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
}
#mid .tese .title2 .ti2{
	display: block;
	float: left;
	font-size: 12px;
	line-height: 23px;
	margin-left: 3px;
	color: #a5a5a5;
	font-style: oblique;
}
#mid .tese .title2 a{
	display: block;
	float: right;
	line-height: 23px;
	font-size: 12px;
	color: #bababa;
	letter-spacing: 1px;
}
#mid .tese .title2 a:hover{
	color: #0a4086;
}
#mid .tese .title2 hr{
	width: 1010px;
	border: 1px solid #d3d3d3;
	/*margin-top: 23px;*/
	float: left;
}
#mid .tese .contentPic{
	width: 1000px;
	height: 106px;
	margin: 0 auto;
	margin-top: 25px;
	overflow: hidden;
}
#mid .tese .content{
	width: 966px;
	height: 106px;
	float: left;
	overflow: hidden;
}
#mid .tese .content li{
	display: block;
	float: left;
}
#mid .tese .content li+li{
	margin-left: 14px;
}
#mid .tese .content li img{
	width: 144px;
	height: 102px;
	border: 2px solid #e5e7e6;
}
.leftbtn{
	width:10px; 
	height:106px; 
	background:url(../img/btnleft.png) no-repeat; 
	float:left; 
	margin-right: 8px;
	cursor:pointer;
} 
.rightbtn{
	width:10px; 
	height:106px;  
	background:url(../img/btnright.png) no-repeat; 
	float:right;
	cursor:pointer;
} 
/*footer*/
#footer{
	height: 150px;
	background: url(../img/footbg.png) repeat-x;
}
#footer .foot{
	width: 1200px;
	height: 127px;
	margin: 0 auto;
}
#footer .foot img{
	float: left;
}
#footer .nav2{
	float: left;
	margin-left: 20px;
	margin-top: 23px;
}
#footer .nav2 li{
	display: block;
	float: left;
}
#footer .nav2 li a{
	color: #fff;
}
#footer .nav2 li span{
	margin-left: 10px;
	margin-right: 10px;
	color: #fff;
}
#footer p{
	float: left;
	color: #FFFFFF;
	margin-left: 214px;
	margin-top: 10px;
	margin-left: 20px;
}
#footer .bq{
	display: block;
	float: left;
	color: #fff;
	margin-left: 400px;
	margin-top: 30px;
}
#footer .sel{
	float: right;
	margin-top: 20px;
	width: 200px;
	height: 25px;
	background: #04306d;
	border: 1px solid #72849d;
	color: #fff;

}

/*子页面公共样式*/
.left{
	float: left;
	width: 240px;
}
.left li{
	display: block;
	float: left;
	width: 240px;
	height: 38px;
	line-height:36px;
	text-align: center;
	background: #f5f5f5;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #fff;
}
.left .fir{
	background: #0a4086;
	border-bottom: none;
	border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
}
.left .firname{
	color: #fff;
}
.left li a{
	/*color: #0a4086;*/
	color: #0a4086;
}
.left .sec{
	border-bottom: none;
	border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
.loca{
	float: left;
	margin-left: 16px;
	width: 754px;
}
.loca span{
	display: block;
	color: #04306d;
	margin: 8px 0 4px 4px;
}
.loca hr{
	width: 754px;
	border: none;
	border-bottom:1px solid #04306d;
	margin-bottom: 28px;
}
.loca a{color:#04306d;}
/*intro部分*/
#intro{
	width: 1010px;
	/* min-height: 900px; 
	height:900px;*/
	margin: 0 auto; 
	margin-top: 35px;
	margin-bottom: 148px;
	overflow:hidden;
}
#intro p{
	width: 740px;
	float: right;
	text-indent: 2em;
	color: #333333;
	line-height: 26px;
}
/*茶社展示*/
#csdisplay{
	width: 1010px;
	/* height: 650px; */
	overflow:hidden;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 106px;
}
#csdisplay .zspic{
	width: 754px;
	height: 594px;
	float: right;
}
#csdisplay .zspic ul li{
	display: block;
	float: left;
	width: 179px;
	height: 154px;
	margin-bottom: 20px;
	cursor: pointer;
	margin-right: 8px;
	overflow:hidden;
}
#csdisplay .zspic ul li:hover p{
	color: #0a4086;
}
#csdisplay .zspic ul li p{
	width: 179px;
	color: #666666;
	margin-top: 5px;
	text-align: center;
}
#csdisplay .zspic ul li img{
	width: 174px;
	height: 122px;
	padding: 2px;
	overflow:hidden;
	border: 1px solid #e2e2e2;
}
 .page{
	float: left;
	width: 300px;
	height: 18px;
	margin-top: 40px;
	margin-left: 240px;
}
 .page a,span{
	color: #333;
	margin-right: 10px;
}
 .page a:hover{
	color: #ff0000;
	text-decoration: underline;
}
 .page .sel2{
	width: 40px;
	height: 24px;
	color: #a0a0a0;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}
/*茶社展示内页*/
#cszs{
	width: 1010px;
	height: auto;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 170px;
	overflow:hidden;
}
#cszs .zsinner{
	width: 754px;
	/* height: 520px; */
	height: auto;
	float: right;
	overflow:hidden;
}
#cszs .zsinner h4{
	font-size: 16px;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
}
#cszs .zsinner p{
	color: #333;
	line-height: 22px;
}
/*新闻动态*/
#news{
	width: 1010px;
	/* height: 546px; */
	/* min-height:300px; */
	overflow:hidden;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 60px;
}
#news .xw{
	width: 754px;
	/* height: 494px; */
	float: right;
}
#news .xw li{
	width: 754px;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px dashed #d2d2d2;
	background: url(../img/xwtri1.png) 0 16px no-repeat;	
}
#news .xw li a{
	margin-left: 15px;
	color: #333;
}
#news .xw li span{
	display: block;
	float: right;
	color: #999;
}
#news .xw li:hover{
	background: url(../img/xwtri2.png) 0 16px no-repeat;
}
#news .xw a:hover span{
	color: #0a4086;
}
#news .xw a:hover{
	color: #0a4086;
}
#news .xw .p1:hover{
	color: #FF0000;
}
/*新闻内页*/
#newsinner{
	width: 1010px;
	/* height: 880px; */
	overflow:hidden;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 100px;
}
#newsinner .newCon{
	width: 754px;
	/* height: 830px; */
	float: right;
}
#newsinner .newCon h4{
	color: #333;
	text-align: center;
	font-size: 16px;
}
#newsinner .newCon h5{
	background: url(../img/clock.png) 324px 13px no-repeat;
	color: #999;
	text-align: center;
	line-height: 40px;
}
#newsinner .newCon p{
	color: #333;
	width: 750px;
	line-height: 26px;
	text-indent: 2em;
}
#newsinner .newCon hr{
	margin-top: 75px;
	border: none;
	width: 754px;
	border-bottom: 1px dashed  #d2d2d2;
}
#newsinner .newCon a{
	display: block;
	color: #333;
	margin-top: 15px;
}
#newsinner .newCon a:hover{
	text-decoration: underline;
	color: #FF0000;
}
.fy{width:100%;height:80px;border-top:1px solid #929292;line-height:40px;margin-top:40px;}
.fy a{color:#333;display:block;}
.fy a:hover{color:#0a4086;}
.zsimg img{width:100%;}