/* ctrl+k+shift+s可以保存文件时忽略格式化 */
* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.outage {
    height: auto;
    width: 100%;
}

.outage img {
    width: 100%;
}

.title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36.5pt;
    margin: 30px 0 0 0;
}

.gradient-left {
    width: 61.29pt;
    height: 6.13pt;
    background: linear-gradient(90deg, #2f79db 50%, #1544b5);
    /*    渐变背景*/
    border-radius: 3.06pt;
    /*设置圆角*/
}

.text {
    text-align: center;
    font-size: 26pt;
    font-weight: 600;
    margin: 10px 10px;
    color: #4a4a4a;
    height: 36.78pt;
    line-height: 36.78pt;
}

.text_bottom {
    font-weight: 300;
    text-align: center;
    font-size: 10.73pt;
    color: #9B9B9B;
    margin: 4px 0;
}

.gradient-right {
    width: 61.29pt;
    height: 6.13pt;
    background: linear-gradient(90deg, #1544b5, #2f79db 50%);
    border-radius: 3.06pt;
}

/* ----------header----------*/
.header {
    height: 80px;
}

.header .header_1 {
    display: flex;
    /* 文字垂直居中 */
    align-items: center;
    /* 元素两边贴墙显示*/
    justify-content: space-between;
    width: 65%;
    height: 100%;
    margin: 0 auto;
}

.header .nav {
    list-style: none;
    overflow: hidden;
    font-size: 10pt;
}

.header .nav_item {
    float: left;
    margin-right: 40px;
}

.header .nav_item:last-child {
    margin-right: 0px;
}

.header .nav_item a {
    color: black;
    font-weight: bolder;
}

.header .logo {
    background-color: white;
    color: #333333;
    font-weight: bold;
    font-size: 14pt;
}

.banner {
    width: 100%;
    height: auto;
    position: relative;
}

.banner img {
    display: block;
    width: 100%;
    height: auto;
}

.banner .swiper-container {
    width: 100%;
}

.banner .swiper-pagination {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 15px;
}

.banner .swiper-pagination span {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border: 1px solid #fff;
    background: none;
    opacity: 1;
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
    background: #fff;
}

/* ----------index---------- */

.index {
    width: 65%;
    margin: 0 auto;
}

/* .index .title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36.5pt;
    margin: 30px 0 0 0;
} */

/* .index .text {
    text-align: center;
    font-size: 26pt;
    font-weight: 600;
    margin: 10px 10px;
    color: #4a4a4a;
    height: 36.78pt;
    line-height: 36.78pt;
} */



/* .index .text_bottom {
    font-weight: 300;
    text-align: center;
    font-size: 10.73pt;
    color: #9B9B9B;
    margin: 4px 0;
} */
.index .text_bottom {
    margin: 4px 0;
}

.index .picture {
    margin: 50px 0;
}

.index .picture ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
}

.index .picture .column {
    text-align: center;
}

.index .pic {
    width: 111px;
    height: 111px;
    margin: 0 auto;
}

.index .notes {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #4a4a4a;
    letter-spacing: 0.27px;
    margin: 10px 0;
}

.index .memo {
    font-size: 10px;
    font-weight: 300;
    text-align: center;
    color: #666666;
    letter-spacing: 0.21px;
    width: 150px;
}

.index .pic_1 {
    width: 200px;
    height: 260px;
    border-radius: 7.66px;
}

.index .notes_1 {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #4a4a4a;
    letter-spacing: 0.27px;
    margin: 10px 0;
}

.index .memo_1 {
    font-size: 10px;
    font-weight: 300;
    text-align: left;
    color: #666666;
    letter-spacing: 0.21px;
    width: 200px;
}



.index .case {
    height: auto;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    border-radius: 7.66px;
    box-shadow: 0px 1.53px 6.13px 0px rgba(0, 0, 0, 0.25);
    margin: 50px 0;
}

.index .imgs {
    width: 50%;
    height: 100%;
}

.index .case_right {
    display: flex;
    flex-direction: column;
}

.index .case_up {
    margin: 0 30px;
}

.index .up_notes {
    font-size: 30px;
    font-weight: 900;
    text-align: left;
    color: #4a4a4a;
    margin: 60px 0 45px 0;
}

.index .up_memo {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #4a4a4a;
    letter-spacing: 1.53px;
    line-height: 35px;
}

.index .case_down {
    height: 100%;
    position: relative;
}

.index .button {
    display: block;
    margin: 0 auto;
    width: 153.23px;
    height: 38.31px;
    background: #00cdef;
    border-radius: 22.22px;
    font-size: 15px;
    font-weight: 900;
    color: #ffffff;
    line-height: 38.31px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    right: 30px;
}


/* ----------brief---------- */

.brief {
    width: 65%;
    margin: 0 auto;
}

.brief a {
    text-decoration: none;
    color: #000;
}

.brief a:hover {
    /*鼠标选中'*/
    text-decoration: none;
    color: #000;
}

.brief a:active {
    /*点击*/
    text-decoration: none;
    color: #000;
}

.brief .case {
    margin: 30px 0%;
    height: auto;
}

.brief span {
    font-size: 20px;
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 2.0-Regular;
    font-weight: 400;
    text-align: left;
    color: #4a4a4a;
    line-height: 40px;
    /*首行缩进*/
    display: block;
    text-indent: 2em;
}

.brief .img1 {
    width: 100%;
    height: auto;
}

.brief .picture {
    margin: 50px 0;
}

.brief .picture ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
}

.brief .picture .column {
    text-align: center;
}

.brief .pic {
    width: 111px;
    height: 111px;
    margin: 0 auto;
}

.brief .notes {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #4a4a4a;
    letter-spacing: 0.27px;
    margin: 10px 0;
}

.brief .memo {
    font-size: 10px;
    font-weight: 300;
    text-align: center;
    color: #666666;
    letter-spacing: 0.21px;
    width: 150px;
}

.brief .table_14 {
    display: flex;
    flex-wrap: wrap; /* 允许li元素换行 */
    justify-content: space-between; /* 在主轴上分布元素，这里指水平方向 */
    list-style: none; /* 移除默认的列表样式 */
    padding: 0; /* 移除默认的padding */
    margin: 0; /* 移除默认的margin */
}

.brief .column_14 {
    flex: 0 0 auto; /* 不允许flex项伸缩 */
    width: calc(33.3333% - 20px); /* 根据你的需要设置宽度，这里假设每行3个元素，减去间距 */
    box-sizing: border-box; /* 确保padding和border不会增加元素宽度 */
    margin-bottom: 20px; /* 设置元素之间的垂直间距 */
}

/* 设置最小和最大间距 */
.brief .column_14 {
    min-margin-right: 10px; /* 最小间距 */
    max-margin-right: 30px; /* 最大间距 */
}
/* 根据需要调整媒体查询，以改变间距或每行元素数量 */

@media (max-width: 768px) {
    .brief .column_14 {
        width: calc(50% - 15px);  /*在小屏幕上每行显示2个元素 */
        margin-right: 15px;  /*减小间距 */
    }
}
@media (max-width: 480px) {
    .brief .column_14 {
        width: 100%;  /*在更小的屏幕上每个元素占一行 */
        margin-right: 0;  /*移除间距 */
    }
}


/* ----------buiness---------- */
.business * {
    margin: 0;
    padding: 0;
}

.business {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 10%;
}

/* styles.css */

.business .pic h5 {
    font-weight: 500;
}
.business .text {
    margin: 10px 10px;
}
/* .business .text {
    font-size: 23px;
    font-weight: bold;
    margin: 0 10px;
    color: #57585c
} */

/* 第一个小分区 */
/* .business .title1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    margin-bottom: 0.8%;
}

.business .title1_1 {
    text-align: center;
    font-size: 12px;
    color: #808080;

} */
.business .text_bottom {
    margin: 4px 0;
}

.business .pic {
    display: flex;
    /* 取消浮动 */

    justify-content: center;
    list-style: none;
}

.business .pic1 {
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 30px;
    display: block;
    text-align: center;
}

.business .text1_2 {
    font-size: 0.8px;
    color: #7b828b;
    text-align: center;

}

/*  第一个小分区结束了 */
/*   第二个小分区开始了 */
.business .p1 {
    text-align: center;
    font-size: 15px;
    line-height: 210%;
}

.business .p1_1 {
    text-align: left;
    color: #56575a
}

.business .picture1 {
    text-align: center;

}

.business .picture1_1 {
    max-width: 100%;
    height: auto;
}

/* ----------contact---------- */
.contact * {
    margin: 0;
    padding: 0;
}

.contact {
    width: 65%;
    margin: 0 auto;
}

/* .contact .text {
    font-size: 23px;
    font-weight: bold;
    margin: 0 10px;
    color: #57585c
} */

/* 第一个小分区 */
/* .contact .title1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    margin-bottom: 0.8%;
}

.contact .title1_1 {
    text-align: center;
    font-size: 12px;
    color: #808080;

} */
.contact .text_bottom {
    margin: 4px 0;
}

.contact .con {
    margin-top: 5%;
    margin-bottom: 200px;
}

.contact .content {
    line-height: 2;
    letter-spacing: 3px;
}
/* 人资数字化 */
/* ----------hr----------*/
.hr {
    width: 65%;
    margin: 0 auto;
}

.hr a {
    text-decoration: none;
    color: #000;
}

.hr a:hover {
    /*鼠标选中'*/
    text-decoration: none;
    color: #000;
}

.hr a:active {
    /*点击*/
    text-decoration: none;
    color: #000;
}

.hr .case {
    margin: 30px 0%;
    height: auto;
}

.hr span {
    font-size: 20px;
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 2.0-Regular;
    font-weight: 400;
    text-align: left;
    color: #4a4a4a;
    line-height: 40px;
    /*首行缩进*/
    display: block;
    text-indent: 2em;
}

.hr .img1 {
    width: 100%;
    height: auto;
}

.hr .picture {
    margin: 50px 0;
}



.hr .picture ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
    flex-wrap: wrap;
}

.hr .picture li {
    text-align: center;
    margin: 10px;
}

.hr .pic {
    width: 111px;
    height: 111px;
    margin: 0 auto;
}


.hr .notes {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #4a4a4a;
    letter-spacing: 0.27px;
    margin: 10px 0;
    word-wrap: break-word;
}

.hr .memo {
    font-size: 10px;
    font-weight: 300;
    text-align: center;
    color: #666666;
    letter-spacing: 0.21px;
    width: 150px;
}

.hr .picture {
    margin: 50px 0;
}

.hr .picture ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
}

.hr .picture .column {
    text-align: center;
}

.hr .pic_1 {
    width: 200px;
    height: 260px;
    border-radius: 7.66px;
}

.hr .notes_1 {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #4a4a4a;
    letter-spacing: 0.27px;
    margin: 10px 0;
}

.hr .memo_1 {
    font-size: 10px;
    font-weight: 300;
    text-align: left;
    color: #666666;
    letter-spacing: 0.21px;
    width: 200px;
}

/* ----------detail_case----------*/
.detail_case {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 10%;
}

.detail_case a {
    text-decoration: none;
    color: #000;
}

.detail_case a:hover {
    /*鼠标选中'*/
    text-decoration: none;
    color: #000;
}

.detail_case a:active {
    /*点击*/
    text-decoration: none;
    color: #000;
}

.detail_case .case {
    margin: 30px 0%;
}

.detail_case h1,
h2,
h3 {
    /*    text-align: center;*/
}

.detail_case p {
    text-align: left;
    color: #56575a;
    font-size: 15px;
    line-height: 210%;
    text-indent:30px;
}

.detail_case li {
    text-align: left;
    color: #56575a;
    font-size: 15px;
    margin: 10px 0%;
    /*list-style-type: decimal;li标签前图案*/
}

.detail_case .title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36.5pt;
    margin: 30px 0 0 0;
}

.detail_case .text {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 10px;
    color: #000;
}

.detail_case .text_bottom {
    line-height: 1;
    text-align: center;
    font-size: 7pt;
    color: #9B9B9B;
}
.detail_case .picture1_1 {
    width: 100%;
    height: auto;
}
.detail_case .picture_first{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 210px;
    margin: 0 auto;
}
.detail_case .pic {
    /*推荐位*/

    height: 400px;
    margin: 0 auto;
}


/* ----------partner---------- */
.partner * {
    margin: 0;
    padding: 0;
}

.partner {
    width: 65%;
    margin: 0 auto;
}

/* styles.css */


.partner .b1 {
    background-image: url("../image/par_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    flex-wrap: wrap;
    height: 700px;
}


.partner .text_bottom {
    margin: 4px 0;
}

.partner .pic {
    display: flex;
    /* 取消浮动 */
    justify-content: center;
    list-style: none;
    margin-top: 2%;
}

.partner .pic1 {
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 30px;
    display: block;
    text-align: center;
}

/*  页尾部分 */

/* ----------solution ----------*/

.solution {
    width: 65%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.solution .s1{
    flex-basis: 100%;
}
.solution .navigation{
    width: 25%;
    background:#F4F4F4;
}

.solution .product{
    width: 75%;
    flex-wrap: wrap;

}
.solution a {
    text-decoration: none;
    color: #000;
}

.solution a:hover {
    /*鼠标选中'*/
    text-decoration: none;
    color: #000;
}

.solution a:active {
    /*点击*/
    text-decoration: none;
    color: #000;
}

.solution .case {
    margin: 30px 0%;
    height: auto;
}

.solution span {
    font-size: 20px;
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 2.0-Regular;
    font-weight: 400;
    text-align: left;
    color: #4a4a4a;
    line-height: 40px;
    /*首行缩进*/
    display: block;
    width: 100%;
}
.solution .navigation span {
    text-align: center;
}
.solution .navigation li {
    text-align: center;
    margin: 10px;
    list-style: none;
}
.solution .navigation a{
    height: 100%;
    width:100%;
}
.solution .navigation a:hover  {
    text-align: center;
    background: linear-gradient(to right, #2F79DB, #1544B5);
    color:white;
    display: block;
}
.solution .column{

    margin: 0 10px;
}
.solution .img1 {
    width: 100%;
    height: auto;
}

.solution .picture {
    margin: 0 0;
}

.solution .picture ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}


.solution .picture li {

    margin: 10px;
    list-style: none;
    flex-basis: calc(33.3333% - 20px);
    flex-grow: 1;
    flex-shrink: 1;
    margin: 10px;
}

.solution .pic {
    width: auto;
    height: auto;
    margin: 0 auto;
}


.solution  .notes {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #4a4a4a;
    letter-spacing: 0.27px;
    margin: 10px 0;
    word-wrap: break-word;
}
.solution  .product .notes {
    text-align: left;
    margin-left: 12px;
}
.solution  .memo {
    font-size: 10px;
    font-weight: 300;
    text-align: center;
    color: #666666;
    letter-spacing: 0.21px;
}
.solution  .product .memo {
    text-align: left;
    margin-left: 12px;
    width: 205px;
}
/* ----------success_case ----------*/

.success_case * {
    margin: 0;
    padding: 0;
}

.succsee_case {
    width: 65%;
    margin: 0 auto;
}

.success_case .text_bottom {
    margin: 4px 0;
}

.success_case .pic a {
    color: black;
    text-decoration: none;
}


.success_case .pic {
    display: flex;
    /* 取消浮动 */
    justify-content: center;
    list-style: none;
    flex-wrap: wrap;
    margin-top: 21px;

}

.success_case li {
    flex-basis: calc(25% - 10px);
    margin: 5px;
}

.success_case .pic1 {
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 30px;
    display: block;
    text-align: center;
}

.success_case .h6 {
    font-size: 16px;
}

.success_case .text1_2 {
    font-size: 0.8px;
    color: #7b828b;
    text-align: center;

}


/* ----------footer ---------- */
.footer {
    width: 100%;
    height: 280.41px;
    background: #000e56;
    color: #ffffff;
}

.footer .case {
    width: 65%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.footer .case_up {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
}

.footer .f1 {
    font-size: 15px;
    font-weight: 400;
}

.footer .f2 {
    font-size: 10px;
    margin: 5px 0;
}

.footer .f3 {
    width: 100px;
    height: 100px;
}

.footer .case_down {
    text-align: center;
    font-size: 10px;
}

.footer .f4 {
    margin-top: 20px;
}

.footer a {
    color: #ffffff;
}