body{
	margin: 0;
    padding: 0;
    background: #f2f2f2;
    font-size: 100%;
    font-family: PingFangSC-Regular,PingFang SC,Segoe UI,Arial,Microsoft Yahei,Microsoft Yahei In-Bold,Apple LiGothic Medium;
    color: #1a1a1a;
    width: 100%;
    height: 100%;
}
a{
	margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}
ul {
    padding: 0;
    margin: 0;
}
li{
	list-style:none
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, mark, menu, nav, object, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
.first-layout{
	position: relative;
    height: 100vh;
    overflow: auto;
}
.first-layout .heda{
	position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
}
.first-layout .heda .header{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
.header .page-header{
	height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #151536;
}
.header .page-nav{
	height: 120px;
    background: #fff;
}
.first-layout .main{
    position: relative;
	min-height: 100%;
    padding-bottom: 20px;
}
.main .main-box{
	margin: 0 auto;
    width: 1200px;
    padding: 20px 0;
}

.main .detail .content{
	width: 100%;
    height: 450px;
    overflow: hidden;
}
.obox{
  width:100%;
  height:450px;
  background: white;
  margin-top:12px;
  position:relative;
}
  .obox ul{
    width:228px;
    height:450px;
    background:#4D4D4D;
    float: left;
    position: relative;
}
   .obox ul li{
      width:228px;
      height:60px;
      line-height: 58px;
      margin-top:4px;
      color:white;
      font-size:16px;
    }
     .obox ul li span{
        cursor:pointer;
        padding-left: 40px;
      }
      .obox ul div{
        width:972px;
        height: 450px;
        background: #FFF;
        position:absolute;
        z-index: 10;
        top:0;
        left:228px;
        
      }
     .obox ul div span{
          margin-left:25px;
          color:black;
        }
   .obox ul li:hover{
        background:#4f99c2;
    }
    .item{
        display: none;
    }
    .block{
    float: right;
    width:972px;
    height: 450px;
}
.swiper-container,.swiper-wrapper,.swiper-slide{
    width:972px;
    height: 450px;
}
.swiper-slide img{
    width: 100%;
    height: 100%;
}
.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.lump{
    width:100%;
    height:350px;
    background: #F5F5F5;
    margin-top:12px;
}
    .lump-one{
      width:100%;
      height:50px;
      background: #f2f2f2;
      overflow: hidden;
    }
    .lump-one p{
        float: left;
        color:#666666;
        font-size:22px;
        line-height: 50px;
      }
     .lump-one ul{
        float: right;
        height:50px;
        line-height: 50px;
        margin-right: 10px;
        background: #f2f2f2;
    }
       .lump-one ul li{
          float:left;
        }
        .lump-one ul li a{
          width:32px;
          height:16px;
          color:#666666;
          
      }
     .lump-one ul:hover a{
        color: skyblue;
        cursor: pointer;
      }
    .lump-two{
      width:100%;
      height:300px;
      background-color:#f2f2f2;
    }
      .lump-son:hover{
        -webkit-box-shadow: #666 0px 10px 10px;
        -moz-box-shadow: #666 0px 10px 10px;
        box-shadow: #666 0px 0px 15px;
      }
      .lump-son{
        width:19%;
        height:300px;
        background: white;
        float: left;
        left: 0;
        clear:both;
        cursor: pointer;
        border:1px solid #666666;
        background:#f2f2f2;
        border-radius:20px 20px;
    }
        .lump-son img{
          width:188px;
          height:164px;
          background:rgba(255,255,255,1);
          margin-top:20px;
          margin-left:20px;
        }
        .lump-son p{
         width:168px;
          height:82px;
          font-size:14px;
          font-family:PingFangSC-Regular,PingFang SC;
          font-weight:400;
          color:#9b9b9b;
          line-height:20px;
          background: #f2f2f2;
          margin-left:30px;
          overflow : hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }
      
      .rbox{
        height:300px;
        width:80%;
        float: left;
    }
         .rbox ul{
          background: #F5F5F5;
          height:300px;
          width:23%;
          float: left;
          margin-left: 15px;
        }
         .rbox ul li:hover{
            -webkit-box-shadow: #666 0px 10px 10px;
            -moz-box-shadow: #666 0px 10px 10px;
            box-shadow: #666 0px 0px 15px;
          }
         .rbox ul li{
            width:100%;
            height:300px;
            background:white;
            overflow: hidden;
            cursor: pointer;
            float:left;
        }
           .rbox ul li img{
              width:188px;
              height:134px;
              background:white;
              margin-top:30px;
              margin-left:20px;
            }
           .rbox ul li h3{
              width:188px;
              height:20px;
              font-size:20px;
              font-family:PingFangSC-Regular,PingFang SC;
              font-weight:400;
              color:#9b9b9b;
              line-height:20px;
              margin-top:20px;
              margin-left:20px;
              line-height: 20px;
              text-align: center;
              background-color:white;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
            }
           .rbox ul li p{
              width:188px;
              height:40px;
              font-size:14px;
              font-family:PingFangSC-Regular,PingFang SC;
              font-weight:400;
              color:#9b9b9b;
              line-height:20px;
              margin-top:16px;
              margin-left:20px;
              background-color:white;
              text-align: center;
              overflow : hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }