@charset "utf-8";
/* css document */

html, body {
  height: 100%;

}
/* html{
  height:1000px;
  } */
  body {
    margin: 0;
    font-size: 12px;
    font-family: 'microsoft yahei', arial,helvetica,sans-serif,'arial narrow',helvetica;background:#fff;-webkit-text-size-adjust:100%;
}

  img {
    border: none;
  }

  a {
    text-decoration: none;
    cursor:pointer;
  }

  p {
    margin: 0;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .clear:after{
    display: block;
    content:'';
    clear:both;
  }
  .clear{
    *zoom:1;
  }

  .ma{
    margin:0 auto;
  }

  .layout{
    width: 100%;
  }

  .fl{
    float:left;
  }

  .fr{
    float:right;
  }
  h1,h2,h3,h4{
    margin:0;
  }





.zfgk_bg{
	width: 100%;
	height: auto;
	background: no-repeat;
}

.zfgk_area{
	width: 1100px;
}
.zfgk_area_title{
	width:53%;
	padding: 8% 0px;
}

.zfgk_area_title img{
	width:100%;
	height: auto;
	display: block;
}

.zfgk_area_neirong{
	width:100%;
	height: auto;
	padding: 5% 0px;
	background-color:#f7f7f7; 
}


.zfgk_area_search{
	width:90%;
	height: 50px;
	background: no-repeat;
	background-size: 100% 100%;
	margin-bottom: 5%;
}

.zfgk_area_search1{
	width:50%;
	height: 50px;
	border: 2px solid #ff5a00;
	border-radius:10px; 
}
.zfgk_area_search1 input{
	width: 85%;
    height: 46px;
    line-height: 46px;
	background-color:inherit;
	outline: none;
    border: none;
	margin:0% 3%;
	float: left;
}

.icon-fangdajing{
	font-size: 30px;
	line-height: 46px;
	color: #ff5a00;
}


.zfgk_area_xinxi{
	width:90%;
}

.zfgk_area_column{
	width:25%;
	height: auto;
}

.zfgk_area_dh{
  width:100%;
}
.zfgk_area_dh2{
  width:100%;
  padding-bottom: 5%;
 
}

.zfgk_area_dh3{
  width:100%;
  height:auto;
	 box-shadow: 0px 0px 6px 1px #e4e3e3;
}

.zfgk_area_dh3 a{
  width:100%;
  height: 70px;
  color:#ff5a00;
 background-color: #ffffff;
  display: flex;
    align-items: center;
    overflow: hidden;
}
.zfgk_area_dh3 a:hover,.zfgk_area_dh3 a.active{
  color:#ffffff;
 background-color: #ff5a00;
}


.zfgk_area_dh3 .iconfont {
    font-size: 44px;
    display: block;
    float: left;
    margin-right: 8%;
	margin-left: 8%;
}

.zfgk_area_dh3 span {
    display: block;
    float: left;
    font: 23px/28px "microsoft yahei";
}

.zfgk_area_dh3 .icon-jiahaocu,.zfgk_area_dh3 .icon-jianhao{
    font-size: 22px;
    display: block;
    float: left;
	margin-left: 10%;
	margin-right: 0%;
}
.zfgk_area_dh3 .icon-tubiao-{
	font-size: 65px!important;
    margin-right: 2%!important;
    margin-left: 3%!important;
}

.zfgk_area_dh4{
  display: none;
background-color: #fff;
	padding: 5% 0px;
	width: 100%;
	box-shadow: 0px 0px 6px 1px #e4e3e3;
}

.zfgk_area_dh4  a{
  display: block;
  width:100%;
  height: 32px;
  font:15px/32px "microsoft yahei";
  color:#5a5959;
  overflow: hidden;
}
.zfgk_area_dh4  a:hover,.zfgk_area_dh4 a.active{
  color:#ff5a00;
  background-color: #ffeee5;
}
.zfgk_area_dh4 a p{
	width:45%;
	margin: 0 auto;
}
.zfgk_area_dh4  a p:hover{
  color:#ff5a00;
}
.zfgk_area_dh4 a p em{
    width:3px;
	height: 3px;
	margin-top: 12%;
	margin-right: 5%;
	background-color: #5a5959;
	display: block;
	float: left;
}
.zfgk_area_dh4 a:hover p em,.zfgk_area_dh4 a.active p em{
	background-color: #ff5a00;
}




.zfgk_area_columnnr{
	width:73%;
}
.zfgk_area_columnnr1{
	width:100%;
	background-color: #fff;
	box-shadow: 0px 0px 6px 1px #e4e3e3;
}

.zfgk_area_gaojian{
	width: 97%;
    padding: 3% 0px;
}
.zfgk_area_gaojian h1{
	width:100%;
	font-size: 32px;
	color: #ff5a00;
	text-align: center;
	padding-bottom: 5%;
	border-bottom: 3px solid #f7f7f7;
	margin-bottom: 2%;
	font-weight: bold;
}
.zfgk_area_gaojian h1 span{
	display: block;
	text-align: center;
	font-size: 15px;
	color: #4b4a4a;
	font-weight: normal;
}

.zfgk_area_gd{
width: 92%;
    padding: 0px 4%;
max-height: 940px;
overflow: auto;
}
.zfgk_area_gd1{
	max-height: 670px;
}
.zfgk_area_gd::-webkit-scrollbar-track-piece,
.zfgk_area_gd::-webkit-scrollbar-track-piece {  
    background-color: rgba(0, 0, 0, 0.1);  
    border-left: 1px solid rgba(0, 0, 0, 0);
	-webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;   
}  

.zfgk_area_gd::-webkit-scrollbar,
.zfgk_area_gd::-webkit-scrollbar {  
    width: 10px;  
    height: 10px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
}  

.zfgk_area_gd::-webkit-scrollbar-thumb,
.zfgk_area_gd::-webkit-scrollbar-thumb {  
    background-color: rgba(255, 90, 0, 1);  
    background-clip: padding-box;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    min-height: 28px;  
}  

.zfgk_area_gd::-webkit-scrollbar-thumb:hover,
.zfgk_area_gd::-webkit-scrollbar-thumb:hover {  
    background-color: rgba(255, 90, 0, 1);  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
} 



.zfgk_area_wen{
	width:100%;
}
.zfgk_area_wen p{
	text-indent: 2em;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 5%;
	color: #4b4a4a;
}
.zfgk_area_wen h2{
	font-size: 21px;
	color: #4b4a4a;
	padding-bottom: 2%;
}
.zfgk_area_wen h3{
	font-size: 18px;
	color: #4b4a4a;
	padding-bottom: 2%;
}


.zfgk_area_list{
	width:100%;
	height: auto;
	overflow: hidden;
}
.zfgk_area_list li{
	width:100%;
	padding-bottom: 5%;
		font-size: 16px;
}
.zfgk_area_list li a{
	color: #4b4a4a;

}
.zfgk_area_list li span{
	color: #c0c0c0;
}
.zfgk_area_listbg li{
	background-color: #f7f7f7;
}
.zfgk_area_listbg li{
	width:100%;
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: 16px;
	margin-bottom: 2%;
	margin-top: 2%;
}
.zfgk_area_listbg li a{
	color: #4b4a4a;
width: 95%;
margin: 0 auto;
display: block;
font-size: 16px;
}


.zfgk_area_gaojian1{
	width:100%;
	padding-bottom: 2%;
}
.zfgk_area_listname{
	width: 100%;
	height: 35px;
	border-bottom: 3px solid #e8e8e8;
}
.zfgk_area_listname p{
	width:20%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	background-color: #ff5a00;
}


.zfgk_area_list1{
	width:90%;
	height: auto;
	padding: 20px 0px;
	overflow: hidden;
}
.zfgk_area_list2{
	height: 245px;
}

.zfgk_area_list1 li{
	width:100%;
	padding-bottom: 5%;
		font-size: 16px;
	overflow: hidden;
}
.zfgk_area_list1 li a{
	color: #4b4a4a;

}
.zfgk_area_list1 li span{
	color: #c0c0c0;
}


.zfgk_area_more{
	width:15%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	display: block;
	color: #4b4a4a;
	background-color: #e8e8e8;
	
}

.acctab{
	width:100%;
	padding-top: 3%;
	overflow: hidden;
}
.acctab li{
	padding-left: 4%;
	float: left;
}
.acctab .active a {
    color: #ff5a00;
}
.acctab li a {
	font-size: 15px;
    color: #4b4a4a;
	text-decoration: underline;
}
.acctab1 li a {
	font-size: 30px;
    color: #ff5a00;
	text-decoration:none;
}
.acctab1 li{
	width: auto;
	padding: 0px 2%;
	/*height: 69px;*/
	line-height: 69px;
	float: left;
	text-align: center;
	background-color: #f7f7f7;
	margin-right: 1%;
}
.acctab1 li.active{
	background-color: #ff5a00;
}
.acctab1 .active a {
    color: #fff;
}
.tab-content .tab-pane {
    display: none;
}
.tab-content .active {
    display: block;
}


@media screen and (max-width : 780px){
	.zfgk_area,.zfgk_area_column{
		width:100%;
	}
	.zfgk_area_columnnr{
		width:100%;
		padding-top: 5%;
	}
	.zfgk_area_dh2{
		width:23%;
		float: left;
		padding: 0px 1%;
		overflow: hidden;
	}
	.zfgk_area_dh3 span {
    font: 12px/28px "microsoft yahei";
}
	.zfgk_area_dh4{
		position: absolute;
		left: 5%;
		padding:2% 0px;
		width: 90%;
	}
	.zfgk_area_dh4 a{
		width:20%;
		display: block;
		float: left;
		
	}
	.zfgk_area_dh4 a p em{
		margin-top: 23%;
	}
	.zfgk_area_dh4 a p{
		width:60%;
	}
	
	.zfgk_area_gd1 {
    max-height: 500px;
}
	body{
		background-color: #f7f7f7;
	}
	.zfgk_area_gd{
		max-height:50vh;
	}
	
}



@media screen and (max-width : 480px){
	.icon-qiepiandaohang,.icon-guizhangzhidu,.icon-neirong,.icon-tubiao-{
		display: none!important;
	}
	
	.zfgk_area_search1 input{
		width:73%;
	}
	.zfgk_area_dh3 .iconfont{
		font-size: 14px;
		margin-right: 0%;
		margin-left:2%;
	}
	.zfgk_area_dh3 .icon-tubiao-{
		font-size: 22px!important;
	}
	.zfgk_area_dh3 span {
    font: 12px/14px "microsoft yahei";
		padding-left: 18%;
}
	.zfgk_area_dh3 .icon-jiahaocu,.zfgk_area_dh3 .icon-jianhao{
    margin-left: 0%;
    margin-right: 0%;
}
	

	.zfgk_area_dh4 a {
    width: 33%;
		font: 12px/32px "microsoft yahei";
	}
	
	.zfgk_area_listname p,.acctab li a,.zfgk_area_gaojian h1 span{
		font-size:12px;
	}
	.zfgk_area_list1 li,.zfgk_area_list li,.zfgk_area_wen p{
		font-size: 12px;
	}
	
	.zfgk_area_list3{
		height: 166px;
	}
	
	.zfgk_area_gaojian h1{
		font-size: 18px;
	}
	.zfgk_area_wen h2,.zfgk_area_wen h3{
		font-size: 14px;
	}
	
	
}


@media screen and (min-width : 320px) and (max-width : 374px){
	.zfgk_area_dh3 span {
    font: 12px/14px "microsoft yahei";
    padding-left: 6%;
}
	
}


@media screen and (min-width : 375px) and (max-width : 413px){


}
ul.nav-pills{
	background-color: inherit;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background-color: inherit;
}
.nav-pills>li>a{
	padding: 5px;
}
