@charset "utf-8";
/* CSS Document */
.slides_img{height:0;padding-bottom: 33%;display: block;}
.wrapLink{ position:fixed; top:20%; right:0; z-index:99;}
.wrapLink ul li a{ display:block; width:86px; height:45px; padding:8px; text-align:center; background:#c60f1a; color:#fff; font-size:12px; border-radius:10px 0 0 10px; margin-bottom:10px;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;}
.wrapLink ul li a:hover{ background:#9e0b14;}
.wrapLink ul li a span{ font-size:18px; color:#fff; display:block;}

.pc_lf{ display:block; width:9%; position:fixed; top:60%; left:0; z-index:99;}
.pc_rt{ display:block; width:9%; position:fixed; top:60%; right:0; z-index:99;}

/*FlexSlider默认样式*/
.BannerWrap{ position:relative; z-index:1; overflow:hidden; clear:both;}
.BannerWrap .Banner{ overflow:hidden;}
.BannerWrap .Banner .flexslider { position: relative; zoom: 1; overflow:hidden;}
.BannerWrap .Banner .flexslider ul li{ position:relative; list-style:none; overflow:hidden;}
.BannerWrap .Banner .flexslider ul li img{ display:block; border:none; width:100%;}
.BannerWrap .Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.BannerWrap .Banner .loading .flex-viewport { max-height: 300px; }
.BannerWrap .Banner .flexslider .slides { zoom: 1; padding:0;}
.BannerWrap .Banner .carousel li { margin-right: 5px; }
.BannerWrap .Banner .flexslider ul li.flex-active-slide{ /*transition:transform 5000ms linear 0s;
 -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);*/
}



/*icon小点*/
.Banner .flex-control-nav {position: absolute; bottom:22px; left:5%;text-align:center;z-index:999;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width:12px; height:12px; display: block;background:#79848e; border-radius:50%; cursor: pointer; text-indent:-9999px;}
.Banner .flex-control-paging li a:hover {background:#fff; }
.Banner .flex-control-paging li a.flex-active {background:#fff; color:#fff;}


.BannerWrap .flex-direction-nav{ display:none;}
.BannerWrap .flex-direction-nav {position: absolute;right:0;bottom:0;z-index: 1002}
.BannerWrap .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.BannerWrap .flex-direction-nav a{ width: 40px;height: 40px;display: inline-block;*display: inline;*zoom:1;  vertical-align: middle;margin-right: 2px;position: relative;transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);text-indent: -999em;cursor: pointer;overflow: hidden;}

.BannerWrap .flex-direction-nav a.flex-prev{ background:#d7000f;}
.BannerWrap .flex-direction-nav a.flex-next{ background:#005aa1;}
.BannerWrap .flex-direction-nav a:before{ content: '';width: 12px;height: 12px;border: 0px;border-top: solid 2px #fff; border-right: solid 2px #fff;-webkit-transform:rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg); position: absolute;transition: all 0.3s ease;top: 0;bottom: 0;left: 4px;right: 0;margin: auto;}
.BannerWrap .flex-direction-nav a.flex-next:before{content: ''; -webkit-transform:rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);left: 0;right: 4px;}
.BannerWrap .flex-direction-nav a:hover{background-color: #666;}
.BannerWrap .flex-direction-nav a:hover:before{border-color:#fff;}





.content{ width:100%; max-width:1920px;overflow:hidden;}
/*学校介绍*/
.mode01{ width:100%;background:url(../images/modebg01.png) no-repeat center; padding:9% 0; overflow:hidden;}
.articleList01{ max-width:1200px; margin:0 auto;}
.articleTitle01 { margin-bottom:3%;}
.articleTitle01 h2{ font-size:3.2em; color:#000; text-align:center;}

/*tab start*/
.articleList01 .tabArticleList{ position:relative;}

.articleList01 .tabArticleList .tabListTitle{ width:56%; margin:0 auto 3% auto; overflow:hidden;}
.articleList01 .tabArticleList .tab_menu h3{ width:20%;  height:40px;line-height:40px; float:left; margin:0 2%;}
.articleList01 .tabArticleList .tab_menu h3 a{ display:block; width:100%; height:38px; text-align:center; line-height:38px; float:left;font-size:1.8em; cursor:pointer; color:#c60f1a; font-weight:normal; border:#c60f1a 1px solid;}
.articleList01 .tabArticleList .tab_menu h3:hover,.articleList01 .tabArticleList .tab_menu h3.on{display:block;height:40px; line-height:40px; float:left;}
.articleList01 .tabArticleList .tab_menu h3:hover a,.articleList01 .tabArticleList .tab_menu h3.on a{display:block; background:#c60f1a;color:#fff; height:40px; text-align:center; line-height:40px; font-weight:normal;}
.articleList01 .tabArticleList .more_tab{ display: none;}
.articleList01 .tabArticleList .tabListTitle .more{ float:right; padding-top:10px;}

.articleList01 .tabArticleList .tabList{position:relative;}
.articleList01 .tabArticleList .tabListBox .more{ position:absolute; right:0; top:-52px; font-size:18px;}
.articleList01 .tabArticleList .tabListBox{ display:none;}
/*tab end*/

.articleCon{ background:#fff; overflow:hidden;}
.articleCon .lf{ width:40%; padding:25px; float:left; }
.articleCon .rt{ width:51%; float:right;}

.articleCon .lf h2{ font-size:1.8em; color:#333; display:inline-block; border-bottom:#c60f1a 2px solid; padding:0 0 20px 0;}
.articleCon .lf p{ font-size:1.4em; line-height:30px; padding:15px 0;}


/*机构设置*/
.mode02{ width:100%;background:url(../images/modebg02.png) no-repeat center #010b19; padding:9% 0 12% 0; overflow:hidden;}
.articleList02{ max-width:1090px; margin:0 auto; overflow:hidden;}
.articleTitle02{ margin-bottom:5%;}
.articleTitle02 h2{ font-size:3.2em; color:#fff; text-align:center;}

.articleList02 ul{ position:relative; height:0; padding-bottom:37%;}
.articleList02 ul li{ float:left; width:23%; position:absolute;}
.articleList02 ul li.li01{ left:0;top:0;}
.articleList02 ul li.li02{ left:140px;top:140px;}
.articleList02 ul li.li03{ left:278px;top:0;}
.articleList02 ul li.li04{ left:415px;top:140px;}
.articleList02 ul li.li05{ left:552px;top:0;}
.articleList02 ul li.li06{ left:690px;top:140px;}
.articleList02 ul li.li07{ left:827px;top:0;}


/*校园新闻*/
.mode03{width:100%;background:url(../images/modebg03.png) no-repeat center; padding:9% 0 10% 0; overflow:hidden;}
.articleList03 { max-width:1200px; margin:0 auto; overflow:hidden;}
.articleTitle03{ margin-bottom:5%;}
.articleTitle03 h2{ font-size:3.2em; color:#c60f1a; text-align:center;}

.articleCon02{ overflow:hidden;}
.articleCon02 .lf{ width:68.4%; float:left;}
.articleCon02 .rt{ width:30%; float:right;}
.picList{ overflow:hidden;}
.picList li{ width:48%;float:left;position:relative; margin-right:3%;} 
.picList li:last-child{ margin-right:0;}
.picList li img{width:100%;display:block;}

.picList li span{display:block;z-index:1; position:relative;}
.picList li span font{ display:block; width:95.9%; padding:8px; font-size:2.0em; color:#fff; position:absolute; left:0; bottom:0;background:url(../images/cover_bg.png) repeat;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.picList li:hover span font{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition: all 1s ease 0s;}



.picList .item_cover{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition: all 1s ease 0s;width:100%;height:100%;z-index:22;position:absolute;left:0;bottom:0;background:url(../images/cover_bg.png) repeat;background-size:95% 95%;}

.picList .item_cover a{ display:block; height:0;margin:10px; padding:10px 10px 67% 10px; border:#c60f1a 1px solid; overflow:hidden;}
.picList .item_cover h2{ font-weight:normal;color:#fff;font-size:2.0em; margin-bottom:10px;}
.picList .item_cover font{font-size:1.2em; color:#fff; display:inline-block; border-top:#fff 1px solid; padding:15px 0;}
.picList .item_cover p{ font-size:1.4em; color:#fff; line-height:25px;}
.picList .item_cover strong{ font-size:1.2em; color:#fff; font-weight:normal; display:inline-block; margin-top:20px;}

.picList li:hover .item_cover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;transition: all 1s ease 0s;}

.articleList03 .rt ul li:first-child{ border-top:#c1c1c1 1px solid;}
.articleList03 .rt ul li{ border-bottom:#c1c1c1 1px solid; padding:10px 0; height:38px; overflow:hidden;}
.articleList03 .rt ul li a{ display:block; height:22px; line-height:22px; overflow:hidden; font-size:1.4em;}
.articleList03 .rt ul li span{ display:block; font-size:1.2em;}

.readMore a{ display:block; width:100px; height:30px; text-align:center; line-height:30px; background:#c60f1a; color:#fff; font-size:1.4em; margin:5% auto;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;}
.readMore a:hover{ background:#9e0b14;}


/*党建工作（两学一做）*/
.mode04{width:100%;background:url(../images/modebg04.png) no-repeat center; padding:9% 0 8% 0; overflow:hidden;}
.articleList04 { max-width:1200px; margin:0 auto; overflow:hidden;}

.articleList04 .lf{ width:33.3%; float:left;}
.articleList04 .md{ width:33.3%; float:left;}
.articleList04 .rt{ width:33.3%; float:left;}
.articleList04 .lf .articleLink,.articleList04 .rt .articleLink{ background:#fff; overflow:hidden;}

.articleLink span{ display:block; text-align:center;}
.articleLink span > img{ display:block;}
.articleLink span a{ display:block; padding:22% 0;}
.articleList04 .lf .articleLink span h2,.articleList04 .rt .articleLink span h2{ color:#c60f1a; font-size:2.0em; margin-bottom:5%;}
.articleList04 .lf .articleLink span p,.articleList04 .rt .articleLink span p{ font-size:1.4em;}

.articleList04 .md .articleLink{ background:#c60f1a; overflow:hidden;}
.articleList04 .md .articleLink span h2{ color:#fff; font-size:2.0em; margin-bottom:5%;}
.articleList04 .md .articleLink span p{ font-size:1.4em; color:#fff;}


/*学生工作*/
.mode05{ width:100%;background:url(../images/modebg05.png) no-repeat center; padding:9% 0; overflow:hidden;}
.articleList05{ max-width:1200px; margin:0 auto;}

/*tab start*/
.articleList05 .tabArticleList{ width:100%; position:relative;}

.articleList05 .tabArticleList .tabListTitle{margin:0 auto 3% auto; overflow:hidden;}
.articleList05 .tabArticleList .tab_menu .more a{ color:#ABAAAB;}
.articleList05 .tabArticleList .tab_menu .more a:hover{ color:#D54C48;}
.articleList05 .tabArticleList .tab_menu h3{ width:20%; height:40px;line-height:40px; float:left; margin-right:4%;}
.articleList05 .tabArticleList .tab_menu h3 a{ display:block; width:100%; height:38px; text-align:center; line-height:38px; float:left;font-size:1.8em; cursor:pointer; color:#c60f1a; font-weight:normal; border:#c60f1a 1px solid;}
.articleList05 .tabArticleList .tab_menu h3:hover,.articleList05 .tabArticleList .tab_menu h3.on{display:block;height:40px; line-height:40px; float:left;}
.articleList05 .tabArticleList .tab_menu h3:hover a,.articleList05 .tabArticleList .tab_menu h3.on a{display:block; background:#c60f1a;color:#fff; height:40px; text-align:center; line-height:40px; font-weight:normal;}
.articleList05 .tabArticleList .more_tab{ display: none;}
.articleList05 .tabArticleList .tabListTitle .more{ float:right; padding-top:10px;}

.articleList05 .tabArticleList .tabList{position:relative;}
.articleList05 .tabArticleList .tabListBox .more{ position:absolute; right:0; top:-52px; font-size:18px;}
.articleList05 .tabArticleList .tabListBox{ display:none;}
/*tab end*/

.articleCon03 ul li{ border-bottom:#c1c1c1 1px solid; margin-bottom:15px; overflow:hidden;}
.articleCon03 ul li a { color:#c60f1a; font-size:1.6em;}
.articleCon03 ul li a:hover{ font-weight:bold;}
.articleCon03 ul li p{ font-size:1.4em; padding:15px 0;}
.articleCon03 .readMore a{ margin:0;}


/*品牌建设*/
.mode06{width:100%;background:url(../images/modebg06.png) no-repeat center; padding:9% 0 8% 0; overflow:hidden;}
.articleList06 { max-width:1200px; margin:0 auto; overflow:hidden;}

.articleList06 .lf{ width:31.7%; float:left;}
.articleList06 .rt{ width:68.3%; float:right; }
.articleList06 .lf .articleLink02{ background:#111111; overflow:hidden;}

.articleLink02 span.artImg{ display:block; padding:1px; text-align:center;}
.articleLink02 span.artImg img{ width:100%;}
.articleLink02 span.artTxt{ padding:15px; display:block;}
.articleLink02 span h2{ color:#c60f1a; font-size:1.8em;}
.articleLink02 span font{ width:100px; height:1px; background:#c60f1a; display:block; margin:10px 0;}
.articleLink02 span p{ font-size:1.4em; color:#666666; line-height:25px;}


.articleLink03 ul li{ background: #111111; width:42%; padding:0 2% 3% 2%; padding:15px;  float:left;  height:0; padding-bottom:22.2%; }
.articleLink03 ul li:first-child { background: #272727; }
.articleLink03 ul li:last-child { background: #272727; }
.articleLink03 span.artImg{ display:block; padding:1px; float:right; width:35%; border-radius:50%;}
.articleLink03 span.artImg img{ border-radius:50%; width:100%;}
.articleLink03 span.artTxt{display:block; float:left; width:57%;}
.articleLink03 span h2{ color:#c60f1a; font-size:1.8em;}
.articleLink03 span font{ width:100px; height:1px; background:#c60f1a; display:block; margin:10px 0;}
.articleLink03 span p{ font-size:1.4em; color:#666666; line-height:25px;}






@media screen  and (max-width:1200px) {
	.pc_lf{ top:65%; }
    .pc_rt{ top:65%;}

    .tabArticleList .tabListTitle{ width:100% !important;}

 }

 

@media screen  and (max-width:800px) {
	.articleList01,.articleList02,.articleList03,.articleList05,.articleList06{ padding:0 20px;}
	.articleTitle01 h2,.articleTitle02 h2,.articleTitle03 h2{ font-size:2.6em;}
	
	 .tabArticleList .tab_menu h3{ margin:0 !important;}
	 .tabArticleList .tab_menu h3 a{ font-size:1.6em !important;}
	 
	 .articleList02 ul li{ position:static;}
	 
	
    .articleCon02 .lf,.articleCon02 .rt{ width:100%;}
	.articleList03 .rt ul li{ width:48%; float:left; margin:0 1%;}
    
	.articleList03 .rt ul li:first-child{ border-top:none;}
	.articleLink span a{ padding:19% 0;}
    .articleList05 .tabArticleList{ width:100%;}
	.articleList06 .lf{ width:45%;}
	.articleList06 .rt{ width:53%;}
	.articleLink03 ul li{ width:auto; padding-bottom:33%;}
	
	.footer{ padding:1.5%;}
	.footer span{ display:block; line-height:25px;}
	.footer span a{ float:none; line-height:25px;}
	
	
}
@media screen  and (max-width:670px) {
	.tabArticleList .tab_menu h3,.tabArticleList .tab_menu h3 a,.tabArticleList .tab_menu h3:hover,.tabArticleList .tab_menu h3.on,.tabArticleList .tab_menu h3:hover a, .tabArticleList .tab_menu h3.on a{  }
	}



@media screen and (max-width:640px) {
	.articleTitle01 h2{ font-size:2.4em;}
    .articleCon .lf,.articleCon .rt{ width:auto;}
	.mode02{ padding-bottom:4%;}
	.articleList02 ul li{ width:42%; margin:0 4%;}
	.picList .item_cover p{ display:none;}
	.picList li span font{ width:94.5%;font-size:1.6em;}
	.picList .item_cover h2{ font-size:1.6em;}
	.articleList03 .rt ul li{ width:100%; margin:0;}
	.articleList04 .lf,.articleList04 .md,.articleList04 .rt{ float:none; width:100%; overflow:hidden;}

    .articleLink span{ display:inline-block; width:50%; float:left; overflow:hidden;}
	
	.mode06{ background:none;}
	.articleList06 .articleTitle02 h2{ color:#333;}
	.articleLink03 ul li{ margin:0; padding-left:5%; padding-right:5%; border-bottom:#ccc 1px solid;}
	.articleLink02 span.artTxt{ padding:5%;}
	.articleList06 .lf,.articleList06 .rt{ width:100%;}
	.articleLink02 span h2,.articleLink03 span h2,.articleCon .lf h2{ font-size:1.5em;}
	.articleLink02 span p,.articleLink03 span p{ font-size:1.2em;}
	
	.wrapLink{ display:none;}

 }

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

@media screen and (max-width:480px) {
    .tabArticleList .tab_menu h3{ margin:0 auto;}
	.tabArticleList .tab_menu h3 a{ font-size:1.6em;}
		.tabArticleList .tab_menu h3,.tabArticleList .tab_menu h3 a,.tabArticleList .tab_menu h3:hover,.tabArticleList .tab_menu h3.on,.tabArticleList .tab_menu h3:hover a, .tabArticleList .tab_menu h3.on a{  }
   
   .picList li{ width:100%; margin-right:0; margin-bottom:3%;}
   .articleLink span a{ padding:15% 0;}
    .articleList04 .md .articleLink span h2,.articleList04 .lf .articleLink span h2, .articleList04 .rt .articleLink span h2{ font-size:1.6em;}
   .articleTitle01 h2,.articleTitle02 h2,.articleTitle03 h2{ font-size:2.0em;}
}

@media screen and (max-width:460px) {
       .tabArticleList .tab_menu h3{ width:49% !important;}
}


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

}