@charset "UTF-8";
.layout {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1; }

.layout:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.col-extra:after, .col-sub:after, .main-wrap:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both; }

.col-extra, .col-sub, .main-wrap {
  *zoom: 1; }

.col-fst,
.col-sub {
  float: left;
  display: inline; }

.col-fst {
  width: 100%; }

.col-10-2 .main-wrap {
  margin-right: 260px; }

.col-10-2 .col-sub {
  width: 240px;
  margin-left: -240px; }

.col-2-10 .main-wrap {
  margin-left: 260px; }

.col-2-10 .col-sub {
  width: 240px;
  margin-left: -100%; }

.col-12 .main-wrap {
  width: 100%; }

.content {
  width: 100%;
  overflow: hidden; }

.skin-box {
  margin-bottom: 20px; }

.skin-box .box-skin-title {
  position: relative; }

.skin-box .box-skin-title h4 {
  margin-left: 10px;
  height: 40px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 0; }

.skin-box .box-skin-title .title-view-extra {
  position: absolute;
  right: 10px;
  bottom: 0; }

.skin-box .box-skin-body:before, .skin-box .box-skin-body:after {
  content: " ";
  display: table; }
.skin-box .box-skin-body:after {
  clear: both; }

.skin-box .skin-box-body:before, .skin-box .skin-box-body:after {
  content: " ";
  display: table; }
.skin-box .skin-box-body:after {
  clear: both; }

.col-sub .skin-box {
  border: 1px solid #dddddd; }

.col-sub .skin-box .box-skin-title {
  background: #f7f7f7; }

.bread-wrap {
  margin-top: 10px; }

.breadcrumb {
  padding: 3px 1px;
  margin-bottom: 10px;
  list-style: none;
  border-radius: 4px;
  font-size: 14px; }

.breadcrumb > li {
  display: inline-block; }

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #666666;
  content: "\003e"; }

.breadcrumb > li > a {
  color: #666666; }

.breadcrumb > li > a:hover {
  color: #d23e3e; }

.breadcrumb > .active {
  color: #333333; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #333333;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-right: 2px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-right: 10px;
      font-family: Simsun; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      margin-right: 0;
      margin-left: 8px;
      font-family: Simsun; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 3;
    color: #d23e3e;
    background-color: #fff;
    border-color: #d23e3e; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #d23e3e;
    border-color: #d23e3e;
    cursor: default; }
  .pagination > .breaked > a, .pagination > .breaked > a:hover, .pagination > .breaked > a:focus,
  .pagination > .breaked > span,
  .pagination > .breaked > span:hover,
  .pagination > .breaked > span:focus {
    z-index: 1;
    color: #333333;
    background: none;
    border: none;
    margin: 1px;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #999999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.33333; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.page-wrap {
  text-align: right; }

.page-skip {
  display: inline-block;
  vertical-align: top;
  margin: 20px 0; }
  .page-skip .skipto-n {
    padding: 7px 11px;
    line-height: 1.33333; }
  .page-skip .page-skipto {
    width: 40px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 6px 10px;
    line-height: 1.33333;
    text-align: center; }
  .page-skip .page-btn-s {
    background: #f7f7f7;
    border: 1px solid #ddd;
    padding: 6px 10px;
    line-height: 1.33333;
    vertical-align: top; }

.question-list > li {
  padding: 0 10px;
  line-height: 38px; }
  .question-list > li a {
    position: relative;
    display: block;
    color: #333333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .question-list > li a:hover {
      color: #d23e3e; }
  .question-list > li.current a {
    color: #d23e3e; }

.select-question .question-list > li {
  border-bottom: 1px solid #dddddd; }
  .select-question .question-list > li a {
    text-decoration: none; }
    .select-question .question-list > li a:after {
      content: "\003e";
      position: absolute;
      top: 0;
      right: 0;
      float: right;
      font-family: simsun; }
  .select-question .question-list > li:last-child {
    border-bottom: none; }

.question-items .question-list {
  border: 1px solid #dddddd; }
  .question-items .question-list > li {
    border-bottom: 1px dotted #dddddd; }
    .question-items .question-list > li:nth-child(2n) {
      background: #f7f7f7; }
    .question-items .question-list > li:last-child {
      border-bottom: none; }

.question-content {
  border: 1px solid #dddddd;
  min-height: 600px; }
  .question-content .question-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 12px 0;
    border-bottom: 1px solid #dddddd; }

.q-knowledge {
  padding: 20px;
  font-size: 14px;
  line-height: 1.5; }

.outcome-empty {
  padding: 120px 0;
  margin: 0 auto;
  text-align: center; }
  .outcome-empty .icon-res-empty {
    display: inline-block;
    width: 115px;
    height: 105px;
    background: url(../img/figure-res-empty.png) no-repeat center center; }
  .outcome-empty p {
    margin: 1em auto;
    font-size: 16px;
    color: #cccccc; }

.carousel-banner {
  margin: 0 -360px; }
  .carousel-banner .carousel-slide {
    position: relative; }
  .carousel-banner .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%; }
    .carousel-banner .carousel-inner > .item {
      display: none;
      position: relative;
      -webkit-transition: 0.6s ease-in-out left;
      -o-transition: 0.6s ease-in-out left;
      transition: 0.6s ease-in-out left; }
      .carousel-banner .carousel-inner > .item > img,
      .carousel-banner .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: auto;
        line-height: 1; }
      @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel-banner .carousel-inner > .item {
          -webkit-transition: -webkit-transform 0.6s ease-in-out;
          -moz-transition: -moz-transform 0.6s ease-in-out;
          -o-transition: -o-transform 0.6s ease-in-out;
          transition: transform 0.6s ease-in-out;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-perspective: 1000px;
          -moz-perspective: 1000px;
          perspective: 1000px; }
          .carousel-banner .carousel-inner > .item.next, .carousel-banner .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0; }
          .carousel-banner .carousel-inner > .item.prev, .carousel-banner .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0; }
          .carousel-banner .carousel-inner > .item.next.left, .carousel-banner .carousel-inner > .item.prev.right, .carousel-banner .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0; } }
    .carousel-banner .carousel-inner > .active,
    .carousel-banner .carousel-inner > .next,
    .carousel-banner .carousel-inner > .prev {
      display: block; }
    .carousel-banner .carousel-inner > .active {
      left: 0; }
    .carousel-banner .carousel-inner > .next,
    .carousel-banner .carousel-inner > .prev {
      position: absolute;
      top: 0;
      width: 100%; }
    .carousel-banner .carousel-inner > .next {
      left: 100%; }
    .carousel-banner .carousel-inner > .prev {
      left: -100%; }
    .carousel-banner .carousel-inner > .next.left,
    .carousel-banner .carousel-inner > .prev.right {
      left: 0; }
    .carousel-banner .carousel-inner > .active.left {
      left: -100%; }
    .carousel-banner .carousel-inner > .active.right {
      left: 100%; }

.act-img img {
  max-width: 100%; }

.hot-news {
  background: #f7f7f7; }
  .hot-news .news-list-tle h4 {
    height: 42px;
    line-height: 42px;
    padding: 0 10px;
    font-size: 16px;
    margin: 0; }
  .hot-news .news-list-tle .division {
    float: left;
    width: 2px;
    height: 14px;
    background: #d23e3e;
    margin: 13px 5px; }
  .hot-news .news-list-con {
    margin: 0 10px; }
    .hot-news .news-list-con .news-item {
      border-top: 1px dotted #c6c6c6;
      padding: 20px 10px; }
      .hot-news .news-list-con .news-item a {
        color: #333333;
        text-decoration: none; }
    .hot-news .news-list-con .news-title {
      display: block;
      font-size: 14px;
      color: #333333;
      font-weight: normal; }
    .hot-news .news-list-con .news-summary {
      display: block;
      font-size: 12px;
      color: #666666;
      margin-top: 10px;
      max-height: 51px;
      overflow: hidden; }
    .hot-news .news-list-con .news-item a:hover .news-title,
    .hot-news .news-list-con .news-item a:hover .news-summary {
      color: #d23e3e; }

.news-asyn .news-cate {
  height: 44px;
  border-bottom: 1px solid #dddddd; }
  .news-asyn .news-cate li {
    float: left;
    margin-right: 18px;
    line-height: 41px; }
    .news-asyn .news-cate li a {
      color: #666666;
      text-decoration: none;
      font-size: 16px; }
    .news-asyn .news-cate li a:hover {
      color: #d23e3e; }
  .news-asyn .news-cate li.current {
    border-bottom: 2px solid #d23e3e; }
    .news-asyn .news-cate li.current a {
      color: #d23e3e;
      font-weight: bold; }

.img-figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  /* 姘村钩灞呬腑*/
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-pack: center;
  /* IE 10 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
  /* 鍨傜洿灞呬腑 */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-align: center;
  /* IE 10 */
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

/*
.img-s80 {width:80px;height:80px;}
.img-s80 img {max-width:80px;max-height:80px;}
*/
.event-ul .event-li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px dotted #dddddd;
  padding-left: 300px;
  min-height: 201px; }
  .event-ul .event-li:hover {
    background: #f8f8f8; }
.event-ul .img-s280x160 {
  width: 280px;
  height: 160px; }
.event-ul .img-s280x160 img {
  max-width: 280px;
  max-height: 160px; }
.event-ul .event-thumail {
  position: absolute;
  left: 0;
  top: 20px;
  width: 280px;
  height: 160px;
  overflow: hidden; }
.event-ul .event-prop {
  padding-top: 20px; }
  .event-ul .event-prop a {
    text-decoration: none; }
  .event-ul .event-prop .evt-name {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
    overflow: hidden; }
  .event-ul .event-prop .evt-name,
  .event-ul .event-prop .evt-name a {
    color: #333333;
    font-weight: bold; }
  .event-ul .event-prop .evt-name a:hover {
    color: #d23e3e; }
  .event-ul .event-prop .evt-time {
    margin: 12px 0;
    color: #666666; }
    .event-ul .event-prop .evt-time span {
      display: inline-block;
      margin-right: 40px; }
    .event-ul .event-prop .evt-time em {
      font-style: normal;
      vertical-align: middle; }
    .event-ul .event-prop .evt-time .ico {
      display: inline-block;
      vertical-align: middle;
      background: url(../img/news-event-prop.png) no-repeat; }
    .event-ul .event-prop .evt-time .ico-s16 {
      width: 16px;
      height: 16px;
      overflow: hidden;
      margin-right: 5px; }
    .event-ul .event-prop .evt-time .ico-n01 {
      background-position: 0 0; }
    .event-ul .event-prop .evt-time .ico-n02 {
      background-position: 0 -16px; }
  .event-ul .event-prop .evt-crop {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.85714em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 38px; }
  .event-ul .event-prop .evt-crop,
  .event-ul .event-prop .evt-crop a {
    color: #666666; }

.load-more {
  margin-top: 40px;
  line-height: 40px;
  border: 1px solid #dddddd;
  color: #999999;
  text-align: center;
  font-size: 16px;
  cursor: pointer; }
  .load-more:hover {
    background: #f7f7f7; }

.title {
  font-size: 22px;
  line-height: 30px;
  word-wrap: break-word;
  word-break: break-all; }

.artinfo {
  padding: 20px 0;
  color: #666666;
  border-bottom: 1px solid #dddddd;
  font-size: 14px; }
  .artinfo span {
    display: inline-block;
    margin-right: 40px; }
  .artinfo em {
    font-style: normal;
    vertical-align: middle; }
  .artinfo .ico {
    display: inline-block;
    vertical-align: middle;
    background: url(../img/news-event-prop.png) no-repeat; }
  .artinfo .ico-s16 {
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 5px; }
  .artinfo .ico-n01 {
    background-position: 0 0; }
  .artinfo .ico-n02 {
    background-position: 0 -16px; }

.article {
  word-wrap: break-word;
  word-break: break-all;
  padding: 20px 0;
  font-size: 16px; }
  .article * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .article p {
    margin-bottom: 0; }
  .article img {
    max-width: 100%; }
  .article table {
    border-collapse: collapse;
    border-spacing: 0; }

.next-article {
  margin-top: 40px;
  padding: 9px 20px;
  border: 1px solid #dddddd;
  font-size: 14px; }
  .next-article a {
    color: #1663a6; }