.mainbody{
    margin:1rem auto;
}
.company-intro {
    margin:1rem auto;
}
.company-intro .title{
    background:#fff;
    text-align:center;
    margin-bottom:1rem;
    padding-bottom:1.5rem;
    border-bottom:1px solid #eee;
}
.company-intro .title h1{
    font-size:1.75rem;
}


.company-intro .content{
    
    padding:1rem;
    background:#fff;
}
.company-intro .content::after{
    clear:both;
    content:'';
    display:table;
}

.content .company-pic{
    width:50%;
    float:right;
    padding:0.5rem;
    background:#fff;
    border:1px solid #ccc;
    border-radius: 0.25rem;
}
.content .company-pic img{
    width:100%;
}

.company-intro .content h2{
    
    font-size:1.5rem;
    background:#00008a;
    padding:1rem 0.5rem;
    color:#fff;
    border-left:8px solid #ff9500;
}
.company-intro .content h3{
    font-size:1.25rem;
}
.company-intro .content h4{
    font-size:1.125rem;
}
.content  div+h2{
    display:inline-block;
}

.content p{
    text-indent: 2rem;
    line-height:1.75rem;
    color:#666;
}
.content h2+p {
    margin-top:2rem;
}
.content a{
    color:#666;
    text-decoration: none;
}

.company-content{
    padding:0rem 1rem;
}
.company-content img{
    border:none;
    max-width:80%;
}
.company-intro h2{

}

.cert-list ,
.customer-list,
.case-list ,
.fourtune-list{
    list-style: none;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
}
.cert-list li,.customer-list  li,
.fourtune-list li{
    
    padding:0.25rem;
    overflow: hidden;

}

.cert-list li img,
.customer-list li img,
.case-list li img{
    width:100%;
    height:auto;
}
.cert-list li p,
.customer-list  li p,
.fourtune-list li p{
    text-indent:0;
    text-align: center;
    background:#eee;
    height:3rem;
    line-height: 3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
.cert-list li,.fourtune-list li{
    width:25%;
    flex:1 1 25%;
   

}
.customer-list  li{
  width:20%;
  flex:1 1 20%;
    
}

.case-list li{
    width:25%;
    flex:1 1 25%; 
}

/* 行业应用 */
.industry-use{
  margin:2rem auto;
  padding:1rem;
  background:#fff;
}

.industry-use ul{
  list-style:none;

}

.industry-use .industry{
  padding:1rem;
  border:1px solid #efefef;
  border-radius: .5rem;
  box-shadow:0 0 0.25rem  #666 ;
}

.industry-use .industry i{
  width:4rem;
  height:4rem;
  display:block;
  margin:1rem auto;
  font-size:3rem;
 color:#00008B; 
}
.industry-use .industry:hover{
  border:2px solid #ff9500;
}
.industry-use .industry:hover i{
  color:#ff9500;
}

/* .企业文化 */
.our-fortune{
  margin:2rem auto;
  padding:1rem;
  background:#fff;
}

.our-fortune ul{
  list-style:none;

}

.our-fortune .fortune{
  padding:0rem;
  border:1px solid #efefef;
  border-radius: .5rem;
  background-color:#ff9500;
  overflow: hidden;
 box-shadow:1px 1px 1rem #666;
}

.our-fortune .fortune i{
  width:6rem;
  height:6rem;
  display:block;
  margin:1rem auto;
  font-size:6rem;
 color:#fff; 
}
.our-fortune.fortune:hover{
  border:2px solid #ff9500;
 background-color:#FF5733;
  
}
.our-fortune .fortune:hover i{
  color:#00008a;
}
.our-fortune .fortune h4{
    text-align:center;
    color:#00008a;
    border-bottom:1px solid #eee;
}
.our-fortune .fortune h4,
.our-fortune .fortune  p{
    margin:0 auto;
    background-color:#fff;
    padding:0.5rem;
}
.fourtune-list li i{
    font-size:2rem;
}

.content .team{
    list-style: none;
    padding: 0;
    display:flex;
    flex-direction: row;
}
.content .team li{
    padding:1rem;
    width:33%;
    flex:1 1 33%;
    text-align:center;
    position:relative;
}
.content .team li>div{
    border:1px solid #eee;
    
}

.content .team li img{
    width:100%;
    height:auto;
}
.move-des{
    height:2rem;
    line-height: 2rem;
    background-color:#FF9500;
    color:#fff;
}
.content .team li:hover .move-des{
    position:absolute;
    top:0;
    left:0;
     background-color:#FF950080;
    width:100%;
    height:100%;
    /* transform:translate(-50%,-50%); */
}
.content .team li:hover .move-des span{
position:absolute;
   top:50%;
   color:#fff;
   
  
   
}




 /* //联系我们  */


 .city-team ,.city-team ul{
    list-style:none;
    padding:0;
    margin:0;
}
 .city-team li{
    padding:0.25rem 1rem;
    border-bottom:1px solid #f5f5f5;
    color:#333;
 }
.branch-title {
    font-size:1.5rem;
    color:#00008a;
    text-align:center;
}
 .branch-words ul{
    list-style:circle ;
 }
 .branch-words li{
    padding:0.25rem;
    font-size:large;
   color:#666;
 }
 .branch-map img{
    width: 100%;
 }

 .team-info {
    text-align:center;
    margin:0.25rem 0;

 }
  .team-info .team-tip{
    font-size:2rem;
    color:#ff9500;
  }