@charset "utf-8";
/*--------------------图片动画01-------------------*/
@keyframes move01
{
  0% {
    transform:translateY(0);
  }
  100%{
   transform:translateY(50px);
  }
}
@-webkit-keyframes move01
{
  0% {
    -webkit-transform:translateY(0);
  }
  100%{
    -webkit-transform:translateY(50px);
  }
}
@-ms-keyframes move01
{
  0% {
    -ms-transform:translateY(0);
  }
  100%{
    -ms-transform::translateY(50px);
  }
}
@-moz-keyframes move01
{
  0% {
    -moz-transform::translateY(0);
  }

  100%{
    -moz-transform::translateY(50px);
  }
}
/*--------------------图片动画02-------------------*/
@keyframes move02
{
  0% {
    transform:translateY(0);
  }
  100%{
   transform:translateY(-100px);
  }
}
@-webkit-keyframes move02
{
  0% {
    -webkit-transform:translateY(0);
  }
  100%{
    -webkit-transform:translateY(-100px);
  }
}
@-ms-keyframes move02
{
  0% {
    -ms-transform:translateY(0);
  }
  100%{
    -ms-transform::translateY(-100px);
  }
}
@-moz-keyframes move02
{
  0% {
    -ms-transform::translateY(0);
  }

  100%{
    -ms-transform::translateY(-100px);
  }
}
/*-----------------动画样式部分结束----------------------------*/
.ott_container{
height:auto;
}
/*------------------以下为大能手图片展示-------------------*/
.business_mlzg{
width:100%;
height:100%;
background:#00aeef;
min-width:1300px;
}
.mlzg_detail{
width:1300px;
margin:0 auto;
min-height:800px;
height:100%;
}
.img_align_01{
position:relative;
top:150px;
float:left;
}
.business_mlzg:hover .img_align_01 img{
 -webkit-animation-name:move01;
  -webkit-animation-duration:2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay:0.2s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-name:move01;
  -moz-animation-duration:2s;
  -moz-animation-timing-function: ease;
  -moz-animation-delay:0.2s;
  -moz-animation-iteration-count:1;
  -moz-animation-fill-mode:forwards;
  -ms-animation-name:move01;
  -ms-animation-duration:2s;
  -ms-animation-timing-function: ease;
  -ms-animation-delay:0.2s;
  -ms-animation-iteration-count:1;
  -ms-animation-fill-mode:forwards;
animation-name:move01;
animation-duration:2s;
animation-timing-function: ease;
animation-delay:0.2s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.mlzg_txtinfo{
float:right;
top:150px;
position:relative;
}
.txt_align_01{
width:400px;
}

.txt_align_02 p,.txt_align_01 p,.txt_align_03 p{
font-size:1em;
margin-top:10px;
line-height:30px;
}
.knowmore{
margin-top:20px;
}
.knowmore_txt{
float:left;
margin-right:40px;
margin-top:30px;
}
.knowmore_txt a{
width:160px;
height:48px;
border-radius:5px;
background:#fff;
color:#23B9F1;
display:block;
text-align:center;
line-height:48px;
}
/*------------------以下为熊猫频道图片展示-------------------*/
.business_whb{
width:100%;
height:100%;
background:#7519ff;
}
.whb_detail{
width:1300px;
margin:0 auto;
min-height:800px;
height:100%;
}
.img_align_02{
position:relative;
top:250px;
float:right;
}
.business_whb:hover .img_align_02 img{
 -webkit-animation-name:move02;
  -webkit-animation-duration:2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay:0.2s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-name:move02;
  -moz-animation-duration:2s;
  -moz-animation-timing-function: ease;
  -moz-animation-delay:0.2s;
  -moz-animation-iteration-count:1;
  -moz-animation-fill-mode:forwards;
  -ms-animation-name:move02;
  -ms-animation-duration:2s;
  -ms-animation-timing-function: ease; 
  -ms-animation-delay:0.2s;
  -ms-animation-iteration-count:1;
  -ms-animation-fill-mode:forwards;
  animation-name:move02;
animation-duration:2s;
animation-timing-function: ease;
animation-delay:0.2s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.whb_txtinfo{
top:200px;
position:relative;
float:left;
}
.txt_align_02{
width:400px;
}
.txt_align_02 h6,.txt_align_01 h6{
color:#fff;
}
/*------------------以下为定制频道图片展示-------------------*/
.business_dzfw{
width:100%;
height:100%;
background:#161619;
overflow:hidden
}
.business_dzfw .img_align_01{
top:100px;
left:-50px;
}
.business_dzfw .img_align_01 img{
 -webkit-animation-name:move01;
  -webkit-animation-duration:2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay:0.5s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-name:move01;
  -moz-animation-duration:2s;
  -moz-animation-timing-function: ease;
  -moz-animation-delay:0.5s;
  -moz-animation-iteration-count:1;
  -moz-animation-fill-mode:forwards;
  -ms-animation-name:move01;
  -ms-animation-duration:2s;
  -ms-animation-timing-function: ease;
  -ms-animation-delay:0.5s;
  -ms-animation-iteration-count:1;
  -ms-animation-fill-mode:forwards;
  animation-name:move01;
animation-duration:2s;
animation-timing-function: ease;
animation-delay:0.2s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.dzfw_detail{
width:1300px;
margin:0 auto;
min-height:800px;
height:100%
}
.dzfw_txtinfo{
top:150px;
position:relative;
float:right;
}
/*------------------以下为侨爱四海图片展示-------------------*/
.business_qash{
width:100%;
height:100%;
min-width:1300px;
background:#7519FF;
}
.qash_detail{
width:1300px;
margin:0 auto;
min-height:800px;
height:100%;
}
.business_qash:hover .img_align_02 img{
 -webkit-animation-name:move02;
  -webkit-animation-duration:2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay:0.2s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-name:move02;
  -moz-animation-duration:2s;
  -moz-animation-timing-function: ease;
  -moz-animation-delay:0.2s;
  -moz-animation-iteration-count:1;
  -moz-animation-fill-mode:forwards;
  -ms-animation-name:move02;
  -ms-animation-duration:2s;
  -ms-animation-timing-function: ease; 
  -ms-animation-delay:0.2s;
  -ms-animation-iteration-count:1;
  -ms-animation-fill-mode:forwards;
  animation-name:move02;
animation-duration:2s;
animation-timing-function: ease;
animation-delay:0.2s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.qash_txtinfo{
top:150px;
position:relative;
float:left;
}

/*------------------以下为我们来了图片展示-------------------*/
.business_wmll{
width:100%;
height:100%;
background:#161618;
}
.wmll_detail{
width:1300px;
margin:0 auto;
min-height:800px;
height:100%;
}
.img_align_02{
position:relative;
top:250px;
float:right;
}
.business_wmll:hover .img_align_02 img{
 -webkit-animation-name:move02;
  -webkit-animation-duration:2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay:0.2s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-name:move02;
  -moz-animation-duration:2s;
  -moz-animation-timing-function: ease;
  -moz-animation-delay:0.2s;
  -moz-animation-iteration-count:1;
  -moz-animation-fill-mode:forwards;
  -ms-animation-name:move02;
  -ms-animation-duration:2s;
  -ms-animation-timing-function: ease; 
  -ms-animation-delay:0.2s;
  -ms-animation-iteration-count:1;
  -ms-animation-fill-mode:forwards;
  animation-name:move02;
animation-duration:2s;
animation-timing-function: ease;
animation-delay:0.2s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.wmll_txtinfo{
top:200px;
position:relative;
float:left;
}
.txt_align_03{
width:400px;
}
.txt_align_03 h6{
color:#00aeef;
}