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


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; clear: both; position: relative; }
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul.slides li{ list-style:none; position: relative;}
.Banner .flexslider ul.slides li a{ display:block; height:0; padding-bottom:26.1%; overflow:hidden;}
.Banner .flexslider ul.slides li img{ border:none; width:100%;}
.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; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav { display: none; width:auto; height: 17px; line-height: 17px; padding: 0 14px; background: #fff; border-radius: 15px; position: absolute; bottom:20px; left:22%;text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 5px; height: 5px; display: block; background:#eb7f87; border: #fff 2px solid; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#d7000f; border: #d7000f 2px solid;}
.Banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.Banner .slides h4 a:hover{color:#fff;font-size:14px;}
.Banner .flexslider ul li .til_slides{position:absolute; bottom:7%; left:20%; color:#fff;z-index:999; background: url(../images/banner_bg.png) repeat; 
  padding: 17px 19px; font-size:2.2em; color:#fff;}


.Banner .flex-direction-nav{ display:block; margin-top: -13px;}
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:40px;height:40px; text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;
transition: all 0.5s ease; }
.Banner .flex-direction-nav a.flex-prev{ background:url(../images/prev.png) no-repeat center; left:50px; top: 50%; margin-top: -36px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; right:50px; top: 50%; margin-top: -36px;}
.Banner .flex-direction-nav a:hover{opacity: 0.7;}


.Banner .flexslider ul.slides li .coverBg{ display: block;width: 100%; height: 165px; position: absolute;left: 0; top: 0; z-index: 1;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); /* 标准的语法 */
  *background: url(../images/coverbg.png) repeat-x; background: url(../images/coverbg.png) repeat-x\9;background: url(../images/coverbg.png) repeat-x\0;  
}



.content{position: relative;top: -40px;overflow: hidden;}
.mode01{max-width:1200px; margin:0 auto; padding: 33px 42px; background: #fafafa; }
.mode01 .lf{ width: 40%; float: left; overflow:hidden;}
.mode01 .rt{ width: 58.6%; float: right;overflow:hidden;}


.articleTitle01{ height: 28px; line-height: 28px; border-bottom: #eeeeee 2px solid; padding-bottom: 10px; margin-bottom: 20px; overflow: hidden;}
.articleTitle01 .title{ font-weight:bold; font-size: 2.2em; color: #6f2d6f;}
.articleTitle01 .more{float: right; }
.articleTitle01 .more a{font-size: 1.4em;color: #999999; }
.articleTitle01.mbTitle{ display: none; }
 


/*校友动态*/
.articleList01{ overflow: hidden; }
.articleFirst{ overflow: hidden; }
.articleFirst .imgResponsive{ display: block; /*! width: 480px; */ /*! height: 270px; */ float: left; /*! padding-bottom: 0; */ }
.articleFirst a{ display: block; height: 0;padding-bottom: 56.5%;overflow: hidden;position: relative;}
.articleFirst a .imgResponsive img{ transition: all 0.3s ease; }
.articleFirst a:hover img{ transform: scale(1.1); }

.articleFirst .artText{ display: block; background: url(../images/textbg.png) repeat-x;  height:130px;position: absolute;left: 0;bottom: 0;width: 100%;}
.articleFirst .artText h3{ display: block; font-size: 1.6em; font-weight: normal; height: 48px; line-height: 24px;color: #fff;overflow: hidden;margin: 62px 20px 20px 20px;}

 
.articleList01 ul{ margin-top: -20px; overflow: hidden; }
.articleList01 ul li{ border-bottom: #eeeeee 1px solid; overflow: hidden; }
.articleList01 ul li a{ display: block; margin: 13px 0;height: 30px;line-height: 30px;overflow: hidden;}
.articleList01 ul li .artText{ font-size: 1.6em; background: url(../images/libg.png) no-repeat left center; padding-left: 15px; transition: all 0.3s ease;}
.articleList01 ul li .rightDate{ float: right; font-size: 1.2em; color: #999999; }
.articleList01 ul li a:hover .artText{ padding-left: 22px; }


/*通知公告*/
.mode02{ max-width: 1200px; margin: 0 auto;overflow: hidden; }
.articleList02{}
.articleList02 ul{ margin: 0 -20px; overflow: hidden; }
.articleList02 ul li{ float: left; width: 33.3%; }
.articleList02 ul li a{ display: block; margin: 0 20px; border-left: #eeeeee 10px solid; padding-left: 10px; transition: all 0.3s ease;}
.articleList02 ul li .artTitle{ font-size: 1.6em; display: block; height: 24px; line-height: 24px; overflow: hidden; }
.articleList02 ul li .artText{ font-size: 1.4em; color: #999; display: block; height: 66px; line-height: 22px; margin: 8px 0; overflow: hidden; }
.articleList02 ul li .rightDate{ font-size: 1.4em; color: #999; background: url(../images/datebg.png) no-repeat left center; padding-left: 25px;}
.articleList02 ul li a:hover{ border-left:#6f2d6f 10px solid; padding-left: 15px; }

 

/*历史沿革*/
.wrapMode03{ background: url(../images/modebg03.jpg) repeat center; margin: 40px auto; overflow: hidden;}
.mode03{ max-width: 1200px; margin: 35px auto 40px auto; overflow: hidden; }
.articleTitle02{ text-align: center; overflow: hidden;height: 30px;line-height: 30px;margin-bottom: 18px;}
.articleTitle02 .title{ font-weight:bold; font-size: 2.2em; color: #fff;}

.articleList03{ position: relative; }
.articleList03 .line{width: 100%; height: 1px; background: #135a3c; position: absolute; left: 0; bottom: 63px;z-index: 0;}
.articleList03 ul{ margin: 0 -9px; position: relative;}
.articleList03 ul li{ width: 16.6%; *width: 16.3%; float: left;}
.articleList03 ul li a{ display: block; margin: 0 9px; }
.articleList03 ul li .imgResponsive{padding-bottom: 56%; transition: all 0.3s ease;}
.articleList03 ul li .artText{ display: block;font-size: 1.2em; color: #666; line-height: 20px; background: #fff; padding: 14px 14px 60px 14px; }
.articleList03 ul li .artText p{ display: block; height: 120px; overflow: hidden; }
.articleList03 ul li .artTitle{ display: block; font-size: 1.4em; color: #fff; text-align: center; height: 74px; line-height:22px;}
.articleList03 ul li .artTitle strong{ display: block; width: 20px; height: 20px; background: url(../images/datebg2.png) no-repeat center #166644;
border-radius: 50%; margin: 18px auto 10px auto; 
position: relative;
z-index: 1;
}
.articleList03 ul li a .imgResponsive img{ transition: all 0.3s ease; }
.articleList03 ul li a:hover .imgResponsive img{ transform: scale(1.1); }
.articleList03 ul li a:hover .imgResponsive{ margin-top: -7px; }



/*校友风采*/
.mode04{ max-width: 1200px; margin: 30px auto;overflow: hidden; }
.mode04 .lf{ width: 48.5%; float: right; }
.mode04 .rt{ width: 48.5%; float: left; } 
  
.articleList04 ul { margin:-10px; overflow: hidden; }
.articleList04 ul li{ width: 50%; *width: 49.8%; float: left;}
.articleList04 ul li a{ display: block; margin: 10px; }
.articleList04 a{ display: block; position: relative;}
.articleList04 .imgResponsive{ padding-bottom: 56.3%; }
.articleList04 .artTitle{ font-size: 1.2em; display: inline-block; height: 24px; line-height: 24px; background: rgba(0,0,0,0.5); *background: #55554f; background:#55554f \0; color: #fff;
padding: 0 10px; border-radius: 15px; overflow: hidden; position: absolute; left: 18px; top: 15px;z-index: 9;}
.articleList04 .artText{ display: block; font-size: 1.6em;height: 48px; line-height: 24px; margin: 10px 20px; overflow: hidden;}
.articleList04 a .imgResponsive img{ transition: all 0.3s ease; }
.articleList04 a:hover .imgResponsive img{ transform: scale(1.1); }





@media screen  and (max-width:1400px) {
     .mode01{ max-width: 940px; padding: 20px 14px 33px 14px; }
     .mode02,.mode03,.mode04{ max-width: 940px; padding-left: 15px; padding-right: 15px;}
     .articleList01 ul li a{ margin: 6px 0; }
     
 }

@media screen  and (max-width:992px) { 
	.Banner .flexslider ul.slides li .coverBg{ display: none; }
    .mode03{ margin: 35px auto 20px auto;}
    .articleList03 ul li{ width: 33.2%; }
    .articleList03 ul li a{ margin: 9px; }
    .articleList03 ul li a:hover .imgResponsive{ margin-top: 0; }
    .articleList03 ul li .artText{ padding: 14px; }
    .articleList03 ul li .artText p{ height: 80px; }


}


@media screen and (max-width:767px) {
	.mode01{ padding: 20px 14px; }
	.Banner .flex-direction-nav a{ display: none; }
	.content{ position: static;top: 0; }
	.articleTitle01,.articleTitle02{ height: 22px; line-height: 22px; margin-bottom: 15px;}
	.articleTitle01 .title,.articleTitle02 .title{ font-size: 1.6em; }
	.articleList01 ul li .artText,.articleList02 ul li .artTitle,.articleFirst .artText h3{ font-size: 1.4em; }
	.articleTitle01 .more a,.articleList02 ul li .artText,.articleList02 ul li .rightDate{ font-size: 1.2em;}
	.articleList02 ul li .artTitle,.articleList02 ul li .artText{ height: auto; } 
	.articleList02 ul li .artText{ margin: 5px 0; }
	.articleList01 ul li a{ margin: 2px 0; }
    .articleList02 ul li{ width: auto; float: none; margin-bottom: 20px; }
    .wrapMode03{ margin: 20px auto; }
    .mode03{ margin: 20px auto; }
    .articleList04 .artText{ font-size: 1.2em; height: 40px; line-height: 20px; margin: 6px 0;} 
    .mode04{ margin: 0 auto 20px auto; }
    .articleList03 ul li{ width: 32.8%; float: none; display: inline-block; vertical-align: top; }


 }

@media screen and (max-width:640px) {
    .mode01 .lf,.mode01 .rt,.mode04 .lf,.mode04 .rt{ width: auto; float: none; }
    .mode04 .lf{ margin-top: 10px; }
    .articleFirst .artText h3{ margin: 66px 20px 15px 20px; }
    .articleTitle01.mbTitle{ display: block; margin-bottom: 15px; }
    .articleList01 .articleTitle01{ display: none; }
    .articleList01 ul{ margin-top: 0; }
    .articleList01 ul li a{ margin: 7px 0; }
    .articleList03 ul li{ width: 49.4%; }
    .articleList03 ul li .artTitle{ height: auto; } 
 
}

@media screen and (max-width:480px) {
	.articleList04 ul li{ width: auto; float: none; }
    .articleList04 .artText{ height: auto; }

}

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

}