*{margin:0;padding:0;}
	ul{list-style: none;}
	a{text-decoration: none;}
	.clearfix:after{
		content:"";
		display: block;
		width:0;
		height:0;
		clear:both;
	}
	.float-left{
		float:left;
	}
	.header{
		width:100%;
		background-color:rgb(218,85,79);
		padding:10px 0 20px 0;
	}
	.header-content{
		width:1200px;
		margin:0 auto;
		color:#fff;
	}
	.date{font-size:15px;line-height: 25px}
        #c_lunar1047188{color:#fff}
	.date span{margin-right:10px;}
	.header-bar{margin-top:10px;position: relative;}
	.badge{width:64px;height:64px;}
	.vocational-name{margin-left:30px;}
	.name-cn{font-size:32px;line-height: 36px;letter-spacing: 5px;}
	.name-en{font-size:15px;line-height: 18px;margin-top:10px;}
	.department-name{line-height: 64px;font-size:40px;margin-left:80px;letter-spacing: 5px}
	.search-box{
		position: absolute;
		right:50px;
		top:21px;
		width:150px;
	}
	.search-text{width:100%;height:25px;border:1px solid #ccc;border-radius: 3px;outline: none;padding-left:6px;}
	.slogan{
		position: absolute;
		left:100%;
		top:0;
		width:120px;
		font-size:18px;
		padding-top:7px;
		letter-spacing: 5px;
	}
	.slogan p{
		line-height: 25px;
	}
	.nav{
		width:100%;
		height:35px;
		background-color:rgb(218,85,79);
		margin-top:5px;
	}
	.nav-list{
		width:1200px;
		height:100%;
		margin:0 auto;
	}
	.nav-list-item{
		float:left;
		width:95px;
		line-height:35px;
		text-align: center;
	}
	.nav-list-item a{display:block;width:100%;height:100%;color:#fff;}
	.nav-list-item:hover{
		background-color:#399;
		transition:0.3s;	
	}
	.main{
		width:1200px;
		margin:0 auto;
		margin-top:5px;
	}
	.swiper{
		position: relative;
		width:100%;
		height:295px;
	}
	.swiper img{
		width:100%;
		height:100%;
	}
	.pre-btn,.next-btn{
		position: absolute;
		width:50px;
		height:100px;
		top:50%;
		margin-top:-50px;
		background-color:rgba(0,0,0,0.4);
		background-image:url("../images/spirte.png");
		background-repeat: no-repeat;
		z-index: 99;
		cursor:pointer;
		outline: none;
	}
	.pre-btn{
		left:0;
		background-position: left top;
	}
	.next-btn{
		right:0;
		background-position: right top ;
	}
	.main-swiper{
		width:100%;
		height:265px;
		overflow: hidden;
	}
	.main-swiper img{
		width:100%;
		height:100%;
	}
	.main-content-wrapper{
		width:100%;
		background: #f6f6f6;
		margin-top:10px;
		padding-top:20px;
	}
	.main-content-list-item{
		width:400px;
		float:left;
		margin-bottom:35px;
		padding:0 10px 0 5px;
		box-sizing:border-box;
	}
	.content-title-wrapper{
		position: relative;

	}
	.content-title{
		border-left:2px solid rgb(218,85,79);
		padding-left:12px;
		font-size:18px;
		color: rgb(218,85,79);
		line-height: 18px;
		font-weight: bold;
	}
	.content-more{
		position: absolute;
		right:15px;
		bottom:0;
		font-size:15px;
		line-height: 18px;
		font-weight: bold;
	}
	.content-more a{
		color: rgb(218,85,79);
	}
	
	.news-list{
		margin-top:10px;
		height:245px;
	}
	.news-list-item{
		line-height: 35px;
		font-size:15px;
	}
	.news-list-item>a{
		display:flex;
		font-size:15px;
		color:#555;
	}
	.news-list-item>a:hover{
		color:rgb(218,85,79);
	}
	.news-title{
		flex:1;
		margin-left:10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow:ellipsis;
		padding-right:10px;
	}
	.color-red{color:rgb(218,85,79);}

	.footer-top{
		height:28px;
		background: rgb(89,89,89)
	}

	.footer-bottom{
		display: flex;
		justify-content:center;
		align-items:center;
		height:55px;
		line-height: 55px;
		background: rgb(218,85,79);
		text-align: center;
                color:#fff;
	}
	.copyright-img{
		height:55px;
	}
	.copyright{
		font-size:14px;
		margin-right:20px;
	}
	.copyright span:nth-child(2){
		margin-left:10px;
		margin-right:20px;
	}
	.short-list{padding:10px 0;}
	.short-list-item{
		position: relative;
		width:33.333%;
		float:left;
		text-align: center;
		padding:5px 0;
	}
	.short-img{
		width:35px;
		height:35px;
	}
	.short-title{
		color:#333;
		font-size:15px;
	
	}
	.touch-wrapper{
		padding-top:5px;
	}
	.touch-list{
		padding:10px 0 10px 35px;
	}
	.touch-list-item{
		line-height: 28px;
		color:#333;
		font-size:15px;
	}
	/*右下角导航*/
	.short-list-item:hover .short-nav-list{
		transform:scale(1);
	}
	.short-nav-list{

		position: absolute;
		left:60%;
		top:60%;
		background: #099;
		z-index: 999;
		border-radius: 3px;
		transform-origin:left top;
		transform:scale(0);
		transition: transform 0.3s;
	}
	.short-nav-list-item{
		width:150px;
		height:30px;
	}
	.short-nav-list-item a{
		line-height: 30px;
		color:#fff;
	}
	.short-nav-list-item:hover{background: #f60;}
	/*内容页样式*/
	.top-img{
		width:100%;
		height:295px;
	}
	.top-img>img{
		width:100%;
		height:100%;
	}
	.content-list-wrapper{
		margin-top:10px;
	}
	.content-bar-title{
		font-size:20px;
		line-height: 40px;
		font-weight: bold;
		color:#555;
		border-bottom:1px solid #555;
		padding-left:10px;
	}
	.content-list{
		margin-top:10px;
		padding-left:40px;
	}
	.content-list-item{
		height:40px;
		border-bottom:1px solid #eee;
	}
	.content-list-item>a{
		display:block;
		padding:0 10px;
		height:100%;
		line-height: 40px; 
		color:#555;
		font-size:15px;
	}
	.content-list-item>a:hover{
		color:#f60;
	}
	.artical-time{
		float:right;
	}
	.pages{
		margin:40px 0;
		text-align: center;
	}
	.page-wrapper{
		display:inline-block;
		font-size:15px;
	}
	.page-wrapper>span{
		margin:0 15px;
	}
	.artical-count{margin:0 10px;}
	.page-first,.page-pre,.page-next,.page-last{
		border:1px solid #ccc;
		padding:3px 8px;
	}
	.inactive{
		color:#ccc;
	}
	/*文章详情页样式*/
	.artical-detail-wrapper{
		margin-top:20px;
		color:#444;
	}
	.artical-detail-title{
		text-align: center;
		font-size:18px;
		
		line-height: 40px;
		font-weight: normal;
	}
	.artical-detail-info{
		text-align: center;
		line-height: 30px;
	}
	.artical-detail-info>span{
		margin:0 10px;
	}
	.artical-detail-info>span>span{
		margin:0 5px;
	}
	.artical-content{
		margin-top:10px;
		padding:0 200px 50px;
	}
	.artical-content p{
		text-indent: 2em;
		line-height: 30px;
		font-size:15px;
		margin:5px 0;
	}