/* about TOP*/

#about{ position:relative; width:100%; margin:0 auto;padding:90px 0;}
#about>.profile{width:100%; margin:0 auto;}
#about>.profile>.title{width:90%; max-width:1470px;margin:0 auto; padding:20px 0; font-size:42px; font-weight:bold; color:#e62129; text-align:left;}
#about>.profile>.container{ width:90%; max-width:1470px;margin:0 auto;}
#about>.profile>.container>.img{ width:36%;text-align:right;}
#about>.profile>.container>.img>img{max-width:100%;height:auto;}
#about>.profile>.container>.content{ width:56%; text-align:left;}
#about>.profile>.container>.content>p{font-size:18px; padding:10px 0; color:#6e6e6e; line-height:37px; font-family: '微软雅黑', sans-serif;}
#about>.culture{width:100%; margin:0 auto; padding-top:550px;}
#about>.culture ul{ width:90%; max-width:1470px; margin:0 auto;}
#about>.culture ul>li{ position:relative; display:block; float:left; width:25%; height:280px; margin-bottom:4%; margin-left:-1px; border:1px solid #eee; box-sizing:border-box;padding:40px; text-align:left;}
#about>.culture ul>li .icon{ position:absolute;z-index:4; left:20px;top:-60px; background:#fff;padding:30px; display:inline-block;}
#about>.culture ul>li .icon>img{ width:80px; height:auto;}
#about>.culture ul>li .tit{ padding-top:60px; font-size:20px; font-weight:bold; color:#333;}
#about>.culture ul>li .txt{ padding-top:10px; font-size:15px; color:#999; line-height:26px;}
.fl-left, .fl{ float:left;}
.fl-right, .fr{float:right;}
@media only screen and (max-width: 1200px){
  #about>.culture ul>li .txt{ font-size:14px; line-height:24px;}
}
@media only screen and (max-width: 980px){
  #about>.profile>.container>.img{ float:none; width:100%;text-align:center; padding-top:30px;}
  #about>.profile>.container>.content{ float:none; width:100%;}
  #about>.culture ul>li .tit{ padding-top:20px; font-size:18px;}
}
@media only screen and (max-width: 860px){
  #about>.culture{padding-top:100px;}
  #about>.culture ul>li{ width:50%; height:280px; margin-bottom:0; margin-top:-1px;}
  #about>.culture ul>li .icon{ position:relative;left:0;top:0;padding:0;}
}
@media only screen and (max-width: 640px){
  #about{padding:50px 0;}
  #about>.profile>.title{ padding:10px 0; font-size:20px;}
  #about>.culture{padding-top:50px;}
  #about>.culture ul>li{ float:none; width:100%; height:auto;}

}





/* end*/