@charset "utf-8";
.banner{
    position: relative;
}
.banner .banner_text {
    position: absolute;
    color: #fff;
    left: 50%;
    top: 25%;
    text-align: center;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate( -50%, -50%);
}
.banner_t1{
    font-size: 55px;
}
.banner_t2{
    padding: 5px 20px 5px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
    /* background-color: rgb(181,153,106); */
}
.detail_path_base{
    border-bottom: 2px solid rgb(217,217,217);
}
.detail_path_right{
    display: flex;
}
.detail_path_right a {
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
}
.detail_path_right a:hover {
    color: #fff;
    background-color: rgb(51, 51, 51);
}
.detail_path_c1 span {
    font-size: 18px;
    line-height: 79px;
}
.detail_path_c1 a{
    color: rgb(181, 153, 106);
}
.detail_c1_bg {
    display: inline-block;
    margin-top: -1px;
    height: 35px;
    width: 35px;
}
.detail_item {
    margin: 0 15px;
    font-size: 16px;
    height: 35px;
    width: 100px;
}
.detail_path_right .active{
  background-color: rgb(51,51,51);
  color: #fff;
}
/*工地的详情页*/
.root{
    position: relative;
    top: -175px;
    margin: 0 auto;
    width: 1200px;
    display: flex;
  }
  .main_header {
      height: 475px;
      width: 100%;
      padding: 0 30px;
      background-color: #fff;
  }
  .art_title {
      display: block;
      padding: 30px 0 25px;
      font-size: 25px;
      border-bottom: 1px solid #ccc;
  }
  .art_introduce {
    display: flex;
    justify-content: space-between;
  }
  .art_l {
      width: 660px;
      height: 100%;
  }
  .art_r {
    position: relative;
    margin-left: 20px;
    padding: 30px 40px 40px 30px;
    width: 460px;
    background-color: rgb(230, 230, 230);
    height: 100%;
  }
  .art_r .line {
      display: block;
      margin: 20px 0 50px;
      width: 50px;
      border-bottom: 2px solid rgb(128, 128, 128);
  }
  .art_r p {
      font-size: 26px;
  }
  .art_r .a {
      font-size: 16px;
  }
  .info_box {
      position: absolute;
      display: flex;
      bottom: 40px;
      right: 55px;
      line-height: 18px;
  }
  .info_box img {
      margin: 0 10px 0 20px;
  }
  .art_introduce {
      margin: 22px 0 27px;
      height: 337px;
  }
  .hot {
      display: inline-block;
      margin-right: 10px;
      padding: 4px 10px;
      color: #fff;
      background-color: rgb(180, 180, 180);
  }
  .left {
    width: 866px;
  }
  .content {
      margin-right: 20px;
  }
  .art_list {
      background-color: rgb(242, 242, 242);
  }
  .list_tit {
      margin: 30px 0;
      padding: 30px 10px;
      font-size: 30px;
      font-weight: 700;
      border: 1px solid rgb(153, 153, 153);
  }
  .list_item {
      display: flex;
      height: 300px;
      margin-bottom: 25px;
      background-color: #fff;
      border: 1px solid rgb(204, 204, 204);
  }
  .item_l {
      position: relative;
      overflow: hidden;
      width: 410px;
  }
  .item_r {
      position: relative;
      padding: 0 30px;
      flex: 1;

  }
  .item_tlt {
      padding: 30px 0 20px 0;
      font-size: 26px;
      border-bottom: 1px solid rgb(191, 191, 191);
  }
  .item_tlt a:hover {
      color: rgb(181, 153, 107);
  }
  .item_con {
      margin-top: 50px;
      font-size: 16px;
  }
  .item_con a {
    color: rgb(149, 149, 149);
  }
  .item_infobox {
    position: absolute;
    width: 727px;
    bottom: 43px;
  }
  .item_c {
    display: flex;
    font-size: 16px;
    color: rgb(149, 149, 149);
    justify-content: space-between;
  }
  .item_tool {
      line-height: 18px;
  }
  .item_tool span{
    display: inline-block;
    margin: 0 10px;
    vertical-align:middle;
  }
  .shadow {
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      cursor: pointer;
      background: rgba(0,0,0,0);
      transition:background-color .3s;
  }
  .shadow:hover{
      background: rgba(0,0,0,0.5) url("http://a.yzf.dk/static/yzf/img/article/play_icon.png") no-repeat center center;
  }
  .item_bg {
      height: 100%;
      background: url("http://a.yzf.dk/static/yzf/img/article/guide_model_02.jpg");
  }
  .art_l_bg {
      position: relative;
      height: 100%;
  }
  .art_l_bg>video {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: fill;
      cursor: pointer;
  }
  .art_l_bg .shadow {
      position: absolute;
      top: 0;
      cursor: pointer;
  }
  .more {
      margin: 0 auto;
      font-size: 22px;
      color: rgb(181, 181, 181);
      text-align: center;
      width: 200px;
      height: 110px;
      background: url("http://a.yzf.dk/static/yzf/img/article/downarrow_icon.png") no-repeat center bottom;
  }