#wrapperST{ position:absolute; width:100%; height:100vh; left:0; top:0;background:#000;}
.wrapperItemST{ float:left; position:relative; width:calc(100% / 4); height:100%; overflow:hidden; left:100px; filter: Alpha(Opacity=0);-moz-opacity: 0;opacity: 0;}
.wrapperItemBgST{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;filter: Alpha(Opacity=100);-moz-opacity: 1;opacity: 1;transform:scale(1,1);
-ms-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1); 
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.wrapperItemCover{     position: absolute;
    width: 25vw;
    height: 100vh;
    margin-top: 40vh;
    vertical-align: middle;
    left: 0;
    top: 0;
    display: table-cell;
    padding-left: 5%;
    z-index: 2;}
.wrapperItemLogo{ border-bottom: 1px solid #ffffff;
    margin-left: -1px;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 1px;margin-top: 25px;
    width: 5vw;
    display: block;}
.wrapperItemMore{ width:10vw; height:4.5vh; line-height:4.5vh; margin:0 auto; text-align:center;display: none;}
.wrapperItemMore a{ display:block; width:100%; height:100%; border:2px solid #fff; color:#fff; background:rgba(255,255,255,0);transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
.wrapperItemMore a:hover{ background:rgba(255,255,255,1); color:#000;transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}

.wrapperItemST:nth-child(1) .wrapperItemBgST{ background:url(/img/1xl1.jpg) no-repeat center;background-size: cover;}
.wrapperItemST:nth-child(2) .wrapperItemBgST{ background:url(/img/1xl6.jpg) no-repeat center;background-size: cover;}
.wrapperItemST:nth-child(3) .wrapperItemBgST{ background:url(/img/1xl5.jpg) no-repeat center;background-size: cover;}
.wrapperItemST:nth-child(4) .wrapperItemBgST{ background:url(/img/1xl4.jpg) no-repeat center;background-size: cover;}

.wrapperItemST:hover .wrapperItemBgST{filter: Alpha(Opacity=70);-moz-opacity: 0.7;opacity: 0.7;transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1); 
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

.wrapperItemST:hover .wrapperItemMore a{ background:rgba(255,255,255,1); color:#000;transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}



.wrapperItemST:nth-child(1){
	left:100px;
  /*filter: Alpha(Opacity=100);-moz-opacity: 1;opacity: 1;*/
  	transition: all 0.5s 0s;
-ms-transition: all 0.5s 0s;
-moz-transition: all 0.5s 0s;
-webkit-transition: all 0.5s 0s;
-o-transition: all 0.5s 0s;
}
.wrapperItemST:nth-child(2){
	left:100px;
  /*filter: Alpha(Opacity=100);-moz-opacity: 1;opacity: 1;*/
  	transition: all 0.5s 0.3s;
-ms-transition: all 0.5s 0.3s;
-moz-transition: all 0.5s 0.3s;
-webkit-transition: all 0.5s 0.3s;
-o-transition: all 0.5s 0.3s;
}
.wrapperItemST:nth-child(3){
	left:100px;
  /*filter: Alpha(Opacity=100);-moz-opacity: 1;opacity: 1;*/
  	transition: all 0.5s 0.6s;
-ms-transition: all 0.5s 0.6s;
-moz-transition: all 0.5s 0.6s;
-webkit-transition: all 0.5s 0.6s;
-o-transition: all 0.5s 0.6s;
}
.wrapperItemST:nth-child(4){
	left:100px;
  /*filter: Alpha(Opacity=100);-moz-opacity: 1;opacity: 1;*/
  	transition: all 0.5s 0.9s;
-ms-transition: all 0.5s 0.9s;
-moz-transition: all 0.5s 0.9s;
-webkit-transition: all 0.5s 0.9s;
-o-transition: all 0.5s 0.9s;
}
.wrapperItemCover .dbiaoti {
   font-size: 2.5vw;
    line-height: 2.5vw;color:#fff;
    font-weight: bold; 
}
.wrapperItemCover .xbiaoti {
   font-size: 1vw;color:#fff;
    line-height: 3vw;
    margin-bottom: 10px;
}
.prolist_box div .title_list {
    font-size: 1vw;
    line-height: 2vw;
    transition: 0.5s all;
    opacity: 0;
    transform: translateX(-50%);
}
.wrapperItemST .fenlei {
    font-size: 1vw;
    line-height: 2vw;
    transition: 0.5s all;
    opacity: 0;
    transform: translateX(-50%);
}
.wrapperItemST .fenlei span {
        display: block;
    font-size: 14px;
    clear: both;
        line-height: 200%;
    color: #fff;
}
.wrapperItemST .fenlei span a {
    color: #fff;
}
.wrapperItemST .fenlei span a:hover {
    color:#e12112;
}
.wrapperItemST .fenlei span:after {
    content: '- ';
    float: left;
    padding-right: 10px;
}
.wrapperItemST:hover .fenlei {
    opacity: 1 !important;
    transform: translateX(0%) !important;
}

@media only screen and (max-width: 768px){
  .wrapperItemST {
    width: calc(100% / 2);
    height: calc(50vh - 40px);
}
.wrapperItemCover {
    width: 40vw;
    height: 50vh;
    margin-top: 20vh;
}
.wrapperItemCover .dbiaoti {
   font-size: 5vw;
    line-height: 5vw;
}
.wrapperItemCover .xbiaoti {
    font-size: 3vw;
    line-height: 3vw;
}
}