#index-business
{
    display: flex;
    flex-direction: column;
}
#index-business .business
{
    display: flex;
}
#index-business .business:nth-child(1)
{
    margin-bottom: 15px;
}
#index-business .business .img-container
{
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
#index-business .business .img-container .img-div
{
    overflow: hidden;
    margin-right: 15px;
}
#index-business .business .img-container:hover .img-div img
{
    transform: scale(1.1);
}
#index-business .business .img-container:hover .text-content
{
    bottom: -150px;
    opacity: 0;
}
#index-business .business .img-container:hover .text-more
{
    opacity: 1;
}
#index-business .business .img-container:hover .text-more div:nth-child(1)
{
    width: calc(100% - 40px * 2);
}
#index-business .business .img-container:hover .text-more div:nth-child(2)
{
    width: calc(100% - 40px * 2);
}
#index-business .business .img-container:hover .text-more div:nth-child(3)
{
    height: calc(100% - 40px * 2);
}
#index-business .business .img-container:hover .text-more div:nth-child(4)
{
    height: calc(100% - 40px * 2);
}
#index-business .business .img-container img
{
    transition: all linear .3s;
}
#index-business .business .img-container .icon.rect
{
    position: absolute;
    left: 0;
}
#index-business .business .img-container .text-content
{
    position: absolute;
    bottom: 0;
    padding: 35px;
    opacity: 1;
    transition: all .2s linear;
}
#index-business .business .img-container .text-content h3
{
    color: #fff;
    font-size: 26px;
}
#index-business .business .img-container .text-content h3:before
{/*content: "项目";*/
    position: absolute;
    top: -10px;
    color: #cecece;
    font-size: 16px;
}
#index-business .business .img-container .text-content p
{
    color: #cecece;
    font-size: 18px;
    margin: 0;
}
#index-business .business .img-container .text-more
{
    position: absolute;
    top: 0;
    width: calc(100% - 15px);
    height: 100%;
    background-color: rgba(0,0,0,.4);
    opacity: 0;
    transition: opacity .3s linear;
}
#index-business .business .img-container .text-more:after
{
    content: "MORE";
    position: absolute;
    font-size: 50px;
    color: #fefefe;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#index-business .business .img-container .text-more div
{
    position: absolute;
    background-color: #fff;
    transition: all .3s linear;
}
#index-business .business .img-container .text-more div:nth-child(1)
{
    width: calc(100% - 40px * 8);
    height: 1px;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}
#index-business .business .img-container .text-more div:nth-child(2)
{
    width: calc(100% - 40px * 8);
    height: 1px;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}
#index-business .business .img-container .text-more div:nth-child(3)
{
    width: 1px;
    height: calc(100% - 40px * 8);
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
}
#index-business .business .img-container .text-more div:nth-child(4)
{
    width: 1px;
    height: calc(100% - 40px * 8);
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}/*# sourceMappingURL=business.css.map */