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

.sub_header{ width:100%; height:99px; background:url(../images/sub_header_bg.png) repeat-x; box-shadow: 0px 0px 10px -2px;}
.sub_header.current .logo{transition: width 0.3s ease 0s;-webkit-transition: width 0.3s ease 0s;-moz-transition: width 0.3s ease 0s;width:220px;height:121px; padding:0;}


.sub_header .topWrap{ height:99px;}
.sub_header .topWrap .top{ height:53px;}
.sub_header .topWrap .top ul li{ height:53px; line-height:53px;}
.sub_header .logo{ width:250px; height:135px; padding:0; background:none; margin-left:-27px; } 

.sub_header .ser{left:255px; top:10px;line-height:30px; background-color:#fff;z-index:9999994; }


.sub_header .topWrap .nav{ box-shadow:none;}
.sub_header .topWrap .nav ul li{ background:none; border:none;}
.sub_header .nav ul li.on{background:none;background-color:#990000;color:#fff;}
.sub_header .nav ul li.on a{color:#fff;font-weight:bold;}
.sub_header .nav ul li.on .subNav {display:block;animation:rotate 400ms;-webkit-animation:rotate 400ms;-moz-animation:rotate 400ms;}
.sub_header .nav ul li.on .subNav dl{overflow:hidden;padding-top:1px;}
.sub_header .nav ul li.on .subNav dl dd{height:auto;line-height:18px;text-align:center;}
.sub_header .nav ul li.on .subNav dl dd a{ font-size:1.4em;line-height:18px; font-weight:normal; color:#fff;padding:8px 5px 8px 5px;}
.sub_header .nav ul li.on .subNav.smallWidth dl dd a{}
.sub_header .nav ul li.on .subNav dl dd a:hover{ color:#990000;font-weight:bold;background-color:#f0f0f0}

.sub_banner{ margin:0 auto; height: 0; padding-bottom:20.8%; overflow: hidden;}
.sub_banner img{ display: block; }
.subPage{position:relative;}
.sub_top{width:100%; overflow:hidden;}

.sub_title02{ background:#fafafa; padding:6% 0;}
.sub_title02 h3 i{ color:#990000; font-size:26px; display:block; padding-bottom:20px;}
.sub_title02 span i{ font-family:'Georgia'; font-size:22px; color:#66887e;}
.sub_title02 .list_info{ background:#fafafa;}
.sub_title{ width: 100%; overflow:hidden;height:44px;font-size:24px;float:left;color:#fff;font-weight: bold; padding: 0 20px; position: relative;}
.sub_title:before{ content: ""; display: block; width: 4px; height: 24px; background: #fff; overflow: hidden; position: absolute; left: 0; top: 5px;}

.bread{width:auto;height:156px; margin-top: -155px; background: url(../images/breadbg.png) repeat-x; font-size:14px; }
.bread span{display: block; max-width: 1200px; margin: 0 auto; text-align: right; font-weight:normal;color:#f0f5f4; padding-top: 120px; font-size: 12px;}
.bread span a{color:#f0f5f4;}
.bread a:hover{color:#a1c5bc;}
.sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; }
.sub_mbtn.open{ background: url(../images/open.png) no-repeat right 20px center; background-color:#c7dcea;}

.sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; }
.sub_mbtn{width:100%;height:40px;background:url(../images/sub-mbtn02.png) no-repeat right 20px center;background-color:#d8e5ee;cursor:pointer;display:none;}
.sub_mbtn span{ font-size: 1.4em; font-weight: bold; display:inline-block; line-height: 40px; padding-left: 20px;}

.sub_navm{ width:100%; overflow: hidden;display: none;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.sub_navm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.sub_navm ul{ background:#d8e5ee; }
.sub_navm li{position:relative;}
.sub_navm li a{ font-size: 13px; color:#282828; padding-left:20px;height:40px;line-height:40px;border-bottom:1px solid #d3d3d3;display:block;}
.sub_navm li a:hover{color:#005aa0;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#005aa0; display:block; width:100%;}
.sub_navm dl{ display: none; background-color:#fff; padding:0px 0px 5px;}
.sub_navm dl dd{ padding-left: 30px;  height:40px;line-height:40px;border-bottom:1px dotted #ccc;}
.sub_navm li.on dl dd a{ font-size: 13px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;height:30px;line-height:30px;}
.sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline;  border:none; padding:0px;}
.sub_navm li dl dd a:hover{ color:#a70510}
.sub_navm li strong.phone_arrow{width:20px;height:20px;line-height:20px;text-align:center;display:block;position:absolute;right:15px;top:15px;z-index:99; text-indent: 99em;
	background: url(../images/arrow.png) no-repeat;cursor:pointer;}

.sbu_leftWrap{width:250px;float:left; }


.subPage_con{ max-width: 1200px; margin: 0 auto; min-height:470px;}



.sub_left li{ position: relative; }
.sub_left li strong.arrow{display:block;height:20px;line-height:20px;width:20px;text-align:center; background: url(../images/arrow.png) no-repeat; position:absolute;right:0;top:8px;
   text-indent: 99em; z-index:33;cursor:pointer;transition:all 0.3s ease-in-out}
.sub_left li.on strong.arrow{background: url(../images/arrow02.png) no-repeat;}
.twoJ_menu{background-color:#f7f3e9;display:none;}
.sub_left .twoJ_menu dd a{ padding:6px 33px 6px 43px !important;display:block;font-size:14px !important;border-bottom:1px solid #c8c8c8;color:#666666;}

/*左侧边栏*/
.sub_left{width:150px; border-left:#005aa0 1px solid; margin-top:-44px; float:left;}
.sub_left .sub_nav{ overflow:hidden; }
.sub_left .sub_nav li a{ padding: 1px 20px; margin: 15px 0; line-height: 22px; display:block;font-size:17px;  position: relative;}
.sub_left .sub_nav li:hover,.sub_left li.active{ border-left:#d7000f 4px solid; transition: all 0.3s ease;}
.sub_left .sub_nav li:hover a,.sub_left li.active a{ border-bottom:none; }



/*右侧*/
.sub_right{margin:0 0 0px 163px;}
.marginBot{margin-bottom:40px;}
.pageArticle{ background: #fff; box-shadow:0 0 8px 0px #dbdbdb; padding:10px 30px 40px 30px;  overflow:hidden;}
.articleTitle{width:auto;overflow:hidden;}
.articleTitle h3{width:auto;overflow:hidden;font-size:2.0em; padding:12px 0;width:auto;color:#333; float:left;}
.article{width:auto;overflow:hidden;}
.article p{font-size:1.4em;line-height:44px; color: #666;}
.borderBot {border-bottom: #e8e8e8 1px solid; margin-bottom: 17px;}



/*列表页*/
.list01{width:100%; margin-top: -15px; overflow:hidden;}
.list01 li{ padding:15px 0 15px 13px; border-bottom: #e8e8e8 1px solid; overflow:hidden; position: relative;}
.list01 li:before{ content: ""; display: block; width: 3px; height: 3px; background: #005aa0; overflow: hidden; position: absolute; left: 0; top: 21px;}
.list01 li a{display:block;width:83%;line-height:25px; color:#282828;float:left; font-size:16px;  }
.list01 li a:hover{color:#005aa0;}
.list01 li .rightDate{float:right; font-size:12px;  height: 25px; line-height: 25px;}

/*两院院士*/

.picList{ overflow: hidden; }
.picList ul { margin:20px -15px; overflow:hidden; }
.picList ul li{ float: left; width:33.3%; border-bottom: #e8e8e8 1px solid; margin: 11px 0; overflow: hidden;}
.picList ul li a{ display:block; margin:0 15px;}
.picList ul li a img{ -webkit-transition: all 0.3 ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%;  }
.picList ul li a:hover img
{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}


.picList ul li a .imgResponsive{ display:block; height: 0; padding-bottom: 56.6%; overflow: hidden; }
.picList ul li a .picText{ font-size: 16px; display: block; height: 50px; line-height:50px; padding: 0 20px; overflow: hidden; }



/*文章页*/
.noMargin{ margin-top: 0; }
.articleTitle02{ padding:15px 0; border-bottom:#e8e8e8 1px solid; overflow: hidden; }
.articleTitle02 h2{ font-size: 20px; text-align: center; line-height: 25px; color: #333;} 
.articleAuthor{text-align:center; padding:8px 0; line-height: 22px;overflow: hidden;  }
.articleAuthor span{ font-size: 12px; color: #666; }
.article02{ min-height: 580px; overflow: hidden; }
.article02 p{ line-height: 28px; font-size: 15px;}
.article02 i{ font-style: normal; }
.article02 strong{ font-weight: bold; }


/*分类页*/
.listCategory{ margin-bottom: 35px; overflow: hidden; }
.listTitle{ background: #f2f2f2; height: 45px; line-height: 45px; padding: 0 14px; overflow: hidden; }
.listTitle span{ font-size: 1.6em; font-weight: bold; float: left; color: #666; }
.listTitle a{ float: right; font-size: 1.3em; color: #666;}
.listTitle a:hover{ color: #a13e09; }
.list02{width:100%;overflow:hidden;}
.list02 li{padding:14px 0 14px 17px; background: url(../images/li.png) no-repeat 0 18px; padding-left: 28px; border-bottom: #e5e5e5 1px solid;  overflow:hidden;}
.list02 li a{display:block;line-height:25px; color:#666;font-size:14px;  }
.list02 li a:hover{color:#005c2c;}



/*新闻*/
.NewsList{overflow: hidden;}
.NewsList ul li{text-align: center; margin:20px 0; }
.NewsList ul li > a{ display:block;overflow: hidden; border-bottom: #e8e8e8 1px solid;}
.NewsList ul li .newsImg{ display:block; width: 285px; height: 160px; float: left; overflow: hidden; }
.NewsList ul li .newsImg img{ -webkit-transition: all 0.3 ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%;  }
.NewsList ul li a:hover .newsImg img
{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.NewsList ul li .newsText{ display: block; height: 125px; margin-left: 300px; padding:12px 0 12px 22px;  background: #fff; text-align: left;
 position: relative; z-index: 1;}
.NewsList ul li .newsText h3{ height: 21px; line-height: 21px; font-size: 16px; font-weight: normal; overflow: hidden;}
.NewsList ul li .newsText p{ font-size: 14px; line-height: 23px; color: #666;display: block; margin: 12px 0 28px 0; height: 46px; overflow: hidden;}
.NewsList ul li .newsText strong{ font-size: 12px; color: #666; }
.NewsList ul li a:hover .newsText p{ color: #333; }



/*教师个人详情*/
.teacherAbout{overflow:hidden; margin: 22px 0;}
.teacherPic{ background: #fff; width: 266px; float: left;}
.teacherImg{ display: block;width: 266px;  }
.teacherImg .imgResponsive{ display: block; padding-bottom: 0; width: 266px; height: 150px; overflow: hidden; }
.teacherImg .imgResponsive img{ transition: all 0.3s ease; }
.teacherImg .imgResponsive:hover img{ transform: scale(1.1); }
.teacherImg strong{ font-size: 15px; font-weight: bold; text-align: center; display: block; background: #d1dede; height: 40px; line-height: 40px; margin:0 0 10px 0; position: relative;z-index: 1;}

.teacherText { display: block; }
.teacherText p{ font-size: 15px; color: #666; display: block; padding: 8px 0; }
.teacherText p strong{ color: #333; display: inline-block; float: left; }

.teacherIntro{ margin: 0 0 0 317px; overflow: hidden; }
.teacherCon{ margin: 0 0 25px 0; overflow: hidden; }
.teacherCon h3{ font-size: 18px; font-weight: normal; border-bottom: #e8e8e8 1px solid; padding: 10px 0; margin-bottom: 10px;}
.teacherCon p{ font-size: 15px; line-height: 28px; }



/*分页*/
.pages{ text-align:center; height:30px; line-height:28px; margin:25px 0; overflow: hidden;padding-left:15px; clear: both;}
.pages img{vertical-align: middle;}
.pages span{ color:#990000; padding:0 20px 0 0px;}
.pages a.start,.pages a.prev,.pages a.next,.pages a.end{ width: auto; padding:0 8px;}
.pages a{ display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;width:27px; height: 28px; font-size:14px; 
  text-align:center; color:#636363; margin: 0 5px; border: #dddddd 1px solid; transition: all 0.3s ease;}
.pages a img{*display:block; *margin-top: 8px;}
.pages a.on_pages,.pages a:hover{ background: #d7000f;color:#fff;}

.pages_min{ margin: 25px 0; overflow: hidden; display: none;font-size:14px; clear: both;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; font-size: 13px; float:left; background: #dbe8f2; border-radius: 3px; color:#666666; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#005aa0; color:#fff; transition:0.3s;}


.Annex-share{ margin: 20px 0 0 0; overflow: hidden; }
.Annex{ width: 70%;float: left;}
.Annex .listTitle01{font-size:14px;color:#333; font-weight: normal; border-bottom:#e8e8e8 1px solid; height: 40px;line-height: 40px;}
.Annex ul{ margin-top:10px;}
.Annex ul li{position: relative;padding:7px 0; overflow:hidden;}
.Annex ul li a{ font-size:13px; }

.article-share{ overflow: hidden; width: 28%; float: right; }
.article-share p{font-size: 16px;float: left;line-height: 45px;}
.article-share .bdsharebuttonbox{margin-left: 60px;}
.article-share .bdsharebuttonbox a{display: block;width: 30px !important;height: 30px !important;margin:8px !important;float:  left;}
.article-share .bdsharebuttonbox .bds_weixin{ background: url(../images/weixin.png) no-repeat; }
.article-share .bdsharebuttonbox .bds_tsina{ background: url(../images/sina.png) no-repeat; }
.article-share .bdsharebuttonbox .bds_more{ background: url(../images/more.png) no-repeat; }


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

  .subPage_con{ max-width: 1000px; padding-left: 15px; padding-right: 15px; }
  .bread span{ max-width: 1000px;  padding-left: 15px; padding-right: 15px; }
}
	

	


@media screen  and (max-width:992px) {
          .subPage_con{ margin:25px 40px; }

      	 .subPage{margin:0 auto;}
      .sub_mbtn{display:block;}
      .sub_left{display:none;}
      .sub_right{width:100%;margin-left:0;}

      .pages{ display: none; }
      .pages_min{display:block;}
        
      .bread{ height:40px; line-height:40px; margin-top: -40px; }
      .bread span{ padding-top: 0; }
      .subPage_con{ margin: 0; }
      .pageArticle{ box-shadow: none;padding:20px 0 40px 0; }
      .teacherPic{ width: 100%; float: none; }
      .teacherImg{ float: left; }
      .teacherText{ margin-left: 288px; }
      .teacherText p{ padding: 4px 0; }
      .teacherIntro{ margin: 10px 0; }
}


@media screen  and (max-width:767px) {
   .article02 img{width:auto !important;height:auto !important;}
   .article02 video{width:auto !important;}
   .article02 table{width:100% !important; }

   .Annex,.article-share{ width: 100%; float: none; }

}




@media screen and (max-width:640px) {
      .picList ul li{ width: 50%; }
      .picList ul li a .picText,.list01 li a,.NewsList ul li .newsText h3,.teacherText p,.teacherCon p{ font-size: 14px; }
      .NewsList ul li .newsText p{ font-size: 12px; }
      .teacherCon h3{ font-size: 16px; }

}


@media screen and (max-width:480px) {
     .picList ul li{ width: 100%; }
     .picList ul li a .picText{ height: auto; line-height: 25px; padding:10px 20px; } 
     .NewsList ul li .newsImg{ float: none; margin:0 auto; }
     .NewsList ul li .newsText{ margin: 0; padding: 22px 0; height: auto;}
     .NewsList ul li .newsText h3{ height: auto; }
     .NewsList ul li .newsText p{ margin: 15px 0;height: auto; }
     .teacherImg{ float: none; margin: 0 auto; }
     .teacherText{ margin: 0; }
     .teacherCon{ margin: 0 0 10px 0; }
}



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



}