@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */

.Banner {overflow: hidden;}
.Banner.currents{margin-top: 158px;}

.content{position: relative;z-index: 98}

.wrap_mode01{width: 100%;background: url(../images/content_bg1.png) no-repeat center left #f5f5f5;}

.mode{width: 1200px;margin:0px auto ;padding: 50px 0 0 0; clear: both;*overflow: hidden;}
.mode:after{content: '';clear: both;display: block;}
/*学院新闻*/
.mode01{}

.col{}
.lf{float: left;}
.rt{float: right;}

.articleList01{background: #fff;padding:30px 20px;overflow: hidden;}

.articleTitle{overflow: hidden;margin-bottom: 15px;}

.articleTitle h2.title01{background: url(../images/title01.png) no-repeat center left;}
.articleTitle h2.title02{background: url(../images/title02.png) no-repeat center left;margin-left: 20px;}
.articleTitle h2.title03{background: url(../images/title03.png) no-repeat center left;margin-left: 10px;}
.articleTitle h2.title04{background: url(../images/title04.png) no-repeat center left;color:#fff;text-shadow:0 2px 0px #333}
.articleTitle h2.title05{background: url(../images/title05.png) no-repeat center left;}
.articleTitle h2.title06{background: url(../images/title06.png) no-repeat center left;}
.articleTitle h2.title07{background: url(../images/title07.png) no-repeat center left;}
.articleTitle h2.title08{background: url(../images/title08.png) no-repeat center left;}
.articleTitle h2.title09{background: url(../images/title09.png) no-repeat center left;}
.articleTitle h2{color:#8c0f0c;font-size: 21px;padding-left: 10px;line-height: 24px;text-shadow:0 2px 0px #d1dede;padding-left: 32px;padding-top: 5px;padding-bottom: 5px;letter-spacing: 2px;}
.more{float: right;color:#757575;font-size: 12px;margin-top: 5px;transition:all 0.5s ease-in-out;font-weight: normal;}
.more:hover{color:#8c0f0c;font-weight: bold;}

.more02{color:#fff;}
.more02:hover{color:#e06a74;}

/*切换*/
.tabArticleList01{position: relative;background: #f5f5f5}
.tabListBox{overflow: hidden;margin: 0px auto 0;background: #fff;position: relative;z-index: 3;}

.tabMenu01{width:66.66%;height: auto;position: absolute;bottom: 0;right: 0; overflow: hidden; z-index:4;}
.tabMenu01 li{position: relative;transition:all 0.5s ease-in-out;float: left;width: 50%; *width: 49.99%;}
.tabMenu01 li h3{cursor: pointer;padding: 20px; display: block;text-align: left;transition:all 0.5s ease-in-out;background: #9f3c33;background: rgba(140,0,0,0.5);margin-right: 1px;margin-bottom: 1px;}

.tabMenu01 li h3 a{display: block;color:#fff;line-height: 24px;height: 48px;overflow: hidden;font-size: 16px;}
.tabMenu01 li.active{}
.tabMenu01 li.active h3{color:#8c0f0c;background: #a80401}
.tabMenu01 li:nth-child(3) h3,.tabMenu01 li:nth-child(4) h3{margin-bottom: 0;}
.tabMenu01 li:nth-child(2) h3,.tabMenu01 li:nth-child(4) h3{margin-right: 0;}

.tabList01{overflow:hidden;position: relative;z-index: 3;}
.tabList01 dd{display: none;transition:all 0.5s ease-in-out;}

.tabList01 .imgResponsive{padding-bottom: 49.35%;}

.lf,.rt{width: 49.25%;}
.mode02{padding-bottom: 35px;}

/*缤纷石大*/
.bfsdList{overflow: hidden;width: 101%;}
.bfsdList li{float: left;width: 49.9%;margin-bottom: 23px;}
.bfsdList li a{display: block;margin-right: 10px;transition:all 0.5s ease-in-out;}
.bfsdBox{border-top: 6px solid #8c0000;background: #fff;padding: 27px 18px;transition:all 0.5s ease-in-out;}
.bfsdBox h3{font-weight: normal;font-size: 14px;margin-bottom: 15px; height: 42px;line-height: 21px;overflow: hidden;}
.bfsdBox span{display: block;text-align: right;font-size: 14px;color:#8c0000;}


.bfsdList li a:hover .bfsdBox h3{color:#8c0000;}
.bfsdList li a:hover{box-shadow:0 2px 10px #999;}


/*文化视野*/
.whsyList{overflow: hidden;width: 101%;}
.whsyList li{float: left;width: 50%;*width: 49.99%;}
.whsyList li a{display: block;margin-right: 10px;}
.whsyList .imgResponsive{padding-bottom: 56.20%;}
.whsyInfo{background: #fff;padding: 40px 18px 18px 18px;position: relative;margin-bottom: 20px;transition:all 0.5s ease-in-out;}
.whsyInfo i{position: absolute;top:0;left: 50%;display: block;width: 0;    height: 0;    border-left: 28px solid transparent;    border-right: 28px solid transparent;    border-top: 28px solid #f5f5f5;margin-left: -28px;transition:all 0.5s ease-in-out;}
.whsyInfo h3{font-weight: normal;font-size: 14px;margin-bottom: 15px; height: 42px;line-height: 21px;overflow: hidden;}
.whsyInfo span{display: block;text-align: right;font-size: 14px;color:#999;}


.whsyList li a:hover .whsyInfo{}
.whsyList li a:hover .whsyInfo h3{color:#8c0000;}
.whsyList li a:hover{box-shadow:0 2px 10px #999;}



.wrap_mode03{background: url(../images/mode03_bg.jpg) no-repeat center top #750000;position: relative;}
.wrap_mode03_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;display: block; background: url(../images/mode03_bg1.png) repeat; background: rgba(117,0,0,0.9);z-index:2;}
.mode03{position: relative;z-index: 3;padding-bottom: 40px;padding-top: 30px;}


.EleganceBox .imgResponsive{padding-bottom:56%;}
.carousel{padding: 0 33px;}
.carousel .slides li{margin-right: 20px; border-bottom: 6px solid #8c0000;}
.carousel .flex-control-nav{display: none;}
.carousel .flex-direction-nav .flex-prev{left: -10px;}
.carousel .flex-direction-nav .flex-next{right: -10px;}

.Padding{background: #fff;padding: 20px;}

.wrap_mode04{background: url(../images/content_bg2.png) no-repeat center right #f5f5f5;width: 100%;overflow: hidden;}
.mode04{}

.FluxayList{overflow: hidden;width: 101%;}
.FluxayList li{float: left;width: 50%;*width: 50%;}
.FluxayList1 li{ width: 25%; *width: 50%; }
.FluxayList li a{display: block;margin-right: 6px;}
.Fluxay h3{font-size: 16px;height: 44px;line-height: 22px;overflow: hidden;font-weight: normal;margin-top: 10px;margin-bottom: 10px;margin-right: 20px;}

.alumniList{overflow: hidden;width: 103%;padding-bottom: 55px;}
.alumniList li{width: 33.3%;float: left;}
.alumniList li a{display: block;margin-right: 30px;}
.alumni{}
.alumniImg{position: relative;}
.alumniImg b{background: url(../images/alumni_bg.png) repeat ;display: block; position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index:2;opacity: 0;filter:opacity=0;transition:all 0.5s ease-in-out;}
.alumniImg i{position: absolute;bottom:0;left: 40px;display: block;width: 0;    height: 0; z-index: 3;   border-left: 40px solid transparent;    border-right: 40px solid transparent;    border-bottom: 35px solid #fff;transition:all 0.5s ease-in-out;}
.alumniInfo{background: #fff;padding: 20px;}
.alumniInfo h3{font-size: 16px;color:#646464;font-weight: bold;height: 24px;line-height: 24px;overflow: hidden;margin-bottom: 15px;transition:all 0.5s ease-in-out;}
.alumniInfo p{font-size: 14px;line-height:21px;height: 84px;overflow: hidden;color:#656565;margin-bottom: 15px;text-indent: 2em; }
.alumniInfo span{display: block;text-align: right;color:#656565;}

.alumniList li.even .alumniImg i{bottom: auto;top:0; border-top: 35px solid #fff;border-bottom: none;}
.alumniList li a:hover .alumniImg b{opacity: 1;filter:opacity=100;}
.alumniList li a:hover .alumniInfo h3{color:#8c0000;}
.alumniList li a:hover{box-shadow:0 2px 10px #aaa;}


.mode05{padding-top: 40px;}

.noteList{overflow: hidden;}
.noteList li{border-bottom: 8px solid #f5f5f5;margin-bottom: 15px;padding-bottom: 14px;}
.noteList li a{font-size: 14px;display: block;margin-bottom: 20px;height: 40px;overflow: hidden;}
.noteList li span{display:block;text-align: right;color:#8c0000;}




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

	.mode{width: 1000px;}
	.bfsdBox{padding: 20px 14px;}
	.whsyInfo {    padding: 40px 10px 18px 11px;}
	 .noteList li{padding-bottom: 8px;}

	
}

@media screen  and (max-width:1100px) {
    .mode{width: auto;padding:30px 20px 20px 20px;}
    .mode02,.mode05,.mode06{padding-top: 0px;}
    .articleTitle h2{font-size: 20px;}
    .articleList01{padding: 20px;}



	
	

 }




@media screen  and (max-width:992px) { 
   .tabMenu01 li h3 a{font-size: 14px;height: 40px;line-height: 20px;}
    .tabMenu01 li h3{padding: 15px;}
    .lf{float: none;width: 100%;}
    .rt{float: none;width: 100%;margin-top: 20px;}
    .bfsdBox h3,.whsyInfo h3{height: 21px;}
	.Fluxay h3{font-size: 14px;height: 21px;}
	.Fluxay span{font-size: 12px;}
	.alumniList{width: 101%;}
	.alumniList li a{margin-right: 10px;}
	.alumniInfo h3{font-size: 14px;height: 40px;line-height: 20px;margin-bottom: 10px;}
	.alumniInfo p{font-size: 12px;line-height: 20px;height: 80px;}
	.alumniInfo span{font-size: 12px;}
	.alumniImg i {border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 18px solid #fff;}
	.alumniList li.even .alumniImg i {border-top: 18px solid #fff;}
.FluxayList1 li { width: 50%; }

}

@media screen and (max-width:767px) {
	 .articleTitle h2{font-size: 18px;}
	 .tabMenu01{position: relative;width: 100%;}
	.tabMenu01 li{display: none;}
	.tabMenu01 li:first-child{display: block;width: 100%;}
	.tabMenu01 li h3 {margin-right: 0;margin-bottom: 0;	}
	.tabMenu01 li h3 a{height: auto;}

 }


@media screen and (max-width:640px){
	.bfsdBox h3,.whsyInfo h3{height:42px;}
	.alumniList li{width: 100%;float: none;margin-bottom: 20px;}
	.alumniList {width: 100%;}
	.alumniList li a{margin-right: 0;}
	.alumniInfo h3{height: auto;}
	.alumniInfo p{height: auto;margin-bottom: 10px;}
	.noteList li a{margin-bottom: 10px;}
}
	

@media screen and (max-width:480px){
	.tabMenu01 li{width: 100%;float: none;}
	.tabMenu01 li h3{margin-right: 0;}
	.tabMenu01 li h3 a{height: 20px;}
	.bfsdList li,.whsyList li{width: 100%;float: none;}
	.bfsdList ,.whsyList,.FluxayList{width: 100%;}
	.bfsdList li a,.whsyList li a{margin-right: 0;}
	.bfsdBox h3,.whsyInfo h3{height:auto;margin-bottom: 10px;}
	.bfsdBox{padding: 16px 14px;}
	.FluxayList li{float: none;margin-bottom: 20px;width: 100%;}
	.Fluxay h3{height: auto;line-height: 20px;margin-right: 0;}
	.FluxayList li a{margin-right: 0;}
	.FluxayList li:last-child,.alumniList li:last-child{margin-bottom: 0;}



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