.clearfix {
      display: block; clear: both; overflow: hidden;

  }

  body {
      background: #faf1ec url(hsn24083001.jpg) 50% 56px no-repeat;
  }

  .banner1 {
      height: 556px;
  }

  .part1 {
      width: 1200px;
      margin: auto;
      margin-top: 50px;
  }


  .lmbox {
      width: 492px;
      height: 51px;
      margin: 60px auto 30px;
  }

  .lmbox img {
      width: 100%;
      height: auto;
  }



  .tp_list {
      width: 100%;
  }

  .tp_list li {
      width: 285px;
      height: 228px;
      float: left;
      position: relative;
      margin-left: 13px;
  }

  .tp_list li img {
      width: 285px;
      height: 160px;
  }

  .tp_list li p {
      text-align: center;
      font-size: 18px;
      color: #333;
      margin-top: 15px;
  }

  .tp_list li p a {
      color: #333;
  }


  .part2 {
      width: 1213px;
      margin: auto;
  }

  .tp_list2 {
      width: 100%;
  }

  .tp_list2 li {
      width: 580px;
      height: 374px;
      float: left;
      position: relative;
      margin-bottom: 25px;
      margin-left: 13px;
  }

  /* .tp_list2 li+li {
      margin-left:20px;
  } */

  .tp_list2 li img {
      width: 580px;
      height: 327px;
  }

  .tp_list2 li p {
      text-align: center;
      font-size: 18px;
      color: #333;
  }

  .tp_list2 li p a {
      color: #333;
  }


  .more {
      font-size: 16px;
      color: #666;
      position: absolute;
      right: 0px;
      top: 29px;
  }

  .more a {
      color: #666;
  }

  .ty_list1 {
      width: 100%;
  }

  .ty_list1 li {
      border-bottom: 1px dashed #bcbcbc;
      color: #333;
      line-height: 30px;
      font-size: 18px;
      padding: 0 15px 13px;
      position: relative;
      margin-bottom: 13px;
  }

  .ty_list1 li a {
      color: #333;
  }

  .ty_list1 li:before {
      content: "";
      width: 4px;
      height: 4px;
      background: #db2223;
      border-radius: 100%;
      position: absolute;
      top: 14px;
      left: 0;
  }



  .part1-left {
      width: 580px;
      height: 327px;
      position: relative;
      float: left;
  }

  .part1-left .swiper-container {
      width: 580px;
      height: 327px;
  }

  .part1-left .picTitle {
      position: relative;
      width: 580px;
      height: 327px;
      overflow: hidden;
  }

  .part1-left .picTitle .img img {
      width: 580px;
      height: 327px;
      display: block;
  }

  .videoPart {
      width: 580px;
      height: 327px;
      background: #333;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 50;
  }

  .videoPart iframe {
      width: 580px;
      height: 327px;
  }

  .mul-play {
      position: absolute;
      width: 39px;
      height: 39px;
      bottom: 17px;
      left: 10px;
      display: none;
      cursor: pointer;
      z-index: 999;
  }

  .mul-play img {
      width: 100% !important;
      height: 100% !important;
  }

  .videoPart .videoPart-close {
      width: 22px;
      height: 22px;
      position: absolute;
      top: 0;
      right: -22px;
      z-index: 50;
      background: url(hsn24090206.png) no-repeat;
      cursor: pointer;
      background-size: 100% auto;
  }
/* 
  .part0 {
      width: 1200px;
      margin: auto;
      height: 316px;
      background: url(2023hsn_bg05.png) no-repeat;
  }

  .part0 .nr {
      padding: 90px 50px 0;
  }

  .part0 h2 {
      color: #0085d7;
      font-size: 20px;
      line-height: 30px;
      margin-top: 20px;
      text-align: center;
  }

  .part0 h2 a {
      color: #0085d7;
      font-size: 20px;
  }

  .part0 p {
      color: #333;
      font-size: 17px;
      line-height: 30px;
      margin-top: 20px;
      text-indent: 2em;
  }

  .part0 p a {
      color: #333;
  } */

  .foot {
      margin-top: 20px;
  }

  .cloum01{width: 620px; float: left;}
  .foucua02 {
      width:620px;
      overflow: hidden;
      height: 430px;
      position: relative;
  }

  .img-title {
      line-height: 40px;
      font-size: 16px;
      height: 40px;
      color: #FFFFFF;
      letter-spacing: 0;
      position: absolute;
      padding-left: 10px;
      bottom: 0;
      left: 0;
      z-index: 5;
  }

  .img-title a {
      color: #fff;
  }

  .foucua02 img {
      display: block;
      width:620px;
      height:430px;
  }

  .foucua02 ul li {
      padding: 0;
      background: none;
  }

  .num01 {
      position: absolute;
      right: 5px;
      bottom:10px;
  }

  .foucua02 .num01 li {
      padding: 0;
      float: left;
      width:10px;
      height:10px;
      border-radius: 50%;
      background: #fff;
      margin-right: 5px;
      cursor: pointer;
  }

  .foucua02 .num01 .on {
      background: #ff503a;
  }

  .foucua02 .img-box p,
  .tit-bg {
      background: #000;
      opacity: 0.5;
      filter: alpha(opacity=50);
  }

  .foucua02 .img-box p,
  .img-tit,
  .tit-bg {
      height: 40px;
      width:620px;
      position: absolute;
      bottom: 0;
      left: 0;
  }
  .cloum02{width: 580px;float: right;}
  .bgF{background: #fff;overflow: hidden;padding: 20px;height: 430px;}
  .sdtit img{display: block;}
  .jt-hot{padding: 10px 0;font-size: 20px; line-height: 32px; color: #0085d7}
.jt-hot a{color: #0085d7}
.jt-sum p{font-size: 18px;line-height:30px; color: #333; text-indent: 2em; padding-bottom: 15px;}
.jt-sum{text-indent: 2em; }


.hr_50{height: 50px;}


.tp_list2 {
    overflow-y: scroll;height: 780px;
}
.tp_list2::-webkit-scrollbar,.part3::-webkit-scrollbar {
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.tp_list2::-webkit-scrollbar-thumb ,.part3::-webkit-scrollbar-thumb{
    /*滚动条里面小方块*/
    border-radius: 10px;
    background-color: #f77c3b;;
}
.tp_list2::-webkit-scrollbar-track,.part3::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #e4dcd7;
    border-radius: 10px;
}

  .part3 {
      margin: auto;width: 1213px;
      margin-top: 20px;
    overflow-y: scroll;
        height: 900px;
  }
  .cloum03{width: 582px;}
  .fl{float: left;}
   .fr{float: right;}
   .imgS img{display: block;}