@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
.Banner{width:100%;overflow:hidden;position:relative;z-index:91;}
.flexslider .slides li a{display: block;position: relative;}
.Banner .slides_tills{position: absolute;width: 100%;overflow: hidden;bottom: 0;left: 0;height: 139px; background: url(../images/banner_bg.png) repeat-x ;}
.Banner .slides_tills p{max-width: 1200px;margin: 0 auto;color:#fff;text-shadow:0px 2px 6px #000;font-size: 2.2rem;font-weight: bold;letter-spacing: 2px;margin-top: 80px;}
.Banner .flex-direction-nav{display: block;}
.Banner .flex-direction-nav a{}
.Banner .flex-direction-nav a.flex-prev{transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */left:50px; }
.Banner .flex-direction-nav a.flex-next{right:50px;}
.Banner .flex-direction-nav a{width: 80px;height: 80px;background: rgba(0,0,0,0.4);color:#fff;line-height: 80px;margin-top: -40px; font-size: 4rem;text-align: center;transition:all 0.5s ease-in-out;top:auto; bottom:46%;border-radius: 50%;}
.Banner .flex-direction-nav a:hover{background: rgba(27,75,204,0.4);}
.Banner .flex-control-nav{bottom:65px;max-width: 1200px;margin: 0 auto;position: relative;text-align: right;}
.Banner .flex-control-paging li a {width: 18px;height: 22px; background: url(../images/a.png) no-repeat center top;text-indent: 9999px;transition:all 0.5s ease-in-out;}
.Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover {background-image:url(../images/a_hover.png); }




.content{overflow:hidden;}
.mode{width: 1200px;margin:0 auto;overflow: hidden;}
/*学院新闻*/
.mode01{margin-bottom: 0px;}
.listTitle{margin-bottom: 15px;}
.listTitle h2{font-size: 2rem;background: url(../images/title_bg.png) no-repeat center left;padding-left: 20px;}

.listTitle h2 strong{font-size: 1.4rem;font-weight: normal;display: inline-block;margin-left: 8px; color:#999;}
.more{float: right;}
.more a{display: block;position: relative; color:#999;font-size: 1.4rem;padding-right:10px;padding-top: 5px;}
.more a i{position: absolute;top:0;right:0;font-style: normal;}
.more a:hover{color:#f08753;}
.col{width: 48.33%;}
.lf{float: left;}
.rt{float: right;}

.item-box01{}
.item-topic01{overflow: hidden;}
.item-topic01 .item-img01{float: left;width: 55.17%;}
.item-topic01 .item-title01{float: right;width: 41.03%;height: 0;padding-bottom: 31.25%;overflow: hidden;position: relative;}
.item-topic01 .item-title01 a{display: block;height: 94px; line-height: 24px;overflow: hidden;font-size: 1.6rem;}
.item-topic01 .item-title01 span{display: block;font-size: 1.4rem;color:#999;position: absolute;bottom:0;left: 0;}
.item-list01{overflow: hidden;margin-top: 20px;}
.item-list01 li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;overflow: hidden;}
.item-list01 li a{display: block;height: 52px;overflow: hidden;line-height: 26px;font-size: 1.6rem; background: url(../images/arrow.png) no-repeat left 5px;padding-left: 20px;border-right: 1px solid #eee;padding-right: 10px;}
.item-list01 li span{float: right;margin-left: 10px;font-size: 1.4rem;color:#999; }
.item-list01 li:last-child{margin-bottom: 0;}

/*通知公告*/
.item-list02{overflow: hidden;width: 102%;}
.item-list02 li{width: 50%;float: left;margin-bottom: 20px;}
.item-list02 li a{ display: block;margin-right: 20px;border:1px solid #eee;padding:20px;position: relative;overflow: hidden;box-shadow:none;transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;}
.item-list02 li a:before{display: block; content: '';clear: both;position: absolute;width: 100%;background:#1751ee; background: -moz-linear-gradient( left ,#1751ee,#064193);background: -webkit-linear-gradient( left ,#1751ee,#064193);background: -ms-linear-gradient( left ,#1751ee,#064193);background: -o-linear-gradient( left ,#1751ee,#064193);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1751ee, endColorstr=#064193);height: 100%;top:0;left: 0;transition:all 0.3s ease-in-out; opacity: 0}


.item-notice01{overflow: hidden;}
.item-notice01 p{margin-bottom: 10px;padding-bottom: 10px; font-size: 1.4rem;letter-spacing: 1px;height: 44px;line-height: 24px;overflow: hidden;position: relative;z-index: 98}
.item-notice01 p:after{content: '';clear: both;position: absolute;left: 0;bottom:0;width: 30px;height: 1px;background: #eee;}
.item-notice01 span.time{color:#999;display: block;position: relative;z-index: 99}

.item-list02 li a:hover { box-shadow:0px 3px 10px rgba(21,71,207,0.2);color:#fff;}
.item-list02 li a:after{width: 100%;height: 100%; position: absolute;top:0;right: 0;content: '';clear: both;display: block; background: url(../images/notice_bg.png) no-repeat left top  ;opacity: 0;z-index: 9;transition:all 0.3s ease-in-out;opacity: 0}
.item-list02 li a:hover:before{opacity: 1;}
.item-list02 li a:hover .item-notice01 p{color:#fff;}

.item-list02 li a:hover .item-notice01 p:after{background: rgba(255,255,255,0.2);}

.item-list02 li a:hover:after{opacity: 0.1;background-position: right top;}
.item-list02 li a:hover .item-notice01 span.time{color:#fff;}


/*mode02*/
.wrap_mode02{position: relative;width: 100%;background: url(../images/mode02.jpg) no-repeat center top;background-size: 100% 100%;}
.wrap_mode02:after{position: absolute;display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;left: 0;content: '';clear: both;z-index:1;}
.mode02{padding:30px 0 26px 0;position: relative;z-index:2;}
.listTitle h2.title02{background: url(../images/title_bg1.png) no-repeat center left;}
.listTitle h2.title02 a,.listTitle h2.title02 a strong{color:#fff;}


.item-list03{overflow: hidden;}
.item-list03 li{margin-bottom: 20px;}
.item-list03 li:last-child{margin-bottom: 0;}
.item-list03 li a{display: block;}
.item-txtbox03{overflow: hidden;}
.item-txtbox03 span{float: left;width: 70px;height: 30px;line-height: 30px;color:#fff;text-align: center;font-size: 1.6rem;background:#f08753;
	background: -webkit-linear-gradient(#f08753, #f76b26); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#f08753, #f76b26); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#f08753, #f76b26); /* Firefox 3.6 - 15 */
  background: linear-gradient(#f08753, #f76b26); /* 标准的语法 */}
.item-txt03{margin-left: 70px;background: #fff;padding:13px 20px;}
.item-txt03 h3{font-weight: normal;font-size: 16px;line-height: 28px;height: 52px;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.item-txt03 p{color:#999;font-size: 1.4rem;height: 44px;line-height: 22px;overflow: hidden;}
.more02 a{color:#fff;}
.more02 a i{color:#999;transition:all 0.5s ease-in-out;}
.more02 a:hover i{color:#f08753;}




.item-list04{overflow: hidden;width: 102%;}
.item-list04 li{float: left;width: 50%;margin-bottom: 20px;}
.item-list04 li a{display: block;margin-right: 20px; background: #fff;}
.item-txt04{overflow: hidden;}
.item-txt04 p.txt-info04{font-size: 16px;height: 48px;line-height: 26px;overflow: hidden;padding:10px 15px;}
.item-txt04 .imgResponsive{position: relative;}
.item-txt04 .imgResponsive .rightDate{position: absolute;bottom: 0;right:0;display: block;width: 60px;height: 25px;line-height: 25px;color:#fff;text-align: center;background: #f08753;}
.noImg .txt-con04{border-top: 1px solid #eee;padding-top: 10px;height:96px;line-height: 26px;overflow: hidden;font-size: 1.4rem;color: #999;padding:10px 15px;}
.item-txt04>.rightDate{text-align: right;display: block;width: 60px;height: 25px;line-height: 25px;color:#fff;text-align: center;background: #f08753;float: right;margin-top: 14px;}


@media screen  and (max-width:1380px){

	.mode{width: 1000px;}
	.Banner .flex-control-nav{width: 92%;}
	.Banner .slides_tills p{width: 92%;font-size: 1.8rem;margin-top: 100px;}
		.item-list02 li a{padding:15px;}
		.noImg .txt-con04{height: 68px;}
		.item-txt03 h3 {line-height: 24px;height: 40px;}
		.item-txt03{padding:10px 20px;}
}


@media screen  and (max-width:1240px){

}
@media screen  and (max-width:1200px) {
       
        .wrap_mode02{background-size: auto 100%;}
 }

@media screen  and (max-width:1020px) {
	.mode{width: auto;padding:0 30px;}
	.mode02{padding:30px 30px;}
	.Banner .flex-direction-nav a{width: 40px;height: 40px;margin-top: -20px;line-height: 40px;font-size: 2rem;}
	.Banner .flex-direction-nav a.flex-prev{left: 10px;}
	.Banner .flex-direction-nav a.flex-next{right: 10px;}
	.Banner .flex-control-nav{bottom:46px;}
	.lf,.rt{float: none;width: 100%;}
	.rt{margin-top:30px;}
	.item-list01 li a{height: 32px;}
	.item-notice01 p{margin-right: 50px;}
	.noImg .txt-con04{height: 204px;}


}


@media screen  and (max-width:920px) { 
   .noImg .txt-con04 {    height: 177px;}

}
@media screen  and (max-width:850px) { 
   .noImg .txt-con04 {    height: 156px;line-height: 24px;}

}

@media screen and (max-width:767px) {
  .noImg .txt-con04 {    height: 135px;}
  .item-notice01 p{margin-right: 0;}
  .item-list02 li:nth-child(2n) a{margin-right: 0;}
  .item-list02{width: 100%;}
  .listTitle h2{font-size: 1.8rem;}
  .item-topic01 .item-title01 a{font-size: 1.4rem;height: auto;}
	.item-topic01 .item-title01 span{position: static;margin-top: 8px;}
	.item-list01 li a{height: auto;font-size: 1.4rem;}
	.item-txt03 h3{font-size: 1.4rem;height: auto;}
	.item-txt03 p{height: auto;}
	.item-txt04 p.txt-info04{height: auto;font-size: 1.4rem;line-height: 22px;}
 }



@media screen and (max-width:670px) {
   .noImg .txt-con04 {    height: 105px;}

 }

 @media screen and (max-width:595px) {
	.noImg .txt-con04{height: 85px;}
  }

@media screen and (max-width:540px){
	.item-list04 li{float: none;width: 100%;}
	.item-txt04 p.txt-info04,.noImg .txt-con04{height: auto;}
	.item-list04{width: 100%;}
	.item-list04 li a{margin-right: 0;}

}
	

@media screen and (max-width:480px){
	
	.item-topic01 .item-img01,.item-topic01 .item-title01{width: 100%;float: none;}
	.item-topic01 .item-title01{margin-top: 15px;height: auto;padding-bottom: 0;}
	.item-list02 li{width: 100%;float: none;}
	.item-list02 li a{margin-right: 0;}
	.item-notice01 p{height: auto;}

}
@media screen and (max-width:380px){
	.Banner .slides_tills{display: none;}
	
}