@charset "utf-8";
body{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	background: #fff;
	font-size: 16px;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input,
select,
textarea{
	outline: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "微软雅黑";
}
table{
  border-collapse: collapse;
}
img{
	border: 0;
	display: inline-block;
	max-width: 100%;
	width: auto;
	vertical-align: top;
}
ul,
li{
	list-style-type: none;
}
a{
	text-decoration: none;
	color: inherit;
}
a:hover{
	text-decoration: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.cl{
	clear: both;
}
.clear:after{
	content:"";
	display: block;
	clear:both;
}
.ov{
	overflow: hidden;
}
.rel{
	position: relative;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bigimg img{
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.bigimg:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.tj{
	text-align: justify;
	word-break: break-all;
}
.to1{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.to2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.content{
	width: 1400px;
	margin: 0 auto;
}
.phone{
	display: none;
}
/* [v-cloak]{
	display: none;
} */
@font-face {
	font-family: "思源宋体";
	src:url("../fonts/SourceHanSerifsc-Bold.otf") format("opentype"),
		url("../fonts/SourceHanSerifsc-Bold.ttf") format("truetype"),
		url("../fonts/SourceHanSerifsc-Bold.woff") format("woff");
	font-display: swap;
}


/*首页*/
.header{
	width: 100%;
	height: 214px;
	position: relative;
}
.header img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.logo{
	width: 100%;
	font-family: "思源宋体";
	line-height: 60px;
	color: #333;
	font-size: 46px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 1;
}
.nav_bg{
	width: 100%;
	background: #1958cf;
}
.nav{
	height: 77px;
}
.nav ul{
	margin-right: -1%;
}
.nav li{
	float: left;
	width: 10.1%;
	text-align: center;
	height: 77px;
	line-height: 77px;
	color: #fff;
	font-size: 20px;
	position: relative;
	margin-right: 1%;
}
.nav i{
	width: 100%;
	height: 6px;
	background: #133d8a;
	border-radius: 5px 5px 0 0;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
}
.nav li:hover{
	font-weight: bold;
}
.nav li.on{
	font-weight: bold;
}
.nav li.on i{
	opacity: 1;
}
.nav li:hover .subnav{
	font-weight: normal;
	display: block;
}
.subnav{
	width: 100%;
	background: #1958cf;
	position: absolute;
	top: 77px;
	left: 0;
	z-index: 5;
	display: none;
}
.subnav ul{
	margin-right: 0;
}
.subnav li{
	float: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin-right: 0;
}
.subnav li:hover{
	background: #133d8a;
	font-weight: normal;
}

.headlines_box{
	overflow: hidden;
	padding: 48px 0 44px;
}
.headlines_tt{
	color: #333;
	font-size: 36px;
	font-weight: bold;
	line-height: 46px;
	text-align: center;
	margin-bottom: 13px;
}
.headlines_tt i{
	display: inline-block;
	width: 1px;
	height: 34px;
	background: #cecece;
	margin: 0 18px;
	vertical-align: middle;
}
.headlines_text{
	color: #717171;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
}
.headlines_text a{
	color: #bd1a2d;
	margin-left: 6px;
}
.headlines_text a:hover{
	text-decoration: underline;
}

.dynamic_box{
	overflow: hidden;
}
.dyn_pic{
	float: left;
	width: 50%;
	height: 507px;
}
.dyn_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.dyn_pic .swiper-slide:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.dyn_tm{
	width: 100%;
	height: 200px;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.dyn_con{
	width: 92%;
	color: #fff;
	position: absolute;
	left: 4%;
	bottom: 32px;
	z-index: 2;
}
.dyn_tt{
	font-size: 26px;
	height: 44px;
	line-height: 44px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dyn_text{
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dyn_right{
	float: left;
	width: 50%;
	height: 507px;
	background: #f9f9f9;
	padding: 30px 30px 30px 42px;
}
.dyn_top{
	height: 70px;
	border-bottom: solid 1px #eee;
	margin-bottom: 10px;
}
.dyn_type{
	float: left;
}
.dyn_type ul{
	margin-right: -56px;
}
.dyn_type li{
	float: left;
	height: 70px;
	line-height: 48px;
	color: #585968;
	font-size: 22px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	margin-right: 56px;
}
.dyn_type li:last-child{
	margin-right: 0;
}
.dyn_type i{
	width: 100%;
	height: 4px;
	background: #1958cf;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	opacity: 0;
}
.dyn_type li.on{
	font-size: 24px;
	color: #1a2d60;
}
.dyn_type li.on i{
	opacity: 1;
}
.dyn_box{
	width: 100%;
	position: relative;
}
.dyn_more{
	width: 110px;
	height: 48px;
	color: #757575;
	font-size: 16px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	top: -80px;
	right: 0;
}
.dyn_more img{
	width: 10px;
	height: 14px;
	margin-left: 14px;
}
.dyn_more a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.dyn_more:hover{
	color: #1958cf;
}
.dyn{
	width: 100%;
}
.dyn li{
	height: 52px;
	padding-left: 27px;
}
.dyn_t{
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	position: relative;
}
.dyn_t i{
	width: 4px;
	height: 4px;
	background: #808395;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -27px;
}
.dyn_tit{
	float: left;
	width: 72%;
	height: 52px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dyn_time{
	float: right;
	width: 28%;
	height: 52px;
	text-align: right;
	color: #999;
	overflow: hidden;
}
.dyn_time02{
	height: 42px;
	line-height: 42px;
	color: #808395;
	font-size: 16px;
	overflow: hidden;
	display: none;
}
.dyn_txt{
	color: #999;
	font-size: 16px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	display: none;
}
.dyn li:hover .dyn_tit{
	font-weight: bold;
	color: #1958cf !important;
}
.dyn li:first-child{
	height: auto;
	padding-bottom: 3px;
}
.dyn li:first-child .dyn_t i{
	background: #333;
}
.dyn li:first-child .dyn_tit{
	float: none;
	width: 100%;
	color: #333;
	font-size: 20px;
	font-weight: bold;
}
.dyn li:first-child .dyn_time{
	display: none;
}
.dyn li:first-child .dyn_time02{
	display: block;
}
.dyn li:first-child .dyn_txt{
	display: block;
}

.p01{
	padding: 56px 0 72px;
}
.p02{
	padding-bottom: 63px;
}
.act_box{
	float: left;
	width: 664px;
}
.act_top{
	height: 55px;
	border-bottom: solid 1px #f4f4f4;
	margin-bottom: 33px;
}
.act_top img{
	float: left;
	width: 76px;
	height: 50px;
	margin-right: 7px;
}
.act_type{
	float: left;
}
.act_type li{
	float: left;
	height: 55px;
	line-height: 50px;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	margin-right: 82px;
}
.act_type li:last-child{
	margin-right: 0;
}
.act_type i{
	width: 100%;
	height: 4px;
	background: #1958cf;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	opacity: 0;
}
.act_type li.on i{
	opacity: 1;
}
.act_more{
	width: 110px;
	height: 48px;
	color: #757575;
	font-size: 16px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	top: -90px;
	right: 0;
}
.act_more img{
	width: 10px;
	height: 14px;
	margin-left: 14px;
}
.act_more a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.act_more:hover{
	color: #1958cf;
}
.act_con{
	width: 100%;
	position: relative;
}
.act_t{
	width: 100%;
	margin-bottom: 28px;
}
.act_t:hover .act_rtt{
	color: #1958cf;
}
.act_pic{
	float: left;
	width: 207px;
	height: 151px;
	overflow: hidden;
}
.act_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.act_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.act_right{
	float: right;
	width: 425px;
}
.act_rtt{
	height: 40px;
	line-height: 40px;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.act_rtime{
	color: #a5a4a4;
	font-size: 14px;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	margin-bottom: 5px;
}
.act_rtxt{
	color: #757575;
	font-size: 16px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.act_c{
	width: 100%;
}
.m40{
	margin-bottom: 40px;
}
.act_ctit{
	float: left;
	width: 92px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #1958cf;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	margin-top: 7px;
}
.act_cr{
	float: right;
	width: 545px;
}
.act_cr ul{
	margin-right: -10%;
}
.act_cr li{
	float: left;
	width: 40%;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	height: 60px;
	margin-right: 10%;
	position: relative;
}
.act_cr i{
	width: 2px;
	height: 47px;
	background: #e7e7e7;
	display: block;
	position: absolute;
	top: 6px;
	right: -9%;
}
.act_cr li:last-child i{
	display: none;
}
.act_cr a{
	width: 100%;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.act_cr li:hover{
	font-weight: bold;
	color: #1958cf;
}
.act_list{
	width: 100%;
}
.act_list .swiper-slide{
	height: 147px;
	overflow: hidden;
}
.act_list .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.act_list .swiper-slide:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.act_list_txt{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	font-size: 16px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.adv_box{
	float: right;
	width: 670px;
}
.adv_tit{
	float: left;
	height: 55px;
	line-height: 50px;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	position: relative;
}
.adv_tit i{
	width: 100%;
	height: 4px;
	background: #1958cf;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.adv_more{
	float: right;
	width: 110px;
	height: 48px;
	color: #757575;
	font-size: 16px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}
.adv_more img{
	width: 10px;
	height: 14px;
	margin-left: 14px;
}
.adv_more a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.adv_more:hover{
	color: #1958cf;
}
.adv_con{
	width: 100%;
	height: 287px;
	background: #f8f8f8;
	position: relative;
	margin-bottom: 30px;
}
.adv_pic{
	float: left;
	width: 393px;
}
.adv_pic .swiper-slide{
	height: 287px;
}
.adv_pic .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.adv_pic .swiper-slide:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.adv_list{
	width: 286px;
	height: 287px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.adv_list .swiper-slide{
	height: 96px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.adv_txtbox{
	width: 276px;
	height: 96px;
	border-bottom: solid 1px #fff;
	background: #f8f8f8;
	display: flex;
	align-items: center;
}
.adv_txt{
	width: 80%;
	line-height: 26px;
	height: 52px;
	color: #333;
	font-size: 16px;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.adv_arrow{
	width: 10px;
	height: 19px;
	background: url(../images/ind_09.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0;
}
.adv_list .swiper-slide-thumb-active .adv_txt{
	color: #1958cf;
	font-size: 20px;
	font-weight: bold;
}
.adv_list .swiper-slide-thumb-active .adv_arrow{
	opacity: 1;
}
.adv_di{
	width: 100%;
	height: 102px;
	line-height: 102px;
	text-align: center;
	background: #f8f8f8;
	color: #333;
	font-size: 40px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.adv_di span{
	color: #bd1a2d;
}
.adv_di a{
	display: block;
}

.pic{
	width: 100%;
	margin-bottom: 48px;
}
.pic img{
	width: 100%;
}

.zcfg_box{
	float: left;
	width: 664px;
}
.zcfg_t{
	width: 100%;
	border-bottom: solid 1px #efefef;
	padding-bottom: 32px;
	margin-bottom: 25px;
}
.zcfg_t:hover .zcfg_tt{
	color: #1958cf;
}
.zcfg_tt{
	line-height: 40px;
	height: 40px;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.zcfg_tt span{
	display: inline-block;
	width: 101px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: url(../images/ind_13.png) no-repeat;
	background-size: 100% 100%;
	padding-right: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin-right: 15px;
}
.m28{
	margin-bottom: 28px;
}
.zcfg{
	width: 100%;
}
.zcfg li{
	color: #333;
	font-size: 16px;
	height: 44px;
	line-height: 44px;
}
.zcfg li:hover .zcfg_txt{
	font-weight: bold;
	color: #1958cf;
}
.zcfg_txt{
	float: left;
	width: 80%;
	height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.zcfg_time{
	float: right;
	width: 20%;
	height: 40px;
	text-align: right;
	overflow: hidden;
}

.djxc_box{
	float: right;
	width: 666px;
}
.djxc_tt{
	line-height: 40px;
	height: 80px;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.zcfg_t:hover .djxc_tt{
	color: #1958cf;
}

.member_bg{
	width: 100%;
	background: #f9f9f9;
	padding: 78px 0 56px;
	overflow: hidden;
}
.member_title{
	width: 100%;
	height: 46px;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	margin-bottom: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.member_title i{
	width: 100%;
	height: 1px;
	background: #d4d4d4;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.member_title div{
	padding: 0 26px;
	height: 46px;
	background: #f9f9f9;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}
.member_title div img{
	width: 37px;
	height: 20px;
	margin: 0 22px;
}
.member_title div span{
	color: #1958cf;
}
.member{
	position: relative;
}
.member .swiper-button-next,.member .swiper-button-prev{
	width: 27px;
	height: 68px;
	background: rgba(0, 0, 0, 0.4);
	top: 76px;
}
.member .swiper-button-next{
	right: 0;
}
.member .swiper-button-prev{
	left: 0;
}
.member .swiper-button-next:after, .member .swiper-button-prev:after{
	color: #fff;
	font-size: 0.2rem;
}
.member_pic{
	width: 100%;
	height: 214px;
	overflow: hidden;
}
.member_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.member .swiper-slide:hover .member_pic img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.member_txt{
	width: 100%;
	text-align: center;
	line-height: 52px;
	height: 52px;
	color: #333;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.links_box{
	padding: 58px 0 40px;
}
.links_box .act_top{
	margin-bottom: 42px;
}
.links{
	width: 100%;
}
.links ul{
	margin-right: -1.5%;
}
.links li{
	float: left;
	width: 18.5%;
	height: 60px;
	line-height: 30px;
	text-align: center;
	background: #f9f9f9;
	color: #333;
	font-size: 18px;
	margin: 0 1.5% 12px 0;
}
.links a{
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.links li:hover{
	background: #3f3f3f;
	color: #fff;
}

.foot_bg{
	width: 100%;
	padding: 63px 0 30px;
	background: #323232;
	color: #fff;
}
.foot_bg .content{
	display: flex;
	justify-content: space-between;
}
.foot_left{
	width: 470px;
	padding-top: 2px;
}
.f_logo{
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 20px;
}
.f_con{
	padding-left: 38px;
	line-height: 36px;
	min-height: 36px;
	font-size: 16px;
	position: relative;
}
.f_con img{
	width: 22px;
	height: 22px;
	position: absolute;
	top: 6px;
	left: 0;
}
.share{
	padding-top: 27px;
}
.share ul{
	margin-right: -32px;
}
.share li{
	float: left;
	width: 65px;
	height: 65px;
	margin-right: 32px;
	position: relative;
	cursor: pointer;
}
.share img{
	width: 100%;
	height: 100%;
}
.share_code{
	width: 135px;
	height: 135px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 75px;
	left: -35px;
}
.share li:hover .share_code{
	display: flex;
}
.share_code img{
	width: 130px;
	height: 130px;
}
.code ul{
	margin-right: -24px;
}
.code li{
	float: left;
	width: 113px;
	margin-right: 24px;
}
.code_pic{
	width: 100%;
	height: 113px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 7px;
}
.code_pic img{
	width: 104px;
	height: 104px;
}
.code_txt{
	width: 100%;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
}
.copyright{
	width: 100%;
	background: #3f3f3f;
	text-align: center;
	line-height: 26px;
	padding: 18px 0;
	font-size: 14px;
	color: #fff;
}
.copyright a:hover{
	text-decoration: underline;
}


/* 协会概况 */
.path_box{
	padding: 33px 0 24px;
}
.path{
	color: #666;
	font-size: 16px;
	line-height: 24px;
	padding-left: 50px;
	position: relative;
}
.path img{
	width: 26px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 12px;
}
.path a:hover{
	color: #333;
}
.main{
	min-height: 400px;
	padding-bottom: 50px;
}
.left{
	float: left;
	width: 300px;
}
.right{
	float: right;
	width: 1045px;
}
.list_title{
	width: 100%;
	height: 70px;
	background: #1958cf;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list_title img{
	width: 36px;
	height: 22px;
	margin: 0 14px;
}
.list_bg{
	width: 100%;
	background: #fafafa;
	padding: 29px 27px 14px;
}
.list{
	width: 100%;
}
.list li{
	height: 60px;
	background: #fff;
	color: #333;
	font-size: 20px;
	margin-bottom: 20px;
}
.list a{
	padding: 0 30px;
	height: 60px;
	display: flex;
	align-items: center;
}
.list li:hover{
	background: #1958cf;
	color: #fff;
	font-weight: bold;
}
.list li.on{
	background: #1958cf;
	color: #fff;
	font-weight: bold;
}

.about_tit{
	width: 100%;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	border-bottom: solid 1px #e4e4e4;
	margin-bottom: 25px;
}
.about_tit div{
	display: inline-block;
	height: 67px;
	position: relative;
}
.about_tit i{
	width: 100%;
	height: 3px;
	background: #1958cf;
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
}
.about{
	color: #333;
	font-size: 18px;
	line-height: 36px;
	text-align: justify;
}


/* 协会动态 */
.news{
	width: 100%;
	padding-left: 24px;
}
.news li{
	height: 58px;
	line-height: 58px;
	border-bottom: dashed 2px #f2f2f2;
	position: relative;
}
.news i{
	width: 7px;
	height: 7px;
	background: #dbdbdb;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -24px;
}
.news_txt{
	float: left;
	width: 75%;
	height: 58px;
	color: #333;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_time{
	float: right;
	width: 25%;
	text-align: right;
	color: #999;
	font-size: 16px;
}
.news li:hover i{
	background: #1958cf;
}
.news li:hover .news_txt{
	color: #1958cf;
	font-weight: bold;
}
.page{
	width: 100%;
	text-align: center;
	padding-top: 45px;
}
.page a{
	display: inline-block;
	line-height: 42px;
	padding: 0 16px;
	background: #f0f0f0;
	color: #222;
	font-size: 14px;
	margin: 0 1px;
}
.page a:hover{
	background: #1958cf;
	color: #fff;
}
.page a.on{
	background: #1958cf;
	color: #fff;
}


/* 专题活动 */
.hd_list{
	width: 100%;
}
.hd_list li{
	margin-bottom: 26px;
}
.hd_list li:hover .hd_tt{
	color: #1958cf;
	font-weight: bold;
}
.hd_pic{
	float: left;
	width: 281px;
	height: 194px;
	overflow: hidden;
}
.hd_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.hd_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.hd_right{
	float: right;
	width: 738px;
}
.hd_tt{
	font-size: 20px;
	height: 58px;
	line-height: 58px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hd_text{
	color: #666;
	font-size: 16px;
	line-height: 28px;
	height: 84px;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.hd_time{
	color: #999;
	font-size: 16px;
	height: 52px;
	line-height: 52px;
	overflow: hidden;
}


/* 党建宣传 */
.dang{
	width: 100%;
}
.dang li{
	border-bottom: dashed 2px #e9e9e9;
	padding-bottom: 16px;
	margin-bottom: 18px;
}
.dang li:hover .hd_tt{
	color: #1958cf;
	font-weight: bold;
}
.dang_text{
	color: #666;
	font-size: 16px;
	line-height: 28px;
	height: 56px;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}


/* 广告大赛 */
.sai{
	width: 100%;
}
.sai ul{
	margin-right: -33px;
}
.sai li{
	float: left;
	width: 326px;
	margin: 0 33px 30px 0;
}
.sai_pic{
	width: 100%;
	height: 364px;
	overflow: hidden;
	margin-bottom: 20px;
}
.sai_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.sai_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.sai_text{
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #333;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* 详情 */
.show_box{
	padding: 50px 0 100px;
	min-height: 500px;
}
.show_tit{
	color: #333;
	font-size: 32px;
	font-weight: bold;
	line-height: 46px;
	text-align: center;
	margin-bottom: 30px;
}
.show_txt{
	color: #666;
	font-size: 16px;
	line-height: 38px;
	text-align: justify;
}
.show_txt img{
	display: block;
	margin: 0 auto;
}
.fy_box{
	width: 100%;
	padding-top: 50px;
}
.fy{
	width: 100%;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fy a{
	color: #666;
}
.fy a:hover{
	color: #333;
}

[v-cloak]{ display: none !important; }