@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 1;background: #dedede;}
/* 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 { 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:33.2%;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  { display: block; width: 30px; height: 60px;  overflow: hidden; cursor: pointer;transition: all 0.35s ease-in-out;}
.flex-direction-nav a:hover{text-shadow: 1px 1px 0 #666;}
.flex-direction-nav .flex-prev {}
.flex-direction-nav .flex-next {}
.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 {}
.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-direction-nav{ display: none; }
.banner .flex-control-nav{ background: rgba(0,0,0,0.5); height: 30px;width: auto; position: absolute; bottom: 20px; left: 50%; z-index:9999;  line-height: 30px;border-radius: 20px;padding: 0 10px;margin-left: -40px;}
.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: 10px; height: 10px;background: rgba(255,255,255,0.2); border-radius: 50%; }
.banner .flex-control-nav li a.flex-active{ background: #fff;}
.banner .flexslider{ position: relative;z-index: 0; }






.content { }
/*第一组*/
.wrap_mode01{ overflow: hidden; }
.mode01 {margin: 40px auto;overflow: hidden;position: relative;}
.mode01 .gp-fl{ width: 18.9%; overflow: hidden; }
.mode01 .gp-fm{ width: 57.5%; overflow: hidden; margin: 0 2.2%;}
.mode01 .gp-fr{ width: 18.9%; overflow: hidden; }

.articleTitle01{ overflow: hidden; height: 47px;line-height: 47px;background: #0a4381;}
.articleTitle01 .title{ display: block; float: left;  color: #fff; position: relative; padding-left: 10px;}

.articleList01{ background: #ededed; overflow: hidden; }
.articleList01 .gp-img-responsive{ padding-bottom: 185.2%; }
.articleList01 .flexslider{ padding:10px; }
.articleList01 .flex-control-nav{height: 10px;width: auto; line-height: 10px;text-align: center;margin: 16px 0 30px 0;}
.articleList01 .flex-control-nav li{margin:0 4px; overflow: hidden;display: inline-block;}
.articleList01 .flex-control-nav li a{text-indent: 0;display: inline-block;width: 10px; height: 10px;background: #cdcdcd; text-indent: 999em;}
.articleList01 .flex-control-nav li a.flex-active{ background: #0a4381;}


/*科研动态等tab切换*/
/*tab start*/
.tabArticleList{ position:relative;}
.tabArticleList .tabListTitle{ overflow:hidden; border-bottom: #0a4381 1px solid; margin-bottom: 9px;}
.tabArticleList .tab_menu h3{ width:auto; height:46px;line-height:46px; float:left; margin:0;}
.tabArticleList .tab_menu h3 a{ display:block; height:46px; text-align:center; line-height:46px; float:left;/*! font-size:18px; */ font-weight: normal; width:auto; position: relative; padding: 0 25px;}
.tabArticleList .tab_menu h3:hover,.tabArticleList .tab_menu h3.on{display:block;height:46px; line-height:46px; float:left;  width:auto;}
.tabArticleList .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{display:block; width:auto; height:46px;
 line-height:46px; color: #fff;background: #0a4381;/*! border-top-left-radius: 10px; *//*! border-top-right-radius: 10px; */text-decoration: none;}

.tabArticleList .tab_menu h3 a:hover{}
.tabArticleList .tab_menu h3:hover a:before,.tabArticleList .tab_menu h3.on a:before{ width: 100%;}
.tabArticleList .tabList{position:relative;}
.tabArticleList .tabListBox{ display:none;}
/*tab end*/

.list1{overflow: hidden;}
.list1 li{ overflow: hidden; background: url(/pub-secm-css-..-images-linebg.png.jpg) repeat-x bottom;} 
.list1 li a{ display: block; padding: 11px 0;overflow: hidden;}
.list1 .artText{display: block; height: 24px; line-height: 24px;  transition: all 0.3s ease;overflow: hidden; position: relative;margin-left: 105px;}
.list1 .date{ float: left; color: #0a4381; line-height: 24px;display: block;}
.more{ margin: 14px 0 0 0; overflow: hidden; }
.more a{ color: #0a4381; }








@media screen  and (min-width:1020px) { 
    .list1 a:hover .artText{ padding-left: 6px; }
}


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

 
@media screen  and (max-width:1300px) {
  .banner .slideText p{ max-width: 1000px; padding: 0 20px;}
} 

@media screen  and (max-width:1000px) { 
   .banner .flex-control-paging{ display: none; }
   .mode01{ margin: 20px auto; } 
   .mode01 .gp-fl{ width: 48.2%; float: none;}
   .mode01 .gp-fm{ width: 100%; float: none; margin: 20px 0;}
   .mode01 .gp-fr{ width: 48.2%; position: absolute; right: 0; top: 0; }
   .articleList01 .flex-control-nav{ margin: 15px 0; }
} 


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


} 

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

} 

@media screen and (max-width:640px) {
   .mode01 .gp-fl{ width: 100%; float: none;}
   .mode01 .gp-fr{  width: 100%; position: static; }
   .tabArticleList .tab_menu h3 a{ padding:0 10px; }
   .list1 .artText{ margin-left: 85px; }
   
}


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

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

}