@charset "utf-8";
/* 请把新首页的样式都写在这里 */
/**
 * Created by zhaolu 2020-7-24
 */
 .float_right{
 	float: right;
 }
 .float_left {
 	float: left;
 }
 .clear {
 	clear: both;
 }
 .font_bold {
 	font-weight: bold;
 }
 .margin_left10 {
 	margin-left: 10px;
 }
 .margin_top50 {
 	margin-top: 50px;
 }
 .text-overflow {
 	overflow:hidden; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	white-space:nowrap;
 }
 .text-overflow2 {
 	overflow:hidden; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 

 }

 .index_title_table ul li:hover, .index_peo_pro span:hover {
 	cursor: pointer;
 }
 .index_content_box {
 	width: 1180px;
 	margin: 0 auto;
 	padding: 20px 20px 0px;
 	background: #ffffff;
 }
 .index_content_box img {
 	border:1px #00599B solid;
 }
  .index_content_box img:hover {
 	border:1px #ff4100 solid;
 }
.index_jsyw_box {
	width: 800px;
	min-height: 445px;
	float: left;
}
.index_jsywtw_box {
	margin: 20px 0px 10px;
	height: 180px;
	display: none;	
}
.index_jsywtw_box img {
	width: 118px;
	height: 168px;
}
.index_jsywtw_box.active {
	display: block;
}
.index_jsywtw_txt {
	width: 254px;
	height: 168px;
	overflow: hidden
}
.index_tlfg_box {
	width: 320px;
	min-height: 450px;
	padding: 0px 20px;
	float: right;
	background: #F8F8F8;
}
.index_title {
	width: 100%;
	border-bottom: 1px #3B6FA5 solid;
	color: #3B6FA5;
}
.index_title_txt {
	height: 40px;
	font-size: 22px;
	font-weight: 600;
	padding-top: 10px;
}

.index_title_txt span.totalcount {
	font-size: 16px;
	font-weight: bold;
	margin-left:14px;
}
.index_title_txt span.totalcount i {
	color:orange;
	margin:0 2px;
}
.index_title_txt2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
}

.index_title_txt2 span.totalcount {
	font-size: 16px;
	font-weight: bold;
	margin-left:14px;
}
.index_title_txt2 span.totalcount i {
	color:orange;
	margin:0 2px;
}

.index_title_more {
    float: right;
    font-size: 14px;
    line-height: 38px;
    font-weight: 400;
}
.index_title_more:hover {
	color: #3B6FA5;
	font-weight: 600;
	text-decoration: none;
}
.index_title_table {
	float: right;
}
.index_title_table ul li {
	width: 100px;
	color: #323232;
	text-align: center;
	font-size: 16px;
    line-height: 38px;
	float: left;
}
.index_title_table ul li.active {
	color:#3B6FA5;
	border-bottom: 3px #00599B solid;
}
.index_txtlist_one {
	font-size: 14px;
	line-height:34px;
	padding: 10px 0px;
}
.index_txtlist_one ul li {
	padding-left: 20px;
	background: url(../images/index_txtlist_li.png) no-repeat scroll left center transparent;
	overflow:hidden; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	white-space:nowrap;
}
.index_txtlist_two {
	font-size: 14px;
	line-height:34px;
	padding: 10px 0px;

}
.index_txtlist_two ul li {
	float: left;
	width: calc( 50% - 40px);
    padding: 0px 20px;
	background: url(../images/index_txtlist_li.png) no-repeat scroll left center transparent;
	overflow:hidden; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	white-space:nowrap;
}
.index_peo_box {
	margin-top: 20px;
}
.index_peo_box img {
	width: 198px;
	height: 248px;
}
.index_peo_pro {
	height: 32px;
    text-align: center;
    border-bottom: 1px #00599B dashed;
}
.index_peo_pro span {
	display: inline-block;
	margin: 0px 4px;
	width: 18px;
	height: 20px;
        padding:4px;
	background: #B3B3B3;
}
.index_peo_pro span.active {
	background: #00599B;
        color:#fff;
}
.index_peo_txt {
	width: 355px;
	height: 250px;
	overflow: hidden
}
.index_txt_title {
	font-size:20px;
	font-weight: 600;
}
.index_txt_list {
	font-size: 14px;
	line-height: 24px;
}
.index_jsywtw_box .index_txt_list {
	font-size: 14px;
	line-height: 23px;
}

.index_wendang_box {
	min-height: 200px;
	overflow: hidden	
}
.index_wendang_box img {
	width: 118px;
	height: 168px
}
.index_wendang_txt {
	width: 237px;
	height: 170px;
	overflow: hidden
}
.index_wendang_box ul li {
	float: left;
	width: calc( 33.3% - 20px);
	padding: 20px 20px 0px 0px;
}
.index_zyqk_left { 
	width:780px;
    overflow: hidden;
}

.index_zyqk_left ul {
	margin-top: 10px;
}

.index_zyqk_left ul li {
	float: left;
	margin-right: 20px;
}
.index_zyqk_left ul li:last-child {
	margin-right: 0px;
}

.index_zyqk_left ul li img {
	width: 108px;
	height: 152px;
}
.index_zyqk_left ul li span {
	display: block;
    width: 110px;
    text-align: center;
    margin-top: 10px;
}
.index_zyqk_right { 
	width:400px;
    overflow: hidden;
}
.index_zyqk_right .index_txtlist_two {
    width: 360px;
    height: 185px;
    overflow: hidden;
    padding: 0px 20px;
    background: #F8F8F8;
}

.index_zyqk_right ul {
	margin-top: 10px;
}

.index_zyzzcl_box {
	min-height: 250px;
	overflow: hidden	
}
.index_zyzzcl_box ul li {
	width: 130px;
	float: left;
	margin: 20px 20px 0px 0px;
}
.index_zyzzcl_box ul li:nth-child(8) {
	margin-right: 0px !important;
}
.index_zyzzcl_box ul li img {
	width: 128px;
	height: 180px;
}
.index_zyzzcl_box ul li span {
	display: block;
    width: 130px;
    text-align: center;
    margin-top: 10px;
}
.index_jg_box {
	width: 540px;
	min-height: 310px;
	padding: 0px 20px;
	background: #F8F8F8;
}

/*
.index_wjfwqk_box {
	min-height: 320px;
	overflow: hidden;
	display: none;	
}
.index_wjfwqk_box.active {
    display: block;   
}
.index_wjfwqk_box ul li {
	width: 180px;
	float: left;
	margin: 20px 20px 0px 0px;
}
.index_wjfwqk_box ul li:nth-child(6) {
	margin-right: 0px !important;
}
.index_wjfwqk_box ul li img {
	width: 178px;
	height: 250px;
}
.index_wjfwqk_box ul li span {
	display: block;
    width: 180px;
    text-align: center;
    margin-top: 10px;
}
*/



.index_wjfwqk_box {
	min-height: 272px;
	overflow: hidden;
	display: none;		
}
.index_wjfwqk_box.active {
    display: block;   
}
.index_wjfwqk_box ul li {
	width: 130px;
	float: left;
	margin: 20px 20px 0px 0px;
}
.index_wjfwqk_box ul li:nth-child(8) {
	margin-right: 0px !important;
}
.index_wjfwqk_box ul li img {
	width: 128px;
	height: 180px;
}
.index_wjfwqk_box ul li span {
	display: block;
    width: 130px;
    height: 52px;
    line-height:26px;
    text-align: center;
    margin-top: 10px;
}








.index_person_slide{
	margin-top: 20px;
	border: 1px solid #00599B;
	width: 1180px;
	height: 226px;
	position: relative;
	overflow: hidden;
}

.index_person_slide ul{
	overflow: hidden;
	position:absolute;
	width: 1800px;
	left: 0;
	top: 0;
	_height:1px;
}

.index_person_slide ul li{
	float: left;
	margin: 20px 20px 0px 0px;
}


.index_person_slide ul li img {
	display: block;
	width: 125px;
	height: 155px;
}
.index_person_slide ul li span {
	display: block;
    width: 125px;
    text-align: center;
    margin-top: 10px;
    
}




.index_zzyt_box *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.index_zzyt_box {padding:10px 0;}
.bootstrap-box{
	font-family: 'Kanit', sans-serif;
	text-align: center;
	border: 10px solid #fff;
	box-shadow: 1px 1px 2px #e6e6e6;
	overflow: hidden;
	position: relative;
	width: 280px;
	height: 190px;
}
.bootstrap-box:hover{ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); }
.bootstrap-box:before{
	content: "";
	background: linear-gradient(to left top,#11998e,#38ef7d);
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.4s linear;
}
.bootstrap-box:hover:before{ opacity: 1; }
.bootstrap-box img{
	width: 100%;
	height: 100%;
	transition: all 0.4s linear;
}
.bootstrap-box:hover img{
	opacity: 0;
	transform: scale(3);
}
.bootstrap-box .bootstrap-box-content{
	color: #fff;
	width: 100%;
	transform: translateY(-50%) scale(0);
	position: absolute;
	top: 50%;
	left: 0;
	transition: all 0.4s linear;
}
.bootstrap-box .bootstrap-box-content a{
	color: #fff;
	text-decoration: none;
}
.bootstrap-box .bootstrap-box-content a:hover{
	color: #fff;
	text-decoration: none;
}

.bootstrap-box:hover .bootstrap-box-content{ transform: translateY(-50%) scale(1); }
.bootstrap-box .title{
	font-size: 15px;
	line-height:1.8em;
        font-weight:400;
	text-transform: uppercase;
	margin: 0 auto;
	width:80%;
}

.bootstrap-box .icon{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	right: 8px;
	bottom: 10px;
}
.bootstrap-box .icon li{
	display: inline-block;
	margin: 0 1px;
	opacity: 0;
	transform: scale(1.3);
	transition: all 0.3s ease 0.4s;
}
.bootstrap-box:hover .icon li{
	opacity: 1;
	transform: scale(1);
}
.bootstrap-box:hover .icon li:nth-child(2){ transition: all 0.3s ease 0.2s; }
.bootstrap-box .icon li a{
	color: #11998e;
	background: #fff;
	font-size: 16px;
	line-height: 33px;
	height: 33px;
	width: 33px;
	border-radius: 50%;
	display: block;
	transition: all 0.5s ease;
}
.bootstrap-box .icon li  a:hover{
	color: #fff;
	background-color: #11998e;
	box-shadow: 0 0 5px #000;
}