@charset "utf-8";
.aboutUs-page {
  background-color: #f2f2f2;
}
.banner {
  margin-bottom: 5.65rem;
}
.content-view .content {
  font-size: 1rem;
  line-height: 2rem;
  margin-bottom: 0rem;
  word-break: break-all;
}
.content-view .content img{
  width: 100%;
}
.content-view .common-title {
  margin-bottom: 2.75rem;
}
.intr_img {
  margin-bottom: 2.2rem;
  height: 3rem;
}
.intr_img img{
  height: 100%;
}
.desc_img{
  width: 29.45rem;
  margin-left: 2rem;
}
.flag{
  font-size: 1.1rem;
  line-height: 2rem;
  font-weight: bold;
  margin-bottom: 2rem;
  color: #4b4b4b;
}
.flag span {
  display: inline-block;
  margin-right: 1.6rem;
}
.content-view .content p, .content-view .content div {
  margin-bottom: 1.45rem!important;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: justify;
color:#333333;
/* 这两个在技术上是一样的, 为了兼容了浏览器两个都加上 */
  overflow-wrap: break-word;
  word-wrap: break-word;
 
  -ms-word-break: break-all;
  /* 这个的使用在web-kit中有些危险，他可能会阶段所有东西 */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
 
  /* 如果浏览器支持的话增加一个连接符(Blink不支持) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.content-view.culture .content .text-box{
width: 72.5%;
    float: left;
max-height: 13rem;
    overflow-y: auto;
padding-right: .5rem;
}
.content-view.culture .content .img-box-str{
float: left;
    width: 25.5%;
    margin: 0.7% 0 0 2%;
}
.part_1{
  margin-bottom: 5rem;
}
.part_1 .detail{
    flex: 1;
}
.part_1 >.img-box {
  flex-shrink: 0;
  width: 17.25rem;
  margin-left: 2.55rem;
  margin-top: 5.2rem;
  background-color: #eaeaea;
  display: flex;align-items: center;
    position: relative;    overflow: hidden;
}
.part_1 >.img-box div{
position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(137,227,253,0)), to(rgba(0,95,105, 1)));
}
.part_2{
  margin-top: 2.5rem;
}
.build-img{
  width:33.85rem;
  z-index: 1;
}
.build-work{
  align-items: flex-end;
}
.content-view .content.build-content{
  background: #fff;
  /* height: 18.5rem; */
  padding: 2rem 2.75rem;
  margin-bottom: 0;
  box-shadow: 0 0 1rem #ccc;
}
.build-content>p:last-child{
  margin-bottom: 0;
}
.imgsine {
  width: 100%;
}
/* 每个页面 footer 上的缺口颜色不同 */
footer .footer-arr{
  background: url('../assets/footer_bg_arr_2.png')no-repeat ;
  background-size: 2.85rem 1.15rem;
  background-position: left top;
}
.part_1 .detail .flag p{
  float: left;margin-right: 25px;
}
.part_1 .detail .flag{
  clear: both;
  overflow: hidden;
}
.part_1 >.img-box img{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  display: block;
position: absolute;
    left: 0;
    top: 0;
}


.part_1 h4{
font-size:1.4rem;
margin-bottom:1rem;
}
.h36618{
color:#e60012;
}
.h36651{
color:#eb5a2a;
}
.h36652{
color:#f5a000;
}
.h36653{
color:#0171b9;
}
.h36654{
color:#39b24b;
|