.first {
        background: url(/static/home/images/about/about.jpg) no-repeat;
        background-size: cover;
        margin-bottom: 80px;
    }
    .public-first {
        width: 100%;
        height: 500px;
    }
    .public-first .public-case {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }
    @media only screen and (min-width: 1360px)
    .w1200 {
        max-width: 1200px;
    }
    .w1200 {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 10px;
    }
    .public-first .public-case div {
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 30px;
        letter-spacing: 4px;
    }
    .first .usCase span {
        letter-spacing: 2px;
    }
    .public-first .public-case span {
        color: #ffffff;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 4px;
    }
    .introduction {
        padding-top: 60px;
        background-color: #fff;
        background-image: linear-gradient(0deg,hsla(0,0%,96.5%,.5),hsla(0,0%,96.5%,0));
    }
    .introduction-full {
        background-image: linear-gradient(180deg,hsla(0,0%,100%,.1),rgba(88,104,209,.1));
        margin-bottom: 80px;
    }
    .introduction .title {
        display: flex;
        align-items: center;
        margin-bottom: 60px;
        position: relative;
    }
    .introduction .title svg {
        font-size: 55px
    }
    .introduction .title span {
        color: var(--gray-10);
        font-size: 32px;
        margin-left: 30px;
        line-height: 40px;
        font-weight: 500;
    }
    .introduction .desc .name {
        color: var(--blue-6);
        font-size: 25px;
        font-weight: 400;
    }
    .introduction .desc .text {
        color: var(--gray-9);
        font-size: 16px;
    }
    .introduction .section {
        margin-bottom: 20px;
    }
    .introduction {
        padding-bottom: 30px;
    }

.introduction .a_news { margin-bottom: 120px; display: flex; justify-content: flex-start; }

.introduction .a_news .a_left { padding-top: 32px; }

.introduction .a_news .a_left .left_cont { padding: 0 67px 20px 46px; border-left: 1px solid var(--blue-3); position: relative; height: 100%; }

.introduction .a_news .a_left .left_cont span { position: absolute; left: 0px; top: 0px; width: 7px; height: 100%; }

.introduction .a_news .a_left .left_cont p { color: #000000; font-size: 14px; line-height: 24px; margin-bottom: 46px; }

.introduction .a_news .a_left .left_cont p:nth-of-type(1) { font-size: 18px; margin-bottom: 20px; }

.introduction .a_news .a_left .left_cont table tr td a:first-child { font-size: 18px; color: #000000; line-height: 24px; margin-bottom: 20px; }

.introduction .a_news .a_left .left_cont table tr td a:last-child { color: #262626; font-size: 14px; line-height: 24px; margin-top: -46px; }

.introduction .a_news .a_left .left_cont table tr td a:last-child > div { min-height: 120px; margin-bottom: 20px; }

.introduction .a_news .a_left .left_cont table tr td a:last-child > .btn { width: 80px; height: 28px; min-height: auto; border: 1px solid var(--primary); border-radius: 14px; text-align: center; 
    color: var(--primary); font-size: 12px; background: #ffffff; float: right; margin-bottom: 0px; }

.introduction .a_news .a_left .left_cont table tr td a:last-child > .btn:hover { color: #ffffff; background: linear-gradient(to right, #5a4ad1, #4969d9); border: 1px solid transparent; }

.introduction .a_news .a_left .left_cont table tr td .more-btn { display: none; }

.introduction .a_news .a_right { padding: 30px 30px 20px 30px; background: #f9fafd; }

.introduction .a_news .a_right ul li { font-size: 12px; color: #000000; margin-bottom: 10px; display: flex; position: relative; }

.introduction .a_news .a_right ul li:nth-last-child(1) { margin-top: 20px; }

.introduction .a_news .a_right ul li a { display: block; width: calc(100% - 100px); line-height: 24px; }

.introduction .a_news .a_right ul li a:hover { color: #000000; }

.introduction .a_news .a_right ul li .icon-new { font-size: 16px; color: var(--primary); margin-right: 8px; position: relative; top: 2px; }

.introduction .a_news .a_right ul li .time { position: absolute; right: 0; }

.introduction .a_news .a_right table { display: inline-block; }

.introduction .a_news .a_right table tbody { display: inline-block; width: 100%; }

.introduction .a_news .a_right table tr { font-size: 12px; color: #000000; margin-bottom: 10px; display: inline-flex; position: relative; width: 100%; }

.introduction .a_news .a_right table tr:nth-last-child(1) { margin-top: 20px; }

.introduction .a_news .a_right table tr td { display: inline-block; width: 100%; }

.introduction .a_news .a_right table tr td a { width: 100%; line-height: 24px; color: var(--gray-10)}

.introduction .a_news .a_right table tr td a .dynamic-list-cont {
    font-size: 14px;
    width: calc(100% - 100px);
    float: left;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.introduction .a_news .a_right table tr td a .dynamic-list-cont:hover { color: #2ca4ff; }

.introduction .a_news .a_right table tr td a svg {
    float: left;font-size: 16px; color: var(--primary); margin-right: 8px; position: relative; top: 4px; }

.introduction .a_news .a_right table tr td a .time {
    float: left; line-height: 24px; position: absolute; right: 0; }

.introduction .a_news .a_right table tr:last-child td a { width: 80px; height: 28px; min-height: auto; border: 1px solid var(--primary); border-radius: 14px; text-align: center; line-height: 28px; color: var(--primary); font-size: 12px; background: #ffffff; float: right; margin-bottom: 0px; }

.introduction .a_news .a_right table tr:last-child td a:hover { color: #ffffff; background: linear-gradient(to right, #5a4ad1, #4969d9); border: 1px solid transparent; }

.introduction .btn { width: 100%; height: 28px; position: relative; }

.introduction .btn a { width: 80px; height: 28px; border: 1px solid var(--primary); border-radius: 14px; text-align: center; color: var(--primary); font-size: 12px; background: #ffffff; position: absolute; right: 0; }

.introduction .btn a:hover { color: #ffffff; background: linear-gradient(to right, #5a4ad1, #4969d9); border: 1px solid transparent; }


.sixth { position: relative; height: 333px; margin-bottom: 1px;}

.sixth .bg {
    background: #36D1DC;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: 333px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: 100% 100%;
}

.sixth .address { position: relative; width: 100%; }

.sixth .address ul { width: 100%; position: absolute; left: 0; top: -53px; display: flex; justify-content: space-between; align-items: center; }

.sixth .address ul li { width: calc((100% - 6px)/4); height: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden; }

.sixth .address ul li:nth-child(1) { background: url(/static/home/images/about/gz.png) no-repeat; background-size: 100% 100%; }

.sixth .address ul li:nth-child(1) .addressCard p { margin-bottom: 0; }

.sixth .address ul li:nth-child(2) { background: url(/static/home/images/about/sz.png) no-repeat; background-size: 100% 100%; }

.sixth .address ul li:nth-child(2) .addressCard p { padding: 0 16px; }

.sixth .address ul li:nth-child(3) { background: url(/static/home/images/about/bj.png) no-repeat; background-size: 100% 100%; }

.sixth .address ul li:nth-child(3) .addressCard p { padding: 0 8px; }

.sixth .address ul li:nth-child(4) { background: url(/static/home/images/about/sh.png) no-repeat; background-size: 100% 100%; }

.sixth .address ul li:nth-child(4) .addressCard p { padding: 0 5px; }

.sixth .address ul li h1 {
    color: #ffffff;
    font-size: 32px;
    padding: 0 35px 0 35px;
    /* border-bottom: 5px solid #ffffff; */
}

.sixth .address ul li .addressCard { position: absolute; left: 0; top: 250px; width: 100%; height: 250px; background: #537dff; padding: 0 20px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; }

.sixth .address ul li .addressCard h2 { color: #ffffff; font-size: 24px; padding: 0 18px 10px 23px; border-bottom: 3px solid #ffffff; margin-bottom: 27px; }

.sixth .address ul li .addressCard p { color: #ffffff; font-size: 14px; margin-bottom: 10px; line-height: 24px; letter-spacing: 1px; width: 100%; }

.sixth .address ul li .addressCard p:nth-last-child(1) { margin-bottom: 0; }

.sixth .address ul li:hover .addressCard { animation: animatebg 500ms ease-out 0ms 1 normal forwards; overflow: hidden; animation-fill-mode: forwards; background: #537dff; }

@keyframes animatebg { from { top: 250px; }
  to { top: 0; } }

.sixth .btn {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%);
    width: 300px;
    height: 60px;
    border: 1px solid var(--blue-2);
    background: transparent;
    border-radius: 30px;}

.sixth .btn a {
    text-align: center;
    line-height: 50px;
    color: var(--blue-1);
    font-size: 24px;
    font-weight: 600;
}

.sixth .btn:hover {
    background: linear-gradient(to right, var(--blue-5), var(--blue-7));
    color: #ffffff;
    border: none;
}

.sixth .btn:hover a{
    color: #ffffff;
}