body {
    background: #F3F7FA;
    position: relative;
}

/* 主题内容 */
.box .center {
    width: 12rem;
    margin: 0 auto;
    margin-top: .8rem;

}

/* 左边部分 */
.box .center .centers {
    display: flex;

}

.box .center .centers .left .title {
    width: 2.7rem;
    height: .72rem;
    background: rgba(6, 103, 216, 1);

}

.box .center .centers .left .title span {
    font-size: .2rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    line-height: .7rem;
    margin-left: .41rem;
}

.box .center .centers .left ul li {
    height: .48rem;
    line-height: .48rem;
    margin-top: .02rem;
    display: flex;
    cursor: pointer;
}
/*.box .center .centers .left ul li:nth-of-type(2){*/
/*    height: 1rem;*/
/*}*/
.box .center .centers .left ul li p {
    padding-left: .41rem;
    font-size: .2rem;
    color: rgba(51, 51, 51, 1);
}

.box .center .centers .left ul .leftborder {
    border-left: .04rem solid rgba(9, 115, 201, 1);
    color: #0667D8;
}

/* 右侧公司动态 */
.box .center .centers .right {
    width: 8.86rem;
    margin-left: .4rem;
    padding-top: .16rem;
    padding-right: .26rem;
}

.box .center .centers .right .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .23rem;
    padding-right: .24rem;
}

.box .center .centers .right .title .title_left p {
    font-size: .28rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    border-bottom: .04rem solid #0667D8;
    padding-bottom: .11rem;
}

.box .center .centers .right .title .title_right p {
    font-size: .14rem;
    color: #666666;
}

.box .center .centers .right .neirong {
    padding-left: .24rem;
    padding-top: .4rem;
}

.box .center .centers .right .right1 .neirong .zhuanjia {
    overflow: hidden;
}

.box .center .centers .right .right1 .neirong .zhuanjia li {
    float: left;
    width: 30%;
    text-align: center;
    background-color: #fff;
    border-top: .03rem solid rgba(49, 132, 221, 1);
    margin-bottom: .4rem;
    margin-left: .2rem;
    padding-bottom: .9rem;
    position: relative;
}

.box .center .centers .right .right1 .neirong .zhuanjia li img {
    width: 1.3rem;
    height: 1.3rem;
    margin-top: .23rem;
}

.box .center .centers .right .right1 .neirong .zhuanjia li .name {
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-bottom: .26rem;
    margin-top: .3rem;
}

.box .center .centers .right .right1 .neirong .zhuanjia li .jieshao {
    width: 2.19rem;
    margin: 0 auto;
    line-height: 30px;
}

.box .center .centers .right .right1 .neirong .zhuanjia li .phone {
    display: flex;
    width: 90%;
    justify-content: space-between;
    /*margin-top: .27rem;*/
    /*padding-right: .39rem;*/
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 5%;
}

.box .center .centers .right .right1 .neirong .zhuanjia li .phone .phones {
    text-align: left;
    padding-left: .35rem;
}

.box .center .centers .right .right1 .neirong .zhuanjia li .phone .phones p {
    font-size: .13rem;
}

.box .center .centers .right .right1 .neirong .zhuanjia li .phone .phones p:nth-child(2) {
    color: red;
    margin-top: .05rem;
}

.box .center .centers .right .right1 .neirong .zhuanjia li .phone .zixun {
    width: .80rem;
    height: .36rem;
    background: rgba(49, 132, 221, 1);
    border-radius: .15rem;
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: .36rem;
}

/* 聊天模板 */
.box .center .liaotian {
    width: 11.51rem;
    height: 7.53rem;
    background: #ffffff;
    box-shadow:1px 1px 10px 1px #000;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.box .center .liaotian .liaotian_one {
    display: flex;
    justify-content: space-between;
    padding-left: .15rem;
    padding-bottom: .15rem;
    padding-top: .15rem;
    padding-right: .25rem;
}

.box .center .liaotian .liaotian_one p {
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
}

.box .center .liaotian .liaotian_one img {
    width: .2rem;
}

.box .center .liaotian .liaotian_two {
    width: 100%;
    height: 1.02rem;
    background: url(../static/index/liaotianbeijing.png) no-repeat;
    /* background-size: 100% 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.box .center .liaotian .liaotian_two p {
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    margin-left: .42rem;
}

.box .center .liaotian .liaotian_two .jieshu {
    width: 1.24rem;
    height: .54rem;
    border: 1px solid rgba(6, 103, 216, 1);
    border-radius: .27rem;
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(0, 136, 255, 1);
    margin-right: .4rem;
    text-align: center;
    line-height: .54rem;
}

.box .center .liaotian .liaotian_three {
    display: flex;
    height: 6rem;
}

.box .center .liaotian .liaotian_three .three_left {
    flex: 1;
}

.box .center .liaotian .liaotian_three .three_left .three_left_top {
    margin-top: .17rem;
    height: 3.53rem;
    border-bottom: 1px solid rgba(195, 190, 190, 1);
    overflow-x: hidden;
    overflow-y: scroll;
}

.box .center .liaotian .liaotian_three .three_left .three_left_top p {
    width: 7.45rem;
    margin: 0 auto;
    border: 1px solid rgba(159, 159, 159, 1);
    border-radius: .1rem;
    padding: .25rem 1.11rem .42rem .19rem;
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: rgba(0, 0, 0, 1);
}

.box .center .liaotian .liaotian_three .three_left .three_left_top .time {
    width: 2.71rem;
    height: .36rem;
    background: rgba(232, 232, 232, 1);
    border-radius: .05rem;
    text-align: center;
    line-height: .36rem;
    margin: 0 auto;
    margin-top: .2rem;
}

.box .center .liaotian .liaotian_three .three_left .three_left_top .xinxi {
    margin-top: .1rem;
    overflow: hidden;
}

.box .center .liaotian .liaotian_three .three_left .three_left_top .xinxi li {
    padding: .1rem;
    border-radius: .2rem;
}

.box .center .liaotian .liaotian_three .three_left .three_left_top .xinxi .ta {

    text-align: left;
}

.box .center .liaotian .liaotian_three .three_left .three_left_top .xinxi .my {
    text-align: right;

}

.box .center .liaotian .liaotian_three .three_left .three_left_top .xinxi .ta span {
    background: #0181cc;
    padding: .05rem .1rem;
    border-radius: .2rem;
    color: #fff;
    font-size: .16rem;
}

.box .center .liaotian .liaotian_three .three_left .three_left_top .xinxi .my span {
    background: #ef8201;
    padding: .05rem .1rem;
    border-radius: .2rem;
    color: #fff;
    font-size: .16rem;
}

.box .center .liaotian .liaotian_three .three_left .three_left_bottom textarea {
    width: 80%;
    border: none;
    padding-left: .1rem;
    padding-top: .1rem;
}
.box .center .liaotian .liaotian_three .three_left .btn{
    display: flex;
    justify-content: flex-end;
}
.box .center .liaotian .liaotian_three .three_left .btn .fa {
    width: 1.1rem;
    height: .36rem;
    background: rgba(6, 103, 216, 1);
    border-radius: .05rem;
    font-size: .2rem;
    font-family: Source Han Sans CN;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: .36rem;
    margin-right: .17rem;
    margin-top: .2rem;
}

.box .center .liaotian .liaotian_three .three_right {
    border-left: 1px solid rgba(195, 190, 190, 1);
    padding-left: .21rem;
}

.box .center .liaotian .liaotian_three .three_right img {
    width: 2.21rem;
    margin-top: .08rem;
}

.box .center .liaotian .liaotian_three .three_right p {
    width: 2.3rem;
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: rgba(0, 0, 0, 1);
    margin-top: .25rem;
}




/* 脚步 */
.box .foot {
    margin-top: 2.86rem;
}

.box .foot .foot_top {
    width: 100%;
    height: 2.84rem;
    background: rgba(57, 57, 57, 1);
}

.box .foot .foot_top .foot_top_center {
    width: 12rem;
    margin: 0 auto;
    padding-top: .51rem;
    /*display: flex;*/
    /* justify-content: space-between; */
}

.box .foot .foot_top .foot_top_center .foot_top_left .foot_top_left_title p {
    font-size: .2rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.box .foot .foot_top .foot_top_center .foot_top_left .foot_top_left_center {
    margin-top: .39rem;
}

.box .foot .foot_top .foot_top_center .foot_top_left .foot_top_left_center ul li {
    display: flex;
    align-items: center;
    margin-bottom: .38rem;
}

.box .foot .foot_top .foot_top_center .foot_top_left .foot_top_left_center ul li img {
    width: .22rem;
    height: .22rem;
}

.box .foot .foot_top .foot_top_center .foot_top_left .foot_top_left_center ul li span {
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin-left: .19rem;
}



.box .foot .foot_top .foot_top_center .foot_top_right {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.box .foot .foot_top .foot_top_center .foot_top_right ul {
    display: flex;
    justify-content: flex-end;
}

.box .foot .foot_top .foot_top_center .foot_top_right ul li {
    margin-left: .23rem;
}

.box .foot .foot_top .foot_top_center .foot_top_right .img_group{
    padding-top: .5rem;
    display: flex;
    justify-content:space-between;
}
.box .foot .foot_top .foot_top_center .foot_top_right ul li p {
    margin-bottom: .2rem;
    font-size: .12rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}
.box .foot .foot_top .foot_top_center .foot_top_right ul li p a {
    color: #fff;
}

.box .foot .foot_top .foot_top_center .foot_top_right ul li p:nth-child(1) {
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin-bottom: .4rem;
}

.box .foot .foot_bottom {
    height: .6rem;
    background: rgba(8, 8, 8, 1);
    display: flex;
}

.box .foot .foot_bottom div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box .foot .foot_bottom div p {
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}