a.dlink:link {
  color: #fff !important;
  text-decoration: none;}
a.dlink:active {
  color: #fff !important;
  text-decoration: none;}
a.dlink:hover {
  color: #fff !important;
  text-decoration: none;}
a.dlink:hover {
  color: #fff !important;
  text-decoration: none;}

html, body {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;}

.text-22 {
  font-size: 22px;
  font-weight: bold;}

a:hover {
  /* color: #e5111b !important;*/
  text-decoration: none;}

.look-details {
  margin-top: 10px;}
  .look-details a {
    font-size: 14px;
    font-weight: bold;}

.content {
  width: 1200px;
    margin: 0 auto;
padding-top:6px;
}
  .content li {
    cursor: pointer;}
  .content .news {
    overflow: hidden;
    height: 420px;}
    .content .news .news-left {
      float: left;
      width: 750px;
      margin-right: 4px;}
    .content .news .news-right {
      float: right;
      width: 436px;
      padding: 20px 20px;
      background-color: #ffffff;}
      .content .news .news-right .right-text {
        font-size: 16px;
        line-height:23px;
        }
      .content .news .news-right .right-col {
        height: 420px;}
        .content .news .news-right .right-col li {
          padding: 16px 0;
          border-bottom: 1px solid #ddd;
          overflow: hidden;}
          .content .news .news-right .right-col li .right-img {
            float: left;
            width: 80px;
            margin-right: 10px;}
            .content .news .news-right .right-col li .right-img img {
              width: 80px;
              height: 60px;
              margin-right: 0;}
          .content .news .news-right .right-col li .right-text {
            float: left;
            width: 426px;}
            .content .news .news-right .right-col li .right-text h6 {
              font-size: 15px;
              margin-right: 0;
              color: #ff9933;
              line-height: 24px;
              overflow: hidden;
              /*超出的文本隐藏*/
              text-overflow: ellipsis;
              /*溢出用省略号显示              display: -webkit-box;*/
              /*将对象作为弹性伸缩盒子模型显示。*/
              -webkit-box-orient: vertical;
              /*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
              -webkit-line-clamp: 2;}
            .content .news .news-right .right-col li .right-text .news-right-time {
              font-weight: normal;
              color: #c5c5c5;
              font-size: 12px;
              padding-left:5px;}
  .content .train {
    margin-top: 30px;
    overflow: hidden;
    color: #808080;}
    .content .train .train-left {
      float: left;
      margin-right: 4px;
      width: 750px;
      background-color: #ffffff;}
      .content .train .train-left .train-left-top {
        background: url(../image/peixunbg.png) no-repeat;
        color: #ffffff;
        width: 750px;
        height: 70px;
        position: relative;}
        .content .train .train-left .train-left-top .text-22 {
          position: absolute;
          width: 750px;
          height: 60px;
          left: 30px;
          top:20px;
         }
      .content .train .train-left .train-left-body {
        /*padding:20px 20px 0 20px;*/
        padding: 0 20px 0 20px;
        margin-bottom: 0;
        height: 335px;}
        .content .train .train-left .train-left-body li {
          height: 93px;
          border-bottom: 1px solid #dddddd;}
          .content .train .train-left .train-left-body li .near-title {
            overflow: hidden;
            /*超出的文本隐藏*/
            text-overflow: ellipsis;
            /*溢出用省略号显示*/
            display: -webkit-box;
            /*将对象作为弹性伸缩盒子模型显示。*/
            -webkit-box-orient: vertical;
            /*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
            -webkit-line-clamp: 2;
            /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。*/
            color: #ff9933;
            float: right;
            font-size: 12px;
            width: 750px;
            margin: 20px 0 5px 0;}
          .content .train .train-left .train-left-body li .near-img {
            text-align: center;
            margin: 20px 8px 20px 0;
            float: left;}
            .content .train .train-left .train-left-body li .near-img img {
              width: 70px;
              height: 54px;}
          .content .train .train-left .train-left-body li .near-content {
            display: none;}
          .content .train .train-left .train-left-body li .time {
            float: left;
            font-size: 12px;
            color: #ddd;}
          .content .train .train-left .train-left-body li .look-details {
            display: none;}
        .content .train .train-left .train-left-body li.big {
          height: 388px;
          border-bottom: 1px solid #ddd;
          padding-top: 20px;}
          .content .train .train-left .train-left-body li.big .near-title {
            overflow: hidden;
            /*超出的文本隐藏*/
            text-overflow: ellipsis;
            /*溢出用省略号显示*/
            display: -webkit-box;
            /*将对象作为弹性伸缩盒子模型显示。*/
            -webkit-box-orient: vertical;
            /*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
            -webkit-line-clamp: 2;
            /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。*/
            color: #ff9933;
            float: none;
            font-size: 16px;
            width: 700px;
            margin: 0;
           padding-top:20px;
}
          .content .train .train-left .train-left-body li.big .near-img {
            text-align: center;
            margin: 20px 0;
            float: none;}
            .content .train .train-left .train-left-body li.big .near-img img {
              width: 140px;
              height: 108px;}
          .content .train .train-left .train-left-body li.big .near-content {
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;}
          .content .train .train-left .train-left-body li.big .time {
            float: right;
            font-size: 14px;
            margin-top: 0px;}
          .content .train .train-left .train-left-body li.big .look-details {
            display: block;
            margin-top: 6px;
            margin-bottom: 16px}
        .content .train .train-left .train-left-body li:last-child {
          border-bottom: none;}
    .content .train .train-right {
      float: right;
      width: 436px;}
      .content .train .train-right .train-right-top {
        height: 100px;
        padding: 0 30px;
        background-color: #fff;
        position: relative;}
        .content .train .train-right .train-right-top .text-22 {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);}
        .content .train .train-right .train-right-top ul {
          overflow: hidden;
          margin-right: 10px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 10px;}
          .content .train .train-right .train-right-top ul li {
            float: left;
            padding: 8px 20px;
            /*background-color: #e5111b;*/
            margin: 0 10px;
            color: #333;}
      .content .train .train-right .train-right-body {
        margin-top: 4px;
        margin-bottom: 0;
        overflow: hidden;
        min-height: 300px;
       background-color:#ffffff;
       padding-left:10px;
       padding-top:20px;
}
        .content .train .train-right .train-right-body li {
          width: 130px;
          background-color: #fff;
          margin: 0 4px 4px 0;
          float: left;
          height: 120px;
          padding:1px;
          text-align:center;}
          .content .train .train-right .train-right-body li .learn-head {
            height: 134px;
            padding: 30px;}
            .content .train .train-right .train-right-body li .learn-head .learn-time {
              color: #dddddd;
              margin-bottom: 10px;}
            .content .train .train-right .train-right-body li .learn-head .learn-title {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              color: #ff9933;}
          .content .train .train-right .train-right-body li .learn-body {
            height: 180px;}
            .content .train .train-right .train-right-body li .learn-body img {
              width: 100%;
              height: 100%;}
          .content .train .train-right .train-right-body li .learn-foot {
            padding: 20px 30px;}
            .content .train .train-right .train-right-body li .learn-foot .learn-content {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 4;
              font-size: 14px;
              line-height: 24px;
              min-height: 92px;}
        .content .train .train-right .train-right-body li:nth-child(3n) {
          margin: 0 0 4px 0;}
      .content .train .train-right .foot {
        height: 60px;
        text-align: center;
        line-height: 22px;}
        .content .train .train-right .foot div {
          color: #727070;
          background-color: #ffffff;}
  .content .call {
    margin-top: 30px;
    background-color: #ffffff;
    color: #333;}
    .content .call .djt {
      width: 590px;
      padding: 30px;}
      .content .call .djt .djt-head {
        height: 35px;
        line-height: 35px;}
        .content .call .djt .djt-head .text {
          font-size: 22px;}
        .content .call .djt .djt-head .more {
          font-size: 14px;
          color: #dddddd;}
      .content .call .djt ul {
        margin-bottom: 0;}
        .content .call .djt ul li {
          height: 120px;
          padding: 20px 0 19px 0;
          border-bottom: 1px solid #dddddd;
          position: relative;}
          .content .call .djt ul li img {
            width: 104px;
            height: 80px;
            float: left;}
          .content .call .djt ul li .djt-center {
            float: left;
            width: 292px;
            margin: 0 30px;}
            .content .call .djt ul li .djt-center .title {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              color: #ff9933;}
            .content .call .djt ul li .djt-center .time {
              font-size: 14px;
              margin-top: 15px;
              color: #dddddd;}
          .content .call .djt ul li .djt-right {
            height: 36px;
            line-height: 36px;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            float: right;
            width: 74px;
            background: url(../image/xiangqingbg.png) no-repeat;
            text-align: center;
            font-size: 14px;}
        .content .call .djt ul li:last-child {
          border-bottom: none;}
    .content .call .about .left {
      width: 300px;}
      .content .call .about .left .left-text .about-head {
        height: 80px;
        background-color: #e5111b;
        color: #fff;
        font-size: 22px;
        line-height: 80px;
        text-align: center;}
      .content .call .about .left .left-text .about-body {
        height: 372px;
        padding: 30px;
        background-color: #f6f6f6;}
        .content .call .about .left .left-text .about-body p:first-child {
          color: #e5111b;
          font-size: 16px;
          margin-bottom: 20px;}
        .content .call .about .left .left-text .about-body p:last-child {
          font-size: 14px;
          color: #333333;
          line-height: 24px;}
      .content .call .about .left img {
        width: 100%;
        height: 212px;}
    .content .call .about .right {
      width: 310px;
      background-color: #f0f0f0;}
      .content .call .about .right .contact {
        height: 360px;
        padding: 20px 30px;
        font-size: 14px;
        background-color: #ffffff;}
        .content .call .about .right .contact div {
          margin: 10px 0;}
          .content .call .about .right .contact div span {
            padding-left: 25px;}
        .content .call .about .right .contact img {
          width: 250px;
          height: 130px;}
      .content .call .about .right .need {
        height: 330px;
        margin-top: 4px;
        padding: 0 30px;
        background-color: #ffffff;}
        .content .call .about .right .need .text-22 {
          padding-top: 20px;}
        .content .call .about .right .need ul li {
          padding: 17px 0 16px 0;
          border-bottom: 1px solid #dddddd;
          font-size: 14px;
          color: #333;
          cursor: pointer;}
        .content .call .about .right .need ul li:last-child {
          border-bottom: none;}
        .content .call .about .right .need ul li:hover {
          color: #e5111b;}