@charset "utf-8";
/* CSS Document */



/*tssj*/
.tssj{}
.tssj .tssjNav{margin:0 14px; width:130px; height:44px; background-image:url(/r/cms/hlxy/hlxy/images/tubiao.png); background-position:-436px -66px;}
.tssjList{margin-top:8px;}
.tssjList .tssjItem {
    float: left;
    width: 22.5%;
    padding: 15px;
    height: 230px;
    overflow: hidden;
    margin-left: 55px;
    position: relative;
    text-align:left;
}
.tssjItem a img {
    width: 100%;
      height: 180px;
}
.tssjItem a {
    color: #333333;
}
.pic_title {
    width: 94%;
    height: 20px;
   padding: 5px 0;
    overflow: hidden;
   text-overflow: ellipsis;
    white-space: nowrap;
}
.tssjList .tssjItem .tssjImg{width:330px; height:200px; display:block;}
.tssjList .tssjItem .tssjImg img{width:100%; height:100%;}
.tssjList .tssjItem h1{margin-top:14px;}
.tssjList .tssjItem h1 a{color:#1f1f1f; font-weight:normal;}
.tssjList .tssjItem p{color:#262424; font-size:12px;}
.biankuang{width: 3px;height: 3px;position: absolute;z-index: 99;border-radius:10px;}
.biankuang_1{height: 3px;top: -6px;left:0px;border-left: 3px solid #ef3838;}
.biankuang_2 {width: 0px;bottom:-3px;left: 0px;border-top: 3px solid #ef3838;}
.biankuang_3{height: 0px;bottom:0px;right:0px;border-right: 3px solid #ef3838;}
.biankuang_4{width:0px;top:-3px;right:0px;border-bottom: 3px solid #ef3838;}


/*jcspNav*/
.tssj .jcspNav{margin:0; background-image:url(/r/cms/hlxy/hlxy/images/tubiao.png); background-repeat:no-repeat; background-position:-436px -126px;}
.jcspList{margin-top:16px;}
.jcspList .tssjItem {
    padding: 0;
    margin-left: 75px;
    width: 29%;
    margin-bottom: 30px;
    position: relative;
    padding:0 25px;
}
.jcspList .tssjItem .tssjImg{width:100%; height:180px; position:relative;}
.jcspList .tssjItem .tssjImg:before{position:absolute; width:100%; height:180px; content:''; background:#000;  fliter: alpha(opacity=30); background:rgba(0,0,0,.3); display:none; top:0; left:0; z-index:999;}
.jcspList .tssjItem #caseBlanche{display:none;}
.jcspList .tssjItem:hover #caseBlanche, .jcspList .tssjItem:hover .tssjImg:before{display:block;}
.jcspList .tssjItem #load{height:62px;width:62px;position:absolute;top:59px;left:164px; background:url(/r/cms/hlxy/hlxy/images/video-load.png) center center no-repeat; z-index:2;}
.jcspList .tssjItem #test{height:8px;width:8px;position:absolute;background-color:#fff;border-radius:50%;top:0px;left:10px; z-index:2;}
.jcspList .tssjItem #rond {height:60px;width:60px;border:1px solid #fff;border-radius:50%;position:absolute;top:60px;left:164px;animation:rond 2s infinite;-webkit-animation:rond 2s infinite; z-index:2;}
@keyframes rond {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
@-webkit-keyframes rond {
  0% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}