@charset "utf-8";
section{ margin-top: 120px; background: #F5F5F7; padding-bottom: 60px; }

.newsimg{height: 370px; }
.group_search {width: 472px; height: 56px; padding-top: 157px; margin: 0px auto 0px auto; z-index: 999; position: relative;}
.box_2 {width: 472px; height: 56px; background: rgba(255,255,255,0.9); border-radius: 54px;}
.group_search button{ width: 24px; height: 24px; margin-top: 16px; background: url('../images/search-h.png'); border: none; margin-left: 24px; float: left; margin-right: 10px; }
.group_search input{ width: calc(100% - 58px); height: 56px; border: none; background: none; line-height: 56px; float: left; font-size: 16px; }
.group_search h4{ color: #aaaaaa; padding: 0 25px; font-size: 16px; line-height: 35px; }
.group_search .serachbg{
	background: #fff; position: absolute; display: none; top: 223px; width: 100%; padding: 25px 0; border: 50px; border-radius: 10px; max-height: 334px; clear: both;
}
#searchlist{
	overflow-y: scroll; max-height: 240px; padding: 0 25px;
}
#searchlist::-webkit-scrollbar {
    width: 4px;    
    /*height: 4px;*/
}
#searchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
#searchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.0);
    border-radius: 0;
    background: rgba(0,0,0,0);

}
#searchlist dl a{ font-size: 16px; color: #000000; width: calc(100% - 40px); float: left; text-align: left; display: block; padding: 0; line-height: 40px; padding-bottom: 0; margin-left: 0px; }
#searchlist dl i{ cursor: pointer; float: right; }



.classlist{}
.classlist ul{ display: flex; justify-content: center; margin-top: 100px; }
.classlist ul li{ text-align: center; margin-right: 26px; font-size: 16px; }
.classlist ul li a{ padding: 8px 24px; height: 38px; display: block; border-radius: 38px; background: #fff; }
.classlist ul li.active a,.classlist ul li:hover a{ background: #FF0000; color: #fff;}
.classlist ul li:last-child{ margin-right: 0px;}

.news{ margin-top: 100px;}
.news .group_8{ margin-top: 50px; position: relative; font-size: 0; }
.news .group_8 dd{ height: 500px; overflow: hidden; }
.news .group_8 img{ width: 100%; }
.news .block_8{ position: absolute; bottom: 0px; font-size: 24px; padding: 20px 36px 0px 36px; width: 100%;
 background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); }
.news .block_8 span{ display: block; color: #fff; font-size: 24px; }
.news .block_8 span.text-group_4{ background: url(../images/time.png) no-repeat left center; font-size: 15px; padding-left:20px; margin-bottom: 36px; margin-top: 13px; }
.news ul{ margin-top: 32px; }
.news ul li{
	width: calc((100% - 30px) / 2);
	background: #FFFFFF;
	margin-right: 30px;
	float: left; 
	cursor: pointer;
	position: relative;
}
.news ul li:nth-child(2n){ margin-right: 0;}
.news ul li dd:nth-child(1){
	height: 365px;
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
.news ul li dd:nth-child(1) img{height: 100%; margin:0 auto; vertical-align: middle;}
.news ul li dd:nth-child(2){
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	padding: 30px;
}

.news ul li p{ display: block; width: 100%;}
.news ul li .date{color: #8C8C8C; font-size: 16px; margin-top: 16px; background: url(../images/time2.png) no-repeat left center; background-size: 24px 24px; padding-left: 30px; }
.news ul li .titles{color: #000000; font-size: 18px; font-weight: 500; line-height: 30px; width: 100%; height: 72px; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; padding-bottom: 12px; border-bottom: 1px solid #DEE1E6; }
.news ul li .con{color: #676767; font-size: 16px; margin-top: 12px; line-height: 26px; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; }

/* .news ul li:hover{box-shadow: 0 0 10px #5E5E5E;} */
.news li img:hover{
	transform: translate(0,0) scale(1.05);
	-ms-transform: translate(0,0) scale(1.05);
	-o-transform: translate(0,0) scale(1.05);
	-moz-transform: translate(0,0) scale(1.05);
	-webkit-transform: translate(0,0) scale(1.05);
	 transition: all .3s;
}

.newslist{
	margin-top: 100px;
}
.newslist .title{ margin-bottom: 32px;}
.newslist .title .text_9{ font-size: 36px;}
.newslist1{ margin-top: 32px; }
.newslist1 li{
	width: calc((100% - 30px) / 2);
	background: #FFFFFF;
	margin-right: 30px;
	float: left; 
	cursor: pointer;
	position: relative;
}
.newslist1 li:nth-child(2n){ margin-right: 0;}
.newslist1 li dd:nth-child(1){
	height: 365px;
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
.newslist1 li dd:nth-child(1) img{ height: 100%; margin:0 auto; vertical-align: middle;}
.newslist1 li dd:nth-child(2){
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	padding: 30px;
}

.newslist1 li p{ display: block; width: 100%;}
.newslist1 li .date{color: #8C8C8C; font-size: 16px; margin-top: 16px; background: url(../images/time2.png) no-repeat left center; background-size: 24px 24px; padding-left: 30px; }
.newslist1 li .titles{color: #000000; font-size: 18px; font-weight: 500; line-height: 30px; width: 100%; height: 72px; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; padding-bottom: 12px; border-bottom: 1px solid #DEE1E6; }
.newslist1 li .con{color: #676767; font-size: 16px; margin-top: 12px; height: 52px; line-height: 26px; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; }

/* .news ul li:hover{box-shadow: 0 0 10px #5E5E5E;} */
.newslist1 li img:hover{
	transform: translate(0,0) scale(1.05);
	-ms-transform: translate(0,0) scale(1.05);
	-o-transform: translate(0,0) scale(1.05);
	-moz-transform: translate(0,0) scale(1.05);
	-webkit-transform: translate(0,0) scale(1.05);
	 transition: all .3s;
}

.newslist2{
	
}
.newslist2 li{
	width: calc((100% - 60px) / 3);
	background: #FFFFFF;
	margin-right: 30px;
	float: left; 
	cursor: pointer;
	position: relative;
	margin-top: 30px;
}
.newslist2 li:nth-child(3n){ margin-right: 0;}
.newslist2 li dd:nth-child(1){
	height: 288px;
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
.newslist2 li dd:nth-child(1) img{ height: 100%; margin:0 auto; vertical-align: middle;}
.newslist2 li dd:nth-child(2){
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	padding: 30px;
}

.newslist2 li p{ display: block; width: 100%;}
.newslist2 li .date{color: #8C8C8C; font-size: 16px; margin-top: 16px; background: url(../images/time2.png) no-repeat left center; background-size: 24px 24px; padding-left: 30px; }
.newslist2 li .titles{color: #000000; font-size: 18px; font-weight: 500; line-height: 30px; width: 100%; height: 60px; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; padding-bottom: 12px; }
.newslist2 li .con{color: #676767; border-top: 1px solid #DEE1E6; font-size: 16px; margin-top: 12px; padding-top: 12px; line-height: 26px; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; height: 64px; }
/* .news ul li:hover{box-shadow: 0 0 10px #5E5E5E;} */
.newslist2 li img:hover{
	transform: translate(0,0) scale(1.05);
	-ms-transform: translate(0,0) scale(1.05);
	-o-transform: translate(0,0) scale(1.05);
	-moz-transform: translate(0,0) scale(1.05);
	-webkit-transform: translate(0,0) scale(1.05);
	 transition: all .3s;
}