@charset "utf-8";
/* CSS Document */

.mt15{
	margin-top: 15px;
}

.container{
	width: 1140px;
	margin: 20px auto 25px;
}

.cont-top{
	width: 100%;
	height: 40px;
	background-color: #eee;
}

.cont-top .current-position{
	float: left;
	font-size: 14px;
	line-height: 40px;
	background: url(2016mzt_gk_icon01.png) no-repeat left 14px;
	padding-left: 27px;
}

.cont-top .current-position a{
	color: #444;
}

.cont-top .current-position a:hover{
	color: #015293;
}

.cont-left{
	float: left;
	width: 220px;
	height: 730px;
	background-color: #dcdcdd;
	padding: 10px 20px 0;
	margin-top: 20px;
}

.cont-right{
	float: right;
	width: 850px;
	height: 740px;
	margin-top: 20px;
	overflow: hidden;
}

.list-wrap{
	width: 912px;
	margin-left: -30px;
}

.list-cell{
	float: left;
	width: 395px;
	border-right: 1px solid #bababa;
	padding: 0 30px;
}

.list-cell .title{
	height: 37px;
	line-height: 37px;
	border-bottom: 1px solid #bababa;
	overflow: hidden;
}

.list-cell .title h2{
	float: left;
	font-size: 20px;
	font-weight: normal;
}

.list-cell .title h2 a{
	color: #111;
}

.list-cell .title h2 a:hover{
	color: #015293;
}

.list-cell .title .more{
	float: right;
}

.list-cell .title .more a{
	float: left;
	font-size: 16px;
	color: #999;
	margin-left: 10px;
}

.list-cell .title .more a:hover{
	color: #015293;
}

.list-cell .list{
	height: 180px;
	padding: 16px 0 15px;
	overflow: hidden;
}

.list-cell .list li{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	vertical-align: top;
}

.list-cell .list li a{
	float: left;
	font-size: 14px;
	color: #333;
	max-width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-cell .list li a:hover{
	color: #015293;
}

.list-cell .list li span{
	float: right;
	color: #b7b7b7;
}


.cont-left .list-cell{
	width: 100%;
	padding: 0;
	border: none;
	float: none;
}

.cont-left .list-cell .list{
	height: 60px;
	padding: 10px 0;
}

.cont-left .xxgk{
	margin-top: 15px;
}

.cont-left .xxgk a{
	display: block;
	width: 100%;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	color: #fff;
	background: no-repeat 26px center #0087b8;
	text-indent: 61px;
	text-align: left;
	text-align-last: left;
	border-radius: 5px;
	margin-bottom: 6px;
	overflow: hidden;
}

.cont-left .xxgk a.xxgk01{
	background-image: url(2016jtt_index_xxgk01.png);
}

.cont-left .xxgk a.xxgk02{
	background-image: url(2016jtt_index_xxgk02.png);
}

.cont-left .xxgk a.xxgk03{
	background-image: url(2016jtt_index_xxgk03.png);
}

.cont-left .xxgk a.xxgk04{
	background-image: url(2016jtt_index_xxgk04.png);
}

.cont-left .xxgk a.xxgk05,.cont-left .xxgk a.xxgk06{
	width: 108px;
	text-indent: 0px;
	text-align: center;
	text-align-last: center;
}

.cont-left .xxgk a.xxgk05{ 
	float: left;
}

.cont-left .xxgk a.xxgk06{ 
	float: right;
}

.cont-left .xxgk a:hover{
	background-color: #003966;
}

.leader-list {
	margin-top: 15px;
}

.leader-list ul{
	height: 168px;
}

.leader-list li{
	float: left;
	width: 100%;
	height: 168px;
}

.leader-list li img{
	display: block;
	width: 90px;
	height: 120px;
	margin: 0 auto;
}

.leader-list li h3{
	font-size: 12px;
	text-align: center;
	color: #0087b8;
	line-height: 20px;
	padding-top: 8px;
}

.leader-list li p{
	font-size: 12px;
	color: #333;
	text-align: center;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.leader-list .more{
	display: block;
	width: 100%;
	height: 34px;
	background-color: #f2f2f2;
	border-radius: 3px;
	font-size: 14px;
	color: #333;
	line-height: 34px;
	text-align: center;
	margin-top: 10px;
}

.leader-list .more:hover{
	background-color: #fff;
}

@media screen and (max-width: 1139px) {
	.container{ width: 96%; height: auto; overflow: hidden;}
	.cont-left{ float: none; width: 100%; box-sizing: border-box;}
	.cont-right,.list-wrap{ float: none; width: 100%; height: auto; overflow: hidden; margin-left: 0;}
	
	.list-cell{ width: 100%; float: none; padding: 0; border-right: 0;}
}
@media screen and (max-width: 500px) {
	.list-cell .list li span{ float: none; display: none;}
	.list-cell .list li a{ float: none; max-width: 100%;}
}