.kuaishouBg,.douyinBg,.xiguaBg,.huoshanBg{
    position: relative;
    width: 294px;
    height: 275px;
    background: #FF7700;
    animation: transform 15s 5s ease infinite both alternate;
}
.gn_shortVideo_kuaishou,.gn_shortVideo_douyin,.gn_shortVideo_xigua,.gn_shortVideo_huoshan{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 267px;
    height: 256px;
    /* background: #000; */
    background: url(../image/gn_shortVideo_kuaishou.jpg);
    background-size: 267px auto;
    background-position: center;
    animation: transform 30s ease infinite both alternate;
}
.douyinBg{
    background: #FF004F;
}
.gn_shortVideo_douyin{
    background: url(../image/gn_shortVideo_douyin.jpg);
    background-size: 267px auto;
    background-position: center;
}
.xiguaBg{
    background: #E71A41FF;
}
.gn_shortVideo_xigua{
    background: url(../image/gn_shortVideo_xiguavideo.jpg);
    background-size: 267px auto;
    background-position: center;
}
.huoshanBg{
    background: #E8422BFF;
}
.gn_shortVideo_huoshan{
    background: url(../image/gn_shortVideo_huoshan.jpg);
    background-size: 267px auto;
    background-position: center;
}
.hw-panel_3{
    padding:90px 0 130px 0;
}
.hw-panel_3 .third{
    margin-top: 19px;
    height:18px;
}
.hw-panel_3 .third span {
    transition: all 0.7s 1s ease;
}
.third .o{
    line-height: 12px;
    font-weight: 400;
    color:#90919CFF;
}
.mediaCompany{
    box-sizing: border-box;
    margin:0 auto;
    margin-top:59px;
    width: 1200px;
    /* padding-left:121px; */
}
.mediaCompany ul{
    width:1200px;
    height:690px;
    display: flex;
    justify-content:space-between;
    align-content:space-between;
    flex-wrap:wrap;
}
.mediaCompany ul li{
    box-sizing: border-box;
    padding-left:30px;
    width:390px;
    height:150px;
    background:rgba(37,39,42,.06);
    border-radius:20px;
    opacity: 0;
}
.mediaCompany ul li div{
    height: 100%;
    display: flex;
    align-items: center;
}
.mediaCompany ul li span{
    display: inline-block;
    margin-left:19px;
    color:#2E2F36FF;
    font-size: 28px;
    font-weight:500px;
}
.commonAni2 ul li:nth-child(1),.commonAni2 ul li:nth-child(2),.commonAni2 ul li:nth-child(3){
    animation: fadeliftup 1s .6s ease both;
}
.commonAni2 ul li:nth-child(4),.commonAni2 ul li:nth-child(5),.commonAni2 ul li:nth-child(6){
    animation: fadeliftup 1s .7s ease both;
}
.commonAni2 ul li:nth-child(7),.commonAni2 ul li:nth-child(8),.commonAni2 ul li:nth-child(9){
    animation: fadeliftup 1s .8s ease both;
}
.content{
    width:100%;
    min-height:468px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    background:#573bda;
    overflow: hidden;
  }
  .scene {
    position: absolute;
}
.commonAni2 ul li:nth-child(10),.commonAni2 ul li:nth-child(11),.commonAni2 ul li:nth-child(12){
    animation: fadeliftup 1s .9s ease both;
}
.hw-panel_4{
    padding:90px 0 120px 0;
    background: #F2F2F2FF;
}
.all-media-company{
    margin:0 auto;
    margin-top:49px;
    width:1200px;
}
.all-media-company img{
    opacity: 0;
}
.commonAni2 img:nth-child(1){
    animation: fadeliftup 1s .6s ease both;
}
.commonAni2 img:nth-child(2){
    animation: fadeliftup 1s .7s ease both;
}
.commonAni2 img:nth-child(3){
    animation: fadeliftup 1s .8s ease both;
}
.commonAni2 img:nth-child(4){
    animation: fadeliftup 1s .9s ease both;
}
.commonAni2 img:nth-child(5){
    animation: fadeliftup 1s 1s ease both;
}
.commonAni2 img:nth-child(6){
    animation: fadeliftup 1s 1.1s ease both;
}