/* CSS Document */

#PanelHead{
	background:url(../images/headPic.png) no-repeat;
	width:790px; height:108px;
	padding:155px 0 0 203px;
}

#PanelMap{
	background:url(../images/menuBg.png) repeat-x;
	width:993px; height:46px;
}

/*新添加*/
ul#PanelMenu li{
	background:url(../images/menuLine.png) no-repeat right top;
	width:105px; height:46px; line-height:46px;
	float:left; text-align:center;
}
ul#PanelMenu li a{ color:#FFF;}

ul#PanelMenu li:hover{ background:#2a9be7;}

ul#PanelMenu li ul
{
	position: absolute;
	visibility: hidden;
	width:105px; background:#0074c3; overflow:hidden;}

ul#PanelMenu li ul li
{
	background:none;
	text-align:center;
	height:40px;
	line-height:40px;
	width:105px;
	font-size:14px;

}

ul#PanelMenu li ul li a
{
	height:40px;
	line-height:40px;
	width:105px;
	font-size:14px;


	color:#FFF; overflow:hidden;}
ul#PanelMenu li ul li a:hover{ background:#0868a9; display:block;}

/*新添加*/


#PanelSelect{
	width:300px; height:30px; line-height:30px;
	margin-top:8px; float:right; margin-right:20px;
}
#PanelSelect input[type="text"]{ width:200px; height:28px; float:left; background:#FFF; border:1px solid #999; line-height:28px; padding-left:5px;}
#PanelSelect input[type="button"]{ background:url(../images/selectBtn.png) no-repeat; width:84px; height:30px; text-align:center; line-height:30px; color:#FFF; font-size:14px; float:right; cursor:pointer;}

.m-top{ margin-top:15px;}


#PanelJS{ width:465px; height:315px; float:left;}
#PanelNews{
	width:511px; height:313px; border:1px solid #ccc;
	float:right;
}
ul#tabUL{ height:35px; font-size:14px;}
ul#tabUL li{ width:126.7px; height:35px; line-height:35px; text-align:center; float:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
ul#tabUL li.selectTag{ border-top:2px solid #0172c2; position:relative; color:#e5710a; display:block; border-bottom:none;}
ul#tabUL li.selectTag a{ color:#e5710a; font-weight:bold;}
#tagContent {
	margin:12px 15px;
	width:481px;
}
.tagContent {
	DISPLAY: none;
}
#tagContent DIV.selectTag {
	DISPLAY: block;
}
ul.BoxNewsUl li{
	background:url(../images/icon.gif) no-repeat left center;
	padding-left:11px;
	width:470px;
	float:left;
	font-size:14px;
	line-height:36px;
}
ul.BoxNewsUl li span{ width:420px; float:left; margin-right:10px;}


/*ul#PanelBtn{
	border:1px solid #ccc; padding:25px 0;
	width:991px; float:left;
	margin-top:15px;
}
ul#PanelBtn li{
	width:141px; line-height:36px;
	float:left; text-align:center;
}
ul#PanelBtn li a{ color:#1b83ca;}*/

.scroll_horizontal01{position:relative; }
.scroll_horizontal01 .box{overflow:hidden;position:relative;border:1px solid #ccc; padding:20px 0;
	width:981px; float:left;
	margin-top:15px; padding-left:10px;}
.scroll_horizontal01 .list{ overflow:hidden;width:9999px;}
.scroll_horizontal01 .list li{width:160px; line-height:36px;
	float:left; text-align:center;}
.scroll_horizontal01 .list li a{ color:#1b83ca;}
.scroll_horizontal01 .list li a:hover{ color:#1b83ca; text-decoration:underline;}



#PanelLeft{
	width:668px; float:left;
}

.BoxNews{
	width:668px; height:140px; margin-top:15px;
}
.BoxNews2{
	width:334px; height:140px; margin-top:15px;
}

.BoxNews .title{
	background:url(../images/listBg.png) no-repeat;
	width:653px; height:38px; line-height:38px;
	color:#fff; padding:0 10px 0 5px;
}
.BoxNews .title2{
	background:url(../images/listBg.png) no-repeat;
	width:353px; height:38px; line-height:38px;
	color:#fff; padding:0 10px 0 5px;
}

.BoxNews .title img{ float:left; margin-right:5px; margin-top:5px;}
.BoxNews .title a{ color:#007cce;}

ul.NewsUL{
	width:656px;
	height:150px;
	border:1px solid #ccc;
	padding-left:10px;
	padding-top:3px;
}

ul.NewsUL2{
	width:256px;
	height:150px;
	border:1px solid #ccc;
	padding-left:10px;
	padding-top:3px;
}

ul.NewsUL li{
	line-height:30px;
	float:left;
	font-size:14px;
}
ul.NewsUL li span{ width:600px; float:left; margin-right:8px; overflow:hidden;}
ul.NewsUL li a:hover{ color:#097fc7;}

#PanelRight{
	width:310px; float:right; margin-top:15px;
}

ul.rightUL li{
	width:145px;
	height:76px;
	float:left;
	margin:5px 5px 15px 5px;
}
#PanelRight .title{
	background:#ecf7fd;
	width:278px; height:48px; line-height:48px; padding-left:30px;
	border:1px solid #ccc; color:#0271c0; float:left;
}
#PanelRight .title img{ margin-top:11px; margin-right:15px; float:left;}

#PanelRight .content{
	padding:0 30px 30px 30px; border:1px solid #ccc;
	width:248px; margin-top:5px; float:left;height: 426px;
}
.wechatIcon{ margin-top:30px; float:left;}
.wechatFont{ width:90px; height:35px; line-height:35px; text-align:center; font-size:16px; background:#87aaa4; color:#FFF; margin-top:50px; float:left; margin-left:10px;}

#PanelLink{ width:993px; margin-top:15px; float:left;}
#PanelLink .title{ background:url(../images/linkBg.png) no-repeat; width:978px; height:38px; line-height:38px; color:#fff; padding:0 10px 0 5px;}
#PanelLink .title img{ float:left; margin-right:5px; margin-top:5px;}
ul#BoxLink{ width:991px; border:1px solid #ccc; padding:10px 0; float:left;}
ul#BoxLink li{ margin:5px 15px; float:left;}
ul#BoxLink li a:hover{ color:#097fc7;}

#PanelFoot{
	width:993px; padding:15px 0; margin-top:15px;
	text-align:center; color:#FFF; line-height:36px; background:#0071bd;
}



#PanelNav{
	width:969px; border:2px solid #3e7bc8; height:36px; line-height:36px; padding-left:20px; background:#FFF;
}
#PanelCon{ width:993px; border-top:none; margin-top:15px;}

#PanelCon .title{ background:url(../images/linkBg.png) no-repeat; width:978px; height:38px; line-height:38px; color:#fff; padding:0 10px 0 5px;}


#BoxCon{ width:991px; border:1px solid #ccc; float:left; padding:10px 0px;}
ul#NewsListUL li{ float:left; height:36px; line-height:36px; border-bottom:1px dashed #CCC; background:url(../images/icon.gif) no-repeat left center; padding-left:20px; padding-right:10px; width:920px; font-size:14px; margin-left:20px;}
ul#NewsListUL li span{ width:870px; float:left; margin-right:10px;}
ul#NewsListUL li a:hover{ color:#2981d3;}

/*分页*/
ul#PanelPage{
	width:350px;
	margin:0 auto;
	height:27px;
	margin:20px auto;
}
ul#PanelPage li{
	float:left;
	margin-left:10px;
	height:25px;
	line-height:25px;
	padding:0 10px;
	font-size:14px;
}
ul#PanelPage li:hover{
	border:1px solid #ccc;
	background:#2071b8;
}
ul#PanelPage li:hover a{ color:#fff;}
/*分页*/

#PanelContent{ width:910px; margin:0 auto; margin-top:20px;}
#PanelContent .title01{ text-align:center; line-height:36px; color:#2071b8; padding-bottom:20px;}
#PanelContent .content{ line-height:36px; font-size:14px; padding:20px 20px;}
#PanelContent .content p{ text-indent:2em;}

ul.picListUL{
	width:970px;
}
ul.picListUL li{
	width:222px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	text-align:center;
}
ul.picListUL li a img{ width:222px; height:150px; background:#09C; border:1px solid #CCC;}
ul.picListUL li a h5{ font-size:16px; font-weight:normal; line-height:36px;}





/*******************************手机端样式****************************************/

/* CSS Document */
@media screen and (max-width: 1024px) and (min-width: 100px) {
	#PanelHead {
		background: url(../images/headPic.png) no-repeat;
		width: 100% !important;
		height: 108px !important;
		padding: 100px 0 0 0px;
		background-size: 100% 100%;
	}

	#PanelMap {
		background: none;
		width: 993px;
		height: 46px;
	}

	/*新添加*/
	ul#PanelMenu li {
		background: url(../images/menuLine.png) no-repeat right top;
		width: 33.33%;
		height: 100%;
		line-height: 60px;
		float: left;
		text-align: center;
		background-size: 100%;
	}

	ul#PanelMenu li a {
		color: #FFF;
	}

	ul#PanelMenu li:hover {
		background: #2a9be7;
	}

	ul#PanelMenu li ul {
		position: absolute;
		visibility: hidden;
		width: 33%;
		background: #0074c3;
		overflow: hidden;
	}

	ul#PanelMenu li ul li {
		background: none;
		text-align: center;
		height: 60px;
		line-height: 60px;
		width: 100%;
		font-size: 14px;

	}

	ul#PanelMenu li ul li a {
		height: 60px;
		line-height: 60px;
		width: 100%;
		font-size: 14px;


		color: #FFF;
		overflow: hidden;
	}

	ul#PanelMenu li ul li a:hover {
		background: #0868a9;
		display: block;
	}

	/*新添加*/
	#PanelSelect {
		width: 300px;
		height: 80x !important;
		line-height: 30px;
		margin-top: 176px;
		float: right;
		margin-right: 20px;
		display: none;
	}

	#PanelSelect input[type="text"] {
		width: 30%;
		height: 78x;
		float: left;
		background: #FFF;
		border: 1px solid #999;
		line-height: 28px;
		padding-left: 5px;
		margin-left: 48%;
		display: none;
	}

	#PanelSelect input[type="button"] {
		background: url(../images/selectBtn.png) no-repeat;
		width: 16%;
		height: 78px;
		text-align: center;
		line-height: 30px;
		color: #FFF;
		font-size: 14px;
		float: right;
		cursor: pointer;
		background-size: 100% 100%;
		display: none;
	}

	.m-top {
		margin-top: 15px;
	}


	#PanelJS {
		width: 465px;
		height: 315px;
		float: left;
	}

	#PanelNews {
		width: 511px;
		height: 313px;
		border: 1px solid #ccc;
		float: right;
	}

	ul#tabUL {
		height: 90px;
		font-size: 14px;
	}

	ul#tabUL li {
		width: 28%;
		height: 100%;
		line-height: 35px;
		text-align: center;
		float: left;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	ul#tabUL li.selectTag {
		border-top: 2px solid #0172c2;
		position: relative;
		color: #e5710a;
		display: block;
		border-bottom: none;
	}

	ul#tabUL li.selectTag a {
		color: #e5710a;
		font-weight: bold;

	}

	#tagContent {
		margin: 12px 15px;
		width: 481px;
	}

	.tagContent {
		DISPLAY: none;
	}

	#tagContent DIV.selectTag {
		DISPLAY: block;
	}

	ul.BoxNewsUl li {
		background: url(../images/icon.gif) no-repeat left center;
		padding-left: 11px;
		width: 470px;
		float: left;
		font-size: 14px;
		line-height: 100%;
		border-bottom: 1px solid #CCC;
	}

	ul.BoxNewsUl li span {
		width: 420px;
		float: left;
		margin-right: 10px;
	}

	.scroll_horizontal01 {
		position: relative;
	}

	.scroll_horizontal01 .box {
		overflow: hidden;
		position: relative;
		border: 1px solid #ccc;
		padding: 20px 0;
		width: 981px;
		float: left;
		margin-top: 15px;
		padding-left: 10px;
	}

	.scroll_horizontal01 .list {
		overflow: hidden;
		width: 9999px;
	}

	.scroll_horizontal01 .list li {
		width: 24%;
		line-height: 36px;
		float: left;
		text-align: center;
	}

	.scroll_horizontal01 .list li a {
		color: #1b83ca;
		font-size: 31px !important;
	}

	.scroll_horizontal01 .list li a:hover {
		color: #1b83ca;
		text-decoration: underline;
	}


	#PanelLeft {
		width: 668px;
		float: left;
	}

	.BoxNews {
		width: 668px;
		height: 140px;
		margin-top: 15px;
	}

	.BoxNews2 {
		width: 334px;
		height: 140px;
		margin-top: 15px;
	}

	.BoxNews .title {
		background: url(../images/listBg.png) no-repeat;
		width: 653px;
		/*height: 86px !important;*/
		line-height: 38px;
		color: #fff;
		padding: 0 10px 0 5px;
		/*background-size: 120% 100%;*/
	}

	.BoxNews .title h5{
		font-size: 36px !important;
	}

	.BoxNews .title2 {
		background: url(../images/listBg.png) no-repeat;
		width: 353px;
		height: 38px;
		line-height: 38px;
		color: #fff;
		padding: 0 10px 0 5px;
	}

	.BoxNews .title img {
		float: left;
		margin-right: 5px;
		/*margin-top: 18px;*/
		/*height: 50px;*/
	}

	.BoxNews .title a {
		color: #007cce;
	}

	ul.NewsUL {
		width: 656px;
		height: 150px;
		border: 1px solid #ccc;
		padding-left: 10px;
		padding-top: 3px;
	}

	ul.NewsUL2 {
		width: 256px;
		height: 150px;
		border: 1px solid #ccc;
		padding-left: 10px;
		padding-top: 3px;
	}

	ul.NewsUL li {
		line-height: 100%;
		float: left;
		font-size: 14px;
		border-bottom: 1px solid #ccc;
	}

	ul.NewsUL li span {
		width: 600px;
		float: left;
		margin-right: 8px;
		overflow: hidden;
	}

	ul.NewsUL li a:hover {
		color: #097fc7;
	}

	#PanelRight {
		width: 310px;
		float: right;
		margin-top: 15px;
	}

	ul.rightUL li {
		width: 145px;
		height: 76px;
		float: left;
		margin: 5px 5px 15px 5px;
	}

	#PanelRight .title {
		background: #ecf7fd;
		width: 278px;
		height: 48px;
		line-height: 48px;
		padding-left: 30px;
		border: 1px solid #ccc;
		color: #0271c0;
		float: left;
	}

	#PanelRight .title img {
		margin-top: 11px;
		margin-right: 15px;
		float: left;
	}

	#PanelRight .content {
		padding: 0 30px 30px 30px;
		border: 1px solid #ccc;
		width: 248px;
		margin-top: 5px;
		float: left;
		height: 200px;
	}

	.wechatIcon {
		margin-top: 30px;
		float: left;
		width: 50%;
	}

	.wechatFont {
		width: 90px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		font-size: 16px;
		background: #87aaa4;
		color: #FFF;
		margin-top: 50px;
		float: left;
		margin-left: 10px;
	}

	#PanelLink {
		width: 993px;
		margin-top: 15px;
		float: left;
	}

	#PanelLink .title {
		background: url(../images/listBg.png) no-repeat;
		width: 653px;
		/*height: 86px !important;*/
		line-height: 38px;
		color: #fff;
		padding: 0 10px 0 5px;
		/*background-size: 120% 100%;*/
	}

	#PanelLink .title img {
		float: left;
		margin-right: 5px;
		/*margin-top: 18px;
		height: 50px;*/
	}

	ul#BoxLink {
		width: 991px;
		border: 1px solid #ccc;
		padding: 10px 0;
		float: left;
	}

	ul#BoxLink li {
		margin: 5px 15px;
		float: left;
	}

	ul#BoxLink li a:hover {
		color: #097fc7;
	}

	#PanelFoot {
		width: 993px;
		padding: 15px 0;
		margin-top: 15px;
		text-align: center;
		color: #FFF;
		line-height: 36px;
		background: #0071bd;
	}


	#PanelNav {
		width: 969px;
		border: 2px solid #3e7bc8;
		height: 36px;
		line-height: 36px;
		padding-left: 20px;
		background: #FFF;
	}

	#PanelCon {
		width: 993px;
		border-top: none;
		margin-top: 15px;
	}

	#PanelCon .title {
		background: url(../images/linkBg.png) no-repeat;
		width: 100% !important;
		height: 38px;
		line-height: 38px;
		color: #fff;
		padding: 0 10px 0 5px;
		/*background-size: 200% 100%;*/
	}


	#BoxCon {
		width: 991px;
		border: 1px solid #ccc;
		float: left;
		padding: 10px 0px;
	}

	ul#NewsListUL li {
		float: left;
		height: 60px;
		line-height: 100%;
		border-bottom: 1px dashed #CCC;
		background: url(../images/icon.gif) no-repeat left center;
		padding-left: 20px;
		padding-right: 10px;
		width: 920px;
		font-size: 14px;
		margin-left: 20px;
	}

	ul#NewsListUL li span {
		width: 870px;
		float: left;
		margin-right: 10px;
	}

	ul#NewsListUL li a:hover {
		color: #2981d3;
	}

	/*分页*/
	ul#PanelPage {
		width: 350px;
		margin: 0 auto;
		height: 27px;
		margin: 20px auto;
	}

	ul#PanelPage li {
		float: left;
		margin-left: 10px;
		height: 25px;
		line-height: 25px;
		padding: 0 10px;
		font-size: 14px;
	}

	ul#PanelPage li:hover {
		border: 1px solid #ccc;
		background: #2071b8;
	}

	ul#PanelPage li:hover a {
		color: #fff;
	}

	/*分页*/
	#PanelContent {
		width: 910px;
		margin: 0 auto;
		margin-top: 20px;
	}

	#PanelContent .title01 {
		text-align: center;
		line-height: 36px;
		color: #2071b8;
		padding-bottom: 20px;
	}

	#PanelContent .content {
		line-height: 36px;
		font-size: 14px;
		padding: 20px 20px;
	}

	#PanelContent .content p {
		text-indent: 2em;
		line-height: 100% !important;
	}

	#PanelContent .content span {
		text-indent: 2em;
		line-height: 60px !important;
	}

	ul.picListUL {
		width: 970px;
	}

	ul.picListUL li {
		width: 45%;
		float: left;
		margin-left: 20px;
		margin-top: 15px;
		text-align: center;
	}

	ul.picListUL li a img {
		width: 222px;
		height: 150px;
		background: #09C;
		border: 1px solid #CCC;
	}

	ul.picListUL li a h5 {
		font-size: 16px;
		font-weight: normal;
		line-height: 36px;
	}
}

