.head,
.head>img {
    width: 100%;
}

.cs {
    width: 100%;
    height: 8.35rem;
    background-color: #ffffff;
    position: relative;
}

.cs_box {
    width: 12rem;
    height: 8.35rem;
    position: absolute;
    left: 50%;
    margin-left: -6rem;
    display: flex;
    justify-content: center;
}

.cs_title {
    width: 6.69rem;
    height: 0.74rem;
    position: relative;
    margin-top: 0.56rem;
}

.cs_title>img {
    width: 100%;
    height: 100%;
}

.cs_title_txt {
    position: absolute;
    top: 0rem;
    font-size: 0.46rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    text-align: left;
    color: #333333;
}

.cs_title_txt1 {
    font-size: 0.34rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: center;
    color: #266ffb;
    margin-top: 0.2rem;
}

.cs_cb {
    width: 4.89rem;
    height: 1.78rem;
    position: absolute;
    top: 2.5rem;
    left: 0;
    transition: all 2s;
    /* Safari and Chrome */
}

@keyframes myfirst {
    from {
        margin-left: 0rem;
    }
    to {
        margin-left: -0.3rem;
    }
}

.cs_cb>img {
    width: 100%;
    height: 100%;
}

.cs_cb1 {
    width: 4.89rem;
    height: 1.78rem;
    position: absolute;
    top: 4.2rem;
    left: 1.8rem;
    transition: left 2s;
}

.cs_cb1>img {
    width: 100%;
    height: 100%;
    transition: left 2s;
}

.cs_cb2 {
    width: 4.89rem;
    height: 1.78rem;
    position: absolute;
    top: 5.9rem;
    left: 0rem;
    animation: myfirst 5s;
}

.cs_cb2>img {
    width: 100%;
    height: 100%;
    transition: right 2s;
}

.jq {
    width: 1.91rem;
    height: 3.90rem;
    position: absolute;
    top: 3.5rem;
    right: 1rem;
}

.jq>img {
    width: 100%;
    height: 100%;
}

.bj1 {
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    top: 1.5rem;
    left: -1.49rem;
    transition: all 2s;
}

.bj1>img,
.bj2>img,
.bj3>img,
.bj4>img,
.bj5>img,
.bj6>img,
.dian1>img,
.dian2>img,
.dian3>img,
.dian4>img,
.dian5>img,
.dian6>img {
    width: 100%;
    height: 100%;
    transition: all 2s;
}

.bj2 {
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    top: 0.2rem;
    left: -1.49rem;
    transition: all 2s;
}

.bj3 {
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    top: -1rem;
    left: -1.2rem;
    transition: all 2s;
}

.bj4 {
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    top: -1rem;
    transition: all 2s;
    right: -1.2rem;
}

.bj6 {
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    top: 0.2rem;
    right: -1.49rem;
    transition: all 2s;
    transform: rotateY(193deg);
}

.bj5 {
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    top: 1.5rem;
    right: -1.5rem;
    transition: all 2s;
    transform: rotateY(193deg);
}

.dian1 {
    width: 0.30rem;
    height: 0.19rem;
    position: absolute;
    top: 0.2rem;
    left: 0.9rem;
}

.dian2 {
    width: 0.30rem;
    height: 0.19rem;
    position: absolute;
    top: 0.2rem;
    left: 0.9rem;
}

.dian3 {
    width: 0.30rem;
    height: 0.19rem;
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    transform: rotateX(180deg);
}

.dian4 {
    width: 0.30rem;
    height: 0.19rem;
    position: absolute;
    top: 0.6rem;
    left: -0.3rem;
    transform: rotate(176deg);
}

.dian5 {
    width: 0.30rem;
    height: 0.19rem;
    position: absolute;
    top: 0.4rem;
    left: 1rem;
    transform: rotateX(180deg);
}

.dian6 {
    width: 0.30rem;
    height: 0.19rem;
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    transform: rotateX(180deg);
}

.sjj {
    width: 100%;
    height: 6.11rem;
    position: relative;
}

.sjj>img {
    width: 100%;
    height: 100%;
}

.sjj_box {
    width: 12rem;
    height: 6.11rem;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6rem;
}

.sjj_title {
    font-size: 46px;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    margin-top: 0.30rem;
}

.sjj_title1 {
    opacity: 1;
    font-size: 0.34rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    margin-top: 0.30rem;
}

.sjj_pic_box {
    display: flex;
    position: relative;
}

.pic1,
.pic2,
.pic3 {
    width: 2.55rem;
    margin-right: 0.20rem;
    height: 2.55rem;
    margin-top: 0.5rem;
}

.pic1>img,
.pic2>img,
.pic3>img {
    width: 100%;
    height: 100%;
}

.pic1_txt {
    position: absolute;
    top: 2.25rem;
    width: 2.55rem;
    height: 0.8rem;
    background-color: #E9F0FF;
}

.pic1_txt1 {
    opacity: 1;
    font-size: 0.20rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    margin-top: 0.1rem;
    text-align: center;
    color: #333333;
}

.pic1_txt2 {
    opacity: 1;
    font-size: 0.16rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: center;
    color: #266ffb;
    margin-top: 0.05rem;
}

.cj,
.cj>img {
    width: 100%;
    height: 100%;
    position: relative;
}

.cj_box {
    width: 12rem;
    height: 8.12rem;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6rem;
}

.cj_title {
    top: 0.4rem;
    height: 0.54rem;
    left: 50%;
    margin-left: -2.2rem;
    position: relative;
}

.cj_title1 {
    font-size: 0.46rem;
    position: absolute;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    top: 0.2rem;
    left: 1.3rem;
    text-align: center;
    color: #333333;
}

.pic_cj {
    display: flex;
    width: 12rem;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 1.75rem;
}

.pic_cj1 {
    width: 2.75rem;
    height: 2.0rem;
    margin-bottom: 1rem;
}

.pic_cj1>img {
    width: 100%;
    height: 100%;
}

.pic_cj2 {
    width: 2.75rem;
    height: 0.62rem;
    text-align: center;
    background-color: #DBDBDB;
    line-height: 0.62rem;
}

.fy {
    width: 100%;
    height: 2.73rem;
    background-color: #ffffff;
    position: relative;
}

.fy_box {
    width: 15rem;
    height: 2.73rem;
    position: absolute;
    left: 50%;
    margin-left: -7.5rem;
}

.fy_2_title {
    opacity: 1;
    font-size: 0.50rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: left;
    color: #333333;
    margin-top: 0.3rem;
}

.fy_box {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.fy_1 {
    width: 2.46rem;
    height: 2.10rem;
}

.fy_1>img {
    width: 100%;
    height: 100%;
}

.fy_2_2 {
    width: 3.26rem;
    height: 0.59rem;
    margin-top: 0.3rem;
}

.fy_2_2>img {
    width: 100%;
    height: 100%;
}

.fy_3 {
    width: 2.54rem;
    height: 2.51rem;
}

.fy_3>img {
    width: 100%;
    height: 100%;
}


/* 加盟 */

.jm,
.jm>img {
    width: 100%;
    position: relative;
}

.jm_pic {
    width: 5.51rem;
    position: absolute;
    left: 50%;
    top: 0.5rem;
    margin-left: -2.4rem;
}

.jm_pic>img {
    width: 100%;
}

.tel_kuang {
    left: 50%;
    margin-left: -4.4rem;
    position: absolute;
    bottom: 0.45rem;
    width: 9.89rem;
    height: 2.15rem;
    background: rgba(255, 255, 255, 0.4);
    padding-top: 0.24rem;
    padding-left: 2.15rem;
    padding-right: 1.9rem;
    box-sizing: border-box;
    display: flex;
    align-content: center;
    flex-direction: column;
}

.dianhua {
    width: 2.37rem;
    height: 0.47rem;
    background: #ffffff;
    padding-left: 0.33rem;
    font-size: 0.14rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #868383;
    box-sizing: border-box;
}

.dianhaukuang {
    display: flex;
    margin-top: 0.2rem;
    justify-content: space-between;
}

.kf_tjs {
    width: 2.04rem;
    margin-left: 0.1rem;
    height: 0.46rem;
    opacity: 1;
    background: #ff8022;
    font-size: 0.13rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: center;
    line-height: 0.42rem;
    border: none;
    color: #ffffff;
}

.xingming {
    width: 2.37rem;
    height: 0.47rem;
    margin-left: 0.1rem;
    background: #ffffff;
    padding-left: 0.33rem;
    font-size: 0.14rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #868383;
    box-sizing: border-box;
}

.tel_tel {
    font-size: 0.4rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    color: #181f35;
}

.tz {
    font-size: 0.18rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    margin-top: 0.25rem;
    color: #181f35;
}

.txt_center {
    height: 3.15rem;
    width: 12rem;
    position: absolute;
    left: 50%;
    margin-left: -6rem;
    padding-top: 0.6rem;
    box-sizing: border-box;
}

.txt_txt {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 0.5rem;
}

.txt_txt>p {
    font-size: 0.2rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    color: #292929;
}

.index_banner,
.index_banner>img {
    width: 100%;
}


/* 列表 */

.lists_all {
    width: 100%;
    height: 0.5rem;
    position: relative;
    background-color: #F8F8F8;
}

.lists_ul {
    width: 12rem;
    position: absolute;
    left: 50%;
    margin-left: -6rem;
}

ul {
    list-style-type: none;
    overflow: hidden;
    text-align: center;
    background-color: #F8F8F8;
    display: flex;
    justify-content: center;
    align-content: center;
}

li {
    background-color: #F8F8F8;
    padding-bottom: 0.03rem;
    text-align: center;
    padding: 0.1rem 0.3rem 0rem 0.3rem;
    border-right: 0.02rem solid #D1D1D1;
}

li a {
    display: block;
    text-decoration: none;
    font-size: 0.22rem;
    height: 0.4rem;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
    color: #707070;
    cursor: hand;
}

.as {
    color: #1969FB;
    cursor: pointer;
    padding-bottom: 0.3rem;
    border-bottom: 0.02rem solid #2533c4;
}


/* 需求 */

.xq {
    width: 100%;
    height: 7.33rem;
    position: relative;
}

.xq_box {
    width: 12rem;
    height: 7.33rem;
    position: absolute;
    left: 50%;
    margin-left: -6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.xq_title {
    width: 7.80rem;
    height: 0.64rem;
    position: relative;
    margin-top: 0.79rem;
}

.xq_title>img {
    width: 100%;
    height: 100%;
}

.xq_title_txt {
    opacity: 1;
    font-size: 0.46rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    text-align: left;
    color: #333333;
    position: absolute;
    top: 0rem;
    left: 0.9rem;
}

.xq_lists {
    display: flex;
    justify-content: center;
    margin-top: 0.46rem;
}


/* 选中样式 */

.xq_lists1 {
    background: #266ffb !important;
    color: #ffffff !important;
}


/* 未选中样式 */

.xq_lists2 {
    width: 1.31rem;
    height: 0.42rem;
    cursor: pointer;
    opacity: 1;
    background: #ffffff;
    border-radius: 0.04rem;
    opacity: 1;
    font-size: 0.22rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: center;
    color: #333333;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
    line-height: 0.42rem;
}


/* 轮播图 */

.banner {
    display: flex;
    align-items: center;
    margin-top: 0.54rem;
}

.left_jt {
    width: 0.37rem;
    height: 0.37rem;
    margin-right: 0.3rem;
    cursor: pointer;
}

.left_jt>img {
    width: 100%;
    height: 100%;
}

.cent_left {
    width: 5.11rem;
    height: 4.06rem;
}

.cent_left>img {
    width: 100%;
    height: 100%;
}

.cent {
    display: flex;
}

.cent_right {
    width: 5.75rem;
    height: 4.06rem;
    border-radius: 6px;
    background-color: #ffffff;
    padding-top: 1.33rem;
    padding-left: 0.63rem;
    padding-right: 0.32rem;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
}

.cent_reight_title {
    opacity: 1;
    font-size: 0.30rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    text-align: left;
    color: #333333;
}

.cent_reight_txt {
    opacity: 1;
    margin-top: 0.32rem;
    font-size: 0.20rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: left;
    color: #666666;
}

.right_jt {
    width: 0.37rem;
    height: 0.37rem;
    margin-left: 0.3rem;
    cursor: pointer;
}

.right_jt>img {
    width: 100%;
    transform: rotateY(175deg);
    height: 100%;
}


/* 客服 */

.kf {
    width: 2.58rem;
    height: 3.44rem;
    background-color: #1A69FF;
    position: fixed;
    right: 0.2rem;
    top: 5rem;
}

.kf_title {
    opacity: 1;
    font-size: 0.20rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    margin-top: 0.15rem;
}

.kf_tel {
    opacity: 1;
    font-size: 0.16rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    position: relative;
    margin-top: 0.04rem;
    text-align: center;
    color: #ffffff;
}

.kf_tel::before {
    display: block;
    content: '';
    width: 0.39rem;
    height: 0.01rem;
    border-bottom: 0.01rem solid #ffffff;
    position: absolute;
    bottom: 0.1rem;
    left: 0.17rem;
}

.kf_tel::after {
    display: block;
    content: '';
    width: 0.39rem;
    height: 0.01rem;
    border-bottom: 0.01rem solid #ffffff;
    position: absolute;
    bottom: 0.1rem;
    right: 0.17rem;
}

.kf_tel_name {
    width: 2.24rem;
    height: 0.42rem;
    background: #ffffff;
    font-size: 0.11rem;
    padding-left: 0.3rem;
    box-sizing: border-box;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    margin-top: 0.3rem;
    color: #a5a5a5;
}

.kf_tel_txt {
    width: 2.24rem;
    margin-top: 0.3rem;
    height: 0.42rem;
    background: #ffffff;
    font-size: 0.011rem;
    padding-left: 0.3rem;
    box-sizing: border-box;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #a5a5a5;
}

.kf_tj {
    margin-top: 0.2rem;
    width: 2.24rem;
    height: 0.42rem;
    opacity: 1;
    background: #ff8022;
    font-size: 0.13rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: center;
    line-height: 0.42rem;
    border: none;
    color: #ffffff;
}

.kf_news {
    margin-left: 0.17rem;
}

.kf_foor {
    opacity: 1;
    font-size: 0.17rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    margin-top: 0.2rem;
    color: #ffffff;
}