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

/*base Start
=================================*/
body > div{margin-right:auto;margin-left:auto; }
body,div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0;padding:0;list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{font-size:12px;padding:0}
img,a img{border:0;margin:0;padding:0;}
a{outline-style:none;color:#000;text-decoration:none}
a:hover{text-decoration:none;}
a:focus {outline-style:none; -moz-outline-style: none;}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{zoom:1;}
.clear{clear:both; height:0; font-size:0;overflow:hidden;}
.auto{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.show{display:block!important;}
.hide{display:none!important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
/*base End
=================================*/

/*Public Start
=================================*/
body, html {
  color: #444;
  background: #fff;
  font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑",PingHei,STHeiti,"\5B8B\4F53",SimSun,"宋体",sans-serif;
  font-size: 62.5%;
}
body {
    font-size:14px;
}
ul,li{
  list-style:none;
}
a {
  color: #666;
  text-decoration: none;
}
a:hover,a:focus {
  color: #de7839;
  text-decoration: none;
}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt50{padding-top: 50px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb50{padding-bottom: 50px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pd0{padding: 0;}
.pl0{padding-left: 0;}
.pr0{padding-right: 0;}
.prl15{padding: 0 15px;}
.bg-fff{background: #fff;}
.bgnone{background: none;}

.left {
  float: left;
}
.right {
  float: right;
}


/*Public End
=================================*/

/*header Start
=================================*/
.topnav{height:200px; padding:15px 0;text-align:right;}

.btn_back{padding:0 20px;height:32px;line-height:32px;font-size:14px;color:#9a9a9a; border-radius:32px;background:#fcf8f6;display:inline-block;}
.header-top{ position:relative;}
.header-top img{width:1920px;}
.header-top .btn_back{ position:absolute;right:20px;top:10px;}

.search{
  /*Alpha
      ================================================*/
  background-color: #fff;
  border-radius: 20px;
  line-height: 30px;
  float:right;
  margin:7px 0;
}

.navbar-header .search{float:left;}

.search input{
  background: transparent;
  border: 0 none;
  color: #999;
  padding-left: 15px;
  width: 170px;
  height: 30px;
}
.search .btn-search{
  background: url(ico_search_genetics.png) no-repeat 2px 7px;
  float: right;
  width: 36px;
}



/* PC端：通用样式满足分辨率1280(1024) */
@media all and (max-width: 1169px) {

}

/* 小屏幕，主要是PAD */
@media all and (max-width: 991px) {
  .navbar .container{padding: 0;}
  .search input{}
  .search .btn-search{}
  .btn.active,.btn:active{-webkit-box-shadow:none;box-shadow:none}
  .btn-group.open .dropdown-toggle{-webkit-box-shadow: none;box-shadow:none;}

}
/* 超小屏幕，主要是手机 */
@media all and (max-width: 767px) {
  .navbar .container{ padding: 0 28px; }
}
/* 微小屏幕，分辨率更低的手机 */
@media all and (max-width: 479px) {
  .search input{}
  .search .btn-search{}

}


/*nav Start
=================================*/
.nav > li > a{padding: 0;}
.nav .open>a,.nav .open>a:focus,
.nav .open>a:hover{
  background-color:transparent;
}

.navbar-inverse{
  background-color: #000259;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover{
  color: #fff;
  background-color: #670000;
}



/* Navbar
=================================*/
nav{
  background: #a80404;
}

nav.navbar{
  margin-bottom: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  z-index: 99;
  height:44px;
  min-height:44px;
}
.navbar-inverse .navbar-nav>li>a{
  color: #fff;
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover{
  color: #fff;
  /*padding:0 25px;*/
  line-height:44px;
  background:#064ec9;
}

.dropdown-menu{
  border-radius: 0;
  box-shadow: none;
  min-width:115px;
  border: 1px solid #d2d2d2;
}

nav.navbar ul.nav > li > a:focus{
  color: #ffc479;
}
nav.navbar .navbar-toggle{
  float: right;
  background-color: #ffc479;
  border: none;
  position: relative;
  margin: 6px 2px 0 0;
}
nav.navbar .navbar-toggle .icon-bar {
  background-color: #f3f6f9;
}
nav.navbar .navbar-toggle:hover,
nav.navbar .navbar-toggle:focus{
  background-color: #C5C5C5;
  border-color: #ec0515;
}
nav.navbar li.dropdown ul.dropdown-menu{
  background: #fff;
}
nav.navbar ul.nav li.dropdown ul.dropdown-menu  > li > a{
  line-height: 28px;
  font-size: 16px;
  display: block;
  width: 100%;
  background-color: transparent;
  color: #d23d3e;
}
nav.navbar ul.nav li.dropdown ul.dropdown-menu  > li > a:hover{
  color: #fff;
  background: #a30a0a;
  display: block;
}
@media only screen and  (min-width: 991px) {
  nav.navbar-default .navbar-nav>li>a:hover{
    color:#fff;
    background-color:transparent
  }
  nav.navbar ul.nav > li {
    line-height: 44px;
  }
  nav.navbar ul.nav > li > a{
    padding: 0 25px;
    font-size: 16px;
    line-height: 44px;
  }
  nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    background-color: transparent;
  }
  nav.navbar li.dropdown ul.dropdown-menu.wrapMenu{
    padding: 5px 0;
  }
  .arrow-top {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    left: 50px;
    line-height: 0;
    position: absolute;
    top: -6px;
    width: 0;
  }
}
@media all and (min-width: 991px) and (max-width: 1200px) {
  nav.navbar ul.nav > li > a{
    padding: 0 14px;
  }
}

@media all and (max-width: 1169px) {
/*  nav.navbar ul.nav > li > a{
    padding:0 14px;
    } */
  .navbar-inverse .navbar-nav>li>a:focus,
  .navbar-inverse .navbar-nav>li>a:hover{
    padding:0 14px;
  }

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

  nav.navbar ul.nav > li > a{
    padding: 0 14px;
    font-size: 16px;
    line-height: 44px;
  }

  .navbar-brand {
    padding: 10px 5px;
  }
  nav.navbar .navbar-brand {
    display: inline-block;
    margin: 0 !important;
  }
  nav.navbar .navbar-header {
    float: none;
    display: block;
    text-align: center;
  }
  nav.navbar .navbar-collapse {
    border: none;
    margin-bottom: 0;
  }
  nav.navbar .navbar-collapse.collapse {
    display: none !important;
  }

  nav.navbar .navbar-collapse.collapse.in {
    display: block !important;
    background: #ed0c00;
  }
  nav.navbar .navbar-nav {
    float: none !important;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 -15px;
  }
  nav.navbar .navbar-nav > li {
    float: none;
  }
  nav.navbar .navbar-toggle {
    display: inline-block;
  }
  nav.navbar ul.nav li.dropdown ul.dropdown-menu  > li > a{
    line-height: 22px;
  }
  nav.navbar .navbar-nav > li > a{
    display: block;
    border-bottom: solid 1px #e0e0e0;
    padding: 10px 0;
  }


  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{}

  nav.navbar .navbar-nav>li>a:focus,
  nav.navbar .navbar-nav>li>a:hover{}


  nav.navbar .navbar-nav > li:first-child > a{
    border-top: none;
  }
  nav.navbar .navbar-nav > li:last-child > a{
        border-bottom: none;
    }
}
/*nav End
=================================*/
/*header End
=================================*/

/*footer Start
=================================*/
footer{
  background: #000259;
  color:#fff;
}
footer .logo{ text-align:center;padding: 70px 0 50px 0;}
footer .txt{border-left:1px #ea8581  solid;margin:30px 0 30px 0;line-height: 33px;}
footer img{
  width: 99px;
}


footer .col-sm-12 .logo{ padding:50px 0 0 0;}
footer .col-sm-12 .txt{border:0;line-height:20px;margin:30px 0 30px 0;padding:0 0 0 10px;text-align: center;}


/*footer End
=================================*/


/*toolbar Start
=================================*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:52px; height:52px; background:url(toolbar.png) no-repeat; position:fixed; right:0; cursor:pointer;
  _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-184px -125px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-240px -125px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-184px -179px; bottom:67px; _margin-bottom:67px;}

#code_img{ width:203px; height:210px; background:url(toolbar.png) 20px 1px no-repeat; position:fixed; right:54px; bottom:77px; cursor:pointer; display:none;
  _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}
/*toolbar End
=================================*/



/** list_common.css */
.sidebar .type {
  margin-bottom: 1px;
  position: relative;
  padding: 10px 45px 14px;
  font-size: 22px;
  font-weight: 500;
  color: #ed0c00;
  text-transform: uppercase;
  background: url(./title_typelist_genetics.png) no-repeat .2em .2em #ffffff;
  border-bottom-width: 0;
}
@media (max-width: 992px) {
  .sidebar .type {padding: 12px 0 14px 40px;}
}
.subtype-list {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f6f6f6;
}
.left-nav {
  margin: 0rem 0;
}
.left-nav, .left-nav li ul {
  list-style: none;
  padding: 0;
}
.left-nav li a {
  font-size: 14px;
  display: block;
  padding: 10px 12px 10px 30px;
  color: #d23d3e;
  border-bottom: solid 1px #d2d2d2;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-weight:400;
}
.left-nav li a, .left-nav li a i {font-size: 16px;
  line-height: 160%;
}
.left-nav li a i {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  padding: 10px 0;
  text-align: center;
}
.left-nav li a.current{/* text-indent: 1.2em; */background: #ed0c00;color: #fff;}
.left-nav li a.current i {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  padding: 0.8rem 0;
  text-align: center;
}
.left-nav li a:hover {
  color: #ffffff;
  text-decoration:none;
  background: #ed0c00;
}
.left-nav li ul {
  display: none;
  margin: 0;
  background-color: #e8f6fe;
}


/* Pager
---------------------------------- */
ul.pagination,
ul.pager {
  margin: 0px;
  text-align: left;
}
ul.pagination li {
  padding: 0;
  margin: 0 5px 0 0;
  border-bottom: none;
  font-size: 12px;
  display: inline-block;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
ul.pager li > a {
  padding: 6px 9px;
  border: 1px solid #f3f3f3;
  line-height: 1;
  background-color: #fafafa;
  display: inline-block;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #666666;
}
ul.pagination li > a:hover {
  background-color: transparent;
  color: #ffffff;
  background-color: #ed0c00;
  border-color: #ed0c00;
}
ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
  color: #ffffff;
  background-color: #ed0c00;
  border-color: #ed0c00;
  line-height: 1;
}
ul.pagination li > a:focus {
  background: #ed0c00;
}

/* Breadcrumb
---------------------------------- */
.breadcrumb {
  background: transparent;
  margin: 16px auto;
  font-size: 14px;
  padding: 9px 15px;
}
.breadcrumb > li > i {padding-right: 10px;}
.breadcrumb > li { color:#5d5d5d;}
.breadcrumb > li > a { color:#5d5d5d;}
.breadcrumb > li > a:hover { color:#de7839;}
.breadcrumb > li > a:last-child { color:#5d5d5d;}


.indexbox {width: auto; height:auto; overflow:hidden; margin-bottom: 2em;}
.lanmu{ height:53px; border-bottom: 1px solid #d2d2d2;}
.lanmu_l{ height:53px; line-height:46px; color:#ed0c00; font-weight:500; float:left; font-size:22px; border-bottom: #DB2427 solid 2px;}

.list-box {width: auto; height:auto; overflow:hidden; margin: 22px 0 0 0;}

.list-tab { overflow:hidden; display:block;}
.list-tab ul li{overflow:hidden;clear:both;width:100%;text-align:left;text-overflow: ellipsis;white-space:nowrap;padding-left: 14px;line-height: 2.8em;display: block;}
.list-tab ul li a{float:left;width:84%;overflow:hidden;font-size: 14px;line-height: 2.8em;color: #666;padding:0 0 0 14px;text-overflow:ellipsis;white-space:nowrap;display:block;font-weight:500;}
.list-tab1 ul li a{float:left;width: 86%;overflow:hidden;font-size:14px;line-height: 2.8em;color:#666;padding:0 0 0 14px;text-overflow:ellipsis;white-space:nowrap;display: block;font-weight:500;}
.list-tab ul li a > img { display:inline-block; margin:0 0 0 6px;}
.list-tab span {height:30px;line-height:30px;color:#9b9b9b;font-size: 14px;font-family:Arial;}
.list-tab span.right {float: right;}

@media screen and (max-width: 480px){
  .list-index li a {width:100%;font-size:13px;}
  .list-index span {width:0px; visibility:hidden;}
  .list-tab ul li a {width:100%;font-size:13px; line-height:28px; height:auto; white-space:normal;background-position: left 11px;}
  .list-tab span {width:0px; visibility:hidden;}
  .list-tab1 ul li a {width:100%;font-size:13px; line-height:28px; height:auto; white-space:normal;background-position: left 11px;}
  .list-tab1 span {width:0px; visibility:hidden;}
  .list-note ul li a {width:100%;font-size:13px;}
  .list-note span {width:0px; visibility:hidden;}
}

.list-tab1 { overflow:hidden; display:block;}
.list-tab ul li a:hover,.list-tab1 ul li a:hover {color: #de7839; text-decoration: none;}
@media (max-width: 1200px) {.list-tab ul li a{width: 80%;}}
@media (max-width: 992px) {
  .list-kpdt { margin-bottom:15px;}
  .list-tab ul li a{line-height:29px;/* max-width: 66px; *//* display: inline-block; */}
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ececec;
  float: left;
  width: 100%;
  display: block;
}


@media screen and (max-width: 480px){
  .main-article { padding:2px;}
  .article-tit{font-size: 22px;line-height: 26px;}
  .news_p{padding: 15px;}
}


/** list_pic.css **/
.homelist {margin: 22px 0 0 0;overflow: hidden;}
.homelist li{margin-bottom: 15px; display: block; overflow: hidden; border-bottom:#ccc dashed 1px; }
.homelist li:last-child {margin-bottom: 0px;border-bottom:#ccc dashed 0px; }
.homelist li h2 { font-size:15px; line-height:22px; margin:0 0 8px 0;}
.homelist li h2 a {color: #666;font-family: \5FAE\8F6F\96C5\9ED1;}
.homelist li h2 a:hover {color: #de7839;text-decoration:underline;}
.homelist .news-img{ margin-right: 10px; margin-bottom:15px;}
.homelist .news-img img{ max-width: 162px; border:#e4e4e4 solid 3px;}
.homelist .news-txt p { line-height: 20px; font-size: 13px; margin: 0px; color:#8e8e8e;}
.homelist .news-txt i { font-size: 12px; margin: 8px 0 15px 0; color:#009cd1; display:block;}
.homelist .news-txt p a { overflow:hidden; color:#f08519; font-size:12px; text-decoration:underline; font-style:italic; display:block;}
.homelist .news-txt p a:hover { color:#15549a;}
.homelist .hzfa-img{ margin-right: 10px; margin-bottom:15px;}
.homelist .hzfa-img img{ max-width: 112px; border:#e4e4e4 solid 3px;}
.homelist .hzfa-txt p { line-height: 1.5; font-size: 12px; margin:0 0 15px 0; color:#8e8e8e;}
@media (min-width: 768px) {
  .homelist .news-txt p{ line-height: 20px; height: auto; font-size: 13px; overflow:hidden;}
  .homelist .news-img img{ width: 162px; height: 108px;}
  .homelist .news-img{ margin-right: 15px;}
  .homelist li{margin-bottom: 15px; display: block; overflow: hidden; }
  .homelist .hzfa-txt p{ line-height: 20px; height: auto; font-size: 13px; overflow:hidden;}
  .homelist .hzfa-img img{ width: 112px; height: 152px;}
  .homelist .hzfa-img { margin-right: 15px;}
}
@media (max-width: 767px) {
  .homelist .news-img{ margin-bottom:2px;}
  .homelist .news-img img{ width: 126px; height:84px;}
  .homelist .hzfa-img{ margin-bottom:2px;}
  .homelist .hzfa-img img{ width: 106px; height:146px;}
}

/** article.css **/
#xlmain {display: block;overflow: hidden;margin:0px;}
#xlmain .wztitle {color: #ed0c00;line-height:36px;text-align:center;font-size: 24px;padding: 0px 0px 6px 0px;}
#xlmain .qtinfo {color:#666; text-align:center; font-size: 12px; border-bottom: solid 1px #cccccc; padding: 0px 0px 16px 0px;}
#xlmain .qtinfo a {color:#666; text-decoration: none;}
#xlmain .qtinfo a:hover {color: #de7839;text-decoration: none;}
#xlmain .text { margin:20px 0 0 0; overflow:hidden; display:block;}
#xlmain .text img {display: block;margin-right: auto;margin-left: auto;}
#xlmain .textxl { margin:20px 10px; overflow:hidden; display:block; line-height: 2.4em;}
#xlmain .textxl img {display: block;margin-right: auto;margin-left: auto;}