.company_wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;

}
.comabout{
    margin-top:100px; 
    width: 100%;
    text-align: center;
}
.company_line{
    margin: 0;
    padding: 0;
}
.company_line ul{
    display: flex;
    position: relative;
}
.company_line ul li {
    width: 90%;
    margin: 0;
    padding: 0;

}
.company_line li img{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.left_btn{
    top: 59%;
    position: absolute;

    color: #fff;
    left: 10px;
}
.right_btn{
    top: 59%;
    right:10px;
    position: absolute;
    color: #fff;
}
.about_his{
    width: 100%;
    /*display: flex;*/
   margin: 0 0 100px;
}
.about_his div
{
    text-align;center;
   	margin-top:100px;
    text-align: center;
    font-size: 1.5em;
    font-family: "Slim Joe","Arial","Microsoft yahei";
    position:relative;
    /*flex:1;
    flex-shrink: 0;*/  
}
.about_his div a{
	display: block;
	background:#000;
	height: 100%;
	width: 100%;
}
.about_his div img{
    width: 100%;
     opacity:0.2;
     transition:0.5s;
}
.about_his div p{
    margin-top:20px;
    font-size: 24px;
}
.about_his div span
{
    position:absolute;
    top:40%;
    font-size:2em;
    left:0;
    right:0;
    color:#fff;
   
    transition:0.5s;
    }
   .about_his div:hover img
   {
       opacity:1;
       transition:0.5s;
       }
      .about_his div:hover span
      {
          display:none;
          }
@media screen and (min-width:992px) and (max-width:1200px){
    .comabout img{
        width: 100%;
    }
    .comabout{
        margin-top:50px; 
    }
    .comabout div{
        margin:50px 0;
    }
    .line .ll, .line .rl {
        width: 20%;
        height: 1px;
        background: #FFF;
    }
}
@media screen and (min-width:768px) and (max-width:992px){
    .comabout img{
        width: 100%;
    }
    .comabout div{
        margin:50px 0;
    }
    .line .ll, .line .rl {
        width: 10%;
        height: 1px;
        background: #FFF;
    }
}
@media screen and (max-width:768px){
    .comabout img{
        width: 70%;
    }
    .comabout{
        margin-top:20px!important; 
    }
    .about_his div{
        margin:20px 0!important;
    }
    .comabout div{
        margin:30px 0;
    }
    .line .ll, .line .rl {
        width: 4%;

    }
    .about_his div span
{


    font-size:1em!important;

    }
     .about_his{
    	margin-bottom:20px;
    }
    .about_his div:hover img
   {
       opacity:0.2 !important;
       transition:0s;
       }
  .about_his div:hover span
  {
      display:block !important;
     	}
}