.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body.show a,
body.show .transition,
body.show :before,
body.show img {
    -webkit-transition: All .5s ease;
    transition: All .5s ease;
}

.zoomImg {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}

.zoomImg:before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    opacity: .6;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.zoomImg:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

.zoomImg:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

a:hover .zoomImg:before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

a:hover .zoomImg img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-size: 100px
}

body {
    font-size: 12px;
    font-family: Arial, "微软雅黑";
    color: #333;
    -webkit-text-size-adjust: none;
    opacity: 0;
    -webkit-font-smoothing: antialiased
}

body.show {
    opacity: 1
}

a {
    color: #333;
    text-decoration: none;
    outline: none
}

a:active {
    star: expression(this.onFocus=this.blur())
}

a:link {
    text-decoration: none;
    outline: none
}

a:visited {
    text-decoration: none;
    outline: none
}

a:hover {
    text-decoration: none;
    color: red;
    outline: none
}

li {
    list-style: outside none
}

li {
    list-style-type: none
}

h1 {
    font-size: 16px
}

h2,
h3,
h4,
h5 {
    font-size: 14px
}

h5 {
    font-size: 12px
}

textarea,
input {
    background: transparent;
    font-size: 12px;
    font-family: Arial, "微软雅黑";
    color: #888;
    outline: none;
    border: 0
}

.head .input .searchInput {
    background: transparent;
    font-size: 12px;
    font-family: Arial, "微软雅黑";
    color: #888;
    outline: none;
    border: 0;
    display: block;
}


/*新增*/

.head .phoneSearch {
    position: relative;
    display: none;
    width: 95%;
    border: 1px solid transparent;
    padding-left: 0.3rem;
    border-radius: 5px;
    /* margin: auto; */
    height: 1.2rem;
}

.head .phoneSearch .leftSearchM {
    width: 9.2rem;
    height: 0.8rem;
    border-bottom: 1px solid #e7e7e7;
    /*margin-left: 0.9rem;*/
}

.head .phoneSearch .leftSearchM .phoneInput {
    position: absolute;
    /* left: 1rem; */
    /*left: 11.5%;*/
    display: none;
    display: inline-block;
    border-radius: 5px;
    width: 8rem;
    /* width: 100%; */
    height: 0.8rem;
    /* background-color: #e7e7e7; */
    /* border-bottom: 1px solid #e7e7e7; */
    padding-left: 0.2rem;
}

.head .phoneSearch .leftSearchM .phoneInput::placeholder {
    font-size: 0.40rem;
}

.head .phoneSearch .leftSearchM .confirmPhoneSearch {
    position: absolute;
    right: 1rem;
    /* top: 0.1rem; */
    bottom: 0.3rem;
    width: 13%;
    display: inline-block;
    float: right;
    height: 0.98rem;
    /* border-bottom: 1px solid #e7e7e7; */
    color: #ff0000;
    font-size: .43rem;
    text-align: center;
    /* letter-spacing: 0.04rem; */
    line-height: 1.08rem;
}

.head .phoneSearch .cancelPhoneSearch {
    font-size: 0.5rem;
    position: absolute;
    top: 0.13rem;
    right: 0.1rem;
}

em {
    font-style: normal
}

img {
    vertical-align: middle;
    max-width: 100%;
    border: 0;
    -o-object-fit: cover;
    object-fit: cover;
    /*新增*/
    height: auto;
    /*width: 100%;*/
}

.fixedPhone div img {
    border-radius: 55px 55px;
}

.wal {
    max-width: 14rem;
    margin: 0 auto
}

@font-face {
    font-family: "iconfont";
    src: url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff2?t=1650704386844") format("woff2"), url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff?t=1650704386844") format("woff"), url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.ttf?t=1650704386844") format("truetype")
}

.iconfont {
    font-family: "iconfont"
}

@font-face {
    font-family: "pingfang";
    src: url("https://data.kgu.cn/upload/image/pingfang.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "BarlowCondensed-Light";
    src: url(https://data.kgu.cn/kgu2024/image/BarlowCondensed-Light.otf) format("truetype");
    font-weight: normal;
    font-style: normal
}

.g-head1 {
    height: .98rem
}

.g-head1 .head {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    right: 0;
    background: #fff;
    padding: 0 .5rem
}

.g-head1 .head:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #eee
}

.g-head1 .wal {
    height: .98rem;
    max-width: 100%;
    position: relative
}

.g-head1 a.logo {
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1.5rem;
    background: url(https://data.kgu.cn/kgu2024/image/logo78.png) center no-repeat;
    background-size: 100%
}

.g-head1 .btns {
    position: absolute;
    z-index: 6;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.g-head1 .btns ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.g-head1 .btns li {
    margin-left: .1rem;
    position: relative
}

.g-head1 .btns li a {
    position: relative;
    z-index: 2
}

.g-head1 .btns li a img {
    height: .44rem
}

.g-head1 .btns li .input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3rem;
    border: #ddd solid 1px;
    background: #fff;
    border-radius: .4rem;
    opacity: 0;
    visibility: hidden
}

.g-head1 .btns li .input input::-webkit-input-placeholder {
    color: #888
}

.g-head1 .btns li .input input::-moz-placeholder {
    color: #888
}

.g-head1 .btns li .input input:-moz-placeholder {
    color: #888
}

.g-head1 .btns li .input input:-ms-input-placeholder {
    color: #888
}

.g-head1 .btns li .input textarea::-webkit-input-placeholder {
    color: #888
}

.g-head1 .btns li .input textarea::-moz-placeholder {
    color: #888
}

.g-head1 .btns li .input textarea:-moz-placeholder {
    color: #888
}

.g-head1 .btns li .input textarea:-ms-input-placeholder {
    color: #888
}

.g-head1 .btns li .input input {
    width: 100%;
    height: .42rem;
    line-height: .42rem;
    font-size: .14rem;
    color: #333;
    padding: 0 .2rem
}

.g-head1 .btns li:nth-child(1) a img,
.g-head1 .btns li:nth-child(2) a img {
    border-radius: 50%;
    border: #ddd solid 1px;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.g-head1 .btns li:hover .input {
    opacity: 1;
    visibility: visible
}


/*.g-head1 .btns li .input:hover{*/


/*    opacity: 1;*/


/*    visibility: visible*/


/*}*/

.g-head1 .btns li.on .input {
    opacity: 1;
    visibility: visible
}

.g-head1 .btns li:hover:nth-child(1) a img {
    border-color: rgba(0, 0, 0, 0)
}

.g-head1 .navA {
    display: none
}

.g-head1 .g-nav {
    max-width: 17rem;
    margin: 0 auto;
    padding: 0 1.5rem;
    position: relative
}

.g-head1 .g-nav .line {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .05rem;
    background: red;
    width: 0
}

.g-head1 .g-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.g-head1 .g-nav li {
    margin-right: .48rem
}

.g-head1 .g-nav a.name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .98rem;
    font-size: .18rem;
    color: rgba(46, 46, 46, .54);
    position: relative
}

.g-head1 .g-nav a.name i {
    width: .12rem;
    height: .12rem;
    background: url(https://data.kgu.cn/kgu2024/image/arrow12.png) center no-repeat;
    background-size: 100%;
    margin-left: .09rem
}

.g-head1 .g-nav a.name:hover,
.g-head1 .g-nav a.name.on {
    color: red
}


/*固定右侧*/

.head .fixedRight {
    /*width: 0.8rem;*/
    width: 0.93rem;
    position: fixed;
    right: 0rem;
    top: 30%;
}

.head .fixedRight div {
    border-bottom: 1px solid white;
    cursor: pointer;
}


/*固定中部*/

.hr_index_light {
    background: url(/7m5/pages/image/new_outer_bg.jpg) no-repeat!important;
    border: 0!important;
    padding: 14px 25px 24px;
    width: 420px;
    position: fixed;
    z-index: 5000000;
    background: #fff;
    left: 55%;
    top: 50%;
    margin-left: -274px;
    margin-top: -146px;
    display: none;
    border: 1px solid #e4e4e4;
}

.hr_index_light h4 {
    font-size: 18px!important;
    color: #fff!important;
    margin-bottom: 10px;
    font-size: 24px;
    color: #000000;
    font-weight: normal;
    line-height: 30px;
    /*margin-bottom: 24px;*/
    padding-top: 10px;
}

@media screen and (max-width: 768px) {
    .phone_seek h4 {
        margin-left: 0 !important;
    }
}

.hr_index_light h4 a {
    /*/7m5/pages/image/btn44_2.png*/
    background: url(/7m5/pages/image/close_index.png) no-repeat center!important;
    background-size: 100% 100% !important;
    background: url(/7m5/pages/image/close_index.png) no-repeat center;
    display: block;
    width: 29px;
    height: 29px;
    float: right;
    position: absolute;
    right: 0.15rem;
    top: 0.15rem;
}


/*测试微信*/

.hr_index_light .wechatChange {
    font-size: 15px!important;
    color: #fff!important;
    margin-bottom: 10px;
    font-size: 24px;
    color: #000000;
    font-weight: normal;
    line-height: 30px;
    /* margin-bottom: 24px; */
    padding-top: 30px;
    margin: auto;
    margin-left: 0px;
}

div#WechatCon {
    width: 300px;
    /*left: 80%;*/
    top: 50%;
}

.hr_index_light .wechatChangeImg {
    width: 200px;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-top: 10px;
}

.hr_index_light .wechatChangeEm {
    display: block;
    font-size: 15px;
    color: #fff;
    margin-bottom: 20px;
    margin-left: 0px;
    text-align: center;
}


/*测试微信结束*/

.hr_index_light>p {
    font-size: 50px;
    color: #fff;
    font-family: Arial;
}

.hr_index_light em {
    display: block;
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.hr_index_light .hr_index_part2 {
    display: block;
    width: 100%;
    background: #a30d19;
    text-align: center;
    color: #fff;
    line-height: 50px!important;
    height: 50px!important;
    font-size: 18px!important;
    line-height: 64px;
    font-size: 24px;
    color: #000000;
}

.hr_index_light img {
    width: 100px;
    margin-bottom: 10px;
}

.callNow {
    display: none;
}

@media screen and (max-width: 768px) {
    .job>.list li .bed dl.info dd {
        color: #363636;
        padding-left: 0.22rem;
        position: relative;
        min-height: 0.7rem;
        font-size: .36rem !important;
        /*height: 0.9rem !important;*/
        line-height: 0.48rem !important;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* -webkit-line-clamp: 2; */
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        table-layout: fixed;
        word-break: break-all;
        width: 93%;
    }
    .job>.list li .bed dl.info dd {
        min-height: 0.8rem !important;
    }
    .hr_index_light .wechatChangeEm {
        display: none;
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
        margin-left: 40px;
    }
    .hr_index_light h4 a {
        position: absolute;
        right: 0.35rem;
        top: 0.35rem;
    }
    .fixedRight {
        display: none;
    }
    .fixedPhone {
        display: block;
        display: flex;
        border-radius: 55px 55px;
        width: 90%;
        margin: auto;
        /* border-radius: 55px 55px; */
        background-color: #ff0000;
        position: fixed;
        bottom: 0.2rem;
        left: 5%;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
    .fixedPhone .phoneM img {
        /*width: 0.4rem;*/
        /*padding-bottom: 15%;*/
        border-radius: 55px 55px !important;
    }
    .hr_index_light {
        width: 80%;
        top: 50%;
    }
    div#hr_index_light {
        margin: auto;
        left: 0;
        right: 0;
        top: 40%;
    }
    .hr_index_light>p {
        font-size: 1rem;
        /*margin-left: 0.46rem;*/
        color: #fff;
        font-family: Arial;
    }
    .hr_index_light>h4 {
        margin-left: 2.3rem;
    }
    .callNow {
        /*
        display: block;
        width: 100%;
        background: #a30d19;
        text-align: center;
        color: #fff;
        line-height: 50px!important;
        height: 50px!important;
        font-size: 18px!important;
        line-height: 64px;
        font-size: 24px;
        color: #000000;
        margin-top: 10px;*/
    }
    .hr_index_light .onlineNow {
        display: none;
    }
    .hr_index_light .hr_index_part2 {
        display: none;
    }
    .p-num .el-pagination__editor.el-input .el-input__inner {
        height: 20px;
    }
    em.phoneTotal1 {
        margin-left: 0.9rem;
    }
    em.phoneTotal2 {
        margin-left: 0.25rem;
    }
    div#WechatCon {
        margin: auto;
        left: 0;
        right: 0;
        top: 30%;
    }
}

@media screen and (min-width: 768px) {
    .fixedRight {
        display: block;
    }
    .fixedPhone {
        display: none;
    }
    .job>.list li .bed dl.info dd {
        font-size: .18rem;
        line-height: .32rem;
        color: #363636;
        padding-left: 0.22rem;
        position: relative;
        min-height: 0.56rem;
        overflow: hidden;
        text-overflow: ellipsis;
        /* -webkit-line-clamp: 2; */
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
    }
}

@media screen and (min-width: 1125px) {
    .g-head1 .g-nav li {
        position: relative
    }
    .g-head1 .g-nav li .list {
        position: absolute;
        left: 0;
        top: 100%;
        width: 2.62rem;
        background: #fff;
        padding: .05rem .2rem;
        margin-top: -0.05rem;
        border-top: red solid .05rem;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    .g-head1 .g-nav li .list dl {
        display: none
    }
    .g-head1 .g-nav li .list dd {
        border-bottom: #e5e5e5 solid 1px
    }
    .g-head1 .g-nav li .list dd:last-child {
        border-bottom: 0
    }
    .g-head1 .g-nav li .list a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: .6rem;
        font-size: .15rem;
        color: #595959
    }
    .g-head1 .g-nav li .list a:after {
        display: block;
        content: "";
        width: .08rem;
        height: .12rem;
        background: url(https://data.kgu.cn/kgu2024/image/arrow8-gray.png) center no-repeat;
        background-size: 100%
    }
    .g-head1 .g-nav li .list a:hover {
        color: red
    }
    .g-head1 .g-nav li .list a:hover:after {
        background-image: url(https://data.kgu.cn/kgu2024/image/arrow8.png)
    }
    .g-head1 .g-nav li:hover a.name {
        color: red
    }
    .g-head1 .g-nav li:hover a.name:before {
        left: 0;
        right: 0;
        opacity: 1
    }
    .g-head1 .g-nav li:hover .list {
        opacity: 1;
        visibility: visible
    }
}

. g-foot1 {
    background: #515151;
    padding: .34rem .5rem;
    color: #fff;
    font-size: .18rem
}

. g-foot1 .wal {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

. g-foot1 .logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: .78rem
}

. g-foot1 .msg {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .56rem
}

. g-foot1 .msg p {
    padding-right: .3rem
}

. g-foot1 .share {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

. g-foot1 .share ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

. g-foot1 .share li {
    width: .44rem;
    margin-left: .1rem;
    position: relative
}

. g-foot1 .share li .layer {
    width: 1rem;
    position: absolute;
    background: #fff;
    z-index: 20;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: .1rem;
    padding: .06rem;
    margin-bottom: .15rem;
    opacity: 0;
    visibility: hidden
}

. g-foot1 .share li .layer:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -0.1rem;
    width: .2rem;
    height: .2rem;
    background: #fff;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%)
}

. g-foot1 .share li .layer img {
    position: relative;
    width: 100%
}

. g-foot1 .share li:hover .layer {
    opacity: 1;
    visibility: visible
}

.phone-show {
    display: none
}

@media screen and (max-width: 1125px) {
    html {
        font-size: 50px
    }
    /*新增*/
    .title {
        margin-top: 0.7rem;
    }
    /*.head .fixedPhone {*/
    /*    width: 100%;*/
    /*    height: 2rem;*/
    /*    position: fixed;*/
    /*    background-color: forestgreen;*/
    /*    bottom: 0;*/
    /*}*/
    /*   新增结束*/
    .wal,
    .wal-1200 {
        /*修改显示微信联系方式*/
        margin: 0 .7rem
        /*margin: 0.9rem;*/
    }
    /*修改显示微信联系方式*/
    . g-foot1 .share {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: auto;
        margin-bottom: 1rem !important;
    }
    /*新增*/
    .g-head1 .btns li:hover .input {
        opacity: 0;
        visibility: hidden;
    }
    .emptySpace {
        height: 10vh;
    }
    . g-foot1 .share li .layer {
        width: 3rem !important;
        left: 55%;
    }
    /*新增结束*/
    .pc-show {
        display: none
    }
    .phone-show {
        display: block;
        /*padding-top: 0.25rem;*/
    }
    body.navShow {
        overflow: hidden
    }
    body.navShow .g-head1 a.navA i:nth-child(1) {
        display: none
    }
    body.navShow .g-head1 a.navA i:nth-child(2) {
        display: block
    }
    body.navShow .g-head1 .g-nav {
        right: 0;
        left: 0
    }
    .g-head1 {
        height: 1.65rem;
    }
    .g-head1.home {
        height: auto;
    }
    .g-head1 .head {
        position: fixed;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        padding: 0
    }
    .g-head1 .wal {
        height: 1.65rem
    }
    .g-head1 a.logo {
        width: 3.2rem
    }
    .g-head1 .btns {
        right: 1.24rem
    }
    .g-head1 .btns li {
        margin-left: .18rem
    }
    .g-head1 .btns li a img {
        height: .8rem
    }
    .g-head1 .btns li .input {
        width: 4rem
    }
    .g-head1 .btns li .input input {
        height: .78rem;
        line-height: .78rem;
        font-size: .24rem
    }
    .g-head1 .navA {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: .8rem;
        background: url(https://data.kgu.cn/kgu2024/image/navA.png) center no-repeat;
        background-size: 0.8rem;
    }
    .g-head1 .g-nav {
        position: fixed;
        bottom: 0;
        right: -100%;
        left: 100%;
        top: 1.65rem;
        overflow-y: auto;
        background: #fff;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        padding: 0 .7rem
    }
    .g-head1 .g-nav ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .g-head1 .g-nav li {
        margin: 0;
        width: 100%;
        border-bottom: rgba(0, 0, 0, .1) solid 1px
    }
    .g-head1 .g-nav a.name {
        font-size: .4rem;
        padding-left: 0;
        height: 1.8rem;
        line-height: 1.8rem
    }
    .g-head1 .g-nav a.name i {
        width: .24rem;
        height: .24rem;
        margin-left: .18rem
    }
    .g-head1 .g-nav a.name:before {
        display: none
    }
    .g-head1 .g-nav .list {
        border-top: rgba(0, 0, 0, .1) solid 1px;
        padding: .3rem 0;
        display: none
    }
    .g-head1 .g-nav .list dl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .g-head1 .g-nav .list dd {
        min-width: 33.333%
    }
    .g-head1 .g-nav .list a {
        display: block;
        line-height: 1rem;
        font-size: .34rem;
        padding: 0
    }
    . g-foot1 {
        padding: .85rem 0;
        font-size: .36rem
    }
    . g-foot1 .wal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    . g-foot1 .logo {
        width: 1.51rem
    }
    . g-foot1 .msg {
        padding: .6rem 0 1.3rem 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    . g-foot1 .msg p {
        width: 100%
    }
    . g-foot1 .share li {
        width: 1.1rem;
        margin-right: .25rem;
        margin-left: 0
    }
    . g-foot1 .share li img {
        width: 100%
    }
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index-flash {
    width: 100%;
    overflow: hidden;
    position: relative;
    font-family: "pingfang"
}

.index-flash li a {
    display: block;
    background: center no-repeat;
    background-size: cover
}

.index-flash li a .phone {
    display: none
}

.index-flash li a .wal {
    height: 8.16rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .3rem;
    line-height: .42rem;
    position: relative
}

.index-flash li a .wal h2.title {
    font-size: .42rem;
    line-height: .59rem;
    padding: .3rem 0
}

.index-flash li a .wal .btn {
    margin-top: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .5rem;
    width: 1.68rem;
    height: .6rem;
    background: #2db8ff;
    color: #161287;
    font-size: .2rem
}

.index-flash .arrow a {
    display: block;
    width: .58rem;
    height: .6rem;
    position: absolute;
    z-index: 5;
    top: 50%;
    margin-top: -0.3rem;
    background: center no-repeat;
    background-size: 100%
}

.index-flash .arrow a.prev {
    left: .5rem;
    background-image: url(https://data.kgu.cn/kgu2024/image/prev58.png)
}

.index-flash .arrow a.next {
    right: .5rem;
    background-image: url(https://data.kgu.cn/kgu2024/image/next58.png)
}

.index-flash .dots {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-flash .dots span {
    width: .1rem;
    height: .1rem;
    border-radius: .1rem;
    background: #fff;
    margin: 0 .05rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.index-flash .dots span.swiper-pagination-bullet-active {
    width: .3rem
}

.index-title {
    text-align: center;
    padding: 1rem 0 .53rem 0
}

.index-title .en {
    font-size: .18rem;
    line-height: .25rem;
    color: #292929;
    margin-bottom: .03rem;
    letter-spacing: .03rem
}

.index-title h2 {
    font-size: .34rem;
    line-height: .33rem;
    color: #000;
    letter-spacing: .03rem
}

.index-solution .list {
    padding-bottom: .27rem
}

.index-solution .list a {
    display: block;
    position: relative;
    color: #fff !important;
    /*修改*/
    cursor: default !important;
}

.index-solution .list a .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: .1rem
}

.index-solution .list a .container {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    top: .4rem;
    text-align: center
}

.index-solution .list a .container h5 {
    font-size: .28rem;
    line-height: .4rem
}

.index-solution .list a .container p {
    font-size: .21rem;
    line-height: .29rem;
    margin-top: .08rem
}

.index-solution .list a:hover .img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.index-solution .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-solution .list li {
    width: 6.9rem;
    padding-bottom: .2rem
}

.index-solution .list li.li_01 {
    width: 6.2rem
}

.index-solution .list li.li_01 a .container {
    text-align: left;
    left: 0.2rem;
    right: 0.2rem;
    top: 0.15rem;
    word-break: break-word;
}

.index-solution .list li.li_01 li {
    width: 3rem
}

.index-solution .list li.li_01 li:nth-child(3) {
    width: 100%
}

.index-solution .list li.li_01 li:nth-child(3) a .container {
    top: .2rem
}

.index-solution .list li.li_02 {
    width: 3.5rem
}

.index-solution .list li.li_02 a .container {
    text-align: left;
    left: 0.2rem;
    right: 0.2rem;
    top: 0.2rem;
    bottom: auto;
}

.index-solution .list li.li_02 li {
    width: 100%
}

.index-solution .list li.li_03 {
    width: 3.9rem
}

.p-hover-box,
.technology-stack .list li,
.digital-transformation-solutions a,
.index-digital .list2 li a,
.index-digital .list li a {
    position: relative;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.p-hover-box:before,
.technology-stack .list li:before,
.digital-transformation-solutions a:before,
.index-digital .list2 li a:before,
.index-digital .list li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: .4rem;
    background: url(https://data.kgu.cn/kgu2024/image/img320.png) center no-repeat;
    background-size: 100% 100%;
    opacity: 0
}

.p-hover-box:hover,
.technology-stack .list li:hover,
.digital-transformation-solutions a:hover,
.index-digital .list2 li a:hover,
.index-digital .list li a:hover {
    top: -0.1rem
}

.p-hover-box:hover:before,
.technology-stack .list li:hover:before,
.digital-transformation-solutions a:hover:before,
.index-digital .list2 li a:hover:before,
.index-digital .list li a:hover:before {
    opacity: 1
}

.index-value {
    padding-bottom: .92rem
}

.index-value .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .28rem
}

.index-value .title h2 {
    font-size: .34rem;
    line-height: .4rem;
    margin-right: .2rem;
    color: #000
}

.index-value .title .en {
    font-size: .21rem;
    color: #292929;
}

.index-value .list li .box {
    height: 3rem;
    background: #f2f2f2;
    border: #f2f2f2 solid 1px;
    border-radius: .1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: .55rem 0 0 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.index-value .list li .box .ico {
    width: .4rem
}

.index-value .list li .box h5 {
    font-size: .24rem;
    line-height: .33rem;
    color: #000;
    padding: .25rem 0 .1rem 0
}

.index-value .list li .box p {
    font-size: .18rem;
    line-height: .25rem;
    color: #000;
    /*width: 1.65rem;*/
    width: 1.8rem;
}

.index-value .list li .box:hover {
    background: #fef7f5;
    border-color: #ef8563
}

@media screen and (min-width: 1125px) {
    /*新增*/
    .g-head1 .btns li:hover .input {
        opacity: 1;
        visibility: visible;
    }
    .g-head1 .phoneSearch {
        /*height: 38px;*/
        /*margin:-5px -25px 0;*/
        /*background-color: #ffffff;*/
        /*padding:9px 16px;*/
        /*border-top: rgba(0,0,0,0.25) 1px solid;*/
        width: 95%;
        border: 1px solid #ccc;
        padding-left: 0.3rem;
        border-radius: 5px;
        margin: auto;
    }
    .g-head1 .phoneSearch .phoneInput {
        /*width:100%;*/
        /*height: 36px;*/
        /*-webkit-border-radius: 10px;*/
        /*-moz-border-radius:10px;*/
        /*border-radius:10px;*/
        /*background-color:  rgba(142,142,147,0.12);*/
        /*outline-color: #ffffff;*/
        /*border:0px;*/
        /*text-indent: 10px;*/
        /*margin-left: 0px;*/
        /* border-right: 1px solid #ccc; */
        border-radius: 5px;
        width: 100%;
        height: 0.7rem;
        padding-left: 2px;
        margin-left: 2rem;
        margin: auto;
        display: none;
    }
    .g-head1 .phoneSearch .phoneInput:hover {
        outline-color: #ffffff;
    }
    /*.buildDetail input[type=search]::-webkit-search-cancel-button{*/
    /*    -webkit-appearance: none;!*此处只是去掉默认的小×*!*/
    /*}*/
    /*.imgVolumn{*/
    /*    text-align: left;*/
    /*    padding:20px;*/
    /*    font-family:'PingFang-SC-Medium';*/
    /*}*/
    /*.imgVolumn div{*/
    /*    display:inline-block;*/
    /*    text-align: left;*/
    /*    margin: 10px 10px 0 0;*/
    /*}*/
    /*新增结束*/
    .index-value .list ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .index-value .list li {
        width: 2.5rem
    }
}

.index-digital {
    background: #f2f2f2;
    padding-bottom: 1.11rem
}

.index-digital .index-title {
    padding-top: 1.23rem
}

.index-digital .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.index-digital .list li a {
    background: #fff;
    border: #dadada solid 1px;
    border-radius: .1rem;
    width: 3.2rem;
    height: 4.2rem;
    padding: .5rem .3rem;
    position: relative;
    display: block
}

.index-digital .list li a .ico {
    width: 1.11rem
}

.index-digital .list li a h5 {
    font-size: .24rem;
    line-height: .29rem;
    color: #000;
    height: 1rem;
    padding: .33rem 0 .18rem 0
}

.index-digital .list li a p {
    font-size: .18rem;
    line-height: .25rem;
    color: rgba(0, 0, 0, .6);
    width: 100%;
    word-break: break-word;
}

.index-digital .list li a:after {
    content: "";
    display: block;
    position: absolute;
    left: .34rem;
    bottom: .3rem;
    width: .08rem;
    height: .12rem;
    background: url(https://data.kgu.cn/kgu2024/image/arrow8.png) center no-repeat;
    background-size: 100%
}

.index-digital h2.title {
    text-align: center;
    font-size: .2rem;
    line-height: .28rem;
    color: #000;
    letter-spacing: .1rem;
    padding: .47rem 0 .27rem .1rem
}

.index-digital .list2 {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: -0.1rem
}

.index-digital .list2 .list-wrapper {
    margin-right: -0.4rem
}

.index-digital .list2 li {
    padding: .1rem .4rem .44rem 0
}

.index-digital .list2 li a {
    display: block;
    background: #fff;
    border-radius: .1rem;
    color: #000
}

.index-digital .list2 li a .name {
    height: .7rem;
    line-height: 1.4;
    text-align: center;
    font-size: .18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.3rem;
    word-break: break-word;
}

.index-digital .list2 li a:hover {
    color: red
}

.index-digital .list2 .dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-digital .list2 .dots span {
    margin: 0 .1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    width: .4rem;
    height: .4rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: .18rem;
    color: #000
}

.index-digital .list2 .dots span.swiper-pagination-bullet-active {
    background: red;
    color: #fff
}

.index-digital .list2 .dots span:nth-child(1):after {
    display: block;
    content: "1"
}

.index-digital .list2 .dots span:nth-child(2):after {
    display: block;
    content: "2"
}

.index-digital .list2 .dots span:nth-child(3):after {
    display: block;
    content: "3"
}

.index-digital .list2 .dots span:nth-child(4):after {
    display: block;
    content: "4"
}

.index-digital .list2 .dots span:nth-child(5):after {
    display: block;
    content: "5"
}

.index-digital-operations-solutions {
    position: relative
}

.index-digital-operations-solutions:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    right: 0;
    background: red;
    margin-left: -7rem
}

.index-digital-operations-solutions .wal {
    min-height: 7.54rem;
    position: relative
}

.index-digital-operations-solutions .wal .img {
    width: 8.87rem;
    position: absolute;
    left: -1.18rem;
    top: .92rem
}

.index-digital-operations-solutions .wal .img .video {
    position: absolute;
    left: .1rem;
    top: .1rem;
    right: .1rem;
    bottom: 2.15rem
}

.index-digital-operations-solutions .wal .img video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .1rem
}

.index-digital-operations-solutions .wal .container {
    width: 5.4rem;
    margin-left: auto;
    color: #fff
}

.index-digital-operations-solutions .wal .container .title {
    padding: 1.08rem 0 .58rem 0
}

.index-digital-operations-solutions .wal .container .title .en {
    font-size: .46rem;
    line-height: .56rem;
    margin-bottom: .27rem
}

.index-digital-operations-solutions .wal .container .title h2 {
    font-weight: 400;
    font-size: .36rem;
    line-height: .5rem
}

.index-digital-operations-solutions .wal .container .content {
    font-size: .18rem;
    line-height: .3rem;
    min-height: 2rem;
    padding-bottom: .5rem
}

.index-digital-operations-solutions .wal .container .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.index-digital-operations-solutions .wal .container .btns a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .4rem;
    margin-right: .23rem;
    font-size: .18rem;
    height: .6rem
}

.index-digital-operations-solutions .wal .container .btns a.btn-1 {
    width: 2.27rem;
    background: #fff;
    color: red;
    box-shadow: 0 .24rem .19rem 0 rgba(33, 33, 33, .12);
    font-weight: bold
}

.index-digital-operations-solutions .wal .container .btns a.btn-2 {
    width: 2rem;
    border: #dbdbdb solid 1px;
    color: #fff
}

.index-digital-operations-solutions .wal .container .btns a.btn-2:after {
    display: block;
    content: "";
    width: .08rem;
    height: .12rem;
    background: url("https://data.kgu.cn/kgu2024/image/solution/arrow8-white.png") center no-repeat;
    background-size: 100%;
    margin-left: .14rem
}

.index-customers {
    padding-bottom: 1.16rem
}

.index-customers .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.28rem 0 0 0
}

.index-customers .col {
    width: 6rem
}

.index-customers .col .title {
    padding-bottom: .6rem
}

.index-customers .col .title h2 {
    color: #000;
    font-size: .36rem;
    font-weight: 400;
    line-height: .5rem
}

.index-customers .col .title .en {
    font-size: .2rem;
    line-height: .28rem;
    color: #292929
}

.index-customers .col h1 {
    font-size: .5rem;
    line-height: .6rem;
    font-weight: 400;
    color: #ff0024;
    width: 100%;
    word-break: break-word;
}

.index-customers .col .msg {
    padding: .28rem 0 .48rem 0;
    margin-right: -0.4rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #000
}

.index-customers .col .content {
    font-size: .16rem;
    line-height: .22rem;
    color: rgba(41, 41, 41, .2)
}

.index-customers .list {
    width: 7.3rem
}

.index-customers .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.2rem
}

.index-customers .list li {
    width: 33.333%;
    padding: 0 0 .13rem .2rem
}

.index-customers .index-title {
    padding: .9rem 0 .28rem 0
}

.index-customers .list2 {
    width: 100%;
    overflow: hidden;
    position: relative
}

.index-customers .list2 .list-wrapper {
    margin-right: -0.23rem
}

.index-customers .list2 li a {
    display: block
}

.index-customers .list2 li a img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.index-customers .list2 li a:hover img,
.index-customers .list2 li a.on img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.index-customers .row2 {
    display: none;
    width: 12.05rem;
    padding-top: 1rem;
    margin: 0 auto
}

.index-customers .row2.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.index-customers .row2.show {
    position: relative;
    animation: slideLeft 4s ease forwards, fadeOut 2s ease forwards 2s, fadeIn 3s ease forwards;
    overflow: hidden;
}

@keyframes fadeOut {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.index-customers .row2 .logo {
    width: 3.21rem
}

.index-customers .row2 p {
    font-size: .28rem;
    line-height: .4rem;
    color: #494949;
    width: 8.46rem
}

.p-btn,
.p-num2 a,
.related-cases .more a,
.foot-contact .submit div {
    width: 2.87rem;
    height: .7rem;
    background: #ff2121;
    border-radius: .35rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .18rem;
    color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.p-btn input,
.p-num2 a input,
.related-cases .more a input,
.foot-contact .submit div input {
    width: 100%;
    height: .7rem;
    font-size: .18rem;
    color: #fff;
    cursor: pointer
}

.p-btn:hover,
.p-num2 a:hover,
.related-cases .more a:hover,
.foot-contact .submit div:hover {
    box-shadow: 0 .24rem .19rem 0 rgba(250, 33, 33, .16);
    color: #fff
}

.foot-contact {
    background: #f5f5f5;
    padding: 1.29rem 0 1.08rem 0
}

.foot-contact .form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.foot-contact .form ul:nth-child(1) {
    width: 4.6rem
}

.foot-contact .form ul:nth-child(2) {
    width: 9.05rem
}

.foot-contact .form li {
    position: relative;
    margin-bottom: .33rem;
    background: #fff;
    border: #fff solid 1px;
    border-radius: .1rem
}

.foot-contact .form li .name {
    position: absolute;
    left: .22rem;
    top: 0;
    line-height: .7rem;
    font-size: .18rem;
    color: rgba(73, 73, 73, .54);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.foot-contact .form li .input {
    position: relative
}

.foot-contact .form li .input input,
.foot-contact .form li .input textarea {
    width: 100%;
    height: .7rem;
    line-height: .7rem;
    font-size: .18rem;
    color: #333;
    padding: 0 .22rem
}

.foot-contact .form li .input textarea {
    height: 3.8rem;
    line-height: .3rem;
    padding: .2rem .22rem
}

.foot-contact .form li .error-tips {
    display: none;
    font-size: .14rem;
    color: red;
    position: absolute;
    left: .04rem;
    top: 100%;
    margin-top: .04rem
}

.foot-contact .form li.error {
    border-color: red
}

.foot-contact .form li.error .error-tips {
    display: block
}

.foot-contact .form li.on .name {
    opacity: 0;
    visibility: hidden
}

.foot-contact .form li.lzm a.btn {
    font-size: .18rem;
    color: red;
    position: absolute;
    z-index: 5;
    top: 0;
    right: .22rem;
    line-height: .7rem
}

.foot-contact .submit {
    padding-top: .23rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-banner {
    background: #000 center no-repeat;
    background-size: cover;
    color: #fff;
    font-family: "pingfang"
}

.page-banner .wal {
    height: 4.71rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-banner div.title .en {
    font-size: .3rem;
    line-height: .42rem;
    margin-bottom: .03rem
}

.page-banner div.title h2 {
    font-size: .3rem;
    line-height: .42rem;
    margin-bottom: .41rem
}

.page-banner .h2.title {
    font-size: .24rem;
    line-height: .33rem;
    margin-bottom: .12rem
}

.page-banner dd {
    padding-left: .23rem;
    position: relative;
    font-size: .18rem;
    line-height: .34rem
}

.page-banner dd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    width: .14rem;
    height: .14rem;
    border: #fff solid .03rem;
    border-radius: 50%
}

.page-banner .msg {
    font-size: .3rem
}

.page-banner p {
    font-size: .18rem;
    line-height: .3rem;
    max-width: 5.95rem
}

.page-banner div.title {
    margin-top: .6rem
}

.page-banner .logo {
    width: 2.4rem;
    margin-top: .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-banner .logo img:nth-child(1) {
    width: .62rem
}

.page-banner .logo img:nth-child(2) {
    width: 1.42rem
}

.page-banner2 {
    background: #000 center no-repeat;
    background-size: cover;
    color: #fff;
    font-family: "pingfang"
}

.page-banner2 .wal {
    height: 4.71rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding-top: 1rem
}

.page-banner2 h2 {
    font-weight: 400;
    font-size: .6rem;
    line-height: .84rem;
    font-family: initial;
}

.page-banner2 p {
    margin-top: .23rem;
    font-size: .3rem;
    line-height: .42rem;
    letter-spacing: .02rem
}

.page-curr {
    background: url(https://data.kgu.cn/kgu2024/image/img26.png) left center no-repeat;
    background-size: .26rem;
    height: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .46rem;
    font-size: .18rem
}

.page-curr i {
    width: .42rem;
    height: .4rem;
    background: url(https://data.kgu.cn/kgu2024/image/arrow8.png) center no-repeat;
    background-size: .08rem
}

.page-curr2 {
    border-bottom: #eee solid 1px
}

.digital-transformation-solutions ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.digital-transformation-solutions li {
    width: 6.8rem;
    padding-bottom: .4rem
}

.digital-transformation-solutions a {
    /* display: block; */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    top: 0;
    background: #f9f9f9;
    border-radius: .1rem;
    padding: .43rem .54rem 0 .44rem;
    cursor: default
}

.digital-transformation-solutions a .hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.digital-transformation-solutions a .hd .ico {
    width: .64rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .18rem
}

.digital-transformation-solutions a .hd .col .h5 {
    color: red;
    font-size: .3rem;
    line-height: .42rem;
    margin-bottom: .02rem
}

.digital-transformation-solutions a .hd .col .en {
    font-size: .18rem;
    line-height: .25rem;
    color: rgba(0, 0, 0, .45)
}

.digital-transformation-solutions a .content {
    min-height: 1.58rem;
    font-size: .18rem;
    line-height: .3rem;
    color: #000;
    padding: .28rem 0
}

.digital-transformation-solutions a .img {
    margin-right: -0.54rem;
    margin-left: -0.44rem
}

.digital-transformation-solutions a:hover {
    top: -0.1rem
}

.page-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .28rem
}

.page-title .h2 {
    font-weight: 600;
    font-size: .34rem;
    line-height: .4rem;
    margin-right: .22rem;
    color: red
}

.page-title .en {
    font-size: .21rem;
    color: #595959;
    /*text-transform: uppercase;*/
}

.achievement-display {
    padding-bottom: .7rem
}

.achievement-display .page-title {
    padding: .6rem 0 .48rem 0
}

.achievement-display>ul>li {
    margin-bottom: .4rem;
    background: 85% no-repeat;
    background-size: cover;
    min-height: 8.2rem;
    padding: .53rem .49rem .47rem .5rem
}

.achievement-display>ul>li .h2.title {
    font-weight: 400;
    font-size: .4rem;
    line-height: .56rem;
    color: #000
}

.achievement-display>ul>li .content {
    font-size: .2rem;
    line-height: .32rem;
    color: rgba(0, 0, 0, .59);
    padding: .26rem 0 .14rem 0;
    width: 7.11rem
}

.achievement-display>ul>li div.title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .34rem
}

.achievement-display>ul>li div.title .h3 {
    font-weight: 400;
    font-size: .24rem;
    color: #000
}

.achievement-display>ul>li div.title a.btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.25rem;
    height: .73rem;
    background: #f33;
    box-shadow: 0 .07rem .13rem 0 rgba(209, 0, 0, .26), inset 0 0 .31rem 0 rgba(255, 255, 255, .45);
    border-radius: .37rem;
    border: .04rem solid #fff;
    font-size: .24rem;
    color: #fff
}

.achievement-display>ul>li .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.achievement-display>ul>li .list li {
    width: 1.94rem;
    background: #fff;
    border-radius: .1rem;
    text-align: center;
    overflow: hidden;
    position: relative
}

.achievement-display>ul>li .list li .h5 {
    display: inline-block;
    line-height: .6rem;
    height: .6rem;
    /* background: #f63f0e; */
    background: #9436ff;
    color: #fff;
    font-size: .2rem;
    font-weight: 400;
    width: 100%
}

.achievement-display>ul>li .list li dl {
    font-size: .18rem;
    line-height: .32rem;
    color: #595959;
    padding: .22rem 0;
    min-height: 3.49rem
}

.achievement-display>ul>li .list li:nth-child(6) {
    width: 2.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    align-content: flex-start;
}

.achievement-display>ul>li .list li:nth-child(6) dl {
    width: 100%
}

.achievement-display>ul>li:nth-child(2) .list li .h5 {
    background: #009f93
}

.achievement-display>ul>li:nth-child(3) {
    min-height: 7.8rem
}

.achievement-display>ul>li:nth-child(3) .list li {
    width: 3.18rem
}

.achievement-display>ul>li:nth-child(3) .list li .h5 {
    background: #006bc4
}

.achievement-display>ul>li:nth-child(3) .list li dl {
    min-height: 3.1rem
}

.achievement-display>ul>li:nth-child(4) {
    min-height: 6.75rem
}

.achievement-display>ul>li:nth-child(4) .list li {
    /* width: 3.18rem */
    width: calc((100% - 0.3rem)/4);
    margin: 0 0.1rem 0.1rem 0;
}

.achievement-display>ul>li:nth-child(4) .list li:nth-of-type(4) {
    margin-right: 0;
}

.achievement-display>ul>li:nth-child(4) .list ul {
    flex-wrap: wrap;
    justify-content: start;
}

.achievement-display>ul>li:nth-child(4) .list li h5 {
    background: #9436ff
}

.achievement-display>ul>li:nth-child(4) .list li dl {
    min-height: 2.46rem
}

.related-cases {
    margin-top: -0.23rem
}

.related-cases .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.4rem
}

.related-cases .list li {
    width: 33.333%;
    padding: 0 0 .44rem .4rem
}

.related-cases .list a {
    display: block;
    text-align: center
}

.related-cases .list a .zoomImg {
    border-radius: .1rem
}

.related-cases .list a .zoomImg img {
    width: 100%;
    height: 2.9rem
}

.related-cases .list a .name {
    font-size: .3rem;
    line-height: .42rem;
    color: #000;
    margin-top: .27rem;
    margin-bottom: .09rem
}

.related-cases .list a p {
    font-size: .18rem;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000
}

.related-cases .more {
    padding: .35rem 0 .79rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-num2 {
    padding-top: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-num2 a {
    margin: 0 .3rem
}

.p-num2 a.arrow {
    width: 1.7rem;
    border: #c5c5c5 solid .02rem;
    background: #fff;
    color: #727272
}

.p-num2 a.arrow.prev:before {
    display: block;
    content: "";
    width: .08rem;
    height: .12rem;
    background: url(https://data.kgu.cn/kgu2024/image/prev8.png) center no-repeat;
    /*background: url(https://data.kgu.cn/kgu2024/image/next8.png) center no-repeat;*/
    background-size: 100%;
    margin-right: .27rem
}

.p-num2 a.arrow.next:after {
    display: block;
    content: "";
    width: .08rem;
    height: .12rem;
    background: url(https://data.kgu.cn/kgu2024/image/next8.png) center no-repeat;
    /*background: url(https://data.kgu.cn/kgu2024/image/prev8.png) center no-repeat;*/
    background-size: 100%;
    margin-left: .27rem
}

.case-detail {
    background: #f9f9f9;
    padding-bottom: .16rem
}

.case-detail .banner {
    height: 6.66rem;
    background: center no-repeat;
    background-size: cover
}

.case-detail .wal {
    position: relative;
    background: #fff;
    min-height: 100vh;
    top: -0.62rem;
    padding: .62rem .7rem .76rem .7rem
}

.case-detail .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.case-detail .row .col {
    width: 4.3rem
}

.case-detail .row h2 {
    font-size: .42rem;
    line-height: .59rem;
    font-weight: 400
}

.case-detail .row dl.tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.16rem
}

.case-detail .row dl.tags dd {
    margin-left: .16rem;
    margin-top: .2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .6rem;
    padding: 0 .26rem;
    background: #f9f9f9;
    border-radius: .1rem;
    font-size: .18rem;
    font-weight: bold;
    color: #000
}

.case-detail .row .content {
    font-size: .2rem;
    line-height: 1.7em;
    color: rgba(0, 0, 0, .7);
    width: 7.02rem
}

.case-detail .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .64rem 0 .74rem 0
}

.case-detail .btn a {
    width: .6rem
}

.case-detail2 .head {
    margin-bottom: .96rem;
    background: #f5f5f5 center no-repeat;
    background-size: auto 100%
}

.case-detail2 .head .wal {
    height: 6.66rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.case-detail2 .head h2 {
    font-weight: 400;
    font-size: .42rem;
    line-height: .59rem;
    padding-bottom: .35rem
}

.case-detail2 .head .tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.case-detail2 .head .tags dd {
    margin-right: .16rem
}

.case-detail2 .head .tags a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    height: .6rem;
    padding: 0 .25rem;
    border-radius: .1rem;
    font-size: .18rem;
    color: #000
}

.case-detail2 .head .content {
    font-size: .2rem;
    line-height: 1.7em;
    color: rgba(0, 0, 0, .7);
    width: 7.02rem;
    min-height: 2.32rem;
    padding: .5rem 0
}

.case-detail2 .head .ewm {
    width: 1.13rem
}

.case-detail2 .p-num2 {
    padding: .97rem 0 1.29rem 0
}

.digital-operations-solutions {
    border-top: #eee solid 1px
}

.digital-operations-solutions li {
    padding: .98rem 0;
    color: #000
}

.digital-operations-solutions li .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.digital-operations-solutions li .col {
    width: 7.1rem
}

.digital-operations-solutions li .title {
    padding-bottom: 1rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.digital-operations-solutions li .title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .48rem;
    width: .3rem;
    height: .06rem;
    background: #000
}

.digital-operations-solutions li .title .num {
    font-size: .7rem;
    line-height: .84rem;
    font-family: "BarlowCondensed-Light";
    margin-right: .18rem
}

.digital-operations-solutions li .title h2 {
    font-size: .3rem;
    line-height: .42rem;
    font-weight: 400
}

.digital-operations-solutions li .title .en {
    font-size: .14rem;
    line-height: .2rem;
    /*text-transform: uppercase;*/
}

.digital-operations-solutions li .content {
    font-size: .2rem;
    line-height: 1.7em;
    color: rgba(0, 0, 0, .7);
    padding-bottom: .34rem
}

.digital-operations-solutions li .tags {
    margin-left: -0.12rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.digital-operations-solutions li .tags dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .27rem 0 .2rem;
    height: .6rem;
    border-radius: .1rem;
    background: #f6f6f6;
    font-size: .18rem;
    font-weight: bold;
    color: #000;
    margin-left: .12rem;
    margin-bottom: .12rem
}

.digital-operations-solutions li .tags dd img {
    width: .35rem;
    margin-right: .15rem
}

.digital-operations-solutions li.li_01 .img {
    width: 6.25rem
}

.digital-operations-solutions li.li_02 {
    padding: 1.38rem 0 0 0
}

.digital-operations-solutions li.li_02 .img {
    width: 6.89rem;
    position: relative;
    left: -0.28rem
}

.digital-operations-solutions li.li_03 {
    padding: 1.24rem
}

.digital-operations-solutions li.li_03 .img {
    width: 7.28rem;
    position: relative
}

.digital-operations-solutions li.li_03 .img .video-btn {
    background: url(https://data.kgu.cn/kgu2024/image/video-76.png) center no-repeat;
    background-size: .76rem;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    bottom: 0;
    right: .47rem;
    cursor: pointer
}

.digital-operations-solutions li.li_04 {
    padding: 1.32rem
}

.digital-operations-solutions li.li_04 .img {
    width: 6.1rem
}

.digital-operations-solutions li:nth-child(even) {
    background: #f5f5f5
}

.digital-operations-solutions li:nth-child(even) .wal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.digital-operations-solutions li:nth-child(even) .tags dd {
    background: #fff
}

.on-site-operation-support {
    width: 100%;
    overflow: hidden;
    position: relative
}

.on-site-operation-support .page-title {
    padding: 1rem 0 .44rem 0
}

.on-site-operation-support .list {
    width: 19.5rem;
    overflow: hidden;
    position: relative
}

.on-site-operation-support .list li {
    padding-right: .3rem
}

.on-site-operation-support .list li .zoomImg {
    border-radius: .1rem
}

.other-services {
    padding-bottom: .52rem
}

.other-services .page-title {
    padding: 1.09rem 0 .44rem 0
}

.other-services ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.other-services li {
    width: 6.8rem;
    padding-bottom: .4rem
}

.technology-stack .page-title {
    padding: .38rem 0 .33rem 0
}

.technology-stack .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.technology-stack .list li {
    width: 4.4rem
}

.technology-stack .list li .bd {
    background: #fafafa;
    border: #cfcfcf solid 1px;
    border-top: 0;
    border-radius: 0 0 .1rem .1rem;
    min-height: 3.57rem;
    padding: 0 .36rem
}

.technology-stack .list li .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: #979797 solid 1px;
    height: 1.08rem
}

.technology-stack .list li .name img {
    height: .36rem
}

.technology-stack .list li .name h5 {
    font-size: .3rem;
    color: #000;
    margin-left: .28rem
}

.technology-stack .list li dl {
    margin-right: -0.3rem;
    padding-top: .2rem
}

.technology-stack .list li dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1rem
}

.technology-stack .list li dd img {
    width: .6rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.technology-stack .list li dd h5 {
    margin-left: .2rem;
    font-size: .18rem;
    line-height: .25rem
}

.system-capability .page-title {
    padding: .76rem 0 .33rem 0
}

.system-capability .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.system-capability .list li {
    width: 2.5rem
}

.system-capability .list a {
    display: block;
    text-align: center;
    height: 3.4rem;
    background: #fafafa;
    border-radius: .1rem;
    border: 1px solid #cfcfcf;
    padding: .34rem;
    cursor: default !important;
}

.system-capability .list a .ico {
    width: 1.82rem
}

.system-capability .list a .name {
    padding-top: .21rem;
    font-size: .26rem;
    line-height: .37rem;
    color: #000
}

.system-capability .list a:hover {
    background: #fef7f5;
    border-color: #ef8563
}

.professional-process {
    padding-bottom: 1rem
}

.professional-process .page-title {
    padding: .84rem 0 .34rem 0
}

.news {
    padding: .62rem 0 .7rem 0
}

.news>.form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.news>.form .select {
    position: relative;
    z-index: 20
}

.news>.form .select .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 3rem;
    height: .64rem;
    background: #fafafa;
    border: 1px solid #e7e7e7;
    padding: 0 .22rem 0 .38rem;
    font-size: .18rem;
    color: #4c4c4c
}

.news>.form .select .name:after {
    display: block;
    content: "";
    width: .12rem;
    height: .12rem;
    background: url(https://data.kgu.cn/kgu2024/image/arrow12.png) center no-repeat;
    background-size: 100%
}

.news>.form .select .el-select {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100% !important;
    opacity: 0;
    bottom: 0
}

.news .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news .list li {
    width: 6.6rem;
    padding-bottom: .71rem
}

.news .list a {
    display: block
}

.news .list a .time {
    font-size: .16rem;
    line-height: .22rem;
    margin-bottom: .08rem;
    color: #363636
}

.news .list a h5 {
    font-size: .3rem;
    line-height: .42rem;
    height: .84rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #363636;
    margin-bottom: .21rem
}

.news .list a p {
    font-size: .18rem;
    line-height: .3rem;
    height: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: rgba(54, 54, 54, .6);
    margin-bottom: .21rem
}

.news .list a .zoomImg {
    border-radius: .1rem
}

.news .list a:hover {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem)
}

.p-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .18rem;
    color: #131313
}

.p-num a {
    margin-right: .1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .5rem;
    height: .5rem;
    border: #a2a2a2 solid 1px;
    border-radius: .05rem
}

.p-num a:hover,
.p-num a.on {
    background: red;
    border-color: red;
    color: #fff
}

.p-num a.arrow em {
    font-family: "iconfont";
    opacity: .7;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.p-num a.arrow.prev em {
    -webkit-transform: scale(0.5) rotate(90deg);
    -ms-transform: scale(0.5) rotate(90deg);
    transform: scale(0.5) rotate(90deg)
}

.p-num a.arrow.next em {
    -webkit-transform: scale(0.5) rotate(-90deg);
    -ms-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg)
}

.p-num a.arrow:hover em {
    opacity: 1
}

.p-num .form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 .35rem
}

.p-num .form .input {
    margin: 0 .1rem;
    border-radius: .05rem;
    width: .7rem;
    height: .5rem;
    border: #a2a2a2 solid 1px
}

.p-num .form .input input {
    width: 100%;
    height: .48rem;
    text-align: center;
    font-size: .18rem
}

.p-num .form .submit {
    width: .7rem;
    height: .5rem;
    border-radius: .05rem;
    border: red solid 1px;
    margin-left: .29rem
}

.p-num .form .submit input {
    width: 100%;
    height: .48rem;
    font-size: .18rem;
    color: red;
    cursor: pointer
}

.p-num p {
    margin-left: .18rem
}

.news-detail {
    padding: .83rem 0 .92rem 0;
    color: #363636
}

.news-detail .title {
    font-size: .36rem;
    line-height: .5rem
}

.news-detail .time {
    font-size: .2rem;
    line-height: .28rem;
    padding: .26rem 0 .5rem 0;
    border-bottom: #eee solid 1px
}

.news-detail .content {
    font-size: .2rem;
    line-height: 1.8em;
    padding-top: .51rem
}

.news-detail .content .img {
    text-align: center;
    padding: .4rem 0 .52rem 0
}

.news-detail .p-num2 {
    padding: 1rem 0 0 0
}

.job {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.job .imgs-list {
    width: 100%;
    padding: .43rem 0
}

.job .imgs-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.job .imgs-list li {
    width: 3.35rem
}

.job .imgs-list a {
    display: block;
    border-radius: .1rem;
    cursor: default !important;
}

.job .side {
    width: 3.4rem;
    background: #fafafa;
    border-radius: .1rem;
    border: 1px solid #e7e7e7;
    padding: .2rem
}

.job .side .item {
    margin-bottom: .15rem;
    border: #e7e7e7 solid 1px;
    border-radius: .05rem;
    background: #fff;
    padding: 0 .2rem
}

.job .side .item:last-child {
    margin-bottom: 0
}

.job .side .item .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .6rem;
    color: #363636;
    font-size: .16rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.job .side .item .title .h5 {
    display: block !important;
    font-size: .18rem
}

.job .side .item .title .btn {
    color: red;
    display: none;
}

.job .side .item.on .title .btn {
    color: red;
    display: block;
}

.job .side .item .title b {
    cursor: pointer;
    display: block;
}

.job .side .item.on .title b {
    display: none;
}

.job .side .item .list {
    display: none
}

.job .side .item.on .title {
    height: .66rem
}

.job .side .item.on .list {
    display: block;
    border-top: #f0f0f0 solid 1px;
    padding: .1rem 0
}

.job .side .item.on .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .16rem;
    color: #363636
}

.job .side .item.on .list li .arrow {
    width: .08rem;
    height: .12rem;
    background: url(https://data.kgu.cn/kgu2024/image/solution/arrow8.png) center no-repeat;
    background-size: 100%;
    margin-right: .16rem;
    cursor: pointer
}

.job .side .item.on .list li .check {
    width: .16rem;
    height: .16rem;
    background: url(https://data.kgu.cn/kgu2024/image/solution/arrow8.png) center no-repeat;
    background-size: 100% 100%;
    margin-right: .08rem
}

.job .side .item.on .list li .check.on {
    background-image: url(https://data.kgu.cn/kgu2024/image/img16_2on.png)
}

.job .side .item.on .list li .name {
    line-height: .41rem
}

.job .side .item.on .list li ul {
    width: 100%;
    padding-bottom: .1rem;
    display: none
}

.job .side .item.on .list li li {
    padding-left: .49rem
}

.job .side .item.on .list li li:before {
    display: none
}

.job .side .item.on .list li li .name {
    line-height: .34rem;
    color: #8d8d8d
}

.job .side .item.on .list li.on .arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.job .side .item.on .list li.on ul {
    display: block
}

.job>.list {
    width: 10.2rem
}

.job>.list .msg {
    border-radius: .1rem;
    line-height: .76rem;
    border: #e7e7e7 solid 1px;
    padding: 0 .28rem;
    font-size: .18rem;
    margin-bottom: .3rem
}

.job>.list li .bed {
    display: block;
    border-radius: .1rem;
    position: relative;
    background: #fafafa;
    border: #e7e7e7 solid 1px;
    min-height: 2.5rem;
    padding: .27rem .37rem
}

.job>.list li .bed .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .15rem
}

.job>.list li .bed .name .h5 {
    font-size: .3rem;
    color: #363636;
    font-weight: 400;
    margin-right: .28rem
}

.job>.list li .bed .name p {
    font-size: .18rem;
    color: rgba(54, 54, 54, .46)
}

.job>.list li .bed dl.tags {
    padding-bottom: .34rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.job>.list li .bed dl.tags dd {
    margin-right: .1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .18rem;
    border-radius: .05rem;
    background: rgba(255, 0, 0, .08);
    height: .4rem;
    font-size: .16rem;
    color: rgba(0, 0, 0, .6)
}

.job>.list li .bed dl.info dd:before {
    /*content: "";*/
    display: block;
    position: absolute;
    left: 0;
    /*top: 50%;*/
    top: 0.15rem;
    width: .12rem;
    height: .12rem;
    box-sizing: border-box;
    border: rgba(151, 151, 151, .42) solid .02rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.job>.list li .bed .btn {
    margin-left: 7rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: .6rem;
    border-radius: .1rem;
    background: red;
    color: #fff;
    font-size: .18rem;
    cursor: pointer;
    margin-top: 0.2rem;
}

.job>.list li .bed .btn:after {
    display: block;
    content: "";
    margin-left: .25rem;
    width: .08rem;
    height: .12rem;
    background: url("https://data.kgu.cn/kgu2024/image/solution/arrow8-white.png") center no-repeat;
    background-size: 100%
}

.job>.list li .bed:hover {
    background: #fff
}

.job>.list .p-num {
    padding: .54rem 0 1.4rem 0
}

.job-detail {
    background: #f5f5f5;
    padding: 1.75rem 0 .81rem 0;
    color: #363636
}

.job-detail .wal {
    min-height: 100vh;
    background: #fff;
    position: relative;
    padding: .54rem .64rem 0 .64rem
}

.job-detail .p-btn,
.job-detail .foot-contact .submit div,
.foot-contact .submit .job-detail div,
.job-detail .related-cases .more a,
.related-cases .more .job-detail a,
.job-detail .p-num2 a,
.p-num2 .job-detail a {
    position: absolute;
    top: .6rem;
    right: .54rem;
    width: 2rem
}

.job-detail div .title {
    font-size: .36rem;
    line-height: .5rem
}

.job-detail .name {
    font-size: .2rem;
    line-height: .28rem;
    opacity: .46;
    padding: .12rem 0 .35rem 0
}

.job-detail .tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.job-detail .tags dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .1rem;
    height: .5rem;
    background: #f5f5f5;
    padding: 0 .26rem;
    font-size: .18rem;
    font-weight: bold;
    color: #000;
    margin-right: .16rem
}

.job-detail .h2.title {
    display: block;
    padding: .62rem 0 .24rem 0;
    font-size: .24rem;
    line-height: .33rem;
    border-bottom: #eee solid 1px
}

.job-detail .content {
    font-size: .18rem;
    line-height: .33rem;
    color: #666;
    padding: .26rem 0
}

.job-detail .content .h5 {
    font-size: .18rem;
    color: #252525
}

.job-detail .content p {
    padding-bottom: 0.03rem
}

.job-form {
    background: #f5f5f5;
    padding: 1rem 0 1.27rem 0;
    color: #363636
}

.job-form .wal {
    max-width: 12rem;
    min-height: 100vh;
    background: #fff;
    padding: 0 .56rem;
    position: relative
}

.job-form .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .35rem 0
}

.job-form .title .h2 {
    font-size: .24rem
}

.job-form .title .add-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .18rem;
    color: #4c4c4c
}

.job-form .title .add-btn:before {
    display: block;
    content: "";
    width: .17rem;
    height: .17rem;
    margin-right: .07rem;
    background: url(https://data.kgu.cn/kgu2024/image/add17.png) center no-repeat;
    background-size: 100%
}

.job-form .title2 {
    border-top: #eee solid 1px;
    padding: .44rem 0 .2rem 0
}

.job-form .form {
    padding-bottom: .31rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.job-form .form .input {
    margin-bottom: .24rem;
    height: .64rem;
    background: #fafafa;
    border: 1px solid #e7e7e7;
    width: 4.4rem;
    position: relative;
    font-size: .18rem;
    color: #4c4c4c
}

.job-form .form .input.basePhoneInput {
    width: 6rem;
}

.job-form .form .input input::-webkit-input-placeholder {
    color: #4c4c4c
}

.job-form .form .input input::-moz-placeholder {
    color: #4c4c4c
}

.job-form .form .input input:-moz-placeholder {
    color: #4c4c4c
}

.job-form .form .input input:-ms-input-placeholder {
    color: #4c4c4c
}

.job-form .form .input textarea::-webkit-input-placeholder {
    color: #4c4c4c
}

.job-form .form .input textarea::-moz-placeholder {
    color: #4c4c4c
}

.job-form .form .input textarea:-moz-placeholder {
    color: #4c4c4c
}

.job-form .form .input textarea:-ms-input-placeholder {
    color: #4c4c4c
}

.job-form .form .input input {
    width: 100%;
    height: .62rem;
    line-height: .62rem;
    padding: 0 .2rem;
    font-size: .18rem;
    color: #4c4c4c
}

.job-form .form .input .lzm-btn {
    display: block;
    position: absolute;
    top: 0;
    right: .2rem;
    line-height: .62rem
}

.job-form .form .input a.lzm-btn {
    color: #ff2121
}

.job-form .form .input .el-select,
.job-form .form .input .el-range-editor.el-input__inner,
.job-form .form .input .el-input {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100% !important;
    opacity: 0;
    bottom: 0
}

.job-form .form .input .error-tips {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: .04rem;
    font-size: .12rem;
    color: red;
    display: none
}

.job-form .form .input.error {
    border-color: red
}

.job-form .form .input.error .error-tips {
    display: block
}

.job-form .form .input-time:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: .2rem;
    width: .24rem;
    background: url(https://data.kgu.cn/kgu2024/image/time24.png) center no-repeat;
    background-size: 100%
}

.job-form .form .input-time2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .2rem
}

.job-form .form .input-time2 input {
    text-align: center;
    padding: 0
}

.job-form .form .input-time2 .name {
    text-align: left;
    width: 1.3rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.job-form .form .input-time2 .ico {
    width: .24rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.job-form .form .input-time2 em {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.job-form .form .select .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .62rem;
    font-size: .18rem;
    color: #4c4c4c;
    padding: 0 .2rem
}

.job-form .form .select .name:after {
    display: block;
    width: .12rem;
    height: .12rem;
    content: "";
    background: url(https://data.kgu.cn/kgu2024/image/arrow12.png) center no-repeat;
    background-size: 100%
}

.job-form .form .submit {
    width: 1.8rem;
    height: .64rem;
    border-radius: .1rem;
    background: red;
    margin-bottom: .24rem
}

.job-form .form .submit input {
    width: 100%;
    height: .64rem;
    color: #fff;
    font-size: .18rem;
    cursor: pointer
}

.job-form .base-info .input {
    width: 3rem
}

.job-form .base-info .input-time {
    width: 4.4rem
}

.job-form .base-info .input-address {
    width: 7.64rem
    /*width: 7.54rem;*/
}

.job-form .education-experience .input {
    width: 5.32rem
}

.job-form .education-experience .input-2 {
    width: 2.9rem
}

.job-form .education-experience .input-3 {
    width: 7.74rem
}

.job-form .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .2rem 0 .7rem 0
}

.job-form .btns a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .3rem;
    border-radius: .5rem;
    background: #fafafa;
    border: #e7e7e7 solid 1px;
    width: 2rem;
    height: .7rem;
    font-size: .18rem;
    color: #4c4c4c
}

.job-form .btns a.on {
    background: #ff2121;
    border-color: #ff2121;
    color: #fff;
    box-shadow: 0 .24rem .19rem 0 rgba(250, 33, 33, .16)
}

.about-1 {
    text-align: center;
    padding: .76rem 0 1.63rem 0
}

.about-1 .msg {
    font-size: .3rem;
    line-height: .5rem;
    color: #000
}

.about-1 .title {
    padding: .51rem 0 .19rem 0
}

.about-1 .title img {
    width: .78rem
}

.about-1 .title h2 {
    font-weight: 400;
    color: #000;
    font-size: .3rem;
    line-height: .5rem;
    padding-top: .19rem
}

.about-1 .content {
    max-width: 10.14rem;
    margin: 0 auto;
    font-size: .18rem;
    line-height: .32rem;
    color: #363636;
    padding-bottom: 1.16rem
}

.about-1 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.about-1 .list li {
    width: 25%;
    color: #363636;
    position: relative
}

.about-1 .list li .name {
    font-size: .18rem;
    line-height: .25rem;
    margin-bottom: .19rem
}

.about-1 .list li .num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .84rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-1 .list li .num em {
    font-size: .6rem;
    margin-right: .06rem
}

.about-1 .list li .num span {
    font-size: .24rem;
    position: relative;
    top: .08rem
}

.about-1 .list li .num sup {
    font-size: .32rem;
    position: relative;
    top: -0.1rem
}

.about-2 {
    padding-bottom: .22rem
}

.about-2 li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .83rem
}

.about-2 li .col {
    width: 6.7rem
}

.about-2 li .col .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.about-2 li .col .title .num {
    font-family: "BarlowCondensed-Light";
    font-size: .7rem;
    line-height: .84rem;
    margin-right: .15rem;
    position: relative;
    top: -0.02rem
}

.about-2 li .col .title h5 {
    font-weight: 400;
    font-size: .3rem;
    line-height: .42rem
}

.about-2 li .col .title .en {
    font-size: .14rem;
    line-height: .2rem;
    /*text-transform: uppercase;*/
}

.about-2 li .col .content {
    font-size: .18rem;
    line-height: .3rem;
    color: #363636;
    padding: .31rem 0 .46rem 0
}

.about-2 li .col .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: .6rem;
    background: #f33;
    border-radius: .1rem;
    color: #fff;
    font-size: .18rem
}

.about-2 li .col .more:after {
    display: block;
    content: "";
    width: .08rem;
    height: .12rem;
    margin-left: .25rem;
    background: url("https://data.kgu.cn/kgu2024/image/solution/arrow8-white.png") center no-repeat;
    background-size: 100%
}

.about-2 li .zoomImg {
    width: 6.7rem;
    border-radius: .1rem
}

.about-2 li:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.about-3 {
    padding-bottom: .76rem
}

.about-3 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.21rem
}

.about-3 li {
    padding: 0 0 .21rem .21rem;
    width: 16.285%;
}

.about-4 {
    padding-bottom: 1.06rem
}

.about-4 .msg {
    font-size: .24rem;
    line-height: .4rem;
    color: #292929;
    padding: .07rem 0 .5rem 0;
    max-width: 9.94rem
}

.about-4 .list li {
    margin-bottom: .2rem;
    background: #fafafa;
    border-radius: .1rem;
    border: 1px solid #e7e7e7;
    padding: 0 .5rem 0 .37rem
}

.about-4 .list li .hd {
    position: relative;
    padding: .26rem 0
}

.about-4 .list li .hd .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .14rem;
    color: #363636
}

.about-4 .list li .hd .title h2 {
    font-size: .3rem;
    font-weight: 400;
    line-height: .42rem
}

.about-4 .list li .hd .title p {
    margin-left: .19rem;
    font-size: .18rem;
    line-height: .25rem;
    opacity: .46
}

.about-4 .list li .hd dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.about-4 .list li .hd dd {
    margin-right: .1rem;
    height: .4rem;
    border-radius: .05rem;
    background: rgba(255, 0, 0, .08);
    padding: 0 .19rem;
    color: rgba(0, 0, 0, .6);
    font-size: .16rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.about-4 .list li .hd .btn {
    display: block;
    width: .6rem;
    height: .6rem;
    background: url(https://data.kgu.cn/kgu2024/image/arrow60.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.3rem
}

.about-4 .list li .bd {
    border-top: #eee solid 1px;
    margin-top: .16rem;
    padding-top: .35rem;
    position: relative
}

.about-4 .list li .bd h5 {
    font-size: .18rem;
    line-height: .32rem;
    color: #252525
}

.about-4 .list li .bd .content {
    padding-bottom: .35rem;
    font-size: .18rem;
    line-height: .32rem;
    color: #666;
    width: 10rem;
}

.about-4 .list li .bd .p-btn,
.about-4 .list li .bd .foot-contact .submit div,
.foot-contact .submit .about-4 .list li .bd div,
.about-4 .list li .bd .related-cases .more a,
.related-cases .more .about-4 .list li .bd a,
.about-4 .list li .bd .p-num2 a,
.p-num2 .about-4 .list li .bd a {
    width: 2rem;
    position: absolute;
    z-index: 5;
    top: .54rem;
    right: 0
}

.about-4 .list li.on .hd .btn {
    background-image: url(https://data.kgu.cn/kgu2024/image/arrow60on.png)
}

.page-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .68rem 0
}

.page-search .list {
    width: 9.65rem
}

.page-search .list .msg {
    font-weight: bold;
    font-size: .18rem;
    line-height: .25rem;
    color: #363636;
    padding-left: .33rem;
    background: url(https://data.kgu.cn/kgu2024/image/img22.png) left center no-repeat;
    background-size: .22rem
}

.page-search .list .msg em {
    color: red
}

.page-search .list li {
    border-bottom: #eee solid 1px;
    padding: .36rem 0
}

.page-search .list li .name {
    display: block;
    margin-bottom: .22rem;
    font-size: .3rem;
    line-height: .42rem;
    color: #595959
}

.page-search .list li .name em {
    color: red
}

.page-search .list li .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page-search .list li .info em {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .46rem;
    padding: 0 .17rem;
    background: #f1f1f1;
    border-radius: .1rem;
    font-size: .18rem;
    color: #363636
}

.page-search .list .p-num {
    padding: .54rem 0 0 0;
    margin-right: -0.3rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-search .side {
    width: 3.5rem
}

.page-search .side .title {
    font-size: .18rem;
    line-height: .25rem;
    color: #363636;
    padding-bottom: .36rem
}

.page-search .side ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.16rem;
    margin-right: -0.16rem
}

.page-search .side li {
    padding: 0 0 .16rem .16rem
}

.page-search .side li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .1rem;
    height: .6rem;
    background: #f1f1f1;
    padding: 0 .26rem;
    font-size: .18rem;
    font-weight: bold;
    color: #000
}

.page404 {
    height: calc(100vh - 2.1rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 1rem
}

.page404 img {
    width: 3.91rem
}

.page404 .msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .57rem;
    font-size: .18rem;
    color: #363636
}

.page404 .msg a {
    color: red;
    margin-left: .36rem
}

.contact2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .73rem 0 1.08rem 0
}

.contact2 .big-img {
    width: 6.26rem
}

.contact2 .container {
    width: 4.9rem;
    position: relative;
    left: -0.2rem;
    color: #000
}

.contact2 .container .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .3rem;
    line-height: .42rem
}

.contact2 .container .title h5 {
    font-size: .24rem;
    color: red;
    margin-right: .2rem
}

.contact2 .container .tel-title {
    padding-bottom: .24rem
}

.contact2 .container .mail-title {
    padding: .44rem 0 .48rem 0
}

.contact2 .container ul {
    border-top: #dcdcdc solid 1px
}

.contact2 .container li {
    border-bottom: #dcdcdc solid 1px;
    font-size: .18rem;
    line-height: .54rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.contact2 .container li p {
    margin-right: .18rem
}

.contact2 .container .address {
    font-size: .2rem;
    line-height: .28rem;
    padding-top: .06rem
}

.contact2 .ewm {
    width: 1.53rem
}

.contact2 .ewm li {
    border: #dcdcdc solid 1px;
    text-align: center;
    padding: .15rem .15rem 0
}

.contact2 .ewm li .name {
    font-size: .18rem;
    padding: .16rem 0;
    color: #363636
}

.contact2 .ewm li:nth-child(1) {
    margin-bottom: .19rem
}

.contact2 .list {
    border: #dcdcdc solid 1px;
    margin-bottom: .35rem;
    padding: 0 .37rem;
    width: 100%;
    margin-top: .6rem
}

.contact2 .list h2 {
    color: red;
    font-size: .24rem;
    line-height: .88rem;
    border-bottom: #dcdcdc solid 1px
}

.contact2 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contact2 .list li {
    border-bottom: #dcdcdc solid 1px;
    border-right: #dcdcdc solid 1px;
    width: 50%;
    position: relative;
    top: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .26rem .6rem .26rem 0
}

.contact2 .list li:nth-child(even) {
    border-right: 0;
    padding-left: .58rem
}

.contact2 .list li h5 {
    font-size: .2rem;
    line-height: .28rem;
    color: red;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .16rem
}

.contact2 .list li p {
    font-size: .2rem;
    line-height: .28rem;
    color: #000
}

.contact2 .list2 {
    border: #dcdcdc solid 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: .95rem;
    padding: 0 .37rem;
    width: 100%
}

.contact2 .list2 h2 {
    font-size: .24rem;
    color: red;
    margin-right: .24rem
}

.contact2 .list2 p {
    font-size: .2rem;
    color: #000
}

.contact2 .list2 p em {
    color: red
}

.contact {
    padding: .56rem 0 .6rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #000
}

.contact .big-img {
    width: 100%
}

.contact .container {
    width: 6.66rem;
    background: #fafafa;
    position: relative;
    margin-top: -1.9rem;
    border-radius: 0 .3rem 0 0;
    padding: 0 .7rem 0 .65rem
}

.contact .container .title {
    padding-top: .35rem
}

.contact .container .title h5 {
    font-size: .24rem;
    line-height: .33rem;
    color: red;
    padding-bottom: .1rem
}

.contact .container .title b {
    font-size: .44rem;
    line-height: .62rem;
    font-weight: 400
}

.contact .container .tel-title {
    padding: .59rem 0 .2rem 0
}

.contact .container .mail-title {
    margin-top: .25rem;
    border-top: #dcdcdc solid 1px;
    border-bottom: #dcdcdc solid 1px;
    padding: .44rem 0 .32rem 0
}

.contact .container .mail-title b {
    font-size: .3rem;
    line-height: .42rem
}

.contact .container>ul>li {
    border-top: #dcdcdc solid 1px;
    font-size: .18rem;
    line-height: .54rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.contact .container>ul>li p {
    margin-right: .18rem
}

.contact .container .address {
    font-size: .2rem;
    line-height: .28rem;
    padding: 0 .4rem .82rem 0
}

.contact .container .ewm ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.contact .container .ewm li {
    width: 1.22rem;
    margin-right: .3rem
}

.contact .container .ewm li .name {
    font-size: .18rem;
    color: #363636;
    padding: .1rem 0
}

.contact .list {
    min-height: 7.51rem;
    width: 6.48rem
}

.contact .list h2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .78rem 0 .44rem 0;
    font-size: .24rem;
    color: red
}

.contact .list h2 img {
    width: .34rem;
    margin-right: .11rem
}

.contact .list li {
    font-size: .2rem;
    line-height: .28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: .3rem;
    padding-right: .48rem
}

.contact .list li:last-child {
    padding-bottom: 0
}

.contact .list li h5 {
    font-size: .2rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .18rem;
    color: red;
    width: 1.2rem;
    white-space: nowrap;
}

.contact .list .en {
    font-size: .2rem;
    line-height: .28rem
}

.contact .list .en em {
    color: red
}

.job-form2 {
    background: #f5f5f5;
    padding: 1rem 0 1.5rem 0;
    color: #363636
}

.job-form2 .wal {
    max-width: 12rem;
    background: #fff;
    border-radius: .1rem;
    min-height: 100vh;
    padding: .64rem .62rem .73rem .62rem
}

.job-form2 div.title .h2 {
    font-size: .32rem;
    line-height: .45rem;
    padding-bottom: .1rem
}

.job-form2 div.title p {
    font-size: .18rem;
    line-height: .25rem;
    color: #a2a2a2
}

.job-form2 .h2.title {
    display: block;
    color: red;
    font-size: .24rem;
    line-height: .33rem;
    padding: .55rem 0 .18rem 0
}

.job-form2 .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .18rem;
    height: .6rem
}

.job-form2 .list li .num {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1.42rem;
    padding-left: .26rem
}

.job-form2 .list li .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%
}

.job-form2 .list li .item img {
    width: .16rem;
    margin-right: .12rem
}

.job-form2 .list li:nth-child(odd) {
    background: #f5f5f5;
    border-radius: .1rem
}

.job-form2 .list2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.job-form2 .list2 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.4rem;
    height: .6rem;
    border-radius: .1rem;
    background: #f5f5f5;
    font-size: .18rem
}

.job-form2 .list2 .item .name {
    width: 1.42rem;
    padding-left: .24rem
}

.job-form2 .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .6rem
}

.job-form2 .btns a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .3rem;
    border-radius: .5rem;
    background: #fafafa;
    border: #e7e7e7 solid 1px;
    width: 2rem;
    height: .7rem;
    font-size: .18rem;
    color: #4c4c4c
}

.job-form2 .btns a.on {
    background: #ff2121;
    border-color: #ff2121;
    color: #fff;
    box-shadow: 0 .24rem .19rem 0 rgba(250, 33, 33, .16)
}

.page-layer {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-layer.show {
    opacity: 1;
    visibility: visible
}

.page-layer .job-form,
.page-layer .job-form2 {
    width: 12rem;
    padding: 0;
    position: relative
}

.page-layer .job-form .close,
.page-layer .job-form2 .close {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: .8rem;
    height: .8rem;
    background: url(https://data.kgu.cn/kgu2024/image/close.png) center no-repeat;
    background-size: .2rem;
    cursor: pointer
}

.page-layer .job-form .wal,
.page-layer .job-form2 .wal {
    max-height: 90vh;
    overflow-y: auto;
    min-height: 0
}

.p-toast {
    position: fixed;
    z-index: 111;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.p-toast.show {
    opacity: 1;
    visibility: visible
}

.p-toast .msg {
    background: #000;
    border-radius: .06rem;
    font-size: .18rem;
    padding: .14rem .2rem;
    color: #fff;
    text-align: center;
    max-width: 3rem
}

@media screen and (max-width: 1125px) {
    .index-flash li a {
        position: relative
    }
    .index-flash li a .phone {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0
    }
    .index-flash li a .phone img {
        width: 100%;
        height: 12.68rem
    }
    .index-flash li a .wal {
        height: 12.68rem;
        padding-left: .32rem;
        font-size: .39rem;
        line-height: .54rem
    }
    .index-flash li a .wal h2.title {
        font-size: .54rem;
        line-height: .77rem;
        padding: .4rem 0
    }
    .index-flash li a .wal .btn {
        margin-top: 1.7rem;
        width: 2.52rem;
        height: .9rem;
        font-size: .36rem
    }
    .index-flash .arrow {
        display: none
    }
    .index-flash .dots {
        bottom: .53rem
    }
    .index-title {
        padding: 1rem 0 .53rem 0
    }
    .index-title .en {
        font-size: .24rem;
        line-height: .33rem;
        margin-bottom: .08rem
    }
    .index-title h2 {
        font-size: .42rem;
        line-height: .6rem
    }
    .index-solution .list {
        padding-bottom: .42rem
    }
    .index-solution .list a .container {
        top: .54rem
    }
    .index-solution .list a .container h5 {
        font-size: .42rem;
        line-height: .4rem
    }
    .index-solution .list a .container p {
        font-size: .36rem;
        line-height: .38rem;
        word-break: break-all;
    }
    .index-solution .list li {
        width: 100%;
        padding-bottom: .3rem
    }
    .index-solution .list li:nth-child(1) .container p {
        padding: 0 0rem;
    }
    .index-solution .list li:nth-child(2) .container p {
        padding: 0 0.3rem;
    }
    .index-solution .list li.li_01 {
        width: 100%;
        padding-bottom: 0
    }
    .index-solution .list li.li_01 .container p {
        padding: 0;
    }
    .index-solution .list li.li_02 .container p {
        padding: 0;
    }
    .index-solution .list li.li_01 a .container {
        left: .45rem;
        right: .55rem;
        top: .27rem
    }
    .index-solution .list li.li_01 a .container h5 {
        font-size: .42rem;
        line-height: .6rem
    }
    .index-solution .list li.li_01 li {
        width: 4.8rem
    }
    .index-solution .list li.li_01 li:nth-child(3) {
        width: 100%
    }
    .index-solution .list li.li_01 li:nth-child(3) a .container {
        top: .48rem
    }
    .index-solution .list li.li_01 li:nth-child(3) a .container h5 {
        /*font-size: .42rem;*/
        /*line-height: .6rem*/
    }
    .index-solution .list li.li_02 {
        width: 4.55rem
    }
    .index-solution .list li.li_02 a .container {
        text-align: left;
        left: .32rem;
        right: .22rem;
        top: 0.3rem;
        bottom: 0;
    }
    .index-solution .list li.li_02 ul li:nth-child(1) a .container {
        top: 0.6rem;
    }
    .index-solution .list li.li_02 li {
        width: 100%
    }
    .index-solution .list li.li_03 {
        width: 5.1rem
    }
    .index-solution .list li.li_03 .container p {
        padding: 0 0.38rem;
    }
    .index-value {
        padding-bottom: 1rem;
        width: 100%;
        overflow: hidden;
        position: relative
    }
    .index-value .title {
        padding-bottom: .69rem
    }
    .index-value .title h2 {
        font-size: .42rem;
        line-height: .6rem;
        margin-right: .1rem
    }
    .index-value .title .en {
        font-size: .32rem;
        line-height: .45rem
    }
    .index-value .list {
        width: 10.7rem;
        overflow: hidden;
        position: relative
    }
    .index-value .list .list-wrapper {
        width: 13.5rem
    }
    .index-value .list li {
        padding-right: .3rem
    }
    .index-value .list li .box {
        height: 6rem;
        border-radius: .2rem;
        padding: 1.1rem 0 0 0
    }
    .index-value .list li .box .ico {
        width: .8rem
    }
    .index-value .list li .box h5 {
        font-size: .48rem;
        line-height: .67rem;
        padding: .5rem 0 .7rem 0
    }
    .index-value .list li .box p {
        font-size: .36rem;
        line-height: .5rem;
        /*width: 3.3rem*/
        width: 3.6rem;
    }
    .index-digital {
        padding-bottom: .8rem;
        width: 100%;
        overflow: hidden;
        position: relative
    }
    .index-digital .index-title {
        padding: 1.26rem 0 .6rem 0
    }
    .index-digital .list li {
        padding-bottom: .5rem
    }
    .index-digital .list li a {
        border-radius: .15rem;
        width: 4.66rem;
        height: 6.1rem;
        padding: .3rem .29rem
    }
    .index-digital .list li a .ico {
        width: 1.62rem
    }
    .index-digital .list li a h5 {
        font-size: .36rem;
        line-height: .42rem;
        padding: .25rem 0 .23rem 0;
        word-break: break-all;
        height: 1.15rem;
    }
    .index-digital .list li a p {
        font-size: .3rem;
        line-height: .42rem;
        width: 100%;
        word-break: break-all;
    }
    .index-digital .list li a:after {
        left: .5rem;
        bottom: .25rem;
        width: .12rem;
        height: .17rem
    }
    .index-digital h2.title {
        font-size: .42rem;
        line-height: .6rem;
        padding: .47rem 0 .45rem .1rem
    }
    .index-digital .list2 {
        width: 10.7rem;
        overflow: hidden;
        position: relative
    }
    .index-digital .list2 .list-wrapper {
        width: 12.9rem;
        margin-right: 0
    }
    .index-digital .list2 li a {
        border-radius: .14rem
    }
    .index-digital .list2 li a .name {
        height: 1.1rem;
        line-height: .4rem;
        font-size: .36rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0.3rem;
        word-break: break-word;
    }
    .index-digital .list2 .dots {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .index-digital .list2 .dots span {
        border-radius: .1rem;
        width: .1rem;
        height: .1rem;
        background: #bebebe
    }
    .index-digital .list2 .dots span.swiper-pagination-bullet-active {
        background: #bebebe;
        width: .3rem
    }
    .index-digital .list2 .dots span:nth-child(1):after,
    .index-digital .list2 .dots span:nth-child(2):after,
    .index-digital .list2 .dots span:nth-child(3):after,
    .index-digital .list2 .dots span:nth-child(4):after,
    .index-digital .list2 .dots span:nth-child(5):after {
        display: none
    }
    .index-digital-operations-solutions {
        background: #f2f2f2;
        padding-bottom: 1.37rem
    }
    .index-digital-operations-solutions:before {
        left: 0;
        top: 2.83rem;
        margin-left: 0
    }
    .index-digital-operations-solutions .wal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .index-digital-operations-solutions .wal .img {
        width: 100%;
        left: 0;
        top: 0;
        position: relative
    }
    .index-digital-operations-solutions .wal .container {
        width: 100%;
        color: #fff
    }
    .index-digital-operations-solutions .wal .container .title {
        padding: .88rem 0 .54rem 0
    }
    .index-digital-operations-solutions .wal .container .title .en {
        font-size: .58rem;
        line-height: .68rem;
        margin-bottom: .18rem;
        width: 5rem
    }
    .index-digital-operations-solutions .wal .container .title h2 {
        font-size: .48rem;
        line-height: .67rem
    }
    .index-digital-operations-solutions .wal .container .content {
        font-size: .36rem;
        line-height: .56rem;
        padding-bottom: .72rem
    }
    .index-digital-operations-solutions .wal .container .btns a {
        border-radius: .5rem;
        margin-right: .34rem;
        font-size: .27rem;
        height: .9rem
    }
    .index-digital-operations-solutions .wal .container .btns a.btn-1 {
        width: 3.4rem
    }
    .index-digital-operations-solutions .wal .container .btns a.btn-2 {
        width: 3rem
    }
    .index-digital-operations-solutions .wal .container .btns a.btn-2:after {
        width: .12rem;
        height: .18rem;
        margin-left: .2rem
    }
    .index-customers .row {
        padding: 1rem 0 0 0
    }
    .index-customers .col {
        width: 100%;
        padding-bottom: .54rem
    }
    .index-customers .col .title {
        padding-bottom: .57rem
    }
    .index-customers .col .title h2 {
        font-size: .54rem;
        line-height: .75rem
    }
    .index-customers .col .title .en {
        font-size: .3rem;
        line-height: .42rem
    }
    .index-customers .col h1 {
        font-size: .96rem;
        line-height: 1rem;
        width: 8rem
    }
    .index-customers .col .msg {
        padding: .4rem 0;
        margin-right: 0;
        font-size: .42rem;
        line-height: .6rem
    }
    .index-customers .col .content {
        font-size: .3rem;
        line-height: .42rem
    }
    .index-customers .list {
        width: 100%
    }
    .index-customers .index-title {
        padding: .9rem 0 .28rem 0
    }
    .index-customers .row2 {
        width: 100%;
        padding-top: 1rem;
    }
    .index-customers .row2.show {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .index-customers .row2.show {
        position: relative;
        animation: slideLeft 4s ease forwards, fadeOut 2s ease forwards 2s, fadeIn 3s ease forwards;
        overflow: hidden;
    }
    @keyframes fadeOut {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    .index-customers .row2 .logo {
        width: 5.1rem;
        padding-bottom: .8rem
    }
    .index-customers .row2 p {
        font-size: .42rem;
        line-height: .64rem;
        width: 100%;
        text-align: center
    }
    .p-btn,
    .foot-contact .submit div,
    .related-cases .more a,
    .p-num2 a {
        width: 4.5rem;
        height: 1.1rem;
        border-radius: .6rem;
        font-size: .36rem
    }
    .p-btn input,
    .foot-contact .submit div input,
    .related-cases .more a input,
    .p-num2 a input {
        height: 1.1rem;
        font-size: .36rem
    }
    .foot-contact .form ul:nth-child(1) {
        width: 100%
    }
    .foot-contact .form ul:nth-child(2) {
        width: 100%
    }
    .foot-contact .form li {
        margin-bottom: .6rem;
        border-radius: .2rem
    }
    .foot-contact .form li .name {
        left: .44rem;
        line-height: 1.4rem;
        font-size: .36rem
    }
    .foot-contact .form li .input input,
    .foot-contact .form li .input textarea {
        height: 1.4rem;
        line-height: 1.4rem;
        font-size: .36rem;
        padding: 0 .44rem
    }
    .foot-contact .form li .input textarea {
        height: 8rem;
        line-height: .6rem;
        padding: .4rem .44rem
    }
    .foot-contact .form li .error-tips {
        font-size: .3rem
    }
    .foot-contact .form li.lzm a.btn {
        font-size: .36rem;
        right: .44rem;
        line-height: 1.4rem
    }
    .foot-contact .submit {
        padding-top: .4rem
    }
    .page-banner {
        position: relative;
        font-family: Arial, "微软雅黑"
    }
    .page-banner .phone-show img {
        height: 8.7rem;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0
    }
    .page-banner .wal {
        height: 8.7rem;
        padding-top: 1.11rem;
        position: relative;
        z-index: 5;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .page-banner div.title .en {
        font-size: .45rem;
        line-height: .63rem;
        margin-bottom: .05rem;
        max-width: 7rem
    }
    .page-banner div.title h2 {
        font-size: .45rem;
        line-height: .63rem;
        margin-bottom: .61rem
    }
    .page-banner h2.title {
        font-size: .36rem;
        line-height: .5rem;
        margin-bottom: .12rem
    }
    .page-banner dd {
        padding-left: .35rem;
        font-size: .27rem;
        line-height: .51rem
    }
    .page-banner dd:before {
        width: .21rem;
        height: .21rem
    }
    .page-banner p {
        font-size: .36rem;
        line-height: .5rem;
        max-width: 8.31rem;
        opacity: 1
    }
    .page-banner .logo {
        width: 4rem;
        margin-top: 2.3rem;
        position: absolute;
        bottom: 0.4rem;
    }
    .page-banner .logo img:nth-child(1) {
        width: 1.2rem
    }
    .page-banner .logo img:nth-child(2) {
        width: 2.2rem
    }
    .page-banner2 {
        position: relative;
        font-family: Arial, "微软雅黑"
    }
    .page-banner2 .phone-show img {
        height: 8.7rem;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0
    }
    .page-banner2 .wal {
        height: 8.7rem;
        padding-top: 2.13rem;
        position: relative;
        z-index: 5
    }
    .page-curr {
        background-size: .4rem;
        height: 1.36rem;
        padding-left: .55rem;
        font-size: .3rem
    }
    .page-curr i {
        width: .8rem;
        background-size: .16rem
    }
    .digital-transformation-solutions li {
        width: 100%;
        padding-bottom: .4rem
    }
    .digital-transformation-solutions a {
        border-radius: .3rem;
        padding: .6rem .5rem 0 .5rem
    }
    .digital-transformation-solutions a .hd .ico {
        width: .8rem
    }
    .digital-transformation-solutions a .hd .col h5 {
        font-size: .42rem;
        line-height: .6rem
    }
    .digital-transformation-solutions a .hd .col .en {
        font-size: .3rem;
        line-height: .42rem
    }
    .digital-transformation-solutions a .content {
        min-height: 1.58rem;
        font-size: .36rem;
        line-height: .6rem;
        padding: .3rem 0;
        color: rgba(0, 0, 0, .65);
        height: auto;
    }
    .digital-transformation-solutions a .img {
        margin-right: -0.5rem;
        margin-left: -0.5rem
    }
    .digital-transformation-solutions a .img img {
        border-radius: 0 0 .3rem .3rem
    }
    .page-title {
        padding-bottom: .42rem
    }
    .page-title h2 {
        font-size: .42rem;
        line-height: .6rem;
        margin-right: .25rem
    }
    .page-title .en {
        font-size: .3rem
    }
    .achievement-display>ul>li {
        min-height: 11.9rem;
        padding: 0 .5rem .54rem .5rem;
        position: relative;
        border-radius: .3rem
    }
    .achievement-display>ul>li .phone-bg {
        background: 85% no-repeat;
        /*background-size: 100% 100%;*/
        background-size: cover;
        background-position: top right;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-radius: .3rem;
    }
    .achievement-display>ul>li:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0 0 .3rem .3rem;
        top: 2.18rem;
        background: rgba(255, 255, 255, .4)
    }
    .achievement-display>ul>li h2.title {
        font-size: .42rem;
        line-height: .5rem;
        position: relative;
        z-index: 5;
        width: 3.9rem;
        font-weight: 600;
        padding-top: .63rem;
        height: 2.18rem
    }
    .achievement-display>ul>li a.btn.phone-show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 2.25rem;
        height: .8rem;
        background: #f33;
        box-shadow: 0 .07rem .13rem 0 rgba(209, 0, 0, .26), inset 0 0 .31rem 0 rgba(255, 255, 255, .45);
        border-radius: .4rem;
        border: .04rem solid #fff;
        font-size: .3rem;
        color: #fff;
        position: absolute;
        z-index: 2;
        top: 1.04rem;
        right: .5rem
    }
    .achievement-display>ul>li .content {
        font-size: .36rem;
        line-height: .6rem;
        padding: .33rem 0 .42rem 0;
        width: 100%;
        position: relative;
        z-index: 2
    }
    .achievement-display>ul>li div.title {
        padding-bottom: .26rem;
        position: relative;
        z-index: 2
    }
    .achievement-display>ul>li div.title h3 {
        font-size: .36rem
    }
    .achievement-display>ul>li div.title a.btn {
        display: none
    }
    .achievement-display>ul>li .list {
        margin-right: -0.5rem;
        position: relative;
        z-index: 2
    }
    .achievement-display>ul>li .list .scroll {
        width: 100%;
        overflow-x: auto;
        padding-right: .5rem
    }
    .achievement-display>ul>li .list ul {
        width: 20rem
    }
    .achievement-display>ul>li .list li {
        width: 2.5rem
    }
    .achievement-display>ul>li .list li h5 {
        line-height: .84rem;
        height: .84rem;
        font-size: .3rem
    }
    .achievement-display>ul>li .list li dl {
        font-size: .3rem;
        line-height: .5rem;
        padding: .2rem 0;
        min-height: 4.43rem
    }
    .achievement-display>ul>li .list li:nth-child(6) {
        width: 6rem
    }
    .achievement-display>ul>li:nth-child(2) .list li h5 {
        background: #009f93
    }
    .achievement-display>ul>li:nth-child(3) {
        min-height: 12.49rem
    }
    .achievement-display>ul>li:nth-child(3) .list ul {
        width: 16rem
    }
    .achievement-display>ul>li:nth-child(3) .list li {
        width: 2.5rem
    }
    .achievement-display>ul>li:nth-child(3) .list li dl {
        min-height: 4.43rem
    }
    .achievement-display>ul>li:nth-child(3) .list li:nth-child(3),
    .achievement-display>ul>li:nth-child(3) .list li:nth-child(4) {
        width: 5rem
    }
    .achievement-display>ul>li:nth-child(4) {
        min-height: 10.01rem
    }
    .achievement-display>ul>li:nth-child(4) .list ul {
        width: 16rem
    }
    .achievement-display>ul>li:nth-child(4) .list li {
        width: 2.5rem
    }
    .achievement-display>ul>li:nth-child(4) .list li dl {
        min-height: 2.98rem
    }
    .achievement-display>ul>li:nth-child(4) .list li:nth-child(2) {
        width: 3rem
    }
    .achievement-display>ul>li:nth-child(4) .list li:nth-child(3) {
        width: 5rem
    }
    .achievement-display>ul>li:nth-child(4) .list li:nth-child(4) {
        width: 4rem
    }
    .related-cases .list li {
        width: 100%;
        padding: 0 0 .73rem .4rem
    }
    .related-cases .list a .zoomImg {
        border-radius: .2rem
    }
    .related-cases .list a .zoomImg img {
        height: 7.5rem
    }
    .related-cases .list a .name {
        font-size: .6rem;
        line-height: .84rem;
        margin-top: .43rem;
        margin-bottom: .18rem
    }
    .related-cases .list a p {
        font-size: .36rem;
        line-height: .6rem;
        height: 1.2rem;
        padding: 0 .5rem
    }
    .p-num2 {
        margin-left: -0.5rem;
        margin-right: -0.5rem
    }
    .p-num2 a {
        margin: 0 .27rem;
        width: 3rem
    }
    .p-num2 a.arrow {
        width: 2.67rem
    }
    .p-num2 a.arrow.prev:before {
        width: .13rem;
        height: .2rem
    }
    .p-num2 a.arrow.next:after {
        width: .13rem;
        height: .2rem
    }
    .case-detail {
        background: #fff;
        padding-bottom: 1rem
    }
    .case-detail .banner {
        display: none
    }
    .case-detail .wal {
        top: 0;
        padding: 0
    }
    .case-detail .bg {
        margin-right: -0.7rem;
        margin-left: -0.7rem;
        background: #f5f5f5;
        padding: 1.37rem .7rem 0 .7rem
    }
    .case-detail .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .case-detail .row .col {
        width: 100%
    }
    .case-detail .row h2 {
        font-size: .54rem;
        line-height: .75rem
    }
    .case-detail .row dl.tags {
        margin-left: -0.27rem
    }
    .case-detail .row dl.tags dd {
        margin-left: .27rem;
        height: 1rem;
        padding: 0 .44rem;
        border-radius: .17rem;
        font-size: .3rem;
        background: #fff
    }
    .case-detail .row .content {
        font-size: .36rem;
        line-height: .6rem;
        width: 100%;
        padding-top: .77rem
    }
    .case-detail .btn {
        padding: .74rem 0 .79rem 0
    }
    .case-detail .btn a {
        width: 1.2rem
    }
    .case-detail .big-img {
        padding-top: .88rem
    }
    .case-detail2 .head {
        background-size: 0;
        padding: 1.37rem 0 .81rem 0
    }
    .case-detail2 .head .wal {
        height: auto
    }
    .case-detail2 .head h2 {
        font-size: .54rem;
        line-height: .75rem;
        padding-bottom: .21rem
    }
    .case-detail2 .head .tags dd {
        margin-right: .27rem
    }
    .case-detail2 .head .tags a {
        height: 1rem;
        padding: 0 .44rem;
        border-radius: .17rem;
        font-size: .3rem
    }
    .case-detail2 .head .content {
        font-size: .36rem;
        line-height: .6rem;
        width: 100%;
        padding: .7rem 0 1rem 0
    }
    .case-detail2 .head .ewm {
        width: 2.07rem
    }
    .case-detail2 .p-num2 {
        padding: .97rem 0 1.29rem 0
    }
    .digital-operations-solutions li {
        padding: .73rem 0 1.06rem 0
    }
    .digital-operations-solutions li .wal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .digital-operations-solutions li .col {
        width: 100%
    }
    .digital-operations-solutions li .title .num {
        font-size: 1.15rem;
        line-height: 1.38rem;
        margin-right: .25rem
    }
    .digital-operations-solutions li .title h2 {
        font-size: .42rem;
        line-height: .59rem;
        padding-top: .1rem
    }
    .digital-operations-solutions li .title .en {
        font-size: .3rem;
        line-height: .42rem
    }
    .digital-operations-solutions li .content {
        font-size: .36rem;
        line-height: .6rem
    }
    .digital-operations-solutions li .tags {
        margin-left: -0.36rem;
        padding-bottom: .2rem
    }
    .digital-operations-solutions li .tags dd {
        padding: 0 .3rem;
        height: .9rem;
        border-radius: .15rem;
        font-size: .3rem;
        margin-left: .36rem;
        margin-bottom: .36rem
    }
    .digital-operations-solutions li .tags dd img {
        width: .52rem;
        margin-right: .22rem
    }
    .digital-operations-solutions li.li_01 .img {
        width: 100%
    }
    .digital-operations-solutions li.li_02 {
        padding: .73rem 0 0 0
    }
    .digital-operations-solutions li.li_02 .img {
        width: 100%;
        left: 0
    }
    .digital-operations-solutions li.li_03 {
        padding: .73rem 0 1.06rem 0
    }
    .digital-operations-solutions li.li_03 .img {
        width: 100%
    }
    .digital-operations-solutions li.li_03 .img .video-btn {
        background-size: 1.4rem
    }
    .digital-operations-solutions li.li_04 {
        padding: .73rem 0 1.06rem 0
    }
    .digital-operations-solutions li.li_04 .img {
        width: 100%
    }
    .digital-operations-solutions li:nth-child(even) {
        background: #f5f5f5
    }
    .digital-operations-solutions li:nth-child(even) .wal {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .digital-operations-solutions li:nth-child(even) .tags dd {
        background: #fff
    }
    .other-services li {
        width: 100%;
        padding-bottom: .54rem
    }
    .technology-stack {
        background: #f5f5f5;
        margin-right: -0.7rem;
        margin-left: -0.7rem;
        padding: 0 .7rem .7rem
    }
    .technology-stack .page-title {
        padding: .65rem 0 .55rem 0
    }
    .technology-stack .list li {
        width: 100%;
        margin-bottom: .3rem;
        border-radius: .3rem
    }
    .technology-stack .list li .bd {
        border: 0;
        border-radius: 0 0 .3rem .3rem;
        padding: 0 .5rem
    }
    .technology-stack .list li .name {
        border-bottom: rgba(151, 151, 151, .25) solid 1px;
        height: 1.43rem
    }
    .technology-stack .list li .name img {
        height: .45rem
    }
    .technology-stack .list li .name h5 {
        font-size: .45rem;
        margin-left: .34rem
    }
    .technology-stack .list li dl {
        padding: .25rem 0
    }
    .technology-stack .list li dd {
        height: 1.5rem
    }
    .technology-stack .list li dd img {
        width: 1rem
    }
    .technology-stack .list li dd h5 {
        margin-left: .3rem;
        font-size: .32rem;
        line-height: .5rem
    }
    .technology-stack .list li:nth-child(2) dl {
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .technology-stack .list li:nth-child(2) dd {
        width: 50%
    }
    .system-capability .list ul {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: -0.45rem;
        margin-bottom: -0.42rem
    }
    .system-capability .list li {
        width: calc(33.333% - .45rem);
        margin-right: .45rem;
        margin-bottom: .42rem
    }
    .system-capability .list a {
        height: 4.04rem;
        border-radius: .12rem;
        border: 1px solid #cfcfcf;
        padding: .34rem
    }
    .system-capability .list a .ico {
        width: 100%;
        margin: 0 auto
    }
    .system-capability .list a .name {
        padding-top: .21rem;
        font-size: .3rem;
        line-height: .5rem
    }
    .professional-process {
        /*padding-bottom: 1rem;*/
        padding-bottom: 0rem !important;
        background: #f5f5f5;
        margin-right: -0.7rem;
        margin-left: -0.7rem;
        margin-top: 1rem
    }
    .professional-process .page-title {
        padding: .84rem 0 .34rem .7rem
    }
    .news>.form {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .news>.form .select .name {
        width: 6rem;
        height: 1.4rem;
        padding: 0 .4rem 0 .5rem;
        font-size: .4rem
    }
    .news>.form .select .name:after {
        width: .24rem;
        height: .24rem
    }
    .news .list li {
        width: 100%
    }
    .news .list a .time {
        font-size: .3rem;
        line-height: .42rem;
        margin-bottom: .1rem
    }
    .news .list a h5 {
        font-size: .48rem;
        line-height: .67rem;
        height: 1.34rem;
    }
    .news .list a p {
        font-size: .36rem;
        line-height: .6rem;
        height: 1.8rem;
        margin-bottom: .35rem
    }
    .news .list a .zoomImg {
        border-radius: .3rem
    }
    .p-num {
        font-size: .3rem
    }
    .p-num a {
        margin: 0 .1rem;
        width: 1rem;
        height: 1rem;
        border-radius: .1rem
    }
    .p-num .form {
        display: none
    }
    .p-num p {
        display: none
    }
    .news-detail .title {
        font-size: .48rem;
        line-height: .67rem
    }
    .news-detail .time {
        font-size: .3rem;
        line-height: .42rem;
        padding: .32rem 0 .63rem 0
    }
    .news-detail .content {
        font-size: .36rem
    }
    .job .imgs-list {
        padding: .7rem 0 .4rem 0
    }
    .job .imgs-list li {
        width: 4.75rem;
        padding-bottom: .3rem
    }
    .job .side {
        width: 100%;
        background: rgba(0, 0, 0, .25);
        border-radius: 0;
        border: 0;
        padding: 0;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        opacity: 0;
        visibility: hidden
    }
    .job .side.show {
        opacity: 1;
        visibility: visible
    }
    .job .side.show .bg {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .job .side .bg {
        background: #fff;
        width: 9.46rem;
        margin-left: auto;
        height: 100vh;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        padding: .6rem
    }
    .job .side .back {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .42rem
    }
    .job .side .back span {
        font-family: "iconfont";
        margin-right: .1rem
    }
    .job .side .h2 {
        font-size: 20px;
        line-height: .84rem;
    }
    .job .side .btns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1rem 0
    }
    .job .side .btns a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 .23rem;
        width: 3.53rem;
        height: 1.1rem;
        background: #e4e4e4;
        border-radius: .55rem;
        font-size: .36rem;
        color: #595959
    }
    .job .side .btns a.on {
        background: red;
        color: #fff
    }
    .job .side .scroll {
        height: calc(100vh - 6.3rem);
        overflow-y: auto
    }
    .job .side .item {
        margin-bottom: 0;
        border: 0;
        padding: 0
    }
    .job .side .item .title {
        height: 1.5rem;
        font-size: .3rem;
        border-bottom: #e7e7e7 solid 1px
    }
    .job .side .item .title .h5 {
        font-size: .42rem;
        font-weight: 400
    }
    .job .side .item.on .title {
        height: 1.5rem
    }
    .job .side .item.on .list {
        border-top: 0;
        padding: .2rem 0
    }
    .job .side .item.on .list li {
        font-size: .38rem
    }
    .job .side .item.on .list li .arrow {
        width: .16rem;
        height: .24rem;
        margin-right: .24rem
    }
    .job .side .item.on .list li .check {
        width: .26rem;
        height: .26rem;
        margin-right: .16rem
    }
    .job .side .item.on .list li .name {
        line-height: 1rem
    }
    .job .side .item.on .list li ul {
        width: 100%;
        padding-bottom: .1rem;
        display: none
    }
    .job .side .item.on .list li li {
        padding-left: .8rem
    }
    .job .side .item.on .list li li .name {
        line-height: .8rem
    }
    .job>.list {
        width: 100%
    }
    .job>.list .msg {
        line-height: 1em;
        border: 0;
        padding: 0;
        font-size: .36rem;
        margin-bottom: .55rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .job>.list .msg .btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .36rem
    }
    .job>.list .msg .btn img {
        width: .36rem;
        margin-right: .19rem
    }
    .job>.list li {
        /* padding-bottom: .4rem */
    }
    .job>.list li .bed {
        border-radius: .2rem;
        padding: .45rem .4rem
    }
    .job>.list li .bed .name {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: .3rem
    }
    .job>.list li .bed .name .h5 {
        font-size: .48rem;
        line-height: .67rem;
        margin-right: 0
    }
    .job>.list li .bed .name p {
        font-size: .36rem;
        line-height: .5rem;
        margin-top: .13rem;
        width: 100%
    }
    .job>.list li .bed dl.tags {
        padding-bottom: .36rem
    }
    .job>.list li .beddl.tags dd {
        margin-right: .24rem;
        /*padding: 0 .36rem;*/
        border-radius: .15rem;
        /*background: rgba(255,0,0,0);*/
        height: auto;
        padding: 0.1rem 0.2rem;
        font-size: .3rem;
        color: #000;
        border: rgba(151, 151, 151, .15) solid 1px
    }
    .job>.list li .bed dl.info dd {
        font-size: .3rem;
        line-height: .49rem;
        padding-left: .32rem;
        margin-bottom: 0.2rem;
    }
    .job>.list li .bed dl.info dd:before {
        top: .24rem;
        width: .2rem;
        height: .2rem
    }
    .job>.list li .bed .btn {
        right: .4rem;
        bottom: auto;
        top: .4rem;
        width: 2.4rem;
        height: .9rem;
        font-size: .3rem;
        margin-left: auto;
    }
    .job>.list li .bed .btn:after {
        width: .12rem;
        height: .18rem
    }
    .job-detail {
        background: #fff;
        padding: 0
    }
    .job-detail .wal {
        padding: 0
    }
    .job-detail .head {
        background: #f5f5f5;
        padding: 1rem .7rem;
        margin-right: -0.7rem;
        margin-left: -0.7rem
    }
    .job-detail .p-btn,
    .job-detail .foot-contact .submit div,
    .foot-contact .submit .job-detail div,
    .job-detail .related-cases .more a,
    .related-cases .more .job-detail a,
    .job-detail .p-num2 a,
    .p-num2 .job-detail a {
        position: relative;
        top: 0;
        right: 0;
        width: 3.6rem;
        height: 1.2rem
    }
    .job-detail div .title {
        font-size: .72rem;
        line-height: 1rem
    }
    .job-detail .name {
        font-size: .4rem;
        line-height: .56rem;
        padding: .24rem 0 .7rem 0
    }
    .job-detail .tags {
        padding-bottom: 1.2rem
    }
    .job-detail .tags dd {
        border-radius: .2rem;
        height: auto;
        padding: 0.2rem .2rem;
        font-size: .36rem;
        margin-right: .32rem;
        background: #fff
    }
    .job-detail h2.title {
        padding: .62rem 0 .44rem 0;
        font-size: .36rem;
        line-height: .5rem
    }
    .job-detail .content {
        font-size: .36rem;
        line-height: .6rem;
        padding: .78rem 0
    }
    .job-detail .content .h5 {
        font-size: .36rem
    }
    .job-detail .content p {
        /*padding-bottom: .6rem*/
    }
    .job-form .title {
        padding: .6rem 0
    }
    .job-form .title .h2 {
        font-size: .4rem
    }
    .job-form .title .add-btn {
        font-size: .36rem
    }
    .job-form .title .add-btn:before {
        width: .24rem;
        height: .24rem
    }
    .job-form .title2 {
        padding: .6rem 0 .4rem 0
    }
    .job-form .form {
        padding-bottom: .31rem
    }
    .job-form .form .input {
        margin-bottom: .4rem;
        height: auto;
        width: 100%;
        font-size: .36rem
    }
    .job-form .form .input.basePhoneInput {
        padding: 0 0 1rem;
    }
    .job-form .form .input input {
        width: 100%;
        height: 1.2rem;
        line-height: 1.2rem;
        padding: 0 .4rem;
        font-size: .36rem
    }
    .job-form .form .input .lzm-btn {
        right: .4rem;
        line-height: 1.2rem;
        top: 1rem !important;
    }
    .job-form .form .input .error-tips {
        font-size: .28rem
    }
    .job-form .form .input-time:after {
        right: .32rem;
        width: .38rem
    }
    .job-form .form .input-time2 {
        padding: 0.2rem .4rem
    }
    .job-form .form .input-time2 .name {
        text-align: left;
        width: 2rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .job-form .form .input-time2 .ico {
        width: .38rem
    }
    .job-form .form .select .name {
        height: 1.2rem;
        font-size: .36rem;
        padding: 0 .4rem
    }
    .job-form .form .select .name:after {
        width: .24rem;
        height: .24rem
    }
    .job-form .form .submit {
        width: 3.6rem;
        height: 1.2rem;
        border-radius: .2rem;
        margin-bottom: .34rem
    }
    .job-form .form .submit input {
        height: 1.2rem;
        font-size: .36rem
    }
    .job-form .base-info .input {
        width: 100%
    }
    .job-form .base-info .input-time {
        width: 100%
    }
    .job-form .base-info .input-address {
        width: 100%
    }
    .job-form .education-experience .input {
        width: 100%
    }
    .job-form .education-experience .input-2 {
        width: 100%
    }
    .job-form .education-experience .input-3 {
        width: 100%
    }
    .job-form .btns {
        padding: .2rem 0 1.2rem 0;
        position: fixed;
        bottom: 1vh;
        height: 0.3rem;
        /*position: fixed;*/
        /*bottom: 1vh;*/
        /*height: 0vh;*/
    }
    .job-form .btns a {
        border-radius: .8rem;
        width: 3.6rem;
        height: 1.2rem;
        font-size: .36rem
    }
    .el-date-range-picker .el-picker-panel__body {
        width: 100%;
        min-width: 100% !important
    }
    .el-date-range-picker .el-picker-panel__body .el-picker-panel__content {
        width: 100% !important
    }
    .about-1 {
        padding: 1.15rem 0 1.63rem 0
    }
    .about-1 .msg {
        font-size: .42rem;
        line-height: .69rem;
        padding-bottom: 1.15rem
    }
    .about-1 .title {
        display: none
    }
    .about-1 .content {
        display: none
    }
    .about-1 .list {
        width: 100%;
        position: relative;
        overflow: hidden
    }
    .about-1 .list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -1px;
        position: relative;
        top: -1px
    }
    .about-1 .list li {
        width: 50%;
        border-left: #e2dfdf solid 1px;
        border-top: #e2dfdf solid 1px
    }
    .about-1 .list li .name {
        font-size: .3rem;
        line-height: .42rem;
        margin-bottom: .06rem
    }
    .about-1 .list li .num {
        height: 1.26rem
    }
    .about-1 .list li .num em {
        font-size: .9rem;
        margin-right: .09rem
    }
    .about-1 .list li .num span {
        font-size: .36rem
    }
    .about-1 .list li .num sup {
        font-size: .48rem
    }
    .about-1 .list li:nth-child(1),
    .about-1 .list li:nth-child(2) {
        padding-bottom: .74rem
    }
    .about-1 .list li:nth-child(3),
    .about-1 .list li:nth-child(4) {
        padding-top: .74rem
    }
    .about-2 {
        padding-bottom: .98rem
    }
    .about-2 li {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: .83rem
    }
    .about-2 li .col {
        width: 100%;
        padding-bottom: .5rem
    }
    .about-2 li .col .title .num {
        font-size: 1.15rem;
        line-height: 1.38rem;
        margin-right: .3rem;
        top: -0.02rem
    }
    .about-2 li .col .title h5 {
        font-size: .42rem;
        line-height: .59rem
    }
    .about-2 li .col .title .en {
        font-size: .3rem;
        line-height: .42rem
    }
    .about-2 li .col .content {
        font-size: .36rem;
        line-height: .6rem;
        padding: .4rem 0 0 0
    }
    .about-2 li .col .more {
        display: none
    }
    .about-2 li .zoomImg {
        width: 100%;
        border-radius: .2rem
    }
    .about-2 li:nth-child(2) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .about-2 li:last-child {
        padding-bottom: 0
    }
    .about-3 li {
        width: calc(100% / 3);
    }
    .about-4 .msg {
        font-size: .32rem;
        line-height: .52rem;
        padding: .07rem 0 .5rem 0;
        max-width: 9.94rem
    }
    .about-4 .list li {
        margin-bottom: .35rem;
        border-radius: .3rem;
        padding: 0 .4rem;
    }
    .about-4 .list li .hd {
        padding: .45rem 0
    }
    .about-4 .list li .hd .title {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: .28rem
    }
    .about-4 .list li .hd .title h2 {
        font-size: .42rem;
        line-height: .6rem;
        padding-bottom: .1rem
    }
    .about-4 .list li .hd .title p {
        margin-left: 0;
        font-size: .3rem;
        line-height: .42rem;
        width: 100%
    }
    .about-4 .list li .hd dd {
        margin-right: .15rem;
        height: .6rem;
        border-radius: .08rem;
        padding: 0 .25rem;
        font-size: .24rem
    }
    .about-4 .list li .hd .btn {
        width: .9rem;
        height: .9rem;
        top: auto;
        bottom: .4rem;
        margin-top: 0
    }
    .about-4 .list li .bd {
        margin-top: .16rem;
        padding: .5rem 0;
        position: relative
    }
    .about-4 .list li .bd h5 {
        font-size: .36rem;
        line-height: .6rem
    }
    .about-4 .list li .bd .content {
        padding-bottom: .35rem;
        font-size: .36rem;
        line-height: .6rem
    }
    .about-4 .list li .bd .p-btn,
    .about-4 .list li .bd .foot-contact .submit div,
    .foot-contact .submit .about-4 .list li .bd div,
    .about-4 .list li .bd .related-cases .more a,
    .related-cases .more .about-4 .list li .bd a,
    .about-4 .list li .bd .p-num2 a,
    .p-num2 .about-4 .list li .bd a {
        width: 3rem;
        position: relative;
        top: 0
    }
    .about-4 .list li.on .hd .btn {
        background-image: url(https://data.kgu.cn/kgu2024/image/arrow60on.png)
    }
    .page-search {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: .77rem 0
    }
    .page-search .list {
        width: 100%
    }
    .page-search .list .msg {
        font-size: .36rem;
        line-height: .5rem;
        padding-left: .67rem;
        background-size: .42rem
    }
    .page-search .list li {
        padding: .7rem 0
    }
    .page-search .list li .name {
        margin-bottom: .38rem;
        font-size: .48rem;
        line-height: .67rem
    }
    .page-search .list li .info em {
        height: .84rem;
        padding: 0 .3rem;
        border-radius: .2rem;
        font-size: .3rem
    }
    .page-search .list .p-num {
        padding: .54rem 0 0 0;
        margin-right: -0.3rem;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .page-search .side {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        padding-bottom: 1rem
    }
    .page-search .side .title {
        font-size: .42rem;
        line-height: .59rem;
        padding-bottom: .5rem
    }
    .page-search .side ul {
        margin-left: -0.27rem;
        margin-right: -0.27rem
    }
    .page-search .side li {
        padding: 0 0 .27rem .27rem
    }
    .page-search .side li a {
        border-radius: .2rem;
        height: 1.1rem;
        padding: 0 .52rem;
        font-size: .36rem
    }
    .page404 {
        height: calc(100vh - 7.7rem)
    }
    .page404 img {
        width: 5.52rem
    }
    .page404 .msg {
        padding-top: 1.2rem;
        font-size: .42rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .page404 .msg p {
        width: 100%;
        text-align: center;
        padding-bottom: .42rem
    }
    .page404 .msg a {
        margin-left: 0
    }
    .contact2 {
        padding: .73rem 0 1.08rem 0
    }
    .contact2 .big-img {
        width: 100%
    }
    .contact2 .container {
        width: 100%;
        left: 0;
        background: #fafafa;
        padding: 1rem
    }
    .contact2 .container .title {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: .65rem;
        line-height: .91rem
    }
    .contact2 .container .title h5 {
        font-size: .36rem;
        line-height: .5rem;
        margin-right: 0;
        width: 100%;
        padding-top: .15rem
    }
    .contact2 .container .tel-title {
        padding-bottom: .24rem
    }
    .contact2 .container .mail-title {
        padding: .44rem 0 .48rem 0
    }
    .contact2 .container ul {
        border-top: #dcdcdc solid 1px
    }
    .contact2 .container li {
        font-size: .26rem;
        line-height: .82rem
    }
    .contact2 .container li p {
        margin-right: .36rem
    }
    .contact2 .container .address {
        font-size: .3rem;
        line-height: .41rem;
        padding-top: .15rem
    }
    .contact2 .ewm {
        width: 100%;
        padding-top: .82rem
    }
    .contact2 .ewm ul {
        border: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .contact2 .ewm li {
        border: 0;
        text-align: center;
        width: 2.06rem;
        margin-right: .4rem;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .contact2 .ewm li .name {
        font-size: .26rem;
        padding: .26rem 0 0 0
    }
    .contact2 .ewm li:nth-child(1) {
        margin-bottom: 0
    }
    .contact2 .list {
        margin-bottom: .5rem;
        padding: 0 .5rem
    }
    .contact2 .list h2 {
        font-size: .42rem;
        line-height: 1.4rem
    }
    .contact2 .list li {
        width: 100%;
        border-right: 0;
        padding: .35rem 0
    }
    .contact2 .list li:nth-child(even) {
        border-right: 0;
        padding-left: 0
    }
    .contact2 .list li h5 {
        font-size: .32rem;
        line-height: .56rem
    }
    .contact2 .list li p {
        font-size: .32rem;
        line-height: .56rem
    }
    .contact2 .list2 {
        line-height: 1.5rem;
        padding: 0 .5rem
    }
    .contact2 .list2 h2 {
        font-size: .32rem;
        margin-right: .24rem
    }
    .contact2 .list2 p {
        font-size: .32rem
    }
    .contact {
        padding: .7rem 0 .6rem 0
    }
    .contact .container {
        width: 100%;
        margin-top: 0;
        border-radius: 0;
        padding: 0 1rem .8rem 1rem
    }
    .contact .container .title h5 {
        font-size: .35rem;
        line-height: .49rem;
        padding-bottom: .15rem
    }
    .contact .container .title b {
        font-size: .65rem;
        line-height: .91rem
    }
    .contact .container .tel-title {
        padding: .9rem 0 .3rem 0
    }
    .contact .container .mail-title {
        margin-top: .35rem;
        padding: .44rem 0 .32rem 0
    }
    .contact .container .mail-title b {
        font-size: .44rem;
        line-height: .62rem
    }
    .contact .container>ul>li {
        font-size: .26rem;
        line-height: .82rem
    }
    .contact .container>ul>li p {
        margin-right: .36rem
    }
    .contact .container .address {
        font-size: .3rem;
        line-height: .41rem;
        padding: 0 .59rem .82rem 0
    }
    .contact .container .ewm li {
        width: 2.06rem;
        margin-right: .4rem
    }
    .contact .container .ewm li .name {
        font-size: .26rem;
        padding: .2rem 0 0 0
    }
    .contact .list {
        width: 100%;
        padding-bottom: .5rem
    }
    .contact .list h2 {
        padding: 1rem 0 .6rem 0;
        font-size: .36rem
    }
    .contact .list h2 img {
        width: .52rem;
        margin-right: .16rem
    }
    .contact .list li {
        font-size: .3rem;
        line-height: .42rem;
        padding-bottom: .45rem
    }
    .contact .list li h5 {
        font-size: .3rem;
        padding-right: .24rem
    }
    .contact .list .en {
        font-size: .3rem;
        line-height: .42rem
    }
    .job-form2 div.title .h2 {
        font-size: .36rem;
        line-height: .5rem;
        padding-bottom: .4rem
    }
    .job-form2 div.title p {
        font-size: .3rem;
        line-height: .42rem
    }
    .job-form2 .h2.title {
        font-size: .48rem;
        line-height: .67rem;
        padding: .55rem 0 .41rem 0
    }
    .job-form2 .list li {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: .36rem;
        height: 1.8rem;
        position: relative;
        padding: .25rem 0 .25rem 1.8rem
    }
    .job-form2 .list li .num {
        padding-left: .49rem;
        position: absolute;
        left: .4rem;
        top: 50%;
        line-height: .6rem;
        margin-top: -0.3rem
    }
    .job-form2 .list li .item {
        width: 50%;
        height: .68rem
    }
    .job-form2 .list li .item img {
        width: .32rem;
        margin-right: .22rem
    }
    .job-form2 .list li:nth-child(odd) {
        border-radius: .18rem
    }
    .job-form2 .list2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .job-form2 .list2 .item {
        width: 4.16rem;
        height: 1.2rem;
        border-radius: .2rem;
        font-size: .36rem;
        margin-bottom: .3rem
    }
    .job-form2 .list2 .item .name {
        width: 70%;
        padding-left: .48rem
    }
    .job-form2 .btns a {
        margin: 0 .5rem;
        border-radius: .6rem;
        width: 3rem;
        height: 1.1rem;
        font-size: .32rem
    }
    .page-layer .job-form,
    .page-layer .job-form2 {
        width: 100%;
        padding: 0;
        position: relative
    }
    .page-layer .job-form .close,
    .page-layer .job-form2 .close {
        width: .8rem;
        height: .8rem;
        background-size: .4rem
    }
    .page-layer .job-form .wal,
    .page-layer .job-form2 .wal {
        max-height: 100vh;
        height: 100vh;
        bottom: 9vh;
    }
    .p-toast .msg {
        border-radius: .1rem;
        font-size: .32rem;
        padding: .28rem .32rem;
        max-width: 6rem
    }
}


/*
    合作伙伴
*/

.flag li a:hover img,
.flag li a.on img {
    -webkit-filter: grayscale(1) !important;
    filter: grayscale(1) !important;
}

.flag .swiper-slide-active a img {
    webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
}


/*隐藏小恐龙*/

#newBridge {
    display: none !important;
}


/*切换语言样式 by zhangjing*/

.g-head1 .btns li:nth-child(2) a {
    display: block;
    padding: 0 0.1rem;
    color: rgba(46, 46, 46, .54);
    font-size: .18rem;
    font-weight: bold;
}

.g-head1 .btns li:nth-child(2) a img {
    border-radius: inherit;
    border: none;
    margin-right: 0.05rem;
}

.languageWrapper {
    display: none;
    position: absolute;
    left: 0;
    top: 0.98rem;
    width: 100%;
    padding: 1rem 0;
    box-sizing: border-box;
    background: #fff;
    justify-content: center;
    align-items: center;
}

.languageWrapper .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.languageWrapper .wrapper a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 0.6rem;
    text-align: center;
    transition: all 0.8s;
    opacity: 0;
}

.languageWrapper .wrapper a.active {
    opacity: 1;
}

.languageWrapper .wrapper a .img {
    display: block;
    width: 100%;
}

.languageWrapper .wrapper a .img img {
    width: 100%;
}

.languageWrapper .wrapper a em {
    display: block;
    margin-top: 0.15rem;
}

@media screen and (max-width: 1125px) {
    .languageWrapper {
        top: 1.65rem;
    }
    .languageWrapper .wrapper a .img {
        width: 80%;
    }
    #handleLanguage {
        font-size: 0.2rem !important;
    }
    #handleLanguage span {
        width: 0.7rem !important;
    }
}


/* 失去焦点且没有值时的样式 */

#app_content input.invalid,
#app_content .select_invalid {
    border: 1px solid red;
}

#app_content .city_xz input {
    border: 1px solid red;
}


/* 失去焦点且没有值时的样式 */

#app input.invalid,
#app .select_invalid {
    border: 1px solid red;
}

#app .city_xz input {
    border: 1px solid red;
}