@charset "gb2312";
.banner{
	width: 100%;
	height: 490px;
	/*margin-top: 28px;*/
	float: left;
}
.banner .bannerinfo{
	width: 100%;
	float: left;
}
.banner .bannerinfo img{
	width: auto;
	display: block;
}



.midbanner{
	width: 100%;
	margin:40px 0;
	float: left;
}
.midbanner .midbannerinfo{
	width: 100%;
	float: left;
}
.midbanner .midbannerinfo img{
	width: 100%;
	display: block;
}
.midbanner2{
	margin-top: 0px;
}



.category{
	width: 100%;
	margin-top: 30px;
	float: left;
}
.category .categoryinfo{
	width: 100%;
	float: left;
	/*display: grid;
	grid-template-columns:repeat(4,1fr);
	gap:26px;*/
}
.category .categoryinfo .categoryitem{
	width: 18.4%;
	width: 18.4% !important;
	width: 18.4%\9\0;
	width: 18.4%\0;
	*+width: 18.4%;
	_width: 18.4%;
    height: 133px;
	display: inline-block;
	margin-right:24px;
	/*border: #f00 solid 1px;*/
	padding:20px 40px;
	padding:20px 30px;
	background: #FFFFFF;
	box-shadow: 0px 2px 6px 0px rgba(151,161,207,0.4);
	box-shadow: 0px 2px 6px 0px rgba(151,161,207,0.4);
	border-radius: 4px;
	float: left;
}
.category .categoryinfo .categoryitem:last-child{
	float: right;
	margin-right: 0;
}
.category .categoryinfo .categoryitem:hover{
	border: 1px solid #FFCA49;
}
.category .categoryinfo .categoryitem .categorytitle{
	width: 100%;
	font-weight: 400;
	font-size: 20px;
	color: #333333;
	line-height: 40px;
	height: 30px;
    line-height: 30px;
	float: left;
}
.category .categoryinfo .categoryitem .categorytitle .categoryicon{
	display: inline-block;
	float: left;
}
.category .categoryinfo .categoryitem .categorytitle .categoryicon img{}
.category .categoryinfo .categoryitem .categorytitle .catetitle{
	display: inline-block;
	/*float: right;*/
	height: 30px;
    line-height: 30px;
    margin-left: 10px;
}
.category .categoryinfo .categoryitem .categoryxx{
	width: 100%;
    margin-top: 12px;
    float: left;
}
.category .categoryinfo .categoryitem .categoryxx a{
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}







.news{
	width: 100%;
	float: left;
}
.news .newsinfo{
	width: 100%;
	float: left;
	/*display: grid;
	grid-template-columns:repeat(2,1fr);
	gap:40px;*/
	/*border:#f00 solid 1px;*/
}
.news .newsinfo .newsinfoitem{
	width: 45.5%;
	padding: 18px 20px;
	/*background-color: #F5F5F5;*/
	background: #FFFFFF;
	display: inline-block;
	float: left;

	/*border:#f00 solid 1px;*/
}
.news .newsinfo .newsinfoitem:nth-child(2){
	float: right;
	margin-right: 0px;
}
.news .newsinfo .newsinfoitem .newsinfoitemtitle{
	width: 100%;
	/*border-left: #005CF4 solid 8px;*/
	float: left;		
}
.news .newsinfo .newsinfoitem .newsinfoitemtitle .leftnewsinfotitle{
	width: 50%;
	height: 32px;
	line-height: 30px;
	display: inline-block;
	font-weight: bold;
	font-size: 26px;
	color: #333333;
	float: left;
}
.news .newsinfo .newsinfoitem .newsinfoitemtitle .rightnewsinfomore{
	width: 10%;
    display: inline-block;
    height: 28px;
    line-height: 37px;
    text-align: right;
    float: right;
    /*border: #f00 solid 1px;*/
}
.news .newsinfo .newsinfoitem .newsinfoitemtitle .rightnewsinfomore a{
	display: block;
    font-weight: 400;
	font-size: 14px;
	color: #1E56D1;
}
.news .newsinfo .newsinfoitem .newsinfoline{
	width: 100%;
	height: 1px;
	background: #DCDCDC;
	margin-top: 14px;
	float: left;
}
.news .newsinfo .newsinfoitem .newsinfoxx{
	width: 100%;
	margin-top: 10px;
	float: left;
}
.news .newsinfo .newsinfoitem .newsinfoxx ul{
	width: 100%;
	float: left;
}
.news .newsinfo .newsinfoitem .newsinfoxx ul li{
	width: 100%;
	display: inline-block;
	/*border:#f00 solid 1px;*/
	list-style-type: none;
	float: left;
}
.news .newsinfo .newsinfoitem .newsinfoxx ul li:before {
    content: "\2022";    
    color: #BFBFBF;   
    font-size: 16px;  
    float: left;
	line-height: 35px;
}
.news .newsinfo .newsinfoitem .newsinfoxx ul li:nth-child(2n){
	float: right;
	margin-right: 0px;
}
.news .newsinfo .newsinfoitem .newsinfoxx ul li span{
	display: inline-block;
	float: right;
	line-height: 36px;
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	/*border:#f00 solid 1px;*/
}
.news .newsinfo .newsinfoitem .newsinfoxx ul li a{
	display: inline-block;
	width: 80%;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
	/*border:#f00 solid 1px;*/
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

	float: left;
}



