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

.p_MatteIcon .iconfont:before{
content:'\e602';
}
 >div{
animation-fill-mode:both;
}
.dt_nr {
    float: left;
    width: 100%;
}
 .runpic-box{
width:100%;
overflow:hidden;
position:relative;
}
 .runpic-words{position:absolute;width:100%;top: 0%;left:50%;transform:translateX(-50%);z-index:3;}
 .runpic-words ul li{width: calc(100% / 5);float:left;text-align:center;height: 1000px;/* padding-top: 30%; */border-right: #a5a5a5 1px solid;display: flex;align-items:center;}
 .runpic-words ul li img{
display:block;
margin:0 auto;
-webkit-transition:all 1s;
-o-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
 .runpic-words ul li h6{font-size: 22px !important;color:#fff;margin-top: 82px;font-weight: 100;}
 .runpic-words ul li p{
font-size:16px;
color:#fff;
text-transform:capitalize;
margin-top:10px;
font-family:'SOURCEHANSANSCN-LIGHT_0';
}
 .runpic-words ul li:hover img{
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
transform:rotateY(180deg);
}
 .runpic-line-null{position:absolute;width:100%;height:1px;background-color:rgba(255, 255, 255, .1);left:0;top:62%;z-index:4;display: none;}
 .runpic-line{position:absolute;width:10%;height:1px;background-color:#b6b5aa;left:0;display: none;top:62%;z-index:4;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s;}
 .runpic-pic{width:100%;overflow:hidden;position:relative;z-index:1;height: 1000px;background-color:#b6b5aa;}
 .runpic-pic ul li{width:100%;height: 1000px;display:none;background-repeat:no-repeat !important;/* background-attachment:fixed !important; */position:absolute;-o-background-size:cover;background-size: cover !important;top:0%;left:0%;    background-position: center top !important;}
 .runpic-pic-true{
-webkit-animation:toPicBig 1s ease-in-out both;
-moz-animation:toPicBig 1s ease-in-out both;
-o-animation:toPicBig 1s ease-in-out both;
animation:toPicBig 1s ease-in-out both;
}
@-webkit-keyframes toPicBig{
0% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes toPicBig{
0% {
    -moz-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes toPicBig{
0% {
    -o-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes toPicBig{
0% {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
 .runpic-pic-shade{
position:absolute;
z-index:2;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .4);
-webkit-transition:all 2s;
-o-transition:all 2s;
-moz-transition:all 2s;
transition:all 2s;
}
 .runpic-words-pic{
height:42px;
}