.indexcpimg{

      display: flex;

  }

  .y_video{

      width: 100%;

  }

  .y_video video{

      width: 100%;

      height: 100%;

      object-fit: fill;

  }

  .y_provid{

      max-width: 1200px;

      margin: 60px auto 0px;

  }

  .y_provid3{

      display: flex;

      justify-content:space-between; 

      margin-bottom: 35px;

  }

  .y_provid3 h2{

      font-size: 40px;

      color: #333;

      font-weight: 600;

  }

  .y_provid3 a{

      color: #333;

      font-size: 16px;

      border-bottom: 1px solid #333;

      padding-top: 25px;

  }

  .y_provid4{

      margin-bottom: 15px;

  }



.y_provid4 a{

    position: relative;

    display: block;

}



.y_provid4 a img{

    display: block;

}

  .y_provid4 a img:nth-child(2){

      position: absolute;

      top: 50%;

      transform: translate(-50%,-50%);

      left: 50%;

  }

  .y_provid5{

    position: relative;

    display: inline-block;

    margin-right: 2.6%;

    margin-bottom: 50px;

    width: 23%;

    }

    .y_provid5 p{

        font-size: 16px;

        color: #333;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

        overflow: hidden;

    }

  .y_provid6{

      display: flex;

      justify-content:flex-start;

      flex-wrap: wrap;

  }

  .y_provid6 .y_provid5:nth-child(4n){

    margin-right: 0px;

  }

  .y_paging{

      max-width: 1200px;

      margin: 0 auto 50px;

      text-align: right;

  }

  .y_paging2 li{

      display: inline-block;

      padding: 9px 14px 7px;

      border:1px solid #dcdcdc;

      color: #333;

      margin-right: 12px;

  }

  .y_paging2 .y_paging3{

      background: #dcdcdc;

      border: 0px;

  }

  .y_paging2 .y_paging4{

      background: #f0f0f0;

      border: 0px;

  }

  .y_propar{

      max-width: 1200px;

      margin: 50px auto;

  }

  .y_propar h2{

      font-size: 24px;

      color: #000;

      border-bottom: 1px solid #f2f2f2;

      padding-bottom: 20px;

      margin-bottom: 30px;

  }

  .y_propar2 img{

      /*margin-bottom: 50px;*/

	vertical-align:top;

  }

  .y_propar2 p{

      font-size: 14px;

      color: #333;

      letter-spacing: 1px;

      line-height: 28px;

  }

  .y_propar3{

      margin-top: 30px;

      margin-bottom: 30px;

  }

  .y_propar4{

      margin-bottom: 20px;

  }

  .y_propar4 h3{

      font-size: 24px;

      color: #333;

      margin-bottom: 20px;

  }

  .y_propar4 p{

      width: 24px;

      height: 10px;

      background: #f0f0f0;

  }

  .y_propar5 {

      display: flex;

      justify-content:flex-start;

      position: relative;

  }

  .y_propar6 {

      position: absolute;

      top: 50%;

      transform: translate(0,-50%);

      left: 34%;

  }

  .y_propar6 p{

      line-height: 30px;

  }

  .y_propar7 p{

      font-size: 14px;

      color: #333;

      line-height: 30px;

  }

  .y_propar8{

      margin-right: 40px;

  }

  .y_propar8 p{

      font-size: 24px;

      color: #333;

      padding-top: 30px;

  }

  .y_propar9{

      display: flex;

      justify-content:flex-start;

      flex-wrap: wrap;

  }

  .y_pdf{

      max-width: 1200px;

      margin: 0 auto;

      text-align: right;

      margin-top: 50px;

  }

  .y_pdf2 a{

      font-size: 18px;

      color: #fff;

      background: #f0f0f0;

      padding: 16px 19px;

      border-radius: 5px;

  }

  .y_pronew{

      width: 100%;

  }

  .y_pronew img{

      width: 100%;

      display: block;

  }

  .y_pronew2{

      max-width: 1200px;

      margin: 60px auto;

      margin-bottom: 0;

  }

  .y_pronew2 .y_pronew3:nth-child(4n){

    margin-right: 0px;

  }

  .y_pronew3{

      display: inline-block;

      margin-bottom: 50px;

      margin-right: 2.2%;

      width: 23%;

  }

  .y_pronew3>a{

    display: block;

  }

  .y_pronew4 {

      position: relative;


      /*margin-bottom: 10px;*/

  }

  .y_pronew4 img{

    display: block;

    border: 1px solid #f1f1f1;

    width: 100%;

  }

  .y_pronew4 div{

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, 0.5);

    padding: 20px;
	box-sizing:border-box;

  }

  .y_pronew4>div>p{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;  

    overflow: hidden;

    position: relative;

    top: 50%;

    transform: translate(0%,-50%);

    color: #fff;

    text-indent:2em;

    font-size: 14px;

    /*letter-spacing: 3px;*/

    line-height: 24px;

  }

  .y_pronew4:hover div{

      display: block;

  }

  .y_pronew5 p:nth-child(1){
	  margin-top:10px;

      font-size: 20px;

      color: #333;

      margin-bottom: 8px;

      overflow: hidden;

      text-overflow:ellipsis;

      white-space: nowrap;

  }

  .y_pronew5 p:nth-child(2){

      font-size: 16px;

      color: #333;

      margin-bottom: 12px;

      display: -webkit-box;

      -webkit-box-orient: vertical;

      -webkit-line-clamp: 2;

      overflow: hidden;

      line-height: 18px;

      min-height: 36px;
      
      height: 36px;
  }

.y_pronew5aa1{

      background: #990000;

      color: #fff;

      font-size: 16px;

      padding: 18px 0px;

      width: 100px;
	height:30px;

      display: inline-block;

      text-align: center;

  }
  .y_pronew5aa{

      background: #333333;

      color: #fff;

      font-size: 16px;

      padding: 18px 0px;

      width: 100%;

      display: inline-block;

      text-align: center;

  }

  .y_classify{

      width: 100%;

      margin: 20px auto;

  }

  .y_classify3{

      max-width: 100%;

      background: #eee;

      height: 1px;

      position: relative;

      top: 120px;

      z-index: -1;

  }

  .y_classify2{

      display: flex;

      justify-content:flex-start;

      max-width: 1200px;

      margin: 0 auto;

  }

  .y_classify4{

      margin-right: 40px;

      text-align: center;

  }

  .y_classify4 p{

    font-size: 36px;

    color: #333;

  }

  .y_classify6{

      display: flex;

      justify-content: flex-start;

      margin-bottom: 60px;

      flex-wrap: wrap;

  }

  .y_classify6p{

    font-size: 16px;

    color: #666;

    width: 80px;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

  .y_classify7{

    background: #eee;

    border-radius: 50px;

    width: 80px;

    height: 80px;

    overflow: hidden;

    margin-right: 70px;

  }

  .y_classify7 img{

    position: relative;

    left: -26px;

    top: 25px;

      width: 80px;

  }

  .y_classify8 p{

    font-size: 16px;

    color: #333;

    line-height: 30px;

  }

  .y_classify9{

      background: #f0f0f0;

      border-radius: 100px;

      width: 180px;

      height: 180px;

      overflow: hidden;

      margin-top: 20px;

  }

  .y_classify9 img{

    position: relative;

    width: 100%;

  }



  @media only screen and (min-width: 768px) and (max-width: 1200px) {

    .y_provid{

        padding: 0px 10px;

    }

    .y_paging{

        padding: 0px 10px;

    }

    .y_propar{

        padding: 0px 10px;

    }

    .y_pronew2{

        padding: 0px 10px;

    }

    .y_pronew3{

        margin-right: 2%;

    }

    .y_classify{

        padding: 0px 10px;

    }

    .y_classify7{

        margin-right: 18px;

    }

  }

  @media only screen and (min-width: 320px) and (max-width: 500px) {

    .y_provid5 p{

        font-size: 14px;

        color: #333;

    }

    .y_provid4{

      margin-bottom: 8px;

    }

    .y_provid{

        padding: 0px 10px;

        margin: 30px auto 0px;

    }

      .y_provid2{

          margin-top: 20px;

      }

    .y_paging{

        padding: 0px 10px;

    }

    .y_provid3{

        margin-bottom: 20px;

    }

    .y_provid3 h2{

        font-size: 25px;

    }

    .y_provid3 a{

        padding-top: 8px;

    }

    .y_provid5{

        margin-right: 2%;

        margin-bottom: 10px;

        width: 48%;

    }

    .y_provid4 a img:nth-child(1){

        width: 100%;

    }

    .y_paging2 li a{

        font-size: 12px;

    }

    .y_paging2 li{

        padding: 1px 9px 5px;

        margin-right: 0px;

    }

    .y_propar{

        padding: 0px 10px;

    }

    .y_propar5{

        display: inherit;

    }

    .y_propar6{

        position: inherit;

        top: 0%;

        transform: translate(0,0%);

        left: 0%;

    }

    .y_propar3{

        margin-top: 30px;

        margin-bottom: 10px;

    }

    .y_propar4{

        margin-bottom: 10px;

    }

    .y_pdf{

        margin: 30px auto;

        text-align: left;

        margin-top: 50px;

    }

    .y_pdf2 a {

        font-size: 14px;

        padding: 12px 12px;

    }

    .y_propar8 p{

        padding: 10px 0px;

    }

    .y_propar4 h3{

        font-size: 20px;

    }

    .y_propar h2 {

        font-size: 20px;

    }

    .y_pronew2{

        padding: 0px 10px;

        margin-top: 20px;

    }

    .y_pronew3{

        width: 47%;

    }

    .y_pronew4{

        /*margin-bottom: 5px;*/

    }

    .y_pronew5aa{

      padding: 8px 0;

    }

    .y_pronew5 p:nth-child(1) {

        font-size: 18px;

        color: #333;

        margin-bottom: 5px;

    }

    .y_pronew5 p:nth-child(2) {

        font-size: 14px;

        color: #333;

        margin-bottom: 6px;

    }

    .y_pronew4{

        width: 100%;

    }

    .y_pronew4 img{

        width: 100%;

    }

    .y_classify{

      margin-bottom: 10px

    }

    .y_classify5{

      /*position: relative;*/

      padding-bottom: 0px;

      padding-top: 1px;

    }

    .y_classify2{

        display: inherit;

        position: relative;

    }

    .y_classify9{

        margin: 0 auto;

        width: 100px;

        height: 100px;

    }

    .y_classify4 p{

      font-size: 20px;

    }

    .y_classify4{

        margin-right:0px;

        margin-bottom: 20px;

        width: 120px;

    }

    .y_classify3{

        top: 92px;

        display: none;

    }

    

    .y_classify6{

        /*justify-content:center;*/ 

        /*margin-bottom: 20px;*/

        position: absolute;

        width: calc((100vw - 180px));

        left: 150px;

        top: 0px;

        margin-bottom: 0;

    }

    .y_classify7{

        margin-right: 10px;

        margin-bottom: 20px;

        width: 50px;

        height: 50px;

    }

    .y_classify{

        padding: 0px 10px;

    }

    .y_classify6p{

      display: none;

    }

  }

    .clearfix {

        clear: both;

        content: "";

        display: block;

        overflow: hidden;

    }