/*格式化样式*/

html,
body {
	font-size: 14px;
	color: #333;
	background-size:1920px;
	margin: 0;
	height: 100%;
	font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	-webkit-font-smoothing: antialiased;
	/*-moz-osx-font-smoothing: grayscale;*/
	font-weight: normal;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	filter: gray(enabled=1) !important;
}

/*html {
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: gray(enabled=1) !important;
}*/

a {
	text-decoration: none;
	color: #000;
}

html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td {
	margin: 0;
	padding: 0;
}

button {
	outline: 0;
}

img {
	border: 0;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	outline: none;
}

li {
	list-style: none;
}

a,
img,
span {
	display: block;
}

.clearfix {
	clear: both;
}

.container {
	width: 1200px;
	margin: 0 auto;
	/*border: 1px solid #e1e1e1*/
}
@media screen and (max-width: 768px) {
	.container{
	width:100%;
	}
}

/*通用正文样式*/
.header {
	padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
	.header{
	display: none;
	}
}

.header.home{
	background: url(../img/bg-1.jpg) no-repeat top;
}

.header .position {
	position: relative;
}

.header .logo{
	padding:0 0 10px 0;
}

.header .search {
	height: 40px;
	width: 350px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -20px;
	background: #6D4738;
	border-radius: 4px;
}

.header .search input {
	float: left;
	color: #fff;
	-webkit-text-fill-color: #fff;
	height: 40px;
	border: 0;
	background: none;
}

.header .search input:first-child {
	width: calc(100% - 50px);
	padding-left: 10px
}

.header .search input:last-child {
	background: url(../img/search_btn.png) no-repeat center center;
	opacity: 0.6;
	-webkit-opacity: 0.6;
	width: 40px;
	cursor: pointer;
}

.header .search input:last-child:hover {
	opacity: 1;
	-webkit-opacity: 1;
}

.lag {
	display: none;
	height: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	font-size: 0;
}

.lag a {
	display: inline-block;
	/* display: inline;
	zoom: 1; */
	padding: 4px 10px;
	border: #6D4738 1px solid;
	font-size: 14px;
}

.lag a:first-child {
	background: #6D4738;
	color: #fff
}

/*导航*/
.top01 {
	width: 100%;
/*	background: url(../img/bg5.jpg) no-repeat bottom;*/
	background: url(../img/bg-1.jpg) no-repeat bottom;
}

@media screen and (max-width: 768px) {
	.top01 .top02{
	display: none;
	}
}

/*导航*/

.top01 {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px) {
	.navbar .top02 {
		display: none;
	}
}

.top02{
	background: url(../img/navbg-2.png) ;
}
.top02_c {
	height: 60px;
}

.top02_c ul {
	width: 100%;
	height: auto;
	text-align: center;
	position:relative;/*二级导航背景和框体长度相同*/
}

.top02_c ul li:hover {
	border-top: 2px solid #ff9c01;
}

.top02_c ul li>a {
	line-height: 58px;
}

.dh_xl01 {
	width: 100%;
	height: auto;
	background-color: rgba(252, 244, 229, 0.9);
	/*background-color: gray;*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);
	padding: 20px 0px;
	position: absolute;
	left: 0px;
	z-index: 999999;
	display: none;
}

@media \0screen\,
screen\9 {
	/* 只支持IE6、7、8 */
	.dh_xl01 {
		width: 100%;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);		
		/* zoom: 1;
		激活IE6、7的haslayout属性，让它读懂Alpha */
	}
}

.dh_xl02 {
	width: 1200px;
	height: auto;
	margin: 0px auto;
}

.dh_xl02>h3 {
	display: inline-block;
	vertical-align: top;
	/* display: inline;
	*zoom: 1; */
	font-size: 20px;
	width: 120px;
	margin-top: 30px;
	text-align: left;
}

.dh_xl02_l {
	/*text-align: left;
    padding-top: 0;
	padding-left: 35px;*/
	display: inline-block;
	vertical-align: top;
	/*display: inline;
	zoom: 1;
	width: 350px;
	margin-left: 30px;*/
	border-left: 1px solid #fff;
	/* border-right: 1px solid #fff; */
	text-align: left;
}

.dh_xl02_l>a {
	display: inline-block;
	vertical-align: top;
	/* display: inline;
	zoom: 1; */
	width: 130px;
	height: 50px;
	line-height: 50px;
	margin: 0px 10px 10px 0px;
	text-align: center
}

.dh_xl02_l>a:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

.dh_xl02_r {
	width: 480px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	/* display: inline;
	zoom: 1; */
}

.dh_xl02_r h3 {
	font-size: 16px;
	position: relative;
	text-align: left;
	margin-bottom: 10px;
}

.dh_xl02_r h3 em {
	margin-top: 5px;
	display: block;
	width: 65px;
	height: 2px;
	background: #333;
}

.dh_xl02_r .pl20 img {
	width: 100%;
	height: 200px;
	margin-bottom: 10px;
}

.dh_xl02_r .pl20>p {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 4px;
	text-align: left;
	font-size: 14px;
}

.dh_xl02_r .pl20>p>a {
	display: inline-block;
	vertical-align: top;
	/* display: inline;
	zoom: 1; */
	color: red;
	text-align: right;
}

.dh_xl02_r .intro .news {
	display: inline-block;
	width: 50%;
	font-size: 14px;
	padding: 5px;
	text-align: left;
}

.dh_xl02_r .intro .news img {
	width: 100%;
	margin-bottom: 5px
}

.dh_xl02_r .intro .news p {
	/*color: #fff*/
}

.dh_xl02_r .intro form {
	color: initial
}

.dh_xl02_r .intro select {
	height: 40px;
	border: #333 1px solid;
	background: transparent;
	margin: 5px 0;
}

option {
	color: initial;
}

select[name=keshi] {
	width: 100%
}

select[name=xiqi] {
	width: 49%;
	float: left;
}

select[name=shji] {
	width: 49%;
	float: right;
}

select[name=zhch] {
	width: 100%
}

input[name=chx] {
	width: 100%;
	background: #98242c;
	border: 0;
	height: 40px;
	color: #fff;
	cursor: pointer;
}

.top01 .lubo{
	width: 100%;
	clear: both;
	position: relative;
	height: 368px;
}
@media screen and (max-width: 768px) {
	.top01 .lubo {
		width: 100%;
		height: 0;
		padding-bottom:30%;
	}
}

.top01 .lubo .lubo_box {
	position: relative;
	width: 100%;
	height: 368px;
}
@media screen and (max-width: 768px) {
	.lubo .lubo_box {
		padding-bottom:30%;
		height: 0;
	}
}

.top01 .lubo .lubo_box li {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 368px;
	opacity: 0;
	filter: alpha(opacity=0);
}
@media screen and (max-width: 768px) {
	.top01 .lubo .lubo_box li {
		padding-bottom:30%;
		height: 0;
	}
} 

.top01 .lubo .lubo_box li a {
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.top01 .lubo .lubo_box li a {
		padding-bottom:30%;
		height: 0;
	}
}
.top01 .lubo .lubo_box li img {
	width: 100%;
	height: 368px;
}
	 
/*圆点*/ 
.top01 .cir_box {
	overflow: hidden;
	position: absolute;
	z-index: 100;
}
	 
.top01 .cir_box li {
	float: left;
	width: 30px;
	height: 5px;
	margin: 0 5px;
	cursor: pointer;
	background: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
	 
.top01 .cir_on {
	background: #000 !important;
}

/*左右切换按钮*/
.top01 .lubo_btn {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -20px;
}
	 
.top01 .left_btn,.right_btn {
	width: 30px;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	cursor: pointer;
	color: #fff;
	font-size: 30px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
	 
.top01 .left_btn {
	float: left;
}
	 
.top01 .right_btn {
	float: right;
}

.main {
	background: url(../img/bg-1.jpg) center;
	/*background: url(../img/bg1.jpg) no-repeat;*/
	position: relative;
	z-index: 80;
}
@media screen and (max-width: 768px) {
	.main{
		background:none;
	}
}

.guide {
	border-bottom:3px #fff solid;
	padding: 10px 0;
}
@media screen and (max-width: 768px) {
	.guide{
		width:100%;
	}
}

.guide ul {
	text-align: center;
}

.guide ul li {
	width: 142px;
	height: 142px;
	display: inline-block;
	vertical-align: top;
	/* display: inline;
	zoom: 1; */
	background: #987b5f;
	background-size:100% 100%;
}
@media screen and (max-width: 768px) {
	.guide ul li{
	width:23%;
	margin:10px 0;
	height: 0;
	padding-bottom: 23%;
	}
}

.guide ul li:hover {
	background:#9a5d62;
	background-size:100% 100%;
}

.guide ul li a {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 16px
}

.guide ul li a img {
	width: 50%;
	margin: 0 auto;
	padding-top: 25%;
}

@media screen and (max-width: 425px) {
	.guide ul li a span{
	font-size:12px;
	}
}

.justify {
	margin-top:10px;
	padding:20px;
	border-bottom: 3px solid #fff;
}

.justify #yyxw {
	float: left;
	width: 380px;
	padding-right:20px;
}
@media screen and (max-width: 768px) {
	.justify #yyxw{
		width:100%;
		padding:0;
		
	}
}

.justify .tab1 {
	width: 400px;
	float: left;
	padding-right:20px;
}
@media screen and (max-width: 768px) {
	.justify .tab1 {
		width:100%;
		padding:0;
	}
	.justify .list1{
		margin-bottom:3x0px;
		
	}
}

.justify .tab-title {
	height: 46px;
	font-size: 0;
	background: url(../img/hj_bg.png) no-repeat center bottom;
	margin-bottom:10px;
}

.justify .tab-title .item {
	display: inline-block;
	width: 120px;
	height: 46px;
	line-height: 46px;
	padding-left:22px;
	color: #333;
	font-size: 16px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.justify .tab-title .item {
		width:33.3%;
	}
}

.justify .tab-title .item-cur {
	background:url(../img/hj_on.png) no-repeat;
	background-size: 100% 100%;
}

.justify .tab-cont {
	position: relative;
	height:235px;
	overflow: hidden;
}

.justify .tab-cont__wrap {
	position: absolute;
}
@media screen and (max-width: 768px) {
	.justify .tab-cont__wrap {
		width:100%;
	}
}
#yyxw ul li img{
	width:100%;
}	

.justify .tab-cont .item {
	width: 400px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	color: #fff;
}
@media screen and (max-width: 768px) {
	.justify .tab-cont .item {
		width:100%;
	}
}
	
.justify .tab-cont__wrap dd {
	height:40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 1; 
	position: relative;
}

.justify .tab-cont__wrap dd a{
	width: 70%;
	text-align: left;
	line-height: 40px;
	height:40px;
	padding-left:20px;
	background: url(../img/icon_more.png) no-repeat center left;
}

.justify .tab-cont__wrap dd span{
	position: absolute;
	right:20px;top:0;
	line-height: 40px;
	color: #333;
}
	
.justify #yytg {
	width: 360px;
	float: right;
	border:0px solid #98242c;
}
@media screen and (max-width: 768px) {
	.justify #yytg {
	width:100%;
	margin-top:30px
	}
}

.justify #yytg .yytz {
	padding:10px;
}

.justify #yytg .yytz img {
	width: 100%;
	height: 107px;
}

.justify #yytg .yytz ul {
	margin-top: 5px;
}

.justify #yytg .yytz ul li {
	border-bottom: 1px dotted #999;
}

.justify #yytg .yytz ul li a {
	overflow: hidden;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#yytg .title span {
	background: url(../img/box-h3-bg-right.png) no-repeat;
	background-size:100%;
	padding-left:4px;
	position: absolute;
	right:0;
	top:10px;
	margin-top: -7px;
}

#yytg .title span a{
	color:#fff;
	font-size: 12px;
	line-height: 24px;
	width:76px;
	height:36px;
}
.tabweb{
	margin-top:30px;
	border-bottom: 3px solid #fff;
}
@media screen and (max-width: 768px) {
	.tabweb{
	display:none;
	}
}

.tabmain {
	/*background: #fcf4e5;*/
	padding:10px;
}

.tabmain .title {
	position: absolute;
	top:-120px;
	left:0;
	width:100%;
	margin-bottom: 10px;
	background: url(../img/keshi_t.png) no-repeat center top;
}
.tabmain #keshi {
	background: url(../img/keshi_t.png) no-repeat center top;
}
.tabmain #zhuanjia {
	background: url(../img/zhuanjia_t.png) no-repeat center top;
}

.tabmain .title h4 {
	height:39px;
	display: inline-block;
	vertical-align: top;
}
.tab2 {
	width: 100%;
}

.tab2 .tab-hd {
	overflow: hidden;
	zoom: 1;
}

.tab2 .tab-hd li {
	float: left;
	width: 150px;
	text-align: center;
	cursor: pointer;
	border-radius: 6px 6px 0 0;
}

.tab2 .tab-hd li.active {
	background: #fff;
}

.tab2 .tab-hd li.active span {}

.tab2 .tab-hd li span {
	line-height: 50px;
}

.tab2 .tab-bd li {
	position: relative;
	display: none;
	padding: 20px;
	background: #fff;
	min-height: 164px;
}

.tab2 .tab-bd li dl dd {
	display: inline-block;
	/* display: inline;
	zoom: 1; */
	margin: 10px 5px;
}

.tab2 .tab-bd li dl dd a {
	background: #e9e9e9;
	padding: 10px 20px;
	border-radius: 6px;
	border: 1px solid #e9e9e9;
	width:175px;
	text-align: center;
}

.tab2 .tab-bd li dl dd a:hover {
	background: #CDEEE8;
}

.tab2 .tab-bd li.thisclass {
	display: list-item;
}

#tabapp{
	display: none;
}
@media screen and (max-width: 768px) {
	#tabapp{
		display:block;
	}
}

#tabapp .tabapp-hd h3{
	border-bottom: 1px solid #e3e3e3;
	line-height:40px;
}

#tabapp .tabapp-hd dl dd{
	display: inline-block;
	margin:10px 0;
}

#tabapp .tabapp-hd dl dd a{
    background: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    border: 1px solid #e9e9e9;
}

.moremes {
	border-bottom: 3px solid #fff;
	margin-top:30px;
}

.moremes .list{
	padding:10px;
}

#yyyb{
	width:25%;
	float:left;
}
@media screen and (max-width: 768px) {
	#yyyb{
	width:100%
	}
}

#tszs{
	width:25%;
	float:left;
}
@media screen and (max-width: 768px) {
	#tszs{
	width:100%
	}
}

.moremes .list .title{
	height:52px;
	position: relative;
}

#yyyb .title h4{
	background: url(../img/yyyb.png) no-repeat;
	height:52px;
	width:100%;
}

#tszs .title h4{
	background: url(../img/tszs.png) no-repeat;
	height:52px;
	width:100%;
}

#jkzs .title h4{
	background: url(../img/jkzs.png) no-repeat;
	height:52px;
	width:100%;
}

#yydj .title,#yytg .title{
	background: url(../img/hj_bg.png) no-repeat center bottom;
	height:46px;
	margin-bottom:10px;
	position: relative;
}

#yydj .title h4,#yytg .title h4{
	background: url(../img/hj_on.png) no-repeat left;
	background-size: 100% 100%;
	width:120px;
	padding-left:30px;
	font-size:16px;
	line-height: 46px;
}

#yydj .title span {
	background: url(../img/box-h3-bg-right.png) no-repeat;
	background-size:100%;
	padding-left:4px;
	position: absolute;
	right:0;
	top:10px;
	margin-top: -7px;
}

#yydj .title span a{
	color:#fff;
	font-size: 12px;
	line-height: 24px;
	width:76px;
	height:36px;
}

#zyys .title h4{
	background: url(../img/zyys.png) no-repeat;
	height:52px;
	width:100%;
}

.moremes .list .title span {
	background: url(../img/box-h3-bg-right.png) no-repeat;
	background-size:100%;
	padding-left:4px;
	position: absolute;
	right:0;
	top:10px;
	margin-top: -7px;
}

.moremes .list .title span a{
	color:#fff;
	font-size: 12px;
	line-height: 24px;
	width:76px;
	height:36px;
}

#yyyb .yylist li{
	width:50%;
	float: left;
}

@media screen and (max-width: 425px) {
	#yyyb .yylist li{
	width:50%;
	}
}

#yyyb .yylist li a{
	margin:5px
}

#yyyb .yylist li a img{
	width:100%
}

#yyyb .yylist li a p{
	text-align: center;
	line-height: 30px;
}

#yydj{
	width:380px;
	float:left;
}
@media screen and (max-width: 768px) {
	#yydj{
	width:100%;
	border:0;
	margin-bottom:30px
	}
}

#yydj dl dd{
	border-bottom: 1px dotted #e1e1e1;
	background: url(../img/icon_more.png) no-repeat left center;
	padding-left:20px
}

.moremes .list .yylist dd a{
	line-height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#yydj .yylist dd a{
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.moremes .list dl dd{
	border-bottom: 1px dotted #e1e1e1;
	background: url(../img/icon_more.png) no-repeat left center;
	padding-left:20px
}

#zyys{
	width:25%;
	float: left;
}
@media screen and (max-width: 768px) {
	#zyys{
	width:100%;
	}
}

#jkzs{
	width:25%;
	float: left;
}
@media screen and (max-width: 768px) {
	#jkzs{
	width:100%;
	}
}

.footer {
	background:url(../img/bg-1.jpg) no-repeat center;
	padding: 500px 0 20px 0;
	text-align: center;
	position: relative;
	margin-top:-480px;
}

.footer .copyright p a{display:inline-block}

@media screen and (max-width: 768px) {
	.footer{
	background:none;
	margin-left: 10px;
	margin-right:10px;
	}
}

.footer .logo {
	padding-right: 30px;
	border-right: 1px solid #333;
	display: inline-block;
	vertical-align: middle;
	/* display: inline;
	zoom: 1; */
}

.footer .sydw {
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
	/* display: inline;
	zoom: 1; */
}

.footer .copyright {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	/* display: inline;
	zoom: 1; */
}

.footer .copyright p {
	line-height: 24px;
}

@media screen and (max-width: 768px) {
	.footer .logo{
	display:none;
	}
}




/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.mobile{
	display: none;
	height:80px;
}
@media (max-width: 768px) {
	.mobile{
		display: block;
	}
}

.sp_header {
	height: 80px;
	overflow: hidden;
	background: #fff;
	position: fixed;
	z-index: 1000;
	width: 100%;
}

.sp_logo {
	padding: 10px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 425px) {
	.sp_logo{
	width:50%;
	}
}

.sp_logo img {
	margin: auto;
	max-height:60px;
	width:100%;
	vertical-align: middle;
}

.mobile .lag{
	right:80px;
	margin-top:-12px	
}

.sp_nav {
	width:60px;
	float: right;
	position: relative;
	cursor: pointer;
	height: 30px;
	margin-top: 30px
}

.sp_nav span {
	display: block;
	background: #98242c;
	width: 30px;
	height: 2px;
	position: absolute;
	left: 10px;
	transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
	top: 0px
}

.sp_nav span:nth-of-type(2) {
	top: 10px
}

.sp_nav span:nth-of-type(3) {
	top: 20px
}

.sp_nav_se span:nth-of-type(1) {
	top: 10px;
	transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
	width: 0
}

.sp_nav_se span:nth-of-type(3) {
	top: 10px;
	transform: rotate(-45deg)
}

.sjj_nav {
	position: fixed;
	z-index:999;
	background: #eee;
	width: 100%;
	/*height: calc(100% - 104px);*/
	font-size: 14px;
	line-height: 40px;
	top: -100%;
	left: 0;
	overflow: auto;
	overflow-x: hidden;
	transition: top ease 0.35s;
}

.nav_show {
	top:80px
}

.sjj_nav>ul>li:first-child {
	overflow: hidden;
	border-top: 0
}

.sjj_nav>ul>li:first-child>a {
	float: left;
	width: calc(100% - 70px)
}

.sjj_nav>ul>li:first-child .language {
	float: right;
	width: 70px;
	overflow: hidden;
	line-height: 30px;
	margin-top: 5px
}

.sjj_nav>ul>li:first-child .language a {
	width: 35px;
	float: left;
	border-left: 1px #ddd solid;
	text-align: center;
	color: #999;
}

.sjj_nav ul li i {
	position: absolute;
	top: 5px;
	right: 0px;
	border-left: 1px #ddd solid;
	height: 30px;
	padding: 0px 7px 0 7px;
}

.sjj_nav ul li i svg {
	transform: rotate(-90deg);
	transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
	transform: rotate(0deg)
}

.sjj_nav ul li {
	border-top: 1px #ddd solid;
	margin-left: 20px;
	position: relative;
	line-height: 40px;
	font-size: 14px
}

.sjj_nav>ul>li:last-child {
	border-bottom: 1px #ddd solid;
}

.sjj_nav ul li ul {
	display: none
}

.sjj_nav ul li a {
	color: #666;
	width: 80%
}

.sjj_nav ul li ul li a {
	color: #999;
	display: block;
	text-align: left;
}

.sjj_nav ul li i svg {
	width: 20px;
	height: 20px;
	fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
	fill: #04AF9F
}

.sjj_nav ul li ul li>ul {
	margin-left: 10px
}


/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/



.banner0 img{
	width:100%
}

.bodytop{
	height:33px;
	width:1230px;
	margin:auto;
	position: relative;
}
@media screen and (max-width: 768px) {
	.bodytop{
	width:100%
	}
}

.bodytop span:first-child{
	background: url(../img/top_t-l.png) no-repeat;
	background-size:100% 100%;
	height:33px;
	width:33px;
}

.bodytop span:nth-child(2){
	background: url(../img/top_t-c.png) no-repeat;
	background-size:100% 100%;
	height:33px;
	position: absolute;
	left:33px;
	top:0;
	width:calc(100% - 66px)
}

.bodytop span:last-child{
	background: url(../img/top_t-r.png) no-repeat;
	background-size:100% 100%;
	height:33px;
	width:33px;
	position: absolute;
	right:0;
	top:0;
}

.bodywrap{
	background: #fff;
	padding:0 0 30px 0
}

.bodycen{
	background:url(../img/body_ej_t.png) no-repeat center 30px;
	min-height:600PX;
	padding-top:30px;
	margin:0 10px;
}

.bodycen .subnav{
	margin-top: 14px;
	width:273px;
	border-right:1px solid #bdad8c;
	float:left
}
@media screen and (max-width: 768px) {
	.bodycen .subnav{
	display:none;
	}
}

.bodycen .subnav .title{
	height:154px;
	background: url(../img/about_z.png) no-repeat center center;
	width:100%;
}

.subnavli{
	width:220px;
	margin:auto;
}

.subnavli .vtitle{
	border-top:dotted 1px #bdad8c;
	height:50px;
	line-height: 50px;
	text-align: center;
	
}

.subnavli .cur{
	background: url(../img/about_li_bg.png) no-repeat center center;
	color:#fff;
}

.subnavli .cur a{
	color:#fff;
	font-weight: bold;
}

.subnavli .vtitle:hover{
	background: url(../img/about_li_bg.png) no-repeat center center;
	color:#fff;
}

.subnavli .vtitle:hover a{
	color:#fff;
	font-weight: bold;
}

.main00{
	margin-top: 14px;
	float:right;
	width:900px;
	padding:0 20px
}
@media screen and (max-width: 768px) {
	.main00{
	width:100%;
	padding:0;
	}
}

.main00 .tips{
	float:right
}

.main00 .tips a{
	display:inline;
}

.main00 .txt{
	margin-top:10px;
	background: url(../img/about_nr_bg.png) no-repeat;
	padding:50px 30px 0;
}

.main00 .txt p{
	line-height:24px;
	text-indent: 28px;
	overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;*/
}

.main00 .txt ul li{
	border-bottom:dotted 1px #bdad8c;
	height:100px;
}

.main00 .txt ul li:hover a{
	color:#bdad8c
}

.main00 .txt ul li h4{
	line-height: 40px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
}

/*************页码**********/
	
.boxs {
	width: 100%;
	margin: 20px auto;
}
			
.page {
	width: calc(100% - 130px);
}
@media screen and (max-width: 425px) {
	.page{
	width:85%;
	margin:auto
	}
}
		
.info {
	height:34px;
	width:130px
}
@media screen and (max-width: 425px) {
	.info{
	width:100%
	}
}

.main00 .txt .info p{
	line-height: 34px;
	text-indent: 0;
}
			
.fl {
	float: left;
}
@media screen and (max-width: 425px) {
	.fl{
	float:none;
	text-align: center;
	}
}

.ui-pagination-container {
	height: 34px;
	line-height: 34px;
}

.ui-pagination-container .ui-pagination-page-item ,.ui-pagination-container .ui-pagination-page-btn{
	font-size: 14px;
	padding: 4px 10px;
	background: #fff;
	border: 1px solid #c5b7b7;
	color: #888;
	margin: 0 3px;
	text-decoration: none;
	display: inline;
}

.ui-pagination-container .ui-pagination-page-item:hover {
	border-color: #bdad8c;
	color: #bdad8c;
	text-decoration: none;
}

.ui-pagination-container .ui-pagination-page-item.active {
	background: #bdad8c;
	border-color: #bdad8c;
	color: #fff;
	cursor: default;
}
/*.page{
	text-align: center;
}*/

.info span{
	display: inline;
}

.bodycen .dj01{
	width:50%;
	float:left;
	padding:20px;
}
@media screen and (max-width: 768px) {
	.bodycen .dj01{
	width:100%;
	}
}

.bodycen .dj02{
	padding:20px;
}

.bodycen #djyd .title h4{
	background: url(../img/djyd.png) no-repeat;
	height:52px;
	width:100%;
}

.bodycen #ydyf .title h4{
	background: url(../img/ydyf.png) no-repeat;
	height:52px;
	width:100%;
}

.bodycen #djzl .title h4{
	background: url(../img/djzl.png) no-repeat;
	height:52px;
	width:100%;
}

.bodycen .dj01 .title,.bodycen .dj02 .title{
	position: relative;
}

.bodycen .dj01 .title span,.bodycen .dj02 .title span {
	background: url(../img/box-h3-bg-right.png) no-repeat;
	background-size:100%;
	padding-left:4px;
	position: absolute;
	right:0;
	top:10px;
	margin-top: -7px;
}

.bodycen .dj01 .title span a,.bodycen .dj02 .title span a{
	color:#fff;
	font-size: 12px;
	line-height: 24px;
	width:76px;
	height:36px;
}

.bodycen .dj01 .list,.bodycen .dj02 .list{
	margin:10px 0
}

.bodycen .dj01 .list dd{
	line-height:30px
}

.bodycen .dj02 .list li{
	width:20%;
	padding:0 10px;
	float:left;
	padding:10px;
}
@media screen and (max-width: 768px) {
	.bodycen .dj02 .list li{
	width:50%;
	}
}

.bodycen .dj02 .list li a{
	position: relative;
}

.bodycen .dj02 .list li a img{
	width:100%
}

.bodycen .dj02 .list li a span{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	line-height:30px;
	color:#fff;
	background: rgba(0,0,0,0.7);
	text-align: center;
}

.bodycen .main00 #intro {
	margin-bottom: 30px;
}



.bodycen .main00 #intro .content img {
	width: 90%;
	margin: 20px auto
}

.bodycen .main00 #intro .content p {
	line-height: 40px;
	text-align: justify;
	text-indent: 0;
}


.bodycen .main00 #intro .content .num {
	position: relative;
}

.bodycen .main00 #intro .content .num>a {
	position: absolute;
	left: 0;
	top: 0;
	margin-right: 20px
}

.bodycen .main00 #intro .content .num>a img {
	width: 150px
}

.bodycen .main00 #intro .content .num .detail {
	float: right;
	width: 100%;
	padding-left: 180px;
	height: 250px
}

ul.content li.num:hover {
	background: #f9f9f9;
}

.bodycen .main00 #intro .content .num .detail h5 {
	font-size: 18px;
	color: #006A50;
	line-height: 60px;
	border-bottom: 1px dotted #ddd
}

.bodycen .main00 #intro .content .num .detail h5 span {
	float: right;
	color: #333;
	font-size: 14px
}

.bodycen .main00 #intro .content .num .detail a {
	line-height: 30px;
	color: #006A50;
}

.bodycen .main00 #intro .list a {
	font-size: 14px;
	line-height: 40px;
	height:40px;
	border-bottom: 1px dotted #DDDDDD;
	position:relative;
}

.bodycen .main00 #intro .list a span{
	position:absolute;
	right:0;
	top:0;
	}

#culture strong {
	font-size: 24px
}

#culture p {
	font-size: 18px
}

.download{
	padding-top:20px;
}

.download a {
    background: #6D4738;
    height: 30px;
   
    width: 200px;
    color: #fff;
    text-align: center;
}

.vli {
	position: relative;
}

.vli>div {
	display: table-cell;
	text-align: center;
	color: #fff;
}

.vli button {
	letter-spacing: 1px;
	font-size: 16px;
	background: transparent;
	display: inline-block;
	padding: 8px 28px;
	border: 2px solid #fff;
	border-radius: 50px;
	background-clip: padding-box;
	position: relative;
	color: #FFF;
	transition: all .25s;
}

.vli button.btn {
	border-color: #ff4931;
	background: #ff4931;
}

.vli .move button.btn {
	border-color: #ffa500;
	background: #ffa500;
}

.vli .splits p {
	font-size: 18px;
}

.vli button:active {
	box-shadow: none;
}

.vli button:focus {
	outline: none;
}

.vli .wrapper {
	width:90%;
	height: 120%;
	background: #fff;
	transition: all .5s;
	color: #303030;
	overflow: hidden;
}

.vli .wrapper>div {
	padding: 15px 30px 30px;
	transition: all .5s;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

.vli .wrapper #login {
	padding-top: 12%;
}

#login .btn {
	margin-bottom: 15px;
}

#login p,
#register p {
	position: absolute;
	left: 65px;
	bottom: -24px
}

.vli .wrapper div#register .form2>div {
	position: relative;
	box-sizing: border-box;
	padding-left: 70px
}

.vli .wrapper label {
	position: absolute;
	text-align: left;
	left: 0;
	line-height: 30px;
}

.vli .wrapper h3 {
	margin-bottom: 20px;
	margin-top: 5px;
}

.vli .wrapper input {
	height: 30px;
	padding: 5px 15px;
	width: 100%;
	border: solid 1px #6D4738;
	box-sizing: border-box;
	margin-left: 10px
}

input.btn {
    background: #6D4738;
    color: #fff;
}

#register .pcd {
    width: 35%;
    float: right;
}

#register .pho {
    width: 60%;
    float: left;
}

.newsInfo {
	padding: 20px;
	min-height: 300px;
	_heihgt: 300px;
}

.newsInfo * {
	font-family: "微软雅黑"!important;
}

.newsInfo h3 {
	font-size: 20px;
	text-align: center;
	padding: 0 0 0 0;
	color: #333;
}

.newsInfo .source {
	padding-bottom: 10px;
	border-bottom: 1px dotted #8cc44c;
	/* border-bottom: 1px solid #EBEBEB;*/
}

.newsInfo h4 {
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
}

.newsInfo .source ul {
	text-align: center;
}

.newsInfo .source li {
	display: inline;
	padding: 0 10px;
	line-height: 50px;
	height: 50px;
	font-size: 14px;
}

.newsInfo .source li span {
	display: inline;
}

.newsInfo .content {
	margin: 30px 0 0 0;
	min-height: 300px;
	_height: 300px;
}

.newsInfo .content p,
.newsInfo .content div {
text-align: justify;
 font-size: 16px;
	padding: 0 0 1em 0;
	line-height: 30px;
}

.newsInfo .content div {
	padding-bottom: 0;
}

.keshi1{
	float:left;
	width:33.3%;
	margin:20px 0;
}
@media screen and (max-width: 768px) {
	.keshi1{
	width:50%;
	}
}

.keshi1 .htitle {
	border-bottom: 1px #eee solid;
}

.keshi1 .htitle h6 {
	margin: 0 10px;
	background: #6D4738;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}

.keshi1 h6 a{
	color: #fff;
}

.keshi .htitle {
	border-bottom: 1px #eee solid;
}

.keshi .htitle h6 {
	margin-left: 30px;
	background: #6D4738;
	width:200px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 50px;
}

.keshi .htitle {
	border-bottom: 1px #eee solid;
}

.keshi .htitle h6 {
	margin-left: 30px;
	background: #6D4738;
	width:200px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 50px;
}
@media screen and (max-width: 768px) {
	#keshi .keshi .htitle h6{
	width:50%;
	}
}

.keshi .det {
	margin: 20px 0;
	margin-left: 30px
}

.keshi .det a {
    /* display: inline; */
    line-height: 30px;
    margin: 10px;
    width: 100px;
    float: left;
    text-align: center;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    background-color: #e1e1e1;
    font-size: 16px;
}

.bodycen .content .num {
	position: relative;
}

.bodycen .content .num>a {
	position: absolute;
	left: 0;
	top: 0;
	margin-right: 20px
}

.bodycen .content .num>a img {
	width: 150px
}

.bodycen .content .num .detail {
	float: right;
	width: 100%;
	padding-left: 180px;
	height: 250px
}

ul.content li.num:hover {
	background: #f9f9f9;
}

.bodycen .content .num .detail h5 {
	font-size: 18px;
	color: #6D4738;
	line-height: 60px;
	border-bottom: 1px dotted #ddd
}

.bodycen .content .num .detail h5 span {
	float: right;
	color: #333;
	font-size: 14px
}

.bodycen .content .num .detail a {
	line-height: 30px;
	color: #6D4738;
	overflow: hidden;
	height: 190px
}

.v {
	float: right;
	width: 14px;
	height: 14px;
	overflow: hidden;
	background: url(images/vicon.png) no-repeat;
	display: inline-block;
	margin-top: -5px;
	margin-bottom: -5px;
}


.vconlist li a {
	height: 40px;
	line-height: 40px;
	margin-left: 110px;
	display: block;
	font-size: 14px;
	text-align: left;
	color: #866f67;
	border-top: 1px dotted #6D4738;
}

.vcon2list li a {
	height: 40px;
	line-height: 40px;
	margin-left: 130px;
	display: block;
	font-size: 14px;
	text-align: left;
	color: #866f67;
	border-top: 1px dotted #6D4738;
}


.vconlist li.select a,
.vconlist li a:hover {
	color: #ed4948;
	text-decoration: none;
}

/*------------PAGINATION------------*/
.pagination {display: inline-block;padding-left: 0;margin:40px 0;border-radius: 4px}
.pagination .cur {background-color: #eee;}
.pagination>dd {display: inline;background-color: #ddd;}
.pagination>dd>a,
.pagination>dd>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd}

.main .tips a{display:inline;}
.main .tips {line-height:40px;}

.main00 .content .appo{margin-left:30px}
.main00 .content .appo strong{margin-right:10px;font-size:16px;}
.main00 .content .appo select{width:200px;height:30px;padding-left:5px;border:1px solid #6D4738}
.main00 .content .appo form{margin-left:70px}
.main00 .content .appo form span{display: inline;}
.main00 .content .appo input{border:1px solid #6D4738;height:30px;width:200px}
.main00 .content .appo input#query{background:#6D4738;height:30px;width:50px;color:#fff}
.main00 .content .appo form#mess div{margin:10px 0}
.main00 .content .appo .submit input{background:#6D4738;height:30px;width:100px;color:#fff;margin-left:10px}

.snav {
	position: absolute;
	top:0;
	right:10px;
}

.snav a{
	display: inline;
}
@media screen and (max-width: 768px) {
	.snav{
	display: none;
	}
}

.main00 #menzhen p {
    line-height: 24px;
    text-indent: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;
    -webkit-box-orient: inline-axis;
    -webkit-line-clamp: 0;*/
}

.tabmain .wrap{
	margin-top:60px;
}





.float_layer{
	color:#fff;
	background:#6D4738;
	background-size:100% 100%;
	padding:10px;
}
.float_layer h2{
	height:30px;
	position: relative;
	border-bottom:#fff 1px solid;
	font-size:18px;
}

.float_layer h2 button{
	position: absolute;
	right:0;
	border:0;
	background:0;
	font-size:14px;
	cursor: pointer;
}

.float_layer#miaov_float_layer{
	position: fixed;
	right:0;
	bottom:0;
	width:200px;
	
	z-index: 100000;
}
.float_layer#miaov_float_layer1{
	position: fixed;
	right:0;
	bottom: 150px;
	width:200px;
	z-index: 100000;
}
.float_layer#miaov_float_layer2{
	position: fixed;
	right:0;
	bottom: 300px;
	width:200px;
	z-index: 100000;
}
.float_layer#miaov_float_layer3{
	position: fixed;
	right:0;
	bottom: 450px;
	width:200px;
	z-index: 100000;
}
.float_layer#miaov_float_layer4{
	position: fixed;
	right:0;
	bottom: 610px;
	width:200px;
	z-index: 100000;
}
@media screen and (max-width: 768px) {
	.float_layer{
	display: none;
	}
}

.float_layer .content{
	margin:10px 0;
	line-height: 24px;
	position: relative;
}

.float_layer .content a{
	color:#fff;
	float:right;
}



.justify .tab-cont__wrap li dl div{
height: 40px;
}

.justify .tab-cont__wrap li dl div a{
    line-height: 40px;
    height: 40px;
   position:relative;
}


.justify .tab-cont__wrap li dl div a span{
   position: absolute;
    display: inline;
    right: 20px;
    height: 40px;
}

.main00 #mess p{
        line-height: 24px;
    text-indent: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: inline-axis;
}

#tabapp .title{
display:none;
}

@media screen and (max-width: 768px) {
	
	.bodycen .main00 #intro .content p{
	width:65%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	text-indent:0;
	text-align:normal;
	}
	.keshi1 .htitle h6{
	font-size:14px;
	}
}


@media screen and (max-width: 768px) {
		.tips .subnavbtn{
			display:block;
		}
	}
	.tips{
		width: 100%;
	}
	.tips span{
		float: left;
	}
	.main00{
		position: relative;
	}
	.navbar1{
		position: absolute;
		top: 40px;
		right: 0;
	}
	.subnavbtn{
		display: none;
		float: right;
		font-size: 20px;
		font-weight: bold;
	}
	.subnavs{
		display: none;
		background: #fff;
		width: 100px;
		padding: 5px;
		box-shadow: 1px 1px 5px #e9e9e9 ;
	}
	
	.subnavs li{
		padding-left: 10px;
		border-bottom: 1px solid #e1e1e1;
		
	}
	.subnavs li a{
		
		line-height: 30px;
	}
	
	.two a{
		padding-left: 10px;
	}