.content-tips,.video-box,.content-tips-second,.video-box-second,.content-tips-third,.article-box
,.logobox,.bottomBox{
    visibility: hidden;
}

.headBg-font>h1{
    -webkit-animation: flipInX 0.8s;
    animation: flipInX 0.8s;
}


.headBg-font-detail{
    -webkit-animation: pulse 0.5s forwards;
    animation: pulse 0.5s forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}


.content-tips.content-tips-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.video-box.video-box-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.content-tips-second.content-tips-second-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.video-box-second.video-box-second-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.content-tips-third.content-tips-third-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.article-box.article-box-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.link-img-box,.link-img-box-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.logobox.logobox-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.bottomBox-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.article-right-ul>li{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}

.article-right-ul>li:hover{
    background-color: white;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.article-right-li-img{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}

.article-right-ul>li:hover>div:first-child{
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.logobox-ul>a>li{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}

.logobox-ul>a>li:hover{
    opacity: 0.6;
}

.article-left{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}

.article-left:hover{
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.article-left>img{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}

.article-left>img:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


.video-box-ul>li{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}

.li-img>img{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}


.li-img-font-right{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}

.li-img-font-right>p{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}

.li-img-font-left>p{
    transition:all 0.2s;
    -moz-transition:all 0.2s; /* Firefox 4 */
    -webkit-transition:all 0.2s; /* Safari and Chrome */
    -o-transition:all 0.2s; /* Opera */
}


.video-box-ul>li:hover{
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}


.video-box-ul>li:hover>div>div>p{
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.video-box-ul>li:hover>a>div>img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.video-box-ul>li:hover>div>a>div{
    background-color: #8fc9c0;
}

.video-box-ul>li:hover>div>a>div>p{
    color: white;
}

.more{
    transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
}

.more:hover{
    opacity: 0.7;
}