/*reset*/
ul{margin: 0;padding: 0;}
li{list-style: none;}
a,a:hover{text-decoration: none;}
@media (min-width: 1200px){
	.container{max-width: 1200px;}
}
.d-block{display: block;}
.bg-white{background-color: #FFF;}
.bg-grey{background-color: #F7F7F7;}
body{background-color: #F7F7F7;}
.page-header{margin: 0;padding: 24px 0;border-bottom: none;background: url('../images/header_bg.jpg') no-repeat center;background-size: cover;}
	.logo{display: inline-block;margin-right: 12px;width: 100%;max-width: 968px;height: 88px;background: url('../images/logo.png') no-repeat center;background-size: 100% auto;text-indent: -9999px;}
	.login-btn,.user-btn,.menu-btn{border: 1px solid #FFF;border-radius:8px;padding: 15px 30px;font-size: 16px;color: #FFF;background-color: transparent;}
	.user-btn{margin-right: 10px;padding-top: 10px;padding-bottom: 10px;}
	.user-btn:last-child{margin-right: 0;}
	.menu-btn{padding: 10px;position: absolute;top: 50%;right: 25px;margin-top: -23px;}
	.login-btn:hover,.user-btn:hover,.menu-btn:hover{background-color: #FFF;color: #A90A0A;}
.page-nav{background-color: #88000F;}
	.nav-menu{overflow: auto;}
    .nav-menu a{display: block;float: left;width: 16.66%;padding: 16px;font-size: 18px;line-height: 24px;font-weight: bold;color: #FFF;text-align: center;position: relative;transition: all .3s;}
    .nav-menu a.active,.nav-menu a:hover{background-color: #B60C1F;transition: all 0.3s;}
.search-form{position: relative;background-color: #911421;color: #FFF;}
	.search-form input{width: 100%;border: none;padding: 10px 40px 10px 10px;line-height: 36px;background: transparent;outline: none;}
	.search-form button{position: absolute;right: 0;width: 40px;border: none;padding: 10px 0;line-height: 36px;background: transparent;}
	.search-form button > .icon{margin-right: 0;}
.page-content{}
	.sidebar{min-width: 240px;}
		.sidebar .box-header{padding: 40px;background: #A90A0A url('../images/wsdxsidebar_header_bg.png') no-repeat bottom right;position: relative;}
		.sidebar .box-header .title{margin: 0;line-height: 1;font-size: 28px;color: #FFF;}
		.sidebar .box-header .englishname{margin: 30px 0 0;line-height: 1;font-size: 16px;color: #FFF;text-transform:uppercase;}
	.sidebar .box-body{padding: 10px 0 270px;background: #BC0217 url('../images/wsdxsidebar_footer_bg.png') no-repeat bottom right;}
		.sidebar .nav-bar{}
		.sidebar .nav-bar li > a{display: block;border-left: 8px solid transparent;padding: 18px;padding-right: 44px;font-size: 18px;color: #FFF;transition: all .3s;cursor: pointer;}
		.sidebar .nav-bar li.active > a{border-left-color: #FFF;background-color: #A90A0A;}
		.sidebar .nav-bar li > a:hover{border-left-color: #FFF;background-color: #A90A0A;}
	.main-content{margin: 30px 0;border-top: 4px solid #BC0217;padding: 0 25px;min-height: 500px;background-color: #FFF;}
	.main-content.page{min-height: 400px;}
		.main-content .box-header{border-bottom: 1px solid #DDDDDD;padding: 32px 0;}
		.main-content .box-header .title{margin: 0;font-size: 24px;color: #BC0217;line-height: 1;}
		.main-content .box-body{padding: 30px 0;}
		.main-content .course-list{}
			.course-item{margin-bottom: 30px;height: 230px;}
			.course-item .course-image{width: 100%;height: 0;padding-bottom: 57.7%;overflow: hidden;}
				.course-image img{width: 100%;}
			.course-item .course-title{margin: 12px 0;font-size: 16px;color: #333;}
			.course-item .course-info{margin-bottom: 0;font-size: 14px;color: #999;}
		.swiper-container{width: 100%;height: 320px;}  
		.swiper-slide .slide-desc{margin-bottom: 0;padding: 14px 80px 14px 20px;width: 100%;background-color: rgba(0,0,0,.5);color: #FFF;font-size: 16px;line-height: 1;
			overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}  
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{right: 0;left: auto;width: 80px;}
		.swiper-pagination-bullet{background: #FFF;opacity: 1;}
		.swiper-pagination-bullet-active{background: #C90217;}
		.icon{display: inline-block;width: 24px;height: 24px;background-position: center;background-repeat: no-repeat;margin-right: 10px;vertical-align: middle;}
			.icon-search{background-image: url(../images/icon_search.png);}
			.icon-tzgg{background-image: url(../images/icon_tzgg.png);}
			.icon-xwjx{background-image: url(../images/icon_xwjx.png);}
			.icon-zzsh{background-image: url(../images/icon_zzsh.png);}
			.icon-ztdr{background-image: url(../images/icon_ztdr.png);}
		.block-col{margin: 48px auto;}
			.block-col .box-header{margin-bottom: 12px;padding-bottom: 18px;border-bottom: 2px solid #BA0505;position: relative;overflow: auto;}
			.block-col .box-header .title{float: left;margin: 0;color: #BC0217;font-size: 20px;font-weight: bold;line-height: 1;}
			.block-col .box-header .more{float: right;font-size: 14px;line-height: 24px;color: #BC0217;}
			.acticle-list li{border-bottom: 1px dashed #DDD;}
			.acticle-list li a{display: block;padding: 0 20px;height: 43px;line-height: 43px;background: url('../images/icon_dot.png') no-repeat left;color: #333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: all .3s;}
			.acticle-list li a:hover{color: #BC0217;}
			.acticle-list li .date{float: right;line-height: 44px;text-align: right;}
			.pioneer-list li{}
			.pioneer-list li a{display: block;margin: 20px 0;}
			.pioneer-list li .img-circle img{width: 172px;height: 172px;border: 1px solid #EEEa;border-radius: 50%;overflow: hidden;}
			.pioneer-list li .img-circle .title{margin-top: 16px;color: #333;text-align: center;}
			.pioneer-list li .img-rect img{width: 250px;height: 328px;overflow: hidden;}
			.pioneer-list li .img-rect .title{padding: 12px;background-color: #EEE;color: #333;font-weight: bold;text-align: center;}
			.affair-list li a{display: block;margin: 12px 0 0;padding: 24px 20px;border: 1px solid #EEE;}
			.affair-list .affair-header{border-bottom: 1px solid #DDD;padding-bottom: 20px;}
				 .affair-header .title{font-size: 16px;color: #333;}
				 .affair-header .date{font-size: 14px;color: #BA0505;margin: 0 0 8px;}
			.affair-list .affair-content{padding-top: 12px;}
				 .affair-content .desc{font-size: 14px;color: #666;line-height: 20px;margin-bottom: 0;height: 60px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
		.pages {text-align:center;padding:35px 0;}
			.pages a,.pages span {display:inline-block;font-size:12px;font-weight:400;text-align:center;padding:0 15px;height:34px;line-height:34px;border:1px solid #E4E4E4;}
			.pages a {margin:0 2px;color:#717171;background:#FFF;-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;transition:all 0.1s ease-in;}
			.pages a:hover {background:#a90a09;color:#FFF}
			.pages span {background:#a90a09;color:#FFF;}
		.acticle-info{margin: -15px 0 30px;}
			.acticle-info span{margin-left: 20px;}
			.acticle-info span:first-child{margin-left: 0;}
			.acticle-content p{margin-bottom: 10px;}
			.acticle-content image{max-width: 100%;}
			.acticle-footer{text-align: right;}
			.acticle-footer .btn-back{display: inline-block;padding: 10px 28px;background: #B60C1F;color: #FFF;}
		.mailbox-content p{font-size: 16px;line-height: 2;text-indent: 2em;margin-bottom: 10px;}
.page-footer{}
	.main-footer{padding: 50px 0;background: url('../images/footer_bg.jpg') no-repeat center;background-size: cover;}
		.footer-block .box-header{margin-bottom: 15px;}
		.footer-block .box-header:after{content: '';display: block;width: 100px;height: 1px;background-color: #FFF;}
		.footer-block .title{margin-bottom: 15px;font-size: 18px;color: #FFF;}
		.footer-block .title-pic .title{width: 100%;max-width: 475px;height: 44px;background: url('../images/footer_logo.png') no-repeat center;background-size: 100%;text-indent: -9999px;}
		.footer-block .box-body{color: #FFF;font-size: 14px;line-height: 24px;}
		.footer-block .box-body a{color: #FFF;}
		.footer-block .link-list li,.footer-block .campus-list li{margin-bottom: 10px;}
		.w-462{width: 462px;}
		.qcode-item{width: 100px;text-align: center;}
		.qcode-item p{margin: 6px 0;}
	.copyright-footer{background-color: #5D0009;padding: 5px 0;}
		.copyright-footer p{margin-bottom: 0;font-size: 14px;color: #FFF;text-align: center;}
@media(max-width: 991px){
	.nav-menu{margin-bottom: 10px;}
	.nav-menu a{width: 33%;}
}
@media(max-width: 768px){
	.page-header{padding: 15px 0;}
		.logo .logo-icon{width: 50px;height: 54px;}
	.sidebar .box-header{padding: 25px;}
		.sidebar .box-header .title{font-size: 25px;}
		.sidebar .box-header .englishname{margin-top: 20px;}
	.sidebar .box-body{padding: 10px 0 30px;}
		.sidebar .nav-bar li > a{padding: 15px;}
	.course-item{height: auto;}
}