h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

.text .data{right:0; bottom:0; position:absolute;}
.text .data span{color:#b7b7b7; font-size:12px; line-height:14px;}
.text .data .view{padding-left:24px; background:url(images/tubiao.png) -239px -40px no-repeat;}
.text .data .comment{padding-left:21px; background:url(images/tubiao.png) -237px -74px no-repeat; margin-left:20px;}

.tssj{width: 1200px;margin: 0 auto;}
.tssj .tssjNav1{margin:0 14px; width:130px; height:44px; background-image:url(tubiao.png); background-position:-436px -66px;}

.tssj .tssjNav{width:100%; border-bottom:1px solid #e7e7e7;}
.tssj .tssjNav h1{color:#1a1a1a; font-weight:normal; position:relative; line-height:40px; display:inline-block;}
.tssj .tssjNav h1 a{color:#1a1a1a; font-weight:normal;}
.tssj .tssjNav h1:after{content:""; height:2px; width:100%; position:absolute; left:0; bottom:-6px; background-color:#ef3838;}

.tssjList{margin-top:8px;}
.tssjList .tssjItem{float:left; width:350px; padding-left:15px; overflow:hidden; margin-left:55px; position:relative;}
.tssjList .tssjItem .tssjImg{width:330px; height:200px; display:block;}
.tssjList .tssjItem .tssjImg img{width:100%; height:100%;}
.tssjList .tssjItem h1{margin-top:14px;font-size:14px;}
.tssjList .tssjItem h1 a{color:#1f1f1f; font-weight:normal;}
.tssjList .tssjItem p{margin-top:4px; color:#aeaeae; font-size:12px;}

.page-large{margin:40px 0 20px; text-align:center;}
.page-large a{width:34px; height:34px; display:inline-block; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:34px; text-align:center; float:left; text-indent:0; color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 3px;}
.page-large a.on{border:1px solid #ef3838; background:#ef3838; color:#fff;}
.page-large a.none{border:none;}
.page-large .Num:hover{border:1px solid #ef3838; color:#ef3838;}
.page-large .on:hover{border:1px solid #ef3838; color:#fff;}


/*jcspNav*/
.tssj .jcspNav{margin:0; background-image:url(images/tubiao.png); background-repeat:no-repeat; background-position:-436px -126px;}
.jcspList{margin: 0 auto;}
.jcspList .tssjItem{margin-left:15px; width:400px; position:relative;}
.jcspList .tssjItem .tssjImg{width:100%; height:200px; position:relative;}
.jcspList .tssjItem .tssjImg:before{position:absolute; width:400px; height:200px; content:''; background:#000;  fliter: alpha(opacity=30); background:rgba(0,0,0,.3); display:none; top:0; left:0; z-index:1;}
.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:70px;left:160px; background:url(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:70px;left:160px;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);}
}