﻿.w {
    padding: 0 100px;
}
.my-banner {
    width: 100%;
    background: url(../img/bb11.jpg) no-repeat center;
    background-size: cover;
    height: 450px;
    border-top: 2px solid #fff;
     border-bottom: 2px solid #fff;
}

.my-body {
    background: url(../img/bg11.jpg) no-repeat top;
    background-size: cover;
}


/*导航栏*/
.navbar_box {
    display: flex;
    justify-content: space-between;
    height: 100px;
    background-color: rgba(255,255,255,.5);
    /*background-color: #fff;*/
    align-items: center;
    
}
.navbar_box a {
    color: #fff;
}

.my-logo {
    width:280px;
    /*height: 300px;*/
    /*background-color: #fff;*/
    margin-left: 30px;
}

.my-logo img {
    width: 100%;
    height: 100%;
}



/*footer*/

.my-footer {
    width: 100%;
    height: 200px;
    /*background-color: #fff;*/
    background-color: rgba(255,255,255,.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    padding-left: 350px;
    /*line-height: 41px;*/
}

.my-footer a {
    font-weight: bold;
    color: #fff;
}



.my-footer-logo {
    width:230px;
    /*height: 220px;*/
    position: absolute;
    /*top: -18/px;*/
    left: 32px;
}

.my-footer-logo img {
    width: 100%;
    height: 100%;
}




/*资讯--------------------*/
.yc {
    width: 100%;
    position: relative;
     background-color: #f0f0f0;
     text-align: left;
}

.yc .banner {
    width: 100%;
    height: 450px;
    margin-bottom: 30px;
}


.yc .banner img {
    width: 100%;
    height: 100%;
}

.yc .w {
    width: 1226px;
    margin: 0 auto;
    /*height: 700px;*/
    padding: 0!important;
   
}


.s2 {
    width: 100%;
      height: 400px;
       margin: 50px auto;
        box-sizing: border-box;
}
.s2 .s2-title {
     width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        font-weight: bold;
        
        border-left: 6px solid #ff6600;
        box-sizing: border-box;
        background-color: #fff;
}

.s2 .s2-title span {
     margin-left: 30px;
}


.s2  .s2-con {
     width: 100%;
        height: 340px;
         display: flex;
        justify-content: space-between;
}

.s2  .s2-con .s2-1 {
     width: 70%;
          height: 100%;
}
.s2  .s2-con .s2-1  .s2-item {
    width: 409px;
            height: 150px;
            background-color: #fff;
            float: left;
            margin: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px;
            box-sizing: border-box;
}
.s2  .s2-con .s2-1  .s2-item  img {
    width: 100px;
              height: 100px;
}
.s2  .s2-con .s2-1  .s2-item .s2-info {
    width: 250px;
              height: 100px;
}

.s2  .s2-con .s2-1  .s2-item .s2-info .s2-t {
    font-size: 14px;
     font-weight: bold;
     width: 100%;
     overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.s2  .s2-con .s2-1  .s2-item .s2-info .s2-brief {
     font-size: 12px;
                color: #8a8686;
                margin: 20px auto;
                white-space: nowrap;
                overflow: hidden; 
                text-overflow: ellipsis; 
}

 .s2-2  {
      width: 30%;
          height: 100%;
          background-color: #fff;
          text-align: center;
 }

 .s2-2  img {
      width: 250px;
            height: 250px;
             margin: 20px auto;
            display: block;
 }


.s2-2 span {
     text-align: center;
            font-size: 16px;
            font-weight: bold;
}



.index-con {
     width: 100%;
     margin-top: 60px;
     display: flex;
     justify-content: space-between;
}

.index-con .index-l {
    width: 70%;
        height: 100%;
        background-color: #fff;
        padding-left: 20px;
        box-sizing: border-box;
}
.index-con .index-l .index-title {
    width: 100%;
          height: 60px;
          border-bottom: 1px solid #ccc;
          display: flex;
          align-items: center;
}

.index-con .index-l .index-title h2 {
    cursor: pointer;
}
.index-con .index-l .index-title span {
     font-size: 16px;
            margin-right: 25px;
            color: #797c80;
            cursor: pointer;
            font-weight: 500;
}
.index-con .index-l .index-title span:hover {
    color: #1985ff;
}

.index-con .index-l .list-item {
    width: 100%;
          height: 300px;
          border-bottom: 1px solid #cfcfcf;
           display: flex;
          justify-content: space-between;
          align-items: center;
}
.index-con .index-l .list-item .item-img {
      width: 33%;
            height: 100%;
            text-align: center;
}

.index-con .index-l .list-item .item-img img {
    width: 100%;
              height: 220px;
              margin-top: 56px;
}

.index-con .index-l .list-item  .item-info {
     width: 65%;
}

.index-con .index-l .list-item  .item-info .item-title  {
    font-size: 21px;
              transition: all 0.2s;
              cursor: pointer;
}
.index-con .index-l .list-item  .item-info .item-title:hover {
    color: #1985ff;
}
.index-con .index-l .list-item  .item-info .item-time {
    font-size: 16px;
              color: #666;
              margin: 15px auto;
}
.index-con .index-l .list-item  .item-info  .item-jj {
    font-size: 14px;
              line-height: 35px;
              overflow: hidden;
              text-overflow: ellipsis;
               width: 400px;
}


.index-r {
     width: 30%;
        height: 100%;
        background-color: #fff;
        margin-left: 20px;
}
.index-r .r-title {
     width: 100%;
          height: 60px;
          padding: 0 15px;
          box-sizing: border-box;
          border-bottom: 1px solid #1985ff;
           display: flex;
          justify-content: space-between;
          align-items: center;
}

.index-r .r-title span {
    font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            font-weight: bold;
}


.index-r .r-title span:nth-child(2) {
    transition: all 0.2s;
              font-size: 12px;
}
.index-r .r-title span:nth-child(2):hover {
     color: #1985ff;
}

.index-r  .r-item {
     width: 100%;
          height: 240px;
          margin: 20px auto;
          padding: 20px;
          box-sizing: border-box;
}

.index-r  .r-item .r-time {
     width: 100%;
            display: flex;
}

.index-r  .r-item .r-time .r-rd {
    width: 8px;
              height: 8px;
              border-radius: 50%;
              background-color: #1985ff;
              margin-right: 15px;
}

.index-r  .r-item .r-time span {
    font-size: 12px;
    color: #999999;
}


.index-r  .r-item .r-name {
    padding-left: 22px;
            box-sizing: border-box;
            margin: 15px 0;
}

.index-r  .r-item .r-name h2 {
    font-size: 18px;
              font-weight: 300;
}

.index-r  .r-item .r-jj  {
    padding-left: 22px;
            box-sizing: border-box;
}

.index-r  .r-item .r-jj  p {
    font-size: 14px;
              color: #797c80;
}




























