#sx_banner{
	width: 100%;
	min-width: 1300px;
	height: auto;
	display: table;
	margin: auto;	
}
#sx_banner img{
	width: 100%;
}
#sx_page{
	width: 100%;
	min-width: 1300px;
	height: auto;
	display: table;
	margin: auto;	
}
#sx_page .nav_con{
	width: 260px;
	height: auto;
	display: table;
	padding-bottom: 200px;
	background: url(../images/sx_15.jpg) no-repeat bottom center;
	background-color: #f4f4f4;
	border-bottom: 2px solid #eebe11;
	position: relative;
	top: -80px;
}
#sx_page .nav_con .catlist{
	width: 100%;
	height: auto;
	display: table;
}
#sx_page .nav_con .catlist dt{
	width: 100%;
	height: 80px;
	font-size: 28px;
	font-weight: bold;
	color: #f7f4f0;
	line-height: 80px;
	text-align: center;
	background-color: #1584c9;
	overflow: hidden;
}
#sx_page .nav_con .catlist dd{
	width: 100%;
	height: auto;
	margin: 0px 0px;
	padding: 0px 0px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 20px;
	color: #222222;
	text-align: center;
}
#sx_page .nav_con .catlist dd a{
	display: block;
	margin: 5px 0px 0px 9px;
	padding: 0px 0px;
	line-height: 64px;
}
#sx_page .nav_con .catlist dd a:hover,#sx_page .nav_con .catlist dd a.cur{
	margin: 5px 0px 0px 21px;
	padding: 0px 0px;
	background-color: #ffffff;
	color: #1584c9;
	box-shadow: 2px 2px 1px rgba(229, 229, 229, 1);
}
#sx_page .nav_con .catlist dd a:hover span,#sx_page .nav_con .catlist dd a.cur span{
	position: relative;
	left: -6px;
}
#sx_page .pg_con{
	width:1010px;
	height:auto;
	display:table;
	padding:15px 0px 35px;
	position:relative;
}
#sx_page .pg-tit{
	width:100%;
	height:55px;
	position:relative;
	border-bottom: 1px solid #e4e4e4;
	line-height: 54px;
}
#sx_page .pg-tit .cname{
	float:left;
	position:relative;
	left:20px;
	font-size:24px;
	font-weight:bold;
	color:#222222;
	line-height: 54px;
}
#sx_page .pg-tit .pos{
	float:right;
	position:relative;
	right:8px;
	font-size:14px;
	color:#888888;
	line-height: 54px;
}
#sx_page .show .pg-tit .cname{
	left:6px;
}
#sx_page .show .pg-tit .pos{
	right:0px;
}
#sx_page .pg-tit .pos a{
	color:#888888;
}
#sx_page .pg-tit .pos .cur,#sx_page .pg-tit a:hover{
	color:#1584c9;
}
#sx_page .pg-tit .pos span{
	color:#1584c9;
}
#sx_page .pg_con .about{
	padding:40px 35px 30px;
	font-size:18px;
	color:#444444;
	line-height:50px;
}
#sx_page .pg_con .tlist{
	width:1007px;
	height:auto;
	display:table;
	float:right;
	margin: 25px 0px 25px;
}
#sx_page .pg_con .tlist li{
	width:100%;
	height:auto;
	display:table;
	border-bottom:1px solid #dcdcdc;
	font-size:18px;
	color:#444444;
	line-height:35px;
}
#sx_page .pg_con .tlist .tcon{
	width:100%;
	height:auto;
	display: block;
	padding: 38px 0px 0px;
}
#sx_page .pg_con .tlist .tt{
	width:945px;
	height:35px;
	margin: auto;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position:relative;
}
#sx_page .pg_con .tlist .dd{
	width:95%;
	height:62px;
	margin: 0px auto 1px;
	text-align: right;
	position:relative;
}
#sx_page .pg_con .tlist li:hover .tcon{
	background-color: #1584c9;
}
#sx_page .pg_con .tlist li:hover .tt,#sx_page .pg_con .tlist li:hover .dd{
	color: #ffffff;
}
.page{
	width:100%;
	height:68px;
	line-height:68px;
	display:table;
	font-family:"微软雅黑";
	font-size:14px;
	color:#3e3e3e;
	text-align:center;
	clear:both;
}
.page span{
	color:#3e3e3e;
	padding:6px 12px;
	background-color:#ffffff;
	margin:0px 0px;
	border: 1px solid #ededed;
}
.page .txt{
	width:42px;
	height:45px;
	color: #000000;
	line-height:25px;
	border:1px solid #ededed;
	text-align:center;
	margin:0px 4px;
	position: relative;
}
.page .btn{
	width:52px;
	height:45px;
	line-height:30px;
	background-color:#ffffff;
	border:1px solid #ededed;
	color:#3e3e3e;
	text-align: center;
	position: relative;
	top: -1px;
}
.page a{
	color:#3e3e3e;
	padding:6px 12px;
	background-color:#ffffff;
	margin:0px 6px;
	border: 1px solid #dcdcdc;
}
.page a:first-child{
	padding:12px 20px;
	margin:0px 6px 0px 12px;
	color: #b9b9b9;
}
.page a:hover{
	padding:12px 20px;
	color:#ffffff;
	background-color: #a7a7a7;
}
#sx_page .show{
	padding: 17px 0px 0px;
}
#sx_page .news-con{
	width:98%;
	height:auto;
	margin:auto;
}
#sx_page .news-con .gy{
	width:100%;
	height:auto;
	display: table;
	margin:auto;
	padding:35px 0px 0px;
	position:relative;
}
#sx_page .news-con .gy h3{
	width:75%;
	height:auto;
	display:block;
	padding:0px 0px 5px;
	margin:auto;
	font-size:30px;
	font-weight:bold;
	color:#222222;
	line-height:48px;
	text-align:center;
}
#sx_page .news-con .gy p{
	width:100%;
	height:65px;
	margin:auto;
	display:block;
	font-size:16px;
	color:#666666;
	line-height:65px;
	text-align:center;
	position:relative;
}
#sx_page .news-con .gy p span{
	margin:0px 15px;
}
#sx_page .news-con .con{
	width:100%;
	height:auto;
	padding:25px 0px 45px;
	display:table;
	margin:auto;
	font-size:18px;
	color:#222222;
	line-height:55px;
	position:relative;
}
#sx_page .tea_list{
	width: 96%;
	height: auto;
	display: table;
	margin: 20px auto;
}
#sx_page .tea_list li{
	width: 462px;
	height: 201px;
	margin: 23px 0px;
	float: left;
	overflow: hidden;
}
#sx_page .tea_list li:nth-child(2n){
	float: right;
}
#sx_page .tea_list .photo{
	width: 147px;
	height: 198px;
	float: left;
	overflow: hidden;
}
#sx_page .tea_list .photo img{
	width: 100%;
	height: 100%;
}
#sx_page .tea_list .tea_con{
	width: 291px;
	height: 100%;
	float: right;
}
#sx_page .tea_list .tea_con .tea_name{
	width: 95px;
	height: 33px;
	float: left;
	overflow: hidden;
	font-size: 22px;
	color: #222222;
	line-height: 30px;
	position: relative;
	left: 3px;
}
#sx_page .tea_list .tea_con .tea_level{
	float: right;
	font-size: 16px;
	color: #444444;
	line-height: 33px;
	position: relative;
	right: 5px;
}
#sx_page .tea_list .tea_con .tea_desc{
	width: 100%;
	height: 170px;
	display: block;
	background-color: #e9e9e9;
	border-top: 1px solid #f8f8f8;
	font-size: 16px;
	color: #444444;
	line-height: 30px;
	clear: both;
}
#sx_page .tea_list .tea_con .tea_desc .text{
	max-height: 150px;
	margin: 8px 13px;
	overflow: hidden;
}
#sx_page .tea_list_2{
	width: 92%;
	height: auto;
	display: table;
	margin: 50px auto;
}
#sx_page .tea_list_2 .photo{
	width: 182px;
	height: 243px;
	float: left;
	border: 1px solid #c1c1c1;
	overflow: hidden;
}
#sx_page .tea_list_2 .photo .inner{
	width: 181px;
	height: 242px;
	border: 1px solid #ececed;
}
#sx_page .tea_list_2 .photo .inner img{
	width: 178px;
	height: 239px;
	position: relative;
}
#sx_page .tea_list_2 .tea_con{
	width: 715px;
	height: 100%;
	float: left;
	position: relative;
	left: 45px;
}
#sx_page .tea_list_2 .tea_con .tea_name{
	width: 100%;
	height: 35px;
	float: left;
	overflow: hidden;
	font-size: 25px;
	font-weight: bold;
	color: #222222;
	line-height: 35px;
}
#sx_page .tea_list_2 .tea_con .tea_desc{
	width: 100%;
	height: auto;
	display: block;
	padding: 10px 0px;
	font-size: 18px;
	color: #222222;
	line-height: 50px;
	clear: both;
}
@media screen and (max-width:1324px){
	#sx_banner{
		min-width: 1200px;
	}
	#sx_page{
		min-width: 1200px;
	}
	#sx_page .pg_con{
		width:910px;
	}
	#sx_page .pg_con .about img{
		width: 90%;
		max-width: 830px;
	}
	#sx_page .pg_con .tlist{
		width:907px;
	}
	#sx_page .pg_con .tlist .tt{
		width:845px;
	}
	#sx_page .tea_list li{
		width: 422px;
	}
	#sx_page .tea_list .tea_con{
		width: 251px;
	}
	#sx_page .tea_list_2 .tea_con {
	    width: 615px;
	}
}
@media screen and (max-width:1224px){
	#sx_banner{
		min-width: 1000px;
	}
	#sx_page{
		min-width: 1000px;
	}
	#sx_page .pg_con{
		width:710px;
	}
	#sx_page .pg_con .about img{
		width: 90%;
		max-width: 630px;
	}
	#sx_page .pg_con .tlist{
		width:707px;
	}
	#sx_page .pg_con .tlist .tt{
		width:645px;
	}
	#sx_page .tea_list li{
		width: 322px;
	}
	#sx_page .tea_list .tea_con{
		width: 151px;
	}
	#sx_page .tea_list_2 .tea_con {
	    width: 415px;
	}
}
@media screen and (max-width: 1000px) {
	#sx_banner{
		min-width: 100%;
	}
	#sx_page{
		min-width: 100%;
	}
	#sx_page .container{
		width: 100%;
	}
	#sx_page .pg_con{
		width:100%;
	}
	#sx_page .pg-tit {
		width: 100%;
		height: auto;
		display: table;
		margin: 8px auto 0px;
		border-bottom: 2px solid #e4e4e4;
	} 
	#sx_page .pg-tit .cname {
		font-size: 22px;
		padding: 0px 0px 6px;
		line-height: 30px;
		margin-left: 20px;
		left: 0px;
	}
	#sx_page .show .pg-tit .cname {
		margin-left: 20px;
	    left: 0px;
	}
	#sx_page .pg-tit .pos {
		width: auto;
		display: table;
		float: right;
		line-height: 30px;
		padding: 2px 0px 0px;
		margin: 0px 20px;
		right: 0px;
	}
	#sx_page .show .pg-tit .pos {
		margin-right: 20px;
	    right: 0px;
	}
	#sx_page .pg_con .about{
		width: calc(100% - 40px);
		margin: auto;
		padding: 15px 0px 30px;
		font-size: 16px;
		line-height: 38px;
		text-align: justify;
	}
	#sx_page .pg_con .about img{
		width: 100%;
	}
	#sx_page .nav_con {
		display: none;
	}
	#sx_page .news-con .gy {
		padding: 30px 0px 0px
	}
	#sx_page .news-con .gy h3 {
		width: 80%;
		font-size: 20px;
		line-height: 35px;
	}
	#sx_page .news-con .gy p {
		width: 90%;
		height: auto;
		padding: 8px 0px 0px;
		font-size: 14px;
		line-height: 25px;
	}	
	#sx_page .news-con .con{
		padding: 20px 20px 35px;
		font-size: 16px;
		line-height: 38px;
	}
	#sx_page .news-con .con img{
		width: 90%;
	}
	#sx_page .pg_con .tlist {
	    width: calc(100% - 40px);
		margin: 20px auto 30px;
		float: none;
	}
	#sx_page .pg_con .tlist li {
		margin: 0px auto 10px;
		border-bottom: 0px;
		text-align: justify;
		font-size: 16px;
		line-height: 30px;
	}
	#sx_page .pg_con .tlist .tcon {
		padding: 10px 15px 0px;
	}
	#sx_page .pg_con .tlist .tt {
	    width: 100%;
		height: auto;
		overflow: initial;
		text-overflow: initial;
		white-space: normal;
	}
	#sx_page .pg_con .tlist .dd {
	    width: 99%;
	    height: auto;
		font-size: 14px;
	}
	.page {
	    width: 85%;
	    height: auto;
		margin: auto;
	    line-height: 45px;
	}
	.page span{
		padding:6px 10px;
	}
	.page .txt{
		width:35px;
		height:35px;
		color: #000000;
		line-height:25px;
		border:1px solid #ededed;
		text-align:center;
		margin:0px 4px;
		position: relative;
	}
	.page .btn{
		width:52px;
		height:35px;
		line-height:20px;
		background-color:#ffffff;
		border:1px solid #ededed;
		color:#3e3e3e;
		text-align: center;
		position: relative;
		top: -1px;
	}
	.page a{
		padding:0px 6px;
		margin:0px 3px;
	}
	.page a:first-child{
		padding:6px 10px;
		margin:0px 3px 0px 6px;
	}
	.page a:hover{
		padding:6px 10px;
	}
	#sx_page .tea_list {
		width: calc(100% - 40px);
		margin: 15px auto 20px;
	}
	#sx_page .tea_list li {
	    width: 100%;
		margin: 15px 0px;
	}
	#sx_page .tea_list .tea_con {
	    width: calc(100% - 167px);
	}
	#sx_page .tea_list .tea_con .tea_name {
		font-size: 21px;
	}
	#sx_page .tea_list_2 {
	    width: calc(100% - 40px);
		margin: 40px auto 0px;
	}
	#sx_page .tea_list_2 .photo {
		margin: auto;
		float: none;
	}
	#sx_page .tea_list_2 .tea_con {
	    width: 100%;
		margin: 30px auto 0px;
		float: none;
		left: 0px;
	}
	#sx_page .tea_list_2 .tea_con .tea_name {
		font-size: 21px;
	}
	#sx_page .tea_list_2 .tea_con .tea_desc {
		font-size: 16px;
		line-height: 38px;
	}
}