@charset "UTF-8";
/* @mixin height($value: 10px) {
　　　　height:$value;
　　} */
body {
  position: relative; }

.mr10 {
  margin-right: 10px; }

.mt15 {
  margin-top: 15px; }

.mt7 {
  margin-top: 7px; }

.mt40 {
  margin-top: 40px; }

.mt30 {
  margin-top: 30px; }

.pad5 {
  padding: 5px; }

.shares {
  width: 958px;
  margin: 0 auto;
  border: 1px solid #666;
  margin-top: 27px;
  overflow: hidden; }
  .shares ul {
    width: 837px;
    _width: 834px;
    overflow: hidden;
    margin-top: 9px; }
    .shares ul li {
      overflow: hidden;
      display: inline-block;
      margin-left: 42px;
      _margin-left: 35px;
      float: left; }
      .shares ul li a {
        display: inline-block;
        margin-top: 8px;
        margin-left: 8px;
        color: #949494; }

.data {
  width: 120px;
  border-right: 1px solid #666;
  text-align: center;
  color: #004a94;
  font-size: 18px;
  padding: 16px 0; }

.h1 a {
  font-size: 24px;
  font-weight: bolder;
  line-height: 1.5;
  color: #000; }
  .h1 a:hover {
    text-decoration: none;
    color: #d02618; }

.top-line {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .top-line img {
    margin-top: 15px;
    width: 100%;
    height: 350px; }

.line-p a {
  -pie-background: rgba(0, 0, 0, 0.26);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B000000,endColorstr=#4B000000);
  _zoom: 1;
  background: rgba(40, 37, 38, 0.69);
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 500px;
  color: #FFF;
  line-height: 1.5;
  padding: 10px;
  font-size: 14px; }

.news {
  width: 100%;
  overflow: hidden;
  margin-top: 20px; }

.news-img {
  width: 200px;
  height: 150px;
  margin-right: 20px;
  overflow: hidden; }
  .news-img img {
    transition: transform 0.5s; }
    .news-img img:hover {
      transform: scale(1.1, 1.1); }

.news-text {
  width: 410px;
  height: 150px;
  position: relative; }
  .news-text ul {
    width: 100%;
    overflow: hidden;
    margin-top: 20px; }
    .news-text ul li {
      display: inline-block;
      margin-right: 15px;
      float: left; }
      .news-text ul li a {
        display: inline-block;
        color: #999;
        margin-top: 2px;
        margin-left: 8px; }
  .news-text .bottom {
    position: absolute;
    left: 0;
    bottom: 0; }

.news-text-none {
  width: 100%;
  height: 150px;
  position: relative; }
  .news-text-none ul {
    width: 100%;
    overflow: hidden;
    margin-top: 20px; }
    .news-text-none ul li {
      display: inline-block;
      margin-right: 15px;
      float: left; }
      .news-text-none ul li a {
        display: inline-block;
        color: #999;
        margin-top: 2px;
        margin-left: 8px; }
  .news-text-none .bottom {
    position: absolute;
    left: 0;
    bottom: 0; }

.news-p {
  color: #666;
  line-height: 1.5;
  margin-top: 6px;
  display: inline-block; }

.news-list {
  width: 100%;
  overflow: hidden;
  margin-top: 20px; }
  .news-list .ul {
    overflow: hidden;
    width: 250px;
    float: left;
    margin-right: 6px;
    background: #FFF;
    padding-bottom: 5px;
    /* min-height: 252px;
    _height:252px; */
    position: relative; }
    .news-list .ul .li {
      position: relative;
      _zoom: 1; }
      .news-list .ul .li a {
        color: #666;
        line-height: 1.5; }
      .news-list .ul .li .list-p {
        position: absolute;
        color: #FFF;
        left: 0;
        bottom: 0;
        font-size: 14px;
        -pie-background: rgba(0, 0, 0, 0.26);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B000000,endColorstr=#4B000000);
        _zoom: 1;
        background: rgba(40, 37, 38, 0.69);
        padding: 10px;
        line-height: 1.5;
        width: 230px; }
    .news-list .ul .bottom {
      position: absolute;
      left: 0;
      bottom: 0; }
  .news-list .list-img {
    width: 250px;
    height: 165px;
    display: block;
    overflow: hidden; }
    .news-list .list-img img {
      transition: transform 0.5s; }
      .news-list .list-img img:hover {
        transform: scale(1.1, 1.1); }
  .news-list ul {
    overflow: hidden; }
    .news-list ul li {
      position: relative;
      width: 360px;
      height: 72px;
      margin-top: 10px;
      /*       border-right: 1px solid #eaeaea;
            border-top: 1px solid #eaeaea; */
      display: inline-block;
      float: left;
      border-bottom: 1px solid #d6d6d6; }
      .news-list ul li a {
        color: #010101;
        line-height: 1.5;
        display: block;
        width: 100%;
        text-align: left;
        font-size: 22px;
        font-family: "微软雅黑"; }

.list-a {
  display: inline-block;
  /*   margin-top: -3px; */
  margin-left: 8px; }

.ml15 {
  margin-left: 15px; }

.real, .real-title, .notice, .notice-title, .Originality, .Originality-title, .road, .road-title, .topics, .topics-title, .market, .market-title, .car, .car-title, .Interaction, .Interaction-title
, .life, .life-title, .Recommend, .Recommend-title, .Ranking, .Ranking-title, .photo, .photo-title {
  width: 100%;
  overflow: hidden; }

.real ul {
  overflow: hidden;
  padding: 0 10px;
  border: 1px solid #eaeaea;
  border-top: none;
  border-bottom: none; }
  .real ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 12px 0;
    overflow: hidden; }
    .real ul li .time {
      height: 100%;
      float: left; }
      .real ul li .time span {
        display: inline-block;
        color: #747474;
        padding: 2px 10px 0 0;
        margin-top: 4px;
        line-height: 13px;
        font-weight: bolder; }
    .real ul li .real-news {
      height: 100%;
      float: left;
      width: 236px;
      font-size: 14px; }
      .real ul li .real-news a {
        line-height: 1.4;
        color: #020202;
        display: inline-block;
        font-size: 14px; }

.real-left {
  width: 105px;
  float: left;
  position: relative;
  background: #d02618;
  padding: 8px; }
  .real-left a {
    color: #FFF;
    font-size: 20px;
    font-weight: bolder;
    display: block;
    text-align: center; }
    .real-left a:hover {
      text-decoration: none; }
  .real-left span {
    display: inline-block;
    margin-left: 5px;
    background: #d02618;
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
    margin-top: -20px; }

.real-right {
  width: 152px;
  float: right;
  position: relative;
  padding: 5px 0px 8px 0;
  height: 24px;
  *height: 32px; }
  .real-right a {
    float: right;
    color: #666666;
    margin-top: 6px;
    margin-right: 6px;
    *margin-top: 13px; }
    .real-right a:hover {
      color: #d02618; }
  .real-right span {
    float: left;
    margin-left: 8px;
    margin-top: 2px; }

.right-border {
  position: absolute;
  bottom: 0;
  left: 0; }

.real-a {
  display: block;
  height: 30px;
  text-align: center;
  color: #666666;
  border: 1px solid #eaeaea; }
  .real-a a {
    color: #666666;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 30px; }
    .real-a a:hover {
      background: #004a94;
      color: #FFF;
      text-decoration: none; }

.notice-left {
  width: 153px;
  float: left;
  position: relative;
  padding: 11px 0; }
  .notice-left p {
    color: #d02618;
    font-size: 24px;
    cursor: pointer; }
  .notice-left span {
    display: inline-block;
    color: #999;
    padding: 2px;
    font-size: 14px; }

.notice-right {
  width: 146px;
  float: left;
  position: relative;
  padding: 11px 0; }
  .notice-right p {
    color: #004a94;
    font-size: 24px;
    cursor: pointer; }
  .notice-right span {
    display: inline-block;
    color: #999;
    padding: 2px;
    font-size: 14px; }

.left, .right {
  width: 100%;
  overflow: hidden; }
  .left li, .right li {
    /* padding:10px 5px;
    border-bottom:1px dashed #000;
    height: 59px; */
    margin-top: 12px; }
    .left li a, .right li a {
      color: #000;
      line-height: 1.5;
      font-size: 14px;
      /* display: inline-block; */
      margin-top: 7px; }
    .left li .all, .right li .all {
      display: inline-block;
      padding: 0 5px;
      color: #fff;
      background: #d02618;
      font-size: 12px;
      margin-left: 5px; }

.advertisement {
  width: 1100px;
  margin: 0 auto;
  margin-top: 15px; }
  .advertisement img {
    display: block;
    height: 120px;
    width: 100%; }

.macroscopic, .macroscopic-title {
  width: 100%;
  overflow: hidden; }

.macroscopic ul {
  /*  margin-top: 30px; */ }
  .macroscopic ul li {
    overflow: hidden;
    _zoom: 1; }

.macroscopic-title .tab {
  overflow: hidden;
  margin-top: 8px; }
  .macroscopic-title .tab dd {
    padding: 5px 10px;
    color: #000;
    display: inline-block;
    float: left;
    cursor: pointer;
    font-size: 14px;
    margin-right: 3px;
    /*  *margin-right: 0; */ }
  .macroscopic-title .tab .on {
    background: #d02618;
    color: #FFF; }

.macroscopic-title .macr dd {
  margin-right: 0;
  padding: 5px 8px; }

.tab-text {
  width: 540px;
  float: right;
  height: 152px;
  position: relative; }
  .tab-text .messge {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    position: absolute;
    left: 0;
    bottom: 0; }
    .tab-text .messge span {
      display: inline-block;
      margin-right: 15px;
      color: #999; }
      .tab-text .messge span a {
        display: inline-block;
        color: #999;
        margin-top: 2px;
        margin-left: 8px; }

.tab-text-none {
  width: 100%;
  float: right;
  height: 152px;
  position: relative; }
  .tab-text-none .messge {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    position: absolute;
    left: 0;
    bottom: 0; }
    .tab-text-none .messge span {
      display: inline-block;
      margin-right: 15px;
      color: #999; }
      .tab-text-none .messge span a {
        display: inline-block;
        color: #999;
        margin-top: 2px;
        margin-left: 8px; }

.macroscopic-title .transaction dd {
  margin-right: 5px;
  _margin-right: 5px; }

.macroscopic-title .finace {
  width: 528px; }

.macroscopic-title .transaction {
  width: 484px; }

.macroscopic-title .finace dd {
  margin-right: 10px; }

.Originality-left {
  width: 212px;
  float: left;
  position: relative;
  padding-top: 15px;
  padding-bottom: 5px;
  _height: 60px; }
  .Originality-left p {
    color: #004a94;
    font-size: 24px;
    cursor: pointer; }
    .Originality-left p a {
      color: #004a94; }
  .Originality-left span {
    display: inline-block;
    color: #999;
    padding: 2px;
    font-size: 14px; }

.Originality-right {
  width: 87px;
  float: left;
  position: relative;
  padding: 1px 0;
  text-align: right;
  height: 42px;
  *height: 53px;
  _height: 60px; }
  .Originality-right a {
    color: #999;
    display: inline-block;
    margin-top: 25px;
    *height: 35px; }
    .Originality-right a:hover {
      color: #d02618;
      text-decoration: none; }

.Originality-ul {
  overflow: hidden;
  margin-top: 20px; }
  .Originality-ul li {
    margin-bottom: 15px;
    overflow: hidden;
    height: 85px; }
  .Originality-ul img {
    float: left;
    display: inline-block; }
  .Originality-ul p {
    float: left;
    width: 177px;
    margin-top: 15px;
    margin-left: 16px; }
    .Originality-ul p a {
      color: #6684b2;
      font-size: 16px;
      line-height: 1.5; }

.road-ul {
  overflow: hidden;
  margin-top: 20px; }
  .road-ul li {
    margin-bottom: 15px;
    overflow: hidden; }
  .road-ul img {
    float: left;
    display: inline-block; }
  .road-ul p {
    float: left;
    width: 180px;
    margin-left: 14px; }
  .road-ul .a-title {
    color: #020202;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 3px;
    line-height: 1.5; }
  .road-ul .a-text {
    color: #999;
    display: block;
    line-height: 1.5;
    margin-top: 5px;
    color: #666; }

.topics-ul {
  overflow: hidden;
  margin-top: 20px; }
  .topics-ul li {
    margin-bottom: 10px;
    overflow: hidden;
    height: 120px;
    position: relative; }
  .topics-ul img {
    width: 100%;
    height: 120px;
    display: inline-block; }
  .topics-ul a {
    color: #FFF; }
  .topics-ul .list-p {
    position: absolute;
    width: 94%;
    color: #FFF;
    left: 0;
    bottom: 0;
    font-size: 14px;
    -pie-background: rgba(0, 0, 0, 0.26);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B000000,endColorstr=#4B000000);
    _zoom: 1;
    background: rgba(40, 37, 38, 0.69);
    padding: 10px;
    line-height: 1.5;
    text-align: center; }

.car-img {
  overflow: hidden;
  margin-top: 20px; }
  .car-img li {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 148px; }
    .car-img li img {
      width: 100%;
      height: 84px;
      display: inline-block; }
    .car-img li .list-p {
      position: absolute;
      width: 100%;
      color: #FFF;
      left: 0;
      bottom: 0;
      -pie-background: rgba(0, 0, 0, 0.26);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B000000,endColorstr=#4B000000);
      _zoom: 1;
      background: rgba(40, 37, 38, 0.69);
      line-height: 1.5;
      text-align: center; }

.car-text {
  margin-top: 20px; }
  .car-text li {
    margin-bottom: 15px; }
    .car-text li a {
      color: #040404;
      font-size: 14px; }

.Interaction-text {
  width: 100%;
  height: 270px;
  margin-top: 30px;
  overflow-y: auto;
  background: #f7f7f7;
  position: relative; }
  .Interaction-text li {
    overflow: hidden;
    padding: 5px;
    border-bottom: 1px dashed #666;
    margin-bottom: 10px;
    position: relative; }
  .Interaction-text .p1 {
    color: #004a94;
    margin-bottom: 10px; }
  .Interaction-text .p2 {
    color: #666;
    line-height: 1.5;
    margin-bottom: 10px; }
  .Interaction-text .p3 {
    height: 20px; }
    .Interaction-text .p3 span {
      color: #004a94; }
      .Interaction-text .p3 span a {
        color: #004a94;
        margin-left: 6px; }

.life-img {
  width: 100%;
  overflow: hidden;
  height: 214px;
  position: relative;
  margin-top: 30px; }
  .life-img .list-p {
    position: absolute;
    width: 80%;
    color: #FFF;
    left: 0;
    bottom: 10px;
    font-size: 14px;
    -pie-background: rgba(0, 0, 0, 0.26);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B000000,endColorstr=#4B000000);
    _zoom: 1;
    background: rgba(40, 37, 38, 0.69);
    line-height: 1.5;
    text-align: left;
    padding: 10px; }

.life-list {
  overflow: hidden;
  margin-top: 30px; }
  .life-list li {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 48%; }
    .life-list li img {
      width: 100%;
      height: 84px;
      display: inline-block; }
    .life-list li .list-p {
      position: absolute;
      width: 100%;
      color: #FFF;
      left: 0;
      bottom: 0;
      font-size: 12px;
      -pie-background: rgba(0, 0, 0, 0.26);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B000000,endColorstr=#4B000000);
      _zoom: 1;
      background: rgba(40, 37, 38, 0.69);
      line-height: 1.5;
      text-align: center; }

.Recommend-list {
  width: 100%;
  overflow: hidden;
  width: 94%;
  padding: 10px;
  margin-top: 30px; }
  .Recommend-list li {
    float: left;
    width: 85px;
    margin-bottom: 15px;
    margin-left: 13px; }
    .Recommend-list li .ml0 {
      margin-left: 0; }
    .Recommend-list li img {
      width: 85px;
      height: 80px;
      display: block;
      margin-bottom: 10px; }
    .Recommend-list li p {
      text-align: center;
      color: #004a94;
      margin-bottom: 10px; }
    .Recommend-list li span {
      display: block;
      color: #666;
      text-align: center;
      margin-bottom: 10px; }
    .Recommend-list li a {
      display: block;
      background: #d02618;
      padding: 4px;
      color: #FFF;
      width: 40px;
      text-align: center;
      margin: 0 auto;
      font-size: 14px; }

.Ranking-list {
  width: 100%;
  overflow: hidden;
  margin-top: 30px; }
  .Ranking-list li {
    margin-bottom: 10px;
    overflow: hidden; }
    .Ranking-list li span {
      border: 2px solid #004a94;
      color: #004a94;
      padding: 2px 4px;
      display: inline-block; }
    .Ranking-list li a {
      color: #040404;
      display: inline-block;
      margin-left: 5px;
      font-size: 14px;
      margin-top: 2px; }
    .Ranking-list li .Ranking-red {
      border: 2px solid #d02618;
      color: #d02618; }

.photo-list {
  width: 100%;
  overflow: hidden;
  margin-top: 10px; }
  .photo-list li {
    float: left;
    overflow: hidden; }
  .photo-list .Macroscopic, .photo-list .Securities, .photo-list .Finance, .photo-list .Company, .photo-list .Car, .photo-list .House {
    width: 290px;
    height: 230px;
    position: relative; }
    .photo-list .Macroscopic p, .photo-list .Securities p, .photo-list .Finance p, .photo-list .Company p, .photo-list .Car p, .photo-list .House p {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 126px;
      background: url(/images/nbd_v4/index-p-bg.png);
      width: 100%; }
      .photo-list .Macroscopic p span, .photo-list .Securities p span, .photo-list .Finance p span, .photo-list .Company p span, .photo-list .Car p span, .photo-list .House p span {
        display: inline-block;
        width: 40px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        background: #d02618;
        color: #FFF; }
      .photo-list .Macroscopic p a, .photo-list .Securities p a, .photo-list .Finance p a, .photo-list .Company p a, .photo-list .Car p a, .photo-list .House p a {
        color: #FFF;
        display: inline-block;
        margin-left: 10px;
        margin-top: 84px;
        font-size: 18px; }
  .photo-list .Macroscopic {
    width: 380px; }
    .photo-list .Macroscopic img {
      width: 100%; }
  .photo-list .Securities {
    width: 310px;
    height: 230px;
    margin-left: 5px; }
    .photo-list .Securities p span {
      background: #d06218; }
  .photo-list .Finance {
    width: 400px;
    height: 230px;
    margin-left: 5px; }
    .photo-list .Finance p span {
      background: #d0ab18; }
    .photo-list .Finance img {
      width: 100%; }
  .photo-list .Company {
    width: 400px;
    height: 230px;
    margin-top: 5px; }
    .photo-list .Company p span {
      background: #18a7d0; }
    .photo-list .Company img {
      width: 100%; }
  .photo-list .Car {
    width: 380px;
    height: 230px;
    margin-top: 5px;
    margin-left: 5px; }
    .photo-list .Car p span {
      background: #8dd018; }
  .photo-list .House {
    width: 310px;
    height: 230px;
    margin-top: 5px;
    margin-left: 5px; }
    .photo-list .House p span {
      background: #18cad0; }
    .photo-list .House img {
      width: 100%; }

.scroll {
  position: fixed;
  right: 20px;
  bottom: 50px;
  _position: absolute;
  _margin-bottom: 546px;
  _margin-right: -400px;
  _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))); }

.scroll_absolute {
  position: absolute;
  right: 20px;
  top: 800px; }

.left-ad {
  width: 100%;
  margin: 10px 0; }
  .left-ad img {
    width: 100%;
    height: 100%; }

.right-ad {
  width: 100%;
  margin-top: 45px; }
  .right-ad img {
    width: 100%;
    height: 100%; }

.securities-ul {
  width: 100%;
  overflow: hidden; }
  .securities-ul li {
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea; }
  .securities-ul .title span a {
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
    color: #000; }
    .securities-ul .title span a:hover {
      color: red; }
  .securities-ul .text {
    margin-top: 20px; }
    .securities-ul .text span a {
      font-size: 14px;
      display: inline-block;
      margin-right: 6px;
      color: #666;
      padding: 0 5px;
      border-right: 1px solid #666;
      margin-bottom: 20px; }
      .securities-ul .text span a:hover {
        color: red; }

.investment {
  width: 100%;
  overflow: hidden; }
  .investment li {
    padding: 10px 0; }
    .investment li a {
      color: #000;
      font-size: 14px; }
      .investment li a:hover {
        color: red; }

#top-line-ul {
  position: relative;
  overflow: hidden;
  width: 4584px; }
  #top-line-ul li {
    float: left;
    position: relative;
    width: 764px; }
    #top-line-ul li img {
      width: 764px;
      height: 420px;
      margin-top: 0;
      transition: transform 0.5s; }
      #top-line-ul li img:hover {
        transform: scale(1.1, 1.1); }

.prev, .next {
  position: absolute;
  height: 58px;
  width: 35px;
  display: none;
  cursor: pointer; }

.prev {
  top: 40%;
  left: 2%;
  background: url("/images/nbd_v4/Sprite.png");
  background-position: -274px 0px; }

.next {
  top: 40%;
  right: 2%;
  background: url("/images/nbd_v4/Sprite.png");
  background-position: -309px 0px; }

.item {
  height: 4px;
  width: 124px;
  background-color: #7e7e7e;
  display: inline-block;
  margin-right: 4px; }

.on {
  background-color: #d02618; }

.index-p {
  position: absolute;
  width: 100%;
  height: 145px;
  background: url(/images/nbd_v4/index-p-bg.png);
  bottom: 1px; }
  .index-p a {
    color: #FFF;
    font-size: 24px;
    display: inline-block;
    margin-top: 40px;
    padding: 20px;
    line-height: 1.4; }

.right-box {
  margin-top: 45px; }

.image-box {
  position: relative;
  height: 240px;
  width: 300px; }
  .image-box a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative; }

.text-box {
  width: 250px;
  padding: 0 25px;
  overflow: hidden;
  background: url(/images/nbd_v4/text-box-bg.png);
  height: 180px; }
  .text-box h3 {
    margin: 10px 0; }
    .text-box h3 a {
      font-size: 18px;
      line-height: 1.25;
      color: #000; }

.title-box {
  width: 300px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  color: #FFF;
  background: #0a3777;
  font-size: 20px;
  top: -20px;
  left: -0px;
  position: absolute;  font-family:'Microsoft YaHei'}

.img-title {
  position: absolute;
  top: 18px;
  left: -12px;
  height: 15px;
  width: 12px;
  background: url("/images/nbd_v4/Sprite.png");
  background-position: -20px 0px; }

.box-list {
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #eaeaea; }
  .box-list li {
    margin-top: 15px;
    overflow: hidden; }
    .box-list li span {
      display: block;
      height: 5px;
      width: 5px;
      background: #666666;
      float: left;
      margin-top: 4px; }
    .box-list li a {
      display: block;
      float: left;
      color: #666666;
      font-size: 14px;
      margin-left: 10px;
      width: 230px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.title {
  border-right: 1px solid #d02618;
  border-bottom: 2px solid #d02618;
  border-top: 2px solid #d02618;
  border-left: 1px solid #d02618;
  overflow: hidden; }
  .title li {
    float: left;
    width: 150px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    color: #000;
    font-size: 20px;
    border-right: 1px solid #d02618; }
  .title .title-active {
    background: #d02618;
    color: #FFF; }

.tab-box {
  overflow: hidden;
  margin-top: 20px; }
  .tab-box ul {
    width: 300px; }
    .tab-box ul li {
      margin-top: 15px;
      overflow: hidden; }
      .tab-box ul li span {
        display: block;
        height: 5px;
        width: 5px;
        background: #666666;
        float: left;
        margin-top: 4px; }
      .tab-box ul li a {
        display: block;
        float: left;
        color: #666666;
        font-size: 14px;
        margin-left: 10px;
        width: 285px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.long-bg {
  background: url(/images/nbd_v4/longbg.png);
  height: 442px;
  width: 261px;
  padding: 20px;
  position: relative; }

.long-box-title {
  position: absolute;
  left: 0;
  top: 0; }

.long-list {
  padding: 0;
  margin-top: 25px; }
  .long-list li {
    overflow: hidden;
    padding-bottom: 9px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 13px; }
    .long-list li img {
      float: left;
      margin-right: 10px; }
    .long-list li a {
      display: block;
      float: left;
      font-size: 16px;
      color: #666666;
      width: 160px;
      height: 60px;
      line-height: 1.5;
      margin-top: 6px; }

.bottom-p {
  background: url(/images/nbd_v4/bootom-p.png);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 42px;
  color: #FFF;
  text-align: center;
  line-height: 42px;
  font-size: 12px; }

.imageleft {
  float: left;
  width: 148px; }
  .imageleft a {
    display: block;
    position: relative;
    margin-top: 4px; }

.imgright {
  float: right;
  width: 148px; }
  .imgright a {
    display: block;
    position: relative;
    margin-top: 4px; }

.title-1 {
  border-right: 1px solid #d02618;
  border-bottom: 2px solid #d02618;
  border-top: 2px solid #d02618;
  border-left: 1px solid #d02618;
  overflow: hidden; }
  .title-1 li {
    float: left;
    width: 98px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    color: #000;
    font-size: 20px;
    border-right: 1px solid #d02618; }
  .title-1 .title-active {
    background: #d02618;
    color: #FFF; }

.tab-box1 {
  overflow: hidden;
  margin-top: 20px; }
  .tab-box1 ul {
    width: 300px; }
    .tab-box1 ul li {
      margin-top: 15px;
      overflow: hidden;
      height: 20px;
      line-height: 20px; }
      .tab-box1 ul li span {
        display: block;
        height: 20px;
        width: 20px;
        background: #666666;
        float: left;
        color: #FFF;
        text-align: center;
        line-height: 20px; }
      .tab-box1 ul li a {
        display: block;
        float: left;
        color: #666666;
        font-size: 14px;
        margin-left: 10px; }

.title-2 {
  border-right: 1px solid #d02618;
  border-bottom: 2px solid #d02618;
  border-top: 2px solid #d02618;
  border-left: 1px solid #d02618;
  overflow: hidden; }
  .title-2 li {
    float: left;
    width: 150px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    color: #000;
    font-size: 20px;
    border-right: 1px solid #d02618; }
  .title-2 .title-active {
    background: #d02618;
    color: #FFF; }

.tab-box2 {
  overflow: hidden;
  margin-top: 20px; }
  .tab-box2 ul {
    width: 300px; }
    .tab-box2 ul li {
      margin-top: 15px;
      overflow: hidden; }
      .tab-box2 ul li span {
        display: block;
        height: 5px;
        width: 5px;
        background: #666666;
        float: left;
        margin-top: 4px; }
      .tab-box2 ul li a {
        display: block;
        float: left;
        color: #666666;
        font-size: 14px;
        margin-left: 10px; }

.dongjian {
  width: 260px;
  height: 400px;
  background: url(/images/nbd_v4/dongjian-bg.png);
  padding: 0 20px;
  margin-top: 40px; }

.text-box1 {
  overflow: hidden; }
  .text-box1 h3 {
    margin: 10px 0; }
    .text-box1 h3 a {
      font-size: 18px;
      line-height: 1.25;
      color: #000; }

.g-column-title {
  overflow: hidden;
  padding-bottom: 5px;
  height: 23px;
  position: relative; }

.title-border {
  width: 100%;
  height: 23px;
  border-bottom: 2px solid #d6d6d6; }

.g-title-text {
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 25px;
  padding-right: 10px;
  background: #FFF;
  color: #cf2118;
  font-size: 24px; }

.g-title-text p {
  float: left; }
  .g-title-text p a {
    color: #004a94; font-size:26px; font-weight:bold; font-family:'Microsoft YaHei' }

.g-title-text span {
  color: #d6d6d6;
  margin-left: 5px;
  font-size: 20px;
  display: block;
  float: left;
  margin-top: 6px; }

.SecondBox {
  width: 100%;
  overflow: hidden;
  margin-top: 20px; }
  .SecondBox .SecondBox-title-v {
    width: 100%;
    height: 36px;
    background: #eaeaea;
    position: relative; }
    .SecondBox .SecondBox-title-v a {
      display: block;
      float: left;
      width: 50%;
      height: 36px;
      text-align: center;
      line-height: 36px;
      font-size: 20px;
      background: #d02618;
      color: #FFF; }
      .SecondBox .SecondBox-title-v a:hover {
        text-decoration: none; }
  .SecondBox .SecondBox-title {
    width: 100%;
    height: 36px;
    position: relative;
    border-right: 1px solid #d02618;
    border-bottom: 2px solid #d02618;
    border-top: 2px solid #d02618;
    border-left: 1px solid #d02618;
    overflow: hidden; }
    .SecondBox .SecondBox-title a {
      display: block;
      float: left;
      width: 150px;
      height: 36px;
      text-align: center;
      line-height: 36px;
      font-size: 20px;
      color: #000;
      border-right: 1px solid #d02618; }
      .SecondBox .SecondBox-title a:hover {
        text-decoration: none; }
    .SecondBox .SecondBox-title .active {
      background: #d02618;
      color: #FFF; }
  .SecondBox .SecondBox-list {
    /* @include height(80px); */
    padding: 16px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    border-top: none; }
    .SecondBox .SecondBox-list .SecondBox-img {
      width: 100%;
      overflow: hidden;
      height: 80px;
      margin-bottom: 15px; }
  .SecondBox .video-img {
    display: block;
    float: left;
    width: 130px;
    height: 80px;
    position: relative; }
    .SecondBox .video-img img {
      width: 130px;
      height: 80px; }
  .SecondBox .picture-img {
    width: 100%;
    height: 148px;
    display: block; }
    .SecondBox .picture-img img {
      width: 100%;
      height: 148px; }
  .SecondBox .picture-a {
    font-size: 18px;
    text-align: left;
    margin: 10px 0;
    line-height: 1.4; }
    .SecondBox .picture-a a {
      color: #020202; }
  .SecondBox .video-title {
    display: block;
    float: left;
    margin-left: 20px;
    font-size: 18px;
    line-height: 1.5;
    color: #020202;
    font-weight: bold;
    text-align: justify;
    width: 112px; }

#SecondBox-list {
  overflow: hidden; }
  #SecondBox-list li {
    overflow: hidden;
    margin-bottom: 16px; }
    #SecondBox-list li:last-child {
      margin-bottom: 0; }
    #SecondBox-list li span {
      float: left; }
    #SecondBox-list li a {
      float: left;
      margin-left: 5px;
      color: #020202;
      font-size: 14px;
      width: 238px;
      height: 16px;
      line-height: 16px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

#v-p {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 30%;
  top: 30%; }

.refresh {
  height: 18px;
  width: 15px;
  background: url("/images/nbd_v4/Sprite.png");
  background-position: -32px 0px;
  display: block;
  float: left; }

.comment {
  height: 16px;
  width: 18px;
  background: url("/images/nbd_v4/Sprite.png");
  background-position: -113px 0px;
  float: left; }

.Timeing {
  height: 16px;
  width: 16px;
  background: url("/images/nbd_v4/Sprite.png");
  background-position: -47px 0px;
  float: left; }


/* slide */

.slide,.slide li{width:765px;height:440px;background-color:#fbfbfb;}
.slide{overflow:hidden;border:1px #ededed solid;position:relative;margin:0px auto 0 auto;}
.slide li{position:absolute;overflow:hidden;display:none;}
.slide li.current{display:block;}
.slide li .image{position:absolute;top:-2px;left:-2px;}
.slide li .text{bottom:0;overflow:hidden;background-color:rgba(0,0,0,0.6);width:148px;float:right;position:relative;height:auto;background:0;filter:none;text-indent:0;margin:15px 10px 0 0;padding:6px 0;}
.slide li .text a{color:#fff;font-size:14px;line-height:17px;float:left;text-decoration:none;}
.slide li img{width:580px;height:440px;}
.slide li .text .title a{font-size:16px;font-weight:700;color:#000;font-family:"微软雅黑","宋体";line-height:22px;text-indent:0; text-decoration:none; }
.slide li .text p{color:#888;font-size:12px;text-indent:0;clear:both;line-height:20px;margin-top:4px;}

.slide .triggers{position:absolute;z-index:1;width:400px;text-align:center;bottom:10px;height:38px;right:0;left:0;padding:0 0 8px;}
.slide .triggers a{font-size:11px;line-height:12px;color:#000;overflow:hidden;border-radius:1px;-webkit-text-size-adjust:none;float:none;width:62px;height:42px;text-align:center;display:inline-block;background:0;margin:0 3px 0 0;}
.slide .triggers a:hover{text-decoration:none;}
.slide .triggers a img{width:58px;height:38px;border:1px #999 solid;vertical-align:middle;opacity:.6;}
.slide .triggers a.current img{border:2px #2fac00 solid;opacity:1;}

.slide .icon-dot{display:inline-block;position:absolute;bottom:20px;right:43px;}
.slide .icon-dot a{width:9px;height:9px;display:inline-block;background-image:url(/images/nav.png);background-repeat:no-repeat;background-position:-1px -1px;overflow:hidden;margin:0 2px;}
.slide .icon-dot a.current{background-position:-1px -12px;}

.slide .link-watch{width:30px;height:44px;display:none;position:absolute;top:170px;background:url(/images/arrow.png) no-repeat 0 -57px;filter:alpha(opacity=60);cursor:pointer;}
.slide .link-watch.pre{left:0;}
.slide .link-watch.next{left:545px;right:0;background-position:right -57px;}
.slide .link-watch.down{background-position-y:-2px;}