/* CSS Document */
body{
	background: #fff url(imagesbg_01.png) no-repeat center top;
}

/*small screen*/
.app_top {
	display: none;
	position: relative;
}
.app_top .app_nav{
	height: 60px;
	position: fixed;
	background: #333333;
	width: 100%;
	top: 0;
	z-index: 99999;
}
.app_nav .app_logo{
	float: left;
	margin-left: 10px;
	width: 162px;
}
.app_nav .app_logo a{
	display: block;
	height: 100%
}
.app_nav .app_logo img{
	max-width: 100%;
}
.app_nav .app_menu{
	float: right;
	margin-right: 20px;
	margin-top: 17px;
	width: 30px;
}
.app_nav .app_menu img{
	max-width: 100%;
}
.app_nav .app_close{
	float: right;
	margin-right: 20px;
	margin-top: 17px;
	width: 30px;
	display: none;
}
.app_nav .app_close img{
	max-width: 100%;
}
.app_seabox{
	padding: 0 10px;
	overflow: hidden;
}
.app_search{
	border:1px solid #ccc;
	height: 34px;
	margin:0 auto;
	background: #fff;
	margin-top: 70px;
	border-radius: 4px;
	position: relative;
}
.app_search .app_text{
	height: 14px;
	padding: 10px 0;
	color: #999;
	font-size: 14px;
	border:none;
	line-height: 14px;
	text-indent: 36px;
	width: 95%;
	margin-left: 5px;
}
.app_search span{
	position: absolute;
	left: 9px;
	top: 6px;
	width: 21px;
}
.app_search span img{
	max-width: 100%;
}
.app_show{
	position: fixed;
	top: 60px;
	width: 100%;
	background: rgba(255,255,255,1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
	z-index: 11111111;
	display: none;
}
.app_show ul{
	padding: 10px;
}
.app_show ul li{
	height: 34px;
	line-height: 34px;
	border-bottom: 1px dashed #eee;
}
.app_show ul li a{
	color: #3a3a3a;
	font-size: 16px;
	display: block;
}
/*small screen*/

/*header start*/
.header .top{
	height: 39px;
	background:#333333;
	
}
.header .top .top_nav{
	height: 100%;
	line-height: 37px;
	overflow: hidden;
	color: #fff;
}
.kj_load li{
	float: left;
}
.kj_load li a{
	color: #fff;
	margin: 0px 70px 0px 0px;
}
.kj_load li a:hover{
	color: #ff0;
}
.kj_load li span{
	margin: 0 4px;
}
.db_middle{
	margin-top: 32px;
	overflow: hidden;
}
.db_middle .search{
	width: 440px;
	margin-top: 28px;
}
.db_middle .search .sea_up{
	width: 100%;
	overflow: hidden;
}
.sea_up .ip1{
	width: 79%;
	height: 18px;
	line-height: 18px;
	padding: 10px 0px;
	border: 1px solid #a0a0a0;
	border-right: none;
	background: #fff;
	color: #666;
	text-indent: 8px;
}
.sea_up .btn{
	width: 40px;
	height: 40px;
	background: #317ad9;
	position: relative;
}
.sea_up .btn input{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: none;
	border: none;
	cursor: pointer;
}
.sea_up .btn span{
	position: absolute;
	left: 10px;
	top: 0px;
	width: 40px;
	height: 40px;
	background: url(imagessea_03.png) no-repeat left center;
	
}
.nav{
	margin-top: 24px;
}
.nav ul{
	overflow: hidden;
}
.nav li{
	float: left;
	width: calc(100%/8 - 9px);
	height:52px;
	line-height:52px;
	text-align:center;
	margin-right:10px;
}

.nav li.l1{
	background:#3498db;
}
.nav li.l2{
	background:#89c997;
}
.nav li.l3{
	background:#13b5b1;
}
.nav li.l4{
	background:#32b16c;
}
.nav li.l5{
	background:#b3d465;
}
.nav li.l6{
	background:#f8b551;
}
.nav li.l7{
	background:#eb6100;
}
.nav li.l8{
	background: #ef4b4b;
	margin-right:0px;
}

.nav li:hover{
	font-weight:bold;
	background-image:url(imagesdhsjx.png);
	background-position:center;
	background-position:bottom;
	background-repeat:no-repeat
}
.nav li a{
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	color:#fff;
}

/*header end*/
/*ylindex start*/
.wrap{
	padding: 10px;
	background: #fff;
	margin-top:10px;
}
.row{
	overflow: hidden;
}
.lybox1{
	float:left;
}
.lyly{
	/*height: 360px;*/
}
.hiSlider-wrap{
	/*height: 360px !important;*/
}
.lybox1 img{
	max-width:100%;
	height:auto;
}
.lybox2{
	float:left;
	width:100%;
	margin-top:20px;
}
.lyleft{
	float:left;
	width:40%;
}
.lyleft .lydt{
	float:left;
	background:#71b7e6;
	width:100%;
}
.lydt .lydt_bt{
	float:left;
	width:110px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	background:#ec6941;
}
.lydt .lydt_bt a{
	color:#fff;
}
.lydt .lydt_bt a:hover{
	color:#ff0;
}

.lylb1{
	float:left;
	width:100%;
}
.lylb1 .lylb1_bt{
	float:left;
	width:100%;
	height:40px;
	background:#ededed;
	
}
.lylb1 .lylb1_bt a{
	float:left;
	width:110px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	background:#ec6941;
}
.lylb1 .lylb1_bt a:hover{
	color:#ff0;
}


.lylb1 .lylb1_bt1{
	float:left;
	width:100%;
	height:40px;
	background:#ededed;
	
}
.lylb1 .lylb1_bt1 p{
	float:left;
	width:110px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	background:#ec6941;
	margin-right:10px;
}
.lylb1 .lylb1_bt1 h4{
	float:left;
	min-width:64px;
	line-height:36px;
	font-size:14px;
	color:#333333;
	margin:0px 15px;
	text-align:center;
}
.lylb1 .lylb1_bt1 h4 a{
	color:#333
}
.lylb1 .lylb1_bt1 h4 a:hover{
	color:#ec6941
}

.lylb1 .lylb1_bt1 h4.active{
	float:left;
	min-width:64px;
	line-height:36px;
	border-bottom:4px solid #ec6941;
	font-size:14px;
	color:#ec6941;
}
.lylb1 .lylb1_bt1 h4.active a{
	color:#ec6941
}
.lylb1 .lylb1_bt1 h4.active a:hover{
	color:#ec6941
}

.lylist1{
	float:left;
	width:100%;
	padding:15px 0px;
}
.lylist1 ul{
	width:92%;
	margin: 0 auto;
}
.lylist1 li{
	height: 33px;
	line-height: 33px;
}
.lylist1 li a{
	float: left;
	color: #fff;
	width: 66%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition: all .2s;
}
.lylist1 li a em{
	color: #ff0;
}
.lylist1 li a:hover{
	color: #ff0;
	margin-left: 5px;
}
.lylist1 li span{
	float: right;
	color: #fff;
	font-size: 12px;
}



.lylist2{
	float:left;
	width:100%;
	padding:15px 0px;
}
.lylist2 ul{
	width:92%;
	margin: 0 auto;
}
.lylist2 li{
	height: 33px;
	line-height: 33px;
}
.lylist2 li a{
	float: left;
	color: #333;
	width: 66%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition: all .2s;
}
.lylist2 li a em{
	color: #ec6941;
}
.lylist2 li a:hover{
	color: #ec6941;
	margin-left: 5px;
}
.lylist2 li span{
	float: right;
	color: #999;
	font-size: 12px;
}



.lylist3{
	float:left;
	width:100%;
	padding:25px 0px 0px 0px;
}
.lylist3 ul{
	width:100%;
	margin: 0 auto;
}
.lylist3 li{
	float:left;
	width:calc(100%/3 - 12px);
	margin-left:12px;
}
.lylist3 li span{
	float: left;
	width:100%;
	height:140px;
	overflow:hidden;
}
.lylist3 li span img{
	float:left;
	width:100%;
	height:auto;
}
.lylist3 li a{
	line-height: 40px;
	float: left;
	color: #333;
	width: 100%;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition: all .2s;
}
.lylist3 li a:hover{
	color: #ec6941;
}

.lylist4{
	float:left;
	width:100%;
	padding:15px 0px;
}
.lylist4 ul{
	width:calc(100% - 2px);
	margin: 0 auto;
	border:1px solid #f2967a;
}
.lylist4 li{
	float:left;
	width:calc(100%/4 - 16px);
	margin:20px 8px;
	position:relative;
	height:140px;
	overflow:hidden;
}
.lylist4 li img{
	float:left;
	width:100%;
	height:auto;
}
.lylist4 li span{
	width:100%;
	height:30px;
	background:rgba(0,0,0,0.7);
	position:absolute;
	left:0;
	bottom:-3px;
	text-align:center;

}
.lylist4 li span a{
	line-height: 30px;
	color: #fff;
	width: 100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition: all .2s;
}
.lylist4 li span a:hover{
	color: #ff0;
}

.lyright{
	float:right;
	width:calc(60% - 15px);
}
.ly_tsjd{
	float:left;
	width:calc(100%/2);
	position:relative;
}
.ly_tsjd .bq{
	position:absolute;
	left:0;
	top:0;
	width:60px;
	height:46px;
	z-index:11111;
}
.ly_tsjd .tu{
	margin:15px 0px 0px 15px;
	width:calc(100% - 15px);
	height:235px;
	overflow:hidden;
	position:relative;
}
.ly_tsjd .tu img{
	width:100%;
	height:auto;
}
.ly_tsjd .tu .dzi{
	position:absolute;
	width:100%;
	right:0;
	bottom:0px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#fff;
	background:rgba(0,0,0,0.7);
	z-index:11111;
}

.ly_tsjd .tu .dzi a{
	color:#fff;
}
.ly_tsjd .tu .dzi a:hover{
	color:#ff0;
}

.lyright1{
	float:right;
	width:calc(60%);
}

.ly_hdlist{
	float:left;
	width:calc(100%/2 - 15px);
	margin-left:15px;
}


.lyleft2{
	float:left;
	width:20%;
}
.lyright2{
	float:right;
	width:calc(80% - 15px);
}

.ly_qybh{
	float:left;
	background:#fff;
	border:1px solid #ededed;
	width:calc(100% - 2px);
	height:83px;
	margin-top:15px;
}
.ly_qybh .qybhtu{
	float:left;
	width:60px;
	height:50px;
	text-align:center;
	background:url(imageslyytu1.png) no-repeat;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	line-height:20px;
	padding-top:10px;
	margin:11px 20px 0px 14px;

}
.ly_qybh .qybhtu1{
	float:left;
	width:60px;
	height:50px;
	text-align:center;
	background:url(imageslyytu2.png) no-repeat;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	line-height:20px;
	padding-top:10px;
	margin:11px 20px 0px 14px;

}

.ly_qybh .ly_qyzi{
	float:left;
	width:calc(100% - 94px);
	font-size:24px;
	line-height:22px;
	color:#999;
	font-weight:bold;
	padding-top:18px
}
.ly_qybh .ly_qyzi span{
	font-size:16px;
	float:left;
	width:100%;
}
/*ylindex end*/


/*lunbo*/
.hiSlider-pages,
.hiSlider-title {
	position: absolute;
	z-index: 3
}

.hiSlider-btn-prev,
.hiSlider-btn-next {
	position: absolute;
	z-index: 5;
	top: 50%;
	height: 30px;
	width: 30px;
	background: url(../images/hislider-arrow.png) no-repeat;
	margin-top: -15px;
	text-indent: -200px;
	overflow: hidden;
	opacity: .6;
	filter: alpha(opacity:60)
}

.hiSlider-btn-prev {
	left: 10px
}

.hiSlider-btn-next {
	right: 10px;
	background-position: -30px 0
}

.hiSlider-btn-prev:hover,
.hiSlider-btn-next:hover {
	opacity: 1;
	filter: alpha(opacity:100)
}

.hiSlider-title {
	bottom: 0;
	width: 100%;
	padding: 6px 0;
	color: #fff;
	text-indent: 10px;
	background: rgba(0, 0, 0, .6);
	z-index: 2;
	font: 14px/2 "Microsoft YaHei", Arial, Tahoma;
	display: none;
}

.hiSlider-pages {
	bottom: 10px;
	text-align: center;
	width: 120px;
	left: 50%;
	margin-left: -60px;
	
}

.hiSlider-pages a {
	height: 9px;
	width: 9px;
	margin: 0 4px;
	display: inline-block;
	overflow: hidden;
	text-indent: -100px;
	font-size: 0;
	border-radius: 50%;
	background: #ddd
}

.hiSlider-pages a.active {
	background: #5472BF
}
/*lunbo*/