.wrapper{
    width: 100%;
    /* height: 100%; */
    overflow: auto;
    background: white;
    position: relative;
    /* display: flex;
    flex-flow: column nowrap; */
}
.head {
    width: 100%;
    height: 30px;
    background: #004CA1;
}
.headStart{
    width: 1100px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
   
    padding: 0 6px;
    box-sizing: border-box;
}
.welcomeText {
    font-size: 12px;
    font-family: '宋体';
    font-weight: 400;
    color: #f2f2f2;
}
    .welcomeText a {
        color: #f2f2f2;
    }
.headRight{
    display: flex;
    align-items: center;
}
.headRight p{
    font-size: 12px;
    font-family: '宋体';
    font-weight: 400;
    color: #C6C6C6;
    margin-right: 13px;
}
.headRight p:nth-last-child(1){
    margin-right: 0;
}
.headRight .headCollect{
    cursor: pointer;
}
.headRight .headLogin{
    cursor: pointer;
}
.headRight .headCollect:active{
    color: #fff;
}
.headRight .headLogin:active{
    color: #fff;
}
.isLoginBox{
    display: flex;
    align-items: center;
}
.isLoginBox p{
    font-size: 12px;
    font-family: '宋体';
    font-weight: 400;
    color: #C6C6C6;
    cursor: pointer;
}
.isLoginBox .peersonalCentr{
    margin-right: 13px;
}
.isLoginBox .peersonalCentr:active{
    color: #fff;
}
.isNotLogin .headLogin{
    display: block;
}
.isNotLogin .isLoginBox{
    display: none;
}
.isLogin .headLogin{
    display: none;
}
.isLogin .isLoginBox{
    display: flex;
}
.userInfoArea{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.userInfoArea p{
    margin-right: 0;
}
.headIndex .headRight{
    display: none;
}
.headIndex .headRightIndex{
    display: flex;
}
.customerAbout{
    display: flex;
    align-items: center;
    margin-right: 21px;
}
.customerAbout .icon-kefudianhua{
    font-size: 16px;
    margin-right: 3px;
    color: #AFAFAF;
}
.customerAbout p{
    font-size: 12px;
    font-family: '宋体';
    color: #C6C6C6;
}
.content {
    /* flex: 1;
    overflow: hidden;
    overflow-y: auto; */
    position: relative;
    /* width: 1100px;*/
    width: 98%;
    margin: 0 auto;
    z-index: 9;
}
.bottomAssociation {
    width: 100%;
    height: 200px;
    background: #004ca1ed;
}
.bottomAssociationStart{
    width: 1100px;
    height: 100%;  
    margin: 0 auto;
    padding-top: 32px;
    display: flex;
    padding: 32px 6px 0;
    box-sizing: border-box;
    justify-content: space-between;
}
.bottomAssociationLeft{
    width: 550px;
    height: 100%;
}
.bottomAssociationLeft li{
    display: flex;
    margin-bottom: 11px;
}
.bottomAssociationLeft li div{
    width: 183px;
}
.bottomAssociationLeft li div span{
    font-size: 12px;
    font-family: 'SimHei';
    font-weight: 400;
    color: #C2C2C2;
    cursor: pointer;
}
    .bottomAssociationLeft li div span a{
        color: #C2C2C2;
    }
        .bottomAssociationRight{

}
.bottomAssociationRight p{
    color: #C2C2C2;
    margin-bottom: 11px;
}
.bottomAssociationRightTitle{
    font-size: 16px;
}
.bottomAssociationRightPhone{
    font-size: 12px;
}
.bottom {
    width: 100%;
    height: 34px;
    background: #004CA1;
}
.bottomStart{
    width: 1100px;
    height: 100%;  
    margin: 0 auto;
    
    padding: 0 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.bottomStart p{
    font-size: 12px;
    font-family: '宋体';
    font-weight: 400;
    color: #C2C2C2;
}
.outerBgImg{
    width: 100%;
    height: 400px;
    background: gray;
}
.outerBgImg img{
    width: 100%;
    height: 100%;
}
.headCollectClassName li:hover{
    background-color: initial;
}
.headCollectMenu{
    display: flex;
    flex-flow: column;
    width: 137px;
}
.headCollectMenu div{
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: initial;
}