.banner{
	width: 100%;
}

.banner ul li a{
	display: block;
	padding-bottom: 28.5%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner .bx-wrapper .bx-controls-direction a {
    margin-top: -43.5px;
    width: 87px;
    height: 87px;
}

.banner .bx-wrapper .bx-prev {
    left: 7%;
    background: url(../images/banner_arrow_left.png) no-repeat center center;
}

.banner .bx-wrapper .bx-next {
    right: 7%;
    background: url(../images/banner_arrow_right.png) no-repeat center center;
}

.banner .bx-wrapper .bx-pager,
.banner .bx-wrapper .bx-controls-auto {
    bottom: 18px;
    padding-top: 0;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(92,48,125,.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#195c307d, endColorstr=#195c307d);
    width: 11px;
    height: 11px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #5c307d;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #5c307d;
	width: 26px;
}

.main-system{
	padding: 25px 0 13px;
	background: #f4f4f4;	
}

.main-system .container {
  text-align :center;
}

.main-system ul{
	white-space: nowrap;
	overflow: auto;
	font-size: 0;
	margin: 0 -34px;
         display: flex;
    justify-content: center;
}

.main-system ul li{
	display: inline-block;
	text-align: center;
	padding-bottom: 15px;
	margin: 0 34px;
}

.main-system ul li a{
	display: block;
}

.main-system ul li img{
	width: 70px;
	height: 70px;
	margin-bottom: 10px;
	border-radius: 50%;
}

.main-system ul li p{
	font-size: 15px;
	color: #333;
}

.main-system ul li a:hover p{
	color: #5c307d;
}

.main-left{
	width: 65.4%;
	float: left;
}

.main-right{
	width: 30.2%;
	float: right;
}

.main-title{
	float: left;
	width: 100%;
	border-bottom: 2px solid #e5e5e5;
	margin-top: 45px;
	margin-bottom: 18px;
}

.main-title h4{
	float: left;
	font-size: 18px;
	color: #666;
	padding-bottom: 7px;
	margin-right: 40px;
	position: relative;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
}

.main-title h4.active{
	color: #5c307d;
}

.main-change h4{
	cursor: pointer;	
}

.main-change h4.active{
	border-bottom: 2px solid #5c307d;
}

.main-change h4:first-child:after{
	content: '';
	width: 1px;
	height: 16px;
	background: #c3c3c3;
	position: absolute;
	right: -20px;
	top: 2px;
}

.main-title a{
	font-size: 12px;
	color: #666;
	float: right;
	margin-top: 5px;
}

.main-title a:hover{
	color: #5c307d;
}

.main-list1,
.main-list1 li{
	float: left;
	width: 100%;
}

.main-list1 li a{
	display: block;
	position: relative;
}

.main-list1 .list-F a{
	padding-bottom: 10px;
	border-bottom: 1px dashed #e5e5e5;
	min-height: 63px;
	margin-bottom: 5px;
}

.main-list1 .list-F .list-left{
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	text-align: center;
}

.main-list1 .list-F .list-left strong{
	display: block;
	width: 45px;
	height: 31px;
	line-height: 31px;
	font-size: 18px;
	color: #fff;
	background: #795694;
}

.main-list1 .list-F .list-left small{
	display: block;
	width: 45px;
	height: 21px;
	line-height: 21px;
	font-size: 12px;
	color: #666;
	background: #eee;
}

.main-list1 .list-F .list-right{
	padding-left: 64px;
}

.main-list1 .list-F .list-right h4{
	font-size: 18px;
	color: #5c307d;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 15px;
	padding-top: 1px;
	height: 20px;
}

.main-list1 .list-F .list-right p{
	font-size: 14px;
	color: #666;
	text-indent: 2em;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
}

.main-list1 .list-S a{
	padding: 8px 75px 8px 17px;
	margin: 7px 0;
	font-size: 16px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-list1 .list-S a:before{
	content: '';
	border-top: 5.5px solid transparent;
	border-bottom: 5.5px solid transparent;
	border-left: 5px solid #5c307d;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5.5px;
}

.main-list1 .list-S a span{
	font-size: 12px;
	color: #999;
	height: 16px;
	line-height: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
}

.main-list1 .list-S a:hover{
	color: #5c307d;
}

.main-list2 .list-F .list-top{
	width: 100%;
	height: 104px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.main-list2 .list-S a{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #000;
	position: relative;
	padding: 14px 0 5.5px 17px;
}

.main-list2 .list-S a:before{
	content: '';
	border-top: 4.5px solid transparent;
	border-bottom: 4.5px solid transparent;
	border-left: 6px solid #bfbfbf;
	position: absolute;
	left: 0;
	top: 22px;
}

.main-list2 .list-S a:hover{
	color: #5c307d;
}

.main-list3 a{
	display: block;
}

.main-list3 .list-F{
	float: left;
	width: 40.4%;
}

.main-list3 .list-S{
	float: right;
	width: 55%;
}

.main-list3 .list-F .list-top{
	height: 174px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.main-list3 .list-F .list-bottom{
	padding: 15px 20px 18px;
	background: #eee;
}

.main-list3 h4{
	font-size: 16px;
	color: #000;
	font-weight: normal;
}

.main-list3 .list-F .list-bottom h4{
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 25px;
}

.main-list3 p{
	font-size: 0;
}

.main-list3 .list-F p span{
	padding-left: 7%;
}

.main-list3 .list-S p span{
	padding-left: 5%;
}

.main-list3 .list-F p span.list-time,
.main-list3 .list-S p span.list-time{
	margin-right: 6%;
}

.main-list3 p span{
	display: inline-block;
	color: #555;
	font-size: 12px;
	max-width: 47%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 17px;
}

.main-list3 p span.list-time{
	background: url(../images/event_time.png) left center no-repeat;
}

.main-list3 p span.list-local{
	background: url(../images/event_location.png) left center no-repeat;
}

.main-list3 .list-S{
	padding-bottom: 14px;
	padding-left: 14px;
	border-bottom: 1px dashed #e5e5e5;
	position: relative;
	margin-bottom: 15px;
}

.main-list3 .list-S:before{
	content: '';
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #f2b133;
	position: absolute;
	left: 0;
	top: 5px;
}

.main-list3 .list-S h4{
	height: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 15px;
}

.main-list3 a:hover h4{
	color: #5c307d;
}

.main-list4 a{
	display: block;
}

.main-list4 .list-F .list-top{
	height: 175px;
}

.main-list4 .list-F .list-bottom{
	padding: 16px 20px;
	background: #eee;
}

.main-list4 .list-F .list-bottom h4{
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;
	height: 17px;
}
.main-list4 .list-F a:hover .list-bottom h4{
	color: #5c307d;
}

.main-margin{
	margin-top: 45px;
}

.main-list5{
	font-size: 0;
	margin: 0 -4%;
}

.main-list5 li{
	display: inline-block;
	width: 42%;
	margin: 0 4% 10px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.main-list5 li a{
	display: block;
}

.main-list5 li .list-bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: rgba(0,0,0,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	transition: all .2s ease-in;
}

.main-list5 li h4{
	text-align: center;
	line-height: 86px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
	color: #fff;
	padding: 0 10px;
	position: relative;
}

.main-list5 li a:hover .list-bg{
	background: rgba(0,0,0,.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
}

.main-list6 ul li a{
	display: block;
	text-align: center;
}

.main-list6 ul li .list-top{
	height: 59px;
	margin-bottom: 12px;
}

.main-list6 ul li p{
	font-size: 14px;
	color: #333;
}

.main-list6 ul li a:hover p{
	color: #5c307d;
}

.main-list6 ul li .list-top{
	background-position: center center;
	background-repeat: no-repeat;
}

.main-list6 .bx-wrapper .bx-controls-direction a {
    margin-top: 0;
    width: 9px;
    height: 16px;
    top: 24px;
}

.main-list6 .bx-wrapper .bx-prev {
    left: -25px;
    background: url(../images/button_arrow_left.png) no-repeat center center;
}

.main-list6 .bx-wrapper .bx-next {
    right: -25px;
    background: url(../images/button_arrow_right.png) no-repeat center center;
}
.list-img{
	background: url(../images/content_banner.jpg) center center no-repeat;
	background-size: cover;
}

.list-img .container{
	height: 180px;
	position: relative;
}

.list-img h4{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 229px;
	font-size: 24px;
	color: #fff;
	padding: 23px 25px 23px 50px;
	background: #5c3679;
	line-height: 30px;
}

.list-img h4:before{
	content: '';
	width: 5px;
	height: 21px;
	background: #fff;
	border-radius: 3px;
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -10.5px;
}

.common-left{
	float: left;
	width: 229px;
}

.common-right{
	float: right;
	width: 73%;
}

.list-title {
	border-bottom: 1px solid #5c307d;
	float: left;
	width: 100%;
	padding-top: 15px;
}

.list-title h4 {
	float: left;
	font-size: 17px;
	background-color: #5c307d;
	padding: 8px;
	color: #fff;
}

.list-show {
	color: #5c307d;
	margin-top: 17px;
	font-size: 15px;
	cursor: pointer;
}

.navlist2{
	padding-left: 53px;
	border-left: 9px solid #5c307d;
}

.navlist2>li{
	border-bottom: 1px solid #dcdcdc;
}

.navlist2>li.active{
	border-bottom: 1px solid #5c307d;
}

.navlist2>li>a{
	display: block;
	font-size: 18px;
	color: #333;	
	padding: 15px 15px 15px 0;
	position: relative;
}

.navlist2>li.active>a{
	color: #5c307d;
	font-weight: bold;	
}

.navlist2>li.active>a:after{
	content: '';
	width: 6px;
	height: 8px;
	background: url(../images/leftbar_arrow.png) center center no-repeat;
	position: absolute;
	right: 2px;
	top: 50%;
	margin-top: -4px;
}

.navlist2>li.active.nav-ac>a:after{
	transform: rotate(90deg);
}

.navlist2 li a:hover{
	color: #5c307d;
}

.thr-sub{
	padding: 0 15px 10px 20px;
}

.thr-sub li a{
	display: block;
	font-size: 15px;
	color: #333;
	padding: 10px 0;
}

.thr-sub>li.active>a{
	font-weight: bold;
	color: #5c307d;
}

.thr-sub {
	display: none;
}
.sub-open {
	display: block;
}

.left-list{
	margin: 80px 0 0;
}

.left-list li{
	width: 229px;
	margin: 0 auto 27px;
}

.left-list li h4{
	font-size: 18px;
	line-height: 57px;
}

.common-local{
	padding: 30px 0 10px 16px;
	border-bottom: 1px solid #e5e5e5;
	background: url(../images/local-icon.png) left 33px no-repeat;
	font-size: 12px;
	color: #000;
	margin-bottom: 20px;
}

.common-local a{
	color: #000;
}

.common-local a:hover{
	color: #5c307d;
}

.common-list .list-F .list-right p{
	height: auto;
	max-height: 52px;
	_height: expression(this.scrollHeight > 52 ? "52px": "auto");
}

.article-title{
	text-align: center;
	font-size: 24px;
	color: #5c307d;
	line-height: 30px;
	padding: 15px 0 25px;
}

.article-small{
	font-size: 0;
	text-align: center;
	margin-bottom: 35px;
}

.article-small span{
	display: inline-block;
	position: relative;
	font-size: 12px;
	color: #000;
	padding: 0 28px;	
}

.article-small span.update-time:after{
	content: '';
	width: 1px;
	height: 10px;
	background: #6b6b6b;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
}

.article-small span.WP_VisitCount{
	padding: 0 3px 0 0;
}

@media (max-width: 1199px) {
	.main-system ul{
		margin: 0 -17.5px;
	}	
	.main-system ul li{
		margin: 0 17.5px;
	}
}

@media (min-width: 991px) {
	.common-left {
		display: block !important;
	}
}

@media (max-width: 991px) {
	.common-left{
		display: none;
	}
	.banner .bx-wrapper .bx-controls-direction a{
		display: none;
	}
	.banner .bx-wrapper .bx-pager,
	.banner .bx-wrapper .bx-controls-auto{
		bottom: 5px;
	}
	.banner .bx-wrapper .bx-pager.bx-default-pager a{
		width: 10px;
		height: 10px;
	}
	.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
	    width: 20px;
	}
	.main-system{
		position: relative;
	    padding: 16px 15px 3px 0;
	}
	.system-tips{
		color: #5c307d;
	    position: absolute;
	    right: 8px;
	    top: 61px;
	}
	.main-system ul{
		margin: 0;
	}	
	.main-system ul li{
		margin: 0 20px 0 0;
	}
	.main-left,
	.main-right,
	.main-list3 .list-F,
	.main-list3 .list-S,
	.common-left,
	.common-right{
		width: 100%;
	}
	.main-list2 .list-F .list-top{
		height: auto;
		padding-bottom: 30%;
	}
	.main-list4 .list-F .list-top{
		padding-bottom: 56%;
	}
	.main-list3 .list-F .list-top{
		height: auto;
		padding-bottom: 56%;
	}
	.main-list3 .list-F .list-bottom h4{
		height: auto;
		margin-bottom: 15px;
	}
	.main-list3 .list-F{
		margin-bottom: 20px;
	}
	.main-title,
	.main-margin{
		margin-top: 35px;
	}
	.main-list6{
		margin-top: 20px;
	}
	
}

@media (max-width: 768px) {
	.main-list5{
		margin: 0;
	}
	.main-list5 li{
		width: 100%;
		margin: 0 0 20px;
	}
	.left-list{
		margin: 45px 0 0;
	}
}

@media (max-width: 355px) {
	.main-list6 .bx-wrapper .bx-prev {
	    left: -15px;
	}
	
	.main-list6 .bx-wrapper .bx-next {
	    right: -15px;
	}
}