﻿
li{
    list-style: none;
}
#main{
    background-color: #fff;
}
.sczt{
	margin-top: 80px;
}
.tab-list{

width: 25%;

float: left;
}
.tab-list li{
	
margin: 21px 0px  70px;
}
.tab-list li a{
	
display: block;
}
.tab-list li a  .left-img{
	
width: 120px;
	
float: left;
	
height: 100px;
}
.tab-list li a  .con {
	
width: calc(100% - 120px);
	
float: left;
	
font-size: 26px;
	
text-align: center;
	
height: 100px;
	
display: flex;
	
align-items: center;
	
justify-content: center;
	
border: 2px #ddd solid;
	
border-left: none;
	
border-radius: 0px 30px 30px 0px;
	
color: #333;
}
.tab-list li a  .con img{
	
width: 25px;
	
margin-right: 15px;
}
.tab-list li:nth-child(1) a  .con{
border-color:#0263B7 ;
}
.tab-list li:nth-child(2) a  .con{
	border-color:#B75702 ;
}
.tab-list li:nth-child(3) a  .con{
	border-color:#2E5F16 ;
}
.tab-list li:nth-child(4) a  .con{
	border-color:#901801 ;
}
.tab-list li:nth-child(1).active a  .con{
	color:#0263B7 ;
	}
	.tab-list li:nth-child(2).active a  .con{
		color:#B75702 ;
	}
	.tab-list li:nth-child(3).active a  .con{
		color:#2E5F16 ;
	}
	.tab-list li:nth-child(4).active a  .con{
		color:#901801 ;
	}
 .public-list{
    
margin-bottom: 30px;
    
margin-top: 0px;
    

    
width: 75%;
    
float: left;
    
padding-left: 40px;
}

 .public-list  li{
    
width: 100%;
    position: relative;
padding-left: 15px;
}
.public-list  li::before{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 19px;
    left: 0px;
    background-color: #848484;
}
 .public-list  li a{
    
color: #3D4246;
    
font-size: 16px;
    
line-height: 2.6;
    
text-overflow: ellipsis;
    
white-space: nowrap;
    
overflow: hidden;
    
display: inline-block;
    
width: 90%;
}
.seacher-lt .secher-chaxun,
.header-nav-seacher,
.seacher-lt .zhuti{border-color: #2B98E5;}
.seacher-rt a{
	background: linear-gradient(45deg,rgba(43, 152, 229, 1),rgba(66, 177, 255,1));
}
.header-nav-seacher{
	margin-top: -100px;
}
.public-list  {
	position: relative;
}
.public-list:before{
	content: '';
  
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.1;
  
}
.more-btn{
	
position: absolute;
	
right: 0px;
	
top: calc(50%  - 19px);
	
border: 1px #ddd solid;
	
width: 60px;
	
text-align: center;
	
border-radius: 10px;
	
font-size: 14px;
	
padding: 2px 0px;
color: #fff;
}
#zh .more-btn{

background-color: #0263b7;


}
#zr .more-btn{
	background-color: #B75702;
}
#tc .more-btn{
	background-color: #2E5F16;
}
#jc .more-btn{
	background-color: #901801;
}
#zh .more-btn:hover{

	background-color: #fff;
	color: #0263b7;
	border-color: #0263B7;
	
	}
	#zr .more-btn:hover{
		background-color: #fff;
	color: #B75702;
	border-color: #B75702;
	
	}
	#tc .more-btn:hover{
		background-color: #fff;
		color: #2E5F16;
		border-color: #2E5F16;
	}
	#jc .more-btn:hover{
		background-color: #fff;
		color: #901801;
		border-color: #901801;
	}
#zh li a{
	color: #0263B7;
}
#zh  li::before{
	background-color: #0263B7;
}
#zr li a{
	color: #B75702;
}
#zr  li::before{
	background-color: #B75702;
}
#tc li a{
	color: #2E5F16;
}
#tc  li::before{
	background-color: #2E5F16;
}
#jc li a{
	color: #901801;
}
#jc  li::before{
	background-color: #901801;
}

@media (max-width: 1199px) {
	.header-nav-seacher {
		margin-top: -30px;
	}
}

@media (max-width: 991px) {
	.header-nav-seacher {
		width: 100%;
		padding: 22px 15px;
	}

	.seacher-lt .secher-chaxun {
		width: 470px;
	}

	.seacher-lt .zhuti,.time-daay {
		margin-right: 15px;
	}

	.seacher-lt {
		width: 89%;
	}

	.seacher-lt .width176 {
		width: 155px;
	}
	.public-list{
		width: 100%;
		padding-left: 0px;
	}
	.title-hq{
		width: 100%;
	}
}

@media (max-width: 767px) {
	.seacher-lt {
		float: none;
		overflow: hidden;
		width: 100%;
	}

	.seacher-rt {
		float: none;
		overflow: hidden;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	.tab-list{
		width: 100%;
	}
	.more-btn{
		display: block;
    margin: 0px auto;
    position: inherit;
	}
}


@media (max-width: 580px) {
	.seacher-lt .secher-chaxun {
		width: 100%;
	}

	.header-nav-seacher {
		margin-top: 30px;
	}
	.tab-list li {
		margin: 20px 0px;
	}
	.sczt {
		margin-top: 0px;
	}
	.tab-list li a .con{
		font-size: 20px;
	}
}

@media (max-width: 480px) {
	.seacher-lt .zhuti,.seacher-lt .secher-chaxun,.seacher-lt .wd-time,.sousuo-k, .xia-select {
		font-size: 14px!important;
		margin-bottom: 10px;
	}

	

	.seacher-rt a i {
		font-size: 24px;
	}
	.public-list li{
		width: 100%;
	}
	.public-list li a{
		width: 100%;
	}
	.panel-white{
		padding: 20px;
	}
	.row{
	margin-left: 0px;
	margin-right: 0px;
	}

}

@media (max-width: 380px) {
	

	

}




#searchForm  .dropup .dropdown-menu{
	max-height: 200px!important;
}




