.company-style{
    background:#fff;
    padding-top:107px;
    padding-bottom:122px;
}
.company-active{
    float: left;
    width:50%;
    background:#fff;
}
.company-activeBackground{
    background:url(../img/tuceng.png) no-repeat left top ;
     background-size:31px 102px;
     padding-left:25px;
}
.company-activeBackground h5{
    font-size:18px;
    font-weight: 700;
    padding-top:43px;
}
.company-Introdute{
    width:49%;
    float:left;
}
.space-bottomStyle{
    display:inline-block;
    width:33%;
    _float:left;  
    /* *是ie7 ，ie6,  -是ie6*/
}

.company-flex{
    /* display: -webkit-box;
    display: -ms-flexbox; */
    /* display: -ms-flex;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between; */
}
.floatStyle{
    float: left;
    width:30%;
}
.company-fontSize{
    font-size:12px;
    color:rgb(175,175,175);
    margin-top:14px;
    padding-bottom:42px;
}
.buildStyle-style{
    width:79px;
    height:88px;
    object-fit: contain;
    transition: all 0.6s;
}
.buildStyle-style:hover{
    transform:scale(1.2);
}
.buildStyle-Fontstyle{
   font-size:18px;
   font-weight:700;
   margin-top:37px;
   text-align: center;
}
/* 活动照片 */
.justify-content{
   display:flex;
   justify-content:flex-start;
   flex-wrap:wrap;
}
.company-activeImg{
    width:33%;
    float: left;
}
.company-activeImg-background{
    overflow: hidden;
}
.company-activeImg{
    position:relative;
}
.imgstyle{
    width:100%;
    height:231px;
    object-fit: cover;
    /* display:table */
    margin-bottom: -5px
}
.company-activeImg-Introducted{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:rgba(139,126,95,0.5);
    color:#fff;
    opacity: 0;
}
.company-activeImg-Introducted:hover{
    opacity: 1;
    animation-name: light;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes light{
    from{
        opacity: 1;
    }
    to{
        opacity: 0.1;
    }
}

.company-activeImg-Introducted h3:first-child{
    margin-top:99px;
    margin-bottom:14px;
}
.company-activeImg-Introducted h3:last-child{
    margin-bottom:143px;
}
/* 活动场所 */
.space-top{
  margin-top:85px;
  margin-bottom:40px;
  text-align: center;
}
.company-spacestyle{
    color:#fff;
}
.spaceH3{
    font-size:17px;
    color:#000;
    font-weight: 700;
    background:url(../img/team-index.png) no-repeat;
    background-size:200px;
    line-height:50px;
    width:200px;
    margin:0 auto;
}
.space-bottom-img{
    width:364px;
    height:459px;
    overflow: hidden;
}
.spaceImg{
    width:364px;
    height:455px;
    /* object-fit: cover; */
    transition: all 0.6s;
    -ms-transition:all 0.6s; /* IE 9 */
}
.spaceImg:hover{
    transform:scale(1.3);
    -ms-transform:scale(1.3);
}
.space-bottomStyle h4{
  margin-top:36px;
  margin-bottom:80px;
  color:rgb(78,78,78);
  font-size: 16;
  font-weight: 700;
}
.display-felx{
   /* display:flex;
   justify-content: center ; */
   text-align: center;
}
@media screen and (max-width: 1200px){
    .spaceImg{
        width:280px;
        height:338px;
        object-fit:cover;
    }
    .space-bottom-img{
        width:280px;
        height:338px;
        overflow: hidden;
    }
}
@media screen and (max-width: 1000px){
    .company-style{padding-top:0px;}
    .spaceImg {
        width: 208px;
        height: 258px;
        object-fit: cover;
    }
    .space-bottom-img{
        width:208px;
        height:258px;
        overflow: hidden;
    }
    .company-flex{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
     }
     .company-active{
         width:100%;
         
         /* text-align: center; */
     }
     .company-flex{
         width:100%;
         margin-top:30px;
     }
}
@media screen and (max-width: 1000px){
    .company-flex{
        text-align: center;
    }
    .company-active{
        text-align: center;
    }
    .company-activeBackground {
        background: url(../img/tuceng.png) no-repeat center center;
        background-position:30%;
        background-size:31px 82px;
        padding-left: 0px;
    }
}
@media screen and (max-width: 800px){
    .company-flex {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .te1{
        justify-content: space-between;
    }
    .spaceImg {
        width: 280px;
        height: 309px;
        object-fit: cover;
    }
    /* .space-bottom-img{
        width:208px;
        height:258px;
        overflow: hidden;
    } */
    .company-activeImg{
        width:50%;
    }
    .company-activeBackground {
        background-position:25%;
    }
}
@media screen and (max-width: 620px){
    .company-flex {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .te1{
        justify-content: space-between;
    }
    .spaceImg {
        width: 342px;
        height: 309px;
        object-fit: cover;
    }
    .company-activeImg{
        width:100%;
    }
    .buildStyle-Fontstyle{
        margin-bottom:30px;
    }
    .company-style{
        padding-bottom:20px;
    }
    .space-bottomStyle h4{
        margin-top:15px;
        margin-bottom: 41px;
    }
    .company-activeBackground {
        background-position:18%;
    }
}
@media screen and (max-width: 500px){
    .company-activeBackground {
        background-position:-2%;
    }
    .te1{
        flex-direction: column;
    }
    .floatStyle{
        float: none;
        width:100%;
    }
    
    .company-fontSize{
        font-size:9px;
    }
    /* .space-bottomStyle{
        float: none;
        width:100%;
        margin-right:-5px;
    }
    .space-bottom-img{
        width:100%;
        text-align: center;
    } */
}

@media screen and (max-width: 500px){
    .company-activeBackground{
    background-position:6%;
    }
    .te1{
        flex-direction:column;
    }
    .floatStyle{
        float:none;
        width:100%;
    }
    .space-bottom-img{
        width:100%;
        height:258px;
        overflow:hidden;
    }
    .space-bottomStyle{
        width:100%;
    }
}

@media screen and (max-width: 600px){
  .space-bottomStyle {
      width:100%;
   }
  .space-bottom-img {
     width: 100%;
  }
}