@charset "utf-8";
/*新闻中心*/
.business{
    background: #111;
}
.businessContainer{
    width:100%;height:65%;position: absolute;left:0;top:17%;
}
.businessTitle{
    width:7.5%;position: relative;left:4%;
}
.busLine{
    position: absolute;top:55%;left:0;width:100%;border-bottom:1px solid #414141;
}

#busSwiper{
    height:83%;width:83%;margin-top:20px;
    cursor: move;
}
#busSwiper .swiper-slide{
    text-align: center;cursor: pointer;overflow: hidden;
}
.busNormal{
    height:100%;width:100%;overflow:hidden;
}
.busNormal>div{
    height:50%;position: relative;width:100%;
}
.busImg{
    width:28%;
}
.busIntrBox{
    width:96%;
}
.busIntrBox,.busImg{
    position: absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.busTitle{
    font-size: 20px;color:#fff;text-align:center;
    -webkit-transition:opacity .8s ease-out .1s;
    -o-transition:opacity .8s ease-out .1s;
    transition:opacity .8s ease-out .1s;
}
.busIntr{
    font-size: 13px;color:#747474;margin-top:20px;line-height: 26px;
    width:100%;height:78px;overflow: hidden;
    -webkit-transition:opacity .5s ease-out .3s;
    -o-transition:opacity .5s ease-out .3s;
    transition:opacity .5s ease-out .3s;
}
.busHover{
    width:100%;height:100%;position: absolute;top:0;left:0;z-index:60;background-color:#8d4549;
    opacity:0;overflow: hidden;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.busHover .busIntrBox{
    width:75%;
}


.busHover .busIntr{
    color:#fff;
}
.busHover .busTitle,.busHover .busIntr{
    opacity:0;
}

.busHover:before{
    width:94%;height:94%;content:"";display: block;position: absolute;top:3%;left:3%;
    border:1px solid #fff;opacity:0;
}


#busSwiper .swiper-slide:hover .busHover{
    opacity:1;
}
#busSwiper .swiper-slide:hover .busNormal{
    -webkit-animation:business .5s ease-out forwards;
    -o-animation:business .5s ease-out forwards;
    animation:business .5s ease-out forwards;
}
#busSwiper .swiper-slide:hover .busHover:before{
    -webkit-animation:busScale .3s linear forwards;
    -o-animation:busScale .3s linear forwards;
    animation:busScale .3s linear forwards;
}
#busSwiper .swiper-slide:hover .busHover .busTitle{
	opacity:1;
    -webkit-animation:fadeInDown .8s ease-out .1s forwards;
    -o-animation:fadeInDown .8s ease-out .1s forwards;
    animation:fadeInDown .8s ease-out .1s forwards;
}
#busSwiper .swiper-slide:hover .busHover .busIntr{
	opacity:1;
    -webkit-animation:fadeInDown .5s ease-out .3s  forwards;
    -o-animation:fadeInDown .5s ease-out .3s  forwards;
    animation:fadeInDown .5s ease-out .3s  forwards;
}

@media screen and (min-device-width:1024px) and (max-device-width:1290px){  /*.6*/
    #busSwiper{
        margin-top:12px;
    }
    .busTitle{
        font-size: 13px;
    }
    .busIntr{
        font-size: 12px;margin-top:12px;line-height: 22px;
        width:100%;height:66px;overflow: hidden;
    }
}
@media screen and (min-device-width:1290px) and (max-device-width:1580px){  /*.75*/
    #busSwiper{
        margin-top:15px;
    }
    .busTitle{
        font-size: 15px;
    }
    .busIntr{
        font-size: 12px;margin-top:20px;line-height: 24px;
        width:100%;height:72px;overflow: hidden;
    }
}
@media screen and (min-device-width:1580px) and (max-device-width:1680px){  /*.85*/
    #busSwiper{
        margin-top:16px;
    }
    .busTitle{
        font-size: 16px;
    }
}