.banner{
    position: relative;
    width: 100%;
    height: 3.97rem;
    background: url(../images/banner1.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    overflow: hidden;
  }
.banner .bannerwrap{  
    position: relative;
    margin-top: 0.4rem;
    margin-left: 0.5rem;
}
.bannerwrap .line{
    position: absolute;
    width: 3px;
    height: 0.7rem;
    background-color: #fff;
    top: 0.1rem;
    margin-right: 0.1rem;
}
.banner .bannername{
    font-size: 0.4rem;
    margin-left: 0.1rem;
}
.banner .bannerinfo{
    font-size: 0.2rem;
    margin-left: 0.1rem;
}
.titlename{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin-top: 40px;
}
.article{
    color:#2C3E50;
}
.article li{
    margin-top: 20px;
}
.article li p,.article li span{
    font-weight: bold;
}
.architecture{
    display: block;
    margin-top: 30px;
}
.brandwrapbg{
    position: relative;
    width: 100%;
    background: url(../images/brandbg.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 30px;
}
.brandwrap{
    width: 98%;
    margin-top: 0.5rem;
    margin-left: auto;
}
.brandwrap .brandtitle1{
    font-size: 0.36rem;
    color: #fff
}
.brandwrap .brandtitle2 span{
    font-size: 0.24rem;
    color: #004D91;
    background-color: #fff;
    padding: 4px 0.2rem;
    border-radius: 4px;  
}
.brandwrap .brandtitle2{
    margin-top: 0.15rem;
}
.brandimg{
    width: 4.95rem;
    height: 2.44rem;
    margin-bottom: 0.3rem;
}