[v-cloak] {
    display: none;
}
* {
    margin: 0;
    padding: 0;
}



a {
    text-decoration: none;
    color: #413f3f;
}
/* 去掉前方 li 小圆点 */

li {
    list-style: none;
}
/* 大背景 */
.userbg {
    /* width: 100vw; */
    height: auto;
    overflow: hidden;
    min-height: 100vh;
    background-color: #efefef;
}
/* 弹性盒子 */
.webox-item {
    display: flex;
    align-items: flex-start;
}
.webox {
    display: flex;
    align-items: center;
}
.weboxtop {
    display: flex;
    align-items: top;
}
.webox-row {
    flex-direction: row;
}
.webox-wrap {
    flex-wrap: wrap;
}
.webox-start {
    justify-content: flex-start;
}
.webox-end {
    justify-content: flex-end;
}
.webox-center {
    justify-content: center;
}
.webox-around {
    justify-content: space-around;
}
.webox-between {
    justify-content: space-between;
}
.webox-column {
    flex-direction: column;
}
.center{
    justify-content: center !important;
}



/* 头部 固定 */
.gudin-header{
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 999;
    border-bottom: 2px solid #d6d1d1;
}

/* 图片上的文字 */
.position-relative1{
    position: relative;
}
.position-absolute1{
    width: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
}
.position-absolute1 a{
    color: #f25824;
    padding: 15px 20px;
    border: 1px solid #f25824;
    font-weight: 600;
    font-size: 1.1rem;
}
.position-absolute1 a:hover{
    color: #fff;
    background-color: #f5851f;
    font-weight: 600;
}

/* 背景 人肖像 */
.back-ren{
    background-color: #333;
    padding-top: 20px;
}


/*  */
.back1{
    background-color: #fff;
}


/* 下画线 more */
.bottom-line{
    border-bottom: 1px solid #0056b3;
    color: #0056b3;
}



/* beijing  */
.backing-banner{
    width: 100%;
    height: 300px;
    padding: 3rem 0rem;
    border: 2px solid #eee;
    border-left: none;
    border-right: none;
}
@media screen and (max-width: 1200px){
    .backing-banner{
        height: 250px;
    }
}
@media screen and (max-width: 1000px){
    .backing-banner{
        height: 200px;
    }
}
@media screen and (max-width: 600px){
    .backing-banner{
        height: 150px;
    }
}
.bkImg1{
    background-image: url(../images/background-image.png);
    background-size: 80% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.bkImg2{
    background-image: url(../images/background-image-1.png);
    background-size: 80% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.bkImg3{
    background-image: url(../images/background-image-2.png);
    background-size: 80% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.backing-sale2{
    background-image: url(../images/back-index2.png);
    width: 100%;
    background-size: 100% 100%;
}
.backing-sale1{
    background-image: url(../images/swiper-index-1.jpg);
    width: 100%;
    background-size: 100% 100%;
}