@charset "utf-8";

/* ========================================================================
    首页
========================================================================== */

/*  ind_left + ind_right
-------------------------- */
.ind_left, .ind_right {
	margin-top: 10px;
}
.ind_left {
	width: 58.33%;
	float: left;
}

.ind_right {
	width: 40%;
	float: right;
}

@media (max-width:991px) {
	.ind_left, .ind_right {
		width: 100%;
	}
}


/*  ind_content 
-------------------------- */
.ind_content {
	padding: 20px 10px;
	background-color: #fff;
}


/*  ind_part1 
-------------------------- */
.ind_part1 {
	background-color: #F7F7F7;
}

/* 
 *	轮播
 */

.ind_focus {
	width: 700px;
	height: 370px;
	overflow: hidden;
	float: left;
	position: relative;
}


/* bd */
.ind_focus .bd, .ind_focus .bd li, .ind_focus .bd li img {
	width: 100% !important;
	height: 370px;
}
.ind_focus .bd li img {
	max-width: none;
}
.ind_focus .bd a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	position: relative;
}

.ind_focus .bd span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
	background-color: rgba(0, 0, 0, .5);
	padding: 8px 112px 8px 12px;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* hd */
.ind_focus .hd {
	position: absolute;
	right: 12px;
	bottom: 13px;
	line-height: 8px;
}
.ind_focus .hd li {
	display: inline-block;
	width: 8px;	
	height: 8px;
	border-radius: 8px;
	color: #fff;
	background-color: #fff;
	margin-left: 8px;
	cursor: pointer;
}
.ind_focus .hd li span {
	font-size: 0;
	overflow: hidden;
}


/* js .on */
.ind_focus .hd li.on {
	color: #c30b09;
	background-color: #c30b09;
}

@media (max-width:1219px) {
	.ind_focus {
		width: 568px;
	}
}
@media (max-width:991px) {
	.ind_focus {
		width: 100%;
	}
	.ind_focus, .ind_focus .bd, .ind_focus .bd li, .ind_focus .bd li img {
		height: 405px;
	}
}
@media (max-width:619px) {
	.ind_focus, .ind_focus .bd, .ind_focus .bd li, .ind_focus .bd li img {
		height: 244px;
	}
}
@media (max-width:479px) {
	.ind_focus, .ind_focus .bd, .ind_focus .bd li, .ind_focus .bd li img {
		height: 215px;
	}
}
@media (max-width:424px) {
	.ind_focus, .ind_focus .bd, .ind_focus .bd li, .ind_focus .bd li img {
		height: 190px;
	}
}
@media (max-width:375px) {
	.ind_focus, .ind_focus .bd, .ind_focus .bd li, .ind_focus .bd li img {
		height: 160px;
	}
}

/* 
 *	工作动态
 */

.ind_gzdt {
	width: 500px;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}
.ind_gzdt .web_list li a {
	max-width:375px;
}
@media (max-width:1219px) { 
	.ind_gzdt {
		width: 404px;
		overflow: hidden;
	}
	.ind_gzdt .web_list li a {
		max-width: 315px;
	}
}
@media (max-width:991px) { 
	.ind_gzdt {
		width: 100%;
	}
	.ind_gzdt .web_list li a {
		max-width: none;
	}
	.ind_gzdt .web_list li img {
		display: none;
	}
}

/*  ind_part2  
-------------------------- */
/* 
 * tabs
 */
.ind_part2 .tab_hd li{
	padding-right: 20px;
	background: url('../images/ico1.png') no-repeat right center;
}
.ind_part2 .tab_hd li:last-child {
	background: none;
	padding-right: 0;
}
.ind_part2 .tab_hd li a {
	display: block;
	position: relative;
}
.ind_part2 .tab_hd li.active a::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background-color: #c30b09;
}
.gwywj_bd li {
	padding-right: 6.5em;
}
@media (max-width:767px) {
	.ind_part2 .tab_hd li {
		padding-right: 0;
		background: none;
	}
}


/* 
 *	专题专栏
 */
.ind_ztzl ul {
	margin-left: -5px;
	margin-right: -5px;
}
.ind_ztzl li {
	text-align: center;
	width: 50%;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	margin-top: 11px;
	box-sizing: border-box;
	overflow: hidden;
}
.ind_ztzl li img {
	width: 100%;
	height: auto;
}
.ind_ztzl span{
	display: none;
}



/*  ind_part3 
-------------------------- */
/* 
 * 信息公开链接
 */
.ind_open ul{
	margin-left: -10px;
	margin-right: -10px;
}
.ind_open li{
	width: 25%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	margin-top: 20px;
}
.ind_open li a {
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: center;
	font-size: 18px;
	display: block;
	background-color: #F7F7F7;
}
.ind_open li a img {
	transition: all .5s ease-in-out;
}
.ind_open li a:hover img {
	transform: rotateY(360deg)
}
.ind_open li span {
	display: block;
	margin-top: 20px;
}

@media (max-width:767px) {
	.ind_open li {
		width: 50%;
	}
}

/* ind_open_bd */
.ind_open_bd li:after, 
.ind_open_bd li:before {
	content: "";
	display: table;
}
.ind_open_bd li:after {
	clear: both;
}

/* 
 * 便利链接
 */
.ind_link {
	margin-top: 16px;
	padding-bottom: 23px;
}
.ind_link ul {
	margin-left: -8px;
	margin-right: -8px;
}
.ind_link li {
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	width: 33.33%;
	margin-top: 23px;
	box-sizing: border-box;
}

.ind_link li a {
	text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
	display: block;
	background-color: #F7F7F7;
}
.ind_link li a:hover {
	background-color: #2756A6;
	color: #fff;
}


/*  ind_part4 
-------------------------- */
/* 
 *	互动交流
 */
.ind_hdjl {
	min-height: 295px;
}
.ind_part4_content {
	position: relative;
	padding-left: 124px;
}
 /* hd */
.ind_part4 .tab_hd {
	width: 110px;
	position: absolute;
	left: 0;
	top: 10px;
}
.ind_part4 .tab_hd li {
	width: 101px;
	padding-right: 9px;
	float: none;
}
.ind_part4 .tab_hd li a {
	display: block;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 15px;
	background-color: #F7F7F7;
	background-position: center 18px;
	background-repeat: no-repeat;
}
.ind_part4 .tab_hd li.active {
	background: url('../images/hd_ico4.png') no-repeat right center;
}
.ind_part4 .tab_hd li.active a {
	background-color: #2756A6;
	color: #fff;
}

.ind_part4 .tab_hd li.ind_bmxx a{
	background-image: url('../images/hd_ico1.png');
}
.ind_part4 .tab_hd li.ind_myzj a{
	background-image: url('../images/hd_ico2.png');
}
.ind_part4 .tab_hd li.ind_bmxx.active a {
	background-image: url('../images/hd_ico11.png');
}
.ind_part4 .tab_hd li.ind_myzj.active a{
	background-image: url('../images/hd_ico22.png');
}

@media (max-width:991px) {
	.ind_hdjl { 
		height: auto;
	}
}
@media (max-width:767px) {
	.ind_part4_content {
		padding-left: 0;
	}
	.ind_part4 .tab_hd {
		width: auto;
		position: static;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
	}
	.ind_part4 .tab_hd li {
		padding-right: 0;
		width: auto;
		float: left;
	}
	.ind_part4 .tab_hd li a {
		padding-bottom: 9px;
		padding-top: 9px;
	}
	.ind_part4 .tab_hd li.active, .ind_part4 .tab_hd li a, .ind_part4 .tab_hd li.active a{
		background: none !important;
	}
	.ind_part4 .tab_hd li.active a {
		color: #2756A6;
	}
}