.tit{width:100%;height:50px;margin:15px 0;}
.tit .left{width:18%;font-size:22px;line-height:50px;border-bottom:2px solid #f60;float:left;}
.tit .right{width:82%;height:52px;border-bottom:2px solid #efefef;float:right;}

.box{
	font-family: 'ubuntu', sans-serif;
	overflow: hidden;
	position: relative;
	transition: all 0.2s;
	cursor:pointer;
}
.box:hover{ box-shadow: 0 0 15px -5px #000; }
.box:before{
	content: '';
	background-color: transparent;
	background-image:
		radial-gradient(circle at 20% 80%, transparent 29%, rgba(255,255,255,0.4) 30%, rgba(255,255,255,0.4) 33%, transparent 34%),
		radial-gradient(circle at 80% 20%, transparent 29%, rgba(255,255,255,0.4) 30%, rgba(255,255,255,0.4) 33%, transparent 34%);
	background-size: 30px 30px;
	height: 100%;
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.2s ease 0.2s;
}
.box:hover:before{ opacity: 1; }
.box img{
	width: 100%;
	height: auto;
	transition: all 0.2s ease 0s;
}
.box:hover img{ filter:blur(2px); }
.box .box-content{
	color: #fff;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	width: 100%;
	height: 45%;
	padding: 12% 0 0 0;
	position: absolute;
	left: 0;
	top: -100%;
	z-index: 2;
	transition: all 0.2s ease 0s;
}
.box:hover .box-content{ top: 0; }
.box .title{
	color: #fff;
	font-size: 23px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
.box .post{
	color: #32c287;
	font-size:14px;
	font-style: italic;
	text-transform: capitalize;
	letter-spacing: 2px;
}
.box .icon{
	background: rgba(50,194,135,0.6);
	text-align: center;
	height: 55%;
	width: 100%;
	padding: 15px 15px 0 15px;
	margin: 0;
	list-style: none;
	transform: translatex(50%);
	position: absolute;
	right: 50%;
	bottom: -100%;
	z-index: 1;
	transition: all 0.2s;
}
.box:hover .icon{ bottom: 0; }
.box:hover > .cimg .c1 .ico {display:none;}
.box:hover > .cimg .c1 .txt {display:none;}

.box .icon li{
	width:49%;
	float:left;
	height:40px;
	margin:0;
	padding:0;
	color: #fff;
}
.box .icon li a{
	color: #fff;
	font-size:16px;
}
.box .cimg{height:170px;overflow:hidden;}
.box .cimg .c1{position: relative;top:-170px;width:280px;height:170px;background: #7cadea;opacity:0.85;color:#fff;text-align:center;}
.box .cimg .c1 .ico{font-size:50px;margin:35px 0 20px 0;font-weight:100;}
.box .cimg .c1 .txt{font-size:22px;}
.box img{height:170px;}
.row{margin-bottom:30px;}

/*滚动新闻*/
.news-notice{ margin:0;height: 362px;background-color:#fff;}
.indnews{width: 560px; height: 362px; float: left;}
.news-pic{width: 560px; height: 362px;}
.news-pic,.news-pic img{ width: 560px; height: 362px; overflow: hidden;}

.news-notice .news-txt{width:630px; height: 362px; float: right;}
.news-title{height:38px; background:#fafafa; border-bottom:1px solid #efefef; line-height:38px; position:relative;}
.news-title .name{position:absolute; left:-1px; top:-1px; height:39px; background:#084466; color:#fff; text-align:center; line-height:39px; font-size:15px; padding:0 15px; font-weight:bold;}
.news-name.tab-nav{position:absolute; left:-1px; top:-1px; height:39px; }
.news-name.tab-nav a{display:block; float:left; height:39px; line-height:39px;color:#333; text-align:center; line-height:39px; font-size:15px; padding:0 15px; margin:0; position:relative;}
.news-name.tab-nav a.current{ background:#b61412; color:#fff; font-weight:bold;}
.news-name.tab-nav a i{width:9px; height:5px; background: no-repeat; left:10px; bottom:-5px; display:none;}
.news-name.tab-nav a.current i{display:block;}
.news-title .name i{width:9px; height:5px; background: no-repeat; left:10px; bottom:-5px; display:block;}
.news-title .more{position:absolute; right:10px; line-height:38px; top:0; font-size:12px; color:#999; transition:all .3s ease;}
.news-title .more:hover{color:#084466;}
.newslist{display:block; padding:10px 12px;}
.hotnews{margin:12px 12px 0 12px;}
.hotnews h1{font-size:16px; color:#084466; text-align:center; margin:0 10px; height:30px; line-height:30px;
word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;}
.hotnews .hotcon{margin-top:12px; word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;}
.hotnews .hotcon a{ color:#999; line-height:24px; font-size:14px;}
.hotnews .hotcon a:hover,.newslist li a:hover{color:#b60606;}
.newslist li{border-bottom:1px dotted #dedede; position:relative; padding:0 80px 0 16px; background: 0px  15px no-repeat;}
.newslist li a{display:block; height:38px; width:100%; line-height:36px; font-size:14px; color:#666;word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden; position: relative;}
.newslist li span{position:absolute; right:0; top:0; line-height:36px; color:#bbb; text-align:center;}
.newslist li:last-child{border:0;}
.newslist.ny li{ padding:8px 80px 8px 14px; background: 2px  24px no-repeat;}
.newslist.ny li a:after{display: none;}
.nytit{border-bottom: 1px solid #ededed; line-height: 30px; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold;}


.xz-col{background: #fff; padding: 15px; height: 370px; float: left; margin-right: 15px; margin-top: 15px; margin-bottom: 15px;border:1px solid #efefef;}
.xz-col.abt{width: 390px;}
.xz-col.abt img{width: 100%;}
.xz-col.gsgg{width: 390px; margin-right: 0;}
.xz-col.jlhd{width: 390px; margin-right: 0; float: right;}
.col-title{ background:  left bottom no-repeat; overflow: hidden;}
.col-title span p{font-size: 18px; color: #cf0d0d;}
.col-title span i{font-size: 12px; color: #b6b6b6; margin-top: 10px;}
.col-title a{float: left; line-height: 30px;}
.col-con{margin-top: 15px;}
.col-con .abttxt{font-size: 14px; line-height: 28px; color: #666; margin-top: 15px;word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:6;
  -webkit-box-orient:vertical;
  overflow:hidden;}

.toptit{height:45px;line-height:45px;font-size:20px;background-color:#f8f8f8;margin:0 0 10px 0;}