﻿*{font-family: Microsoft YaHei;}
a:hover{color: #1f82b6;font-weight: bold;}
.main{margin-bottom: 40px !important;}
.title_header{
	text-align: center;
	margin-bottom: 20px;
}
.linkMap{margin-bottom: 20px;}
.linkMap a,.linkMap span{font-size: 15px;color: #1f82b6;}
.title_header a{
	color: #383838;
	font-size: 26px;
}
.title_header a span{
	display: block;
	text-align: center;
	color: #383838;
	font-size: 24px;
	opacity: .2;
}

.top_banner{position: relative;}
.top_banner,.top_banner img{
  width: 100%;
}
.top_banner img{position: absolute;}
.top_banner div{width: 1280px;margin: 0 auto;padding-left: 75px;box-sizing: border-box;}
.top_banner p{
  width: 266px;
  height: 84px;
  padding: 20px 0 20px 55px;
  box-sizing: border-box;
  color: #fff;
  font-size: 24px;
  font-family: Microsoft YaHei;
  background: url(/Sites/Uploaded/UserUpLoad/20210517/20210517115625.png) no-repeat left center;
}
.top_banner p span{
  font-size: 14px;
  opacity: .5;
  margin-left: 20px;
  display: block;
}
.top_banner{
  margin-bottom: 40px;
  height: 300px;
  padding-top: 108px;
  box-sizing: border-box;
}

.main_content{
  width: 1280px;
  margin: 0 auto;
}
.article_right .article_blue_block{
  padding: 0;
}
.article_right .article_blue_block .article_head h3{
  position: relative;
  width: auto;
  display: inline-block;
  padding: 0 0 0 25px;
  font-size: 28px;
  color: #222;
  background: none;
  min-height: auto;
  float: left;
  margin: 0;
  line-height: 38px;
  height: auto;
}
.article_right .article_blue_block .article_head h3::after{
  display: block;
  content: '';
  background: #32709F;
  border-radius: 2px;
  width: 4px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.article_listcont{padding: 0;}
.article_right .article_blue_block .article_head{
  height: auto;
  line-height: initial;
  border: none;
  border-bottom: 1px solid #E8E5E5;
  overflow: hidden;
  background: none;
  padding-bottom: 20px;
}
.article_right{
  width: 100%;
  float: none;
  padding: 0;
}
.article_listcont li{
  float: left;
  border: none;
  width: 409px;
  height: 300px;
  box-sizing: border-box;
  padding: 0;
  margin: 0 26px 28px 0;
  overflow: hidden;
}
.article_listcont li:nth-child(3n){margin-right: 0;}
.article_listcont li .articleBox_right{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.article_listcont li .articleBox_right img{
  width: 100%;
  height: auto;
  transition: all .5s;
}
.article_listcont li:hover .articleBox_right img{
  transform: scale(1.2);
}
.article_listcont li .articleBox_right span{
  display: block;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, .45);
  color: #fff;
  font-size: 18px;
  font-family: Microsoft YaHei;
  position: absolute;
  bottom: 0;
  left: 0;
}
.article_listcont li .articleBox_right span:hover{font-weight: bold;}
.page_number_div{float: none;}
.top_mob_banner{display: none;}
.top_banner {
	margin-bottom: 20px;
	height: 300px;
	padding-top: 108px;
	box-sizing: border-box;
	width: 1280px;
	margin: 0 auto 20px;
}
@media only screen and (max-width:768px){
  .title_header a span{font-size: 20px;}
  .title_header a{font-size: 22px;}
  .top_mob_banner{display: block;margin-bottom: 20px;}
  .top_mob_banner img{width: 100%;}
  .top_banner{display: none;}
  .main_content{width: 100%;}
  .article_listcont li{
 width: 46%;
 margin: 0 0 20px 0;
 height: 160px;
  }
  .article_listcont li:nth-child(2n){float: right;}
  .article_listcont li .articleBox_right span{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 box-sizing: border-box;
  }
} 