@font-face {
    font-family: 'FuturaBT-Medium';
    src: url("/template/hrms/html/static/fonts/futurabt-medium.eot");
    src: url("/template/hrms/html/static/fonts/futurabt-medium.eot") format("embedded-opentype"), url("/template/hrms/html/static/fonts/futurabt-medium.woff2") format("woff2"), url("/template/hrms/html/static/fonts/futurabt-medium.woff") format("woff"), url("/template/hrms/html/static/fonts/futurabt-medium.ttf") format("truetype"), url("/template/hrms/html/static/fonts/futurabt-medium.svg") format("svg")
}

@font-face {
    font-family: 'FuturaBT-Bold';
    src: url("/template/hrms/html/static/fonts/futurabt-bold.eot");
    src: url("/template/hrms/html/static/fonts/futurabt-bold.eot") format("embedded-opentype"), url("/template/hrms/html/static/fonts/futurabt-bold.woff2") format("woff2"), url("/template/hrms/html/static/fonts/futurabt-bold.woff") format("woff"), url("/template/hrms/html/static/fonts/futurabt-bold.ttf") format("truetype"), url("/template/hrms/html/static/fonts/futurabt-bold.svg") format("svg")
}.news-hiddens .swiper-pagination

@font-face {
    font-family: 'Arkiv-Bold';
    src: url("/template/hrms/html/static/fonts/arkiv-bold.eot");
    src: url("/template/hrms/html/static/fonts/arkiv-bold.eot") format("embedded-opentype"), url("/template/hrms/html/static/fonts/arkiv-bold.woff2") format("woff2"), url("/template/hrms/html/static/fonts/arkiv-bold.woff") format("woff"), url("/template/hrms/html/static/fonts/arkiv-bold.ttf") format("truetype"), url("/template/hrms/html/static/fonts/arkiv-bold.svg") format("svg")
}

body {
    background: #ffffff;
    font-size: 16px;
    line-height: 34px;
    color: #666;
    
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif
}
ul,li,p,div,h1,h2,h3,dl,dd,dt{padding: 0px; margin: 0px; }
ul,li{list-style: none;}
.wapp{padding: 0px 8% 0px 8%;}
.header__inner{padding: 0px 5% 0px 5%;}
 input:focus{ outline: none; } 

@media (max-width: 1440px) {
    body {
        font-size: 14px;
        line-height: 30px
    }
}

@media (max-width: 998px) {
    body {
        line-height: 26px
    }
    .wapp{padding: 0px 2% 0px 2%;}
    .index-banner img{height:250px; }
    .imgpc{display:none}
    
}



@media (min-width: 999px) {
    
    .imgwap{display:none}
    #toTop{display:none;}
     .imgwap{display:none}
}



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

a:hover,
a:focus {
    color: #db434a;
    text-decoration: none
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    <!--background: url(/template/hrms/html/static/images/backtotop.png) no-repeat 0px 0px-->
}

@media (max-width: 668px) {
    #toTop {
        right: 10px;
        bottom: 70px
    }
}

#toTopHover {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    <!--background: url(/template/hrms/html/static/images/backtotop.png) no-repeat 0px -40px;-->
   
}

#toTop:active,
#toTop:focus {
    outline: none
}








#toTopHover1 {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    background: url(/template/hrms/html/static/images/img.png) no-repeat 0px -40px
}

#toTop1:active,
#toTop1:focus {
    outline: none
}









.bg-gray {
    background-color: #f5f5f5
}

.w {
    width: 1400px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1440px) {
    .w {
        width: 1300px
    }
}

@media (max-width: 1380px) {
    .w {
        width: 1200px
    }
}


@media (max-width: 1600px) {
    .imgpc img {
        height: auto!important;
        width:100%;
    }
}







@media (max-width: 1180px) {
    .w {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 968px) {
    .w {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 668px) {
    .w {
        padding-left: 10px;
        padding-right: 10px
    }
}

.col-w {
    width: 100%;
    padding-left: 160px;
    padding-right: 160px
}

@media (max-width: 1681px) {
    .col-w {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (max-width: 1440px) {
    .col-w {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width: 1180px) {
    .col-w {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 968px) {
    .col-w {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 668px) {
    .col-w {
        padding-left: 10px;
        padding-right: 10px
    }
}

.index-title {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: right;
    margin: 0;
    padding: 0 0 70px;
    width: 210px;
    margin-left: -40px
}

@media (max-width: 1681px) {
    .index-title {
        padding: 0 0 50px;
        width: 190px;
        margin-left: -50px
    }
}

@media (max-width: 1681px) {
    .index-title {
        width: 160px;
        margin-left: -60px
    }
}

@media (max-width: 1440px) {
    .index-title {
        width: 150px;
        margin-left: -50px
    }
}

@media (max-width: 668px) {
    .index-title {
        width: auto;
        margin-left: 0;
        text-align: left;
        padding: 0
    }
}

.index-title b {
    display: block;
    font-size: 42px;
    color: #4c4b4c;
    position: relative
}

@media (max-width: 1681px) {
    .index-title b {
        font-size: 36px
    }
}

@media (max-width: 1440px) {
    .index-title b {
        font-size: 26px
    }
}

.index-title b:after {
    content: '';
    display: block;
    width: 120px;
    height: 1px;
    line-height: 1px;
    background-color: #db434a;
    position: absolute;
    right: -160px;
    top: 50%
}

@media (max-width: 1440px) {
    .index-title b:after {
        width: 100px;
        right: -120px
    }
}

@media (max-width: 668px) {
    .index-title b:after {
        width: 80px;
        right: -100px
    }
}

.index-title span {
    display: block;
    font-size: 38px;
    line-height: 70px;
    color: #c9c9c9;
    font-family: 'FuturaBT-Bold';
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0
}

@media (max-width: 1681px) {
    .index-title span {
        font-size: 30px;
        line-height: 50px
    }
}

@media (max-width: 1440px) {
    .index-title span {
        font-size: 22px
    }
}

@media (max-width: 668px) {
    .index-title span {
        position: static
    }
}

.index-title--left {
    text-align: left
}

.index-title--white b {
    color: #fff
}

.index-title--white b:after {
    background-color: rgba(255, 255, 255, 0.8)
}

.index-title--white span {
    color: rgba(255, 255, 255, 0.8)
}

a .btn-more {
    display: block;
    width: 116px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #db434a;
    color: #db434a;
    border-radius: 19px;
    transition: all .5s
}

a .btn-more--center {
    margin-left: auto;
    margin-right: auto
}

a:hover .btn-more {
    background-color: #db434a;
    color: #fff
}

.WinH {
    position: relative
}

a .more01 {
    display: block;
    width: 124px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: all .5s
}

a .more01:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-image: linear-gradient(to right, #82c0eb, #6bacdf, #5498d3, #3f85c6, #2a71b9);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: all .5s
}

a .more01:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 1px solid #9a9a9a;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 1;
    transition: all .5s
}

a .more01 span {
    position: relative;
    z-index: 2
}

a .more01.white {
    color: #fff
}

a .more01.white:after {
    border-color: #fff
}

a .more01.color {
    color: #db434a
}

a .more01.color:after {
    border-color: #db434a
}

a:hover .more01 {
    color: #fff
}

a:hover .more01:before {
    opacity: 1
}

a:hover .more01:after {
    opacity: 0
}

.pages {
    text-align: center;
    padding: 0
}

.pages a {
    display: block;
    width: 80px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    background: none;
    color: #999;
    border: 1px solid #999
}

.pages a:hover {
    color: #999
}

.text-center {
    text-align: center
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 0px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 16px;
    margin-left: 0px;
    line-height: 1.42857143;
    color: #585858;
    text-decoration: none;
    background-color: none;
    border: none;
    border-radius: 0;
    font-size: 14px;
    margin-right: 15px;
    border: 1px solid #dcdcdc;
    transition: all .5s
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-radius: 0
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 3;
    color: #fff;
    background: #db434a;
    border-color: #db434a
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #db434a;
    border-color: #db434a;
    border-radius: 0
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.page_404 {
    position: relative
}

.page_404 .inner {
    width: 800px;
    height: 550px;
    padding: 425px 0 0;
    background: url("/template/hrms/html/static/images/404.jpg") center center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -275px
}

.page_404 .inner span.txt {
    display: block;
    font-size: 20px;
    color: #999;
    text-align: center;
    margin-bottom: 20px
}

.page_404 .inner .btn {
    width: 100%
}

.page_404 .inner .btn ul {
    text-align: center
}

.page_404 .inner .btn ul li {
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 6px
}

.page_404 .inner .btn ul li a {
    display: block
}

.page_404 .inner .btn ul li:nth-child(1) a {
    background: #db434a;
    color: #fff
}

.page_404 .inner .btn ul li:nth-child(2) {
    line-height: 36px
}

.page_404 .inner .btn ul li:nth-child(2) a {
    border: 2px solid #db434a;
    color: #db434a
}

.navbar-inverse {
    background-color: #fff;
    border-color: #fff
}

#warper #sidebar-wrapper {
    width: 200px;
    height: 100%;
    padding: 20px;
    left: -250px;
    transition: all 0.5s
}

#warper #sidebar-wrapper a.logo {
    display: block;
    float: none;
    max-width: 130px
}

#warper #sidebar-wrapper a.logo img {
    width: 100%
}

#warper.toggled #sidebar-wrapper {
    left: 0;
    z-index: 9999999999;
    overflow: hidden;
    overflow-y: scroll;
    background-color: #fff;
    border-color: #fff
}

.hamburger {
    position: fixed;
    right: 20px;
    top: 15px;
    z-index: 1000;
    width: 25px;
    height: 20px;
    background: transparent;
    border: none
}

@media (max-width: 668px) {
    .hamburger {
        right: 10px
    }
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
    outline: none
}

.hamburger.is-closed:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out
}

.hamburger.is-closed:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
    background-color: #333
}

.hamburger.is-closed .hamb-top {
    top: 0px;
    -webkit-transition: all 0.35s ease-in-out
}

.hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px
}

.hamburger.is-closed .hamb-bottom {
    bottom: 0px;
    -webkit-transition: all 0.35s ease-in-out
}

.hamburger.is-closed:hover .hamb-top {
    top: 0;
    -webkit-transition: all 0.35s ease-in-out
}

.hamburger.is-closed:hover .hamb-bottom {
    bottom: 0;
    -webkit-transition: all 0.35s ease-in-out
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    background-color: #fff
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px
}

.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08)
}

.hamburger.is-open .hamb-middle {
    display: none
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08)
}

.hamburger.is-open:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out
}

.hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 501
}

.header_simple {
    width: 100%;
    position: absolute;
    
    left: 0;
    top: 0;
    z-index: 100
}

.header_simple_inner {
    width: 100%;
    height: 90px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center
}

@media (max-width: 1681px) {
    .header_simple_inner {
        height: 70px
    }
}

@media (max-width: 1180px) {
    .header_simple_inner {
        padding: 0 20px
    }
}

@media (max-width: 668px) {
    .header_simple_inner {
        padding: 0 10px
    }
}

.header_simple_logo {
    display: block;
    height: 60px
}

@media (max-width: 1681px) {
    .header_simple_logo {
        height: 50px
    }
}

@media (max-width: 668px) {
    .header_simple_logo {
        height: 34px
    }
}

.header_simple_logo img {
    height: 100%
}

.header_simple_phone {
    margin-left: auto;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #db434a;
    font-family: 'FuturaBT-Medium'
}

@media (max-width: 1681px) {
    .header_simple_phone {
        height: 22px;
        line-height: 22px;
        font-size: 16px
    }
}

.header_simple_phone svg {
    vertical-align: top;
    width: 30px;
    height: 30px
}

@media (max-width: 1681px) {
    .header_simple_phone svg {
        width: 22px;
        height: 22px
    }
}

.header_simple_phone p {
    display: inline-block
}

@media (max-width: 668px) {
    .header_simple_phone p {
        display: none
    }
}

.cmmm_title {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 36px;
    font-weight: bold
}

@media (max-width: 1440px) {
    .cmmm_title {
        font-size: 26px
    }
}

@media (max-width: 668px) {
    .cmmm_title {
        font-size: 20px
    }
}

.cmmm_title span {
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin-top: 10px;
    font-weight: normal
}

@media (max-width: 1440px) {
    .cmmm_title span {
        font-size: 16px
    }
}

.cmmm_title.center {
    text-align: center
}

.cmmm_title.color {
    color: #f23928
}

.cmmm_col {
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 1681px) {
    .cmmm_col {
        padding-top: 80px;
        padding-bottom: 60px
    }
}

@media (max-width: 1440px) {
    .cmmm_col {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (max-width: 968px) {
    .cmmm_col {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 668px) {
    .cmmm_col {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.cmmm_mt {
    margin-top: 80px
}

@media (max-width: 1440px) {
    .cmmm_mt {
        margin-top: 50px
    }
}

@media (max-width: 668px) {
    .cmmm_mt {
        margin-top: 20px
    }
}

.cmmm_01 {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/01_bg.jpg");
    display: flex;
    align-items: center
}

@media (max-width: 968px) {
    .cmmm_01 {
        flex-wrap: wrap
    }
}

.cmmm_01 .txt {
    width: 60%
}

@media (max-width: 968px) {
    .cmmm_01 .txt {
        width: 100%
    }
}

.cmmm_01 .txt .des {
    margin: 30px 0 50px;
    color: #f23928
}

@media (max-width: 1440px) {
    .cmmm_01 .txt .des {
        margin: 30px 0
    }
}

.cmmm_01 .txt .list>ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.cmmm_01 .txt .list>ul>li {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

@media (max-width: 1440px) {
    .cmmm_01 .txt .list>ul>li {
        margin-bottom: 10px
    }
}

.cmmm_01 .txt .list>ul>li .num {
    width: 60px;
    font-size: 48px;
    font-family: 'Arkiv-Bold';
    color: #f23928;
    position: relative
}

.cmmm_01 .txt .list>ul>li .num em {
    position: relative;
    z-index: 2
}

.cmmm_01 .txt .list>ul>li .num:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-color: #ffd2af;
    border-radius: 100%;
    position: absolute;
    left: 15px;
    top: 2px;
    z-index: 0
}

.cmmm_01 .txt .list>ul>li p {
    flex: 1;
    margin-bottom: 0;
    color: #a27f7f
}

.cmmm_01 .txt .list>ul>li p b.t {
    display: block;
    font-size: 20px;
    color: #f23928
}

@media (max-width: 1440px) {
    .cmmm_01 .txt .list>ul>li p b.t {
        font-size: 18px
    }
}

.cmmm_01 .img {
    width: 40%
}

@media (max-width: 968px) {
    .cmmm_01 .img {
        width: 100%
    }
}

.cmmm_01 .img img {
    max-width: 100%
}

.cmmm_02 .list {
    display: flex;
    justify-content: space-between
}

@media (max-width: 968px) {
    .cmmm_02 .list {
        flex-wrap: wrap
    }
}

.cmmm_02 .list .t {
    margin: 0 0 30px;
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    color: #f23928;
    font-weight: bold
}

@media (max-width: 1440px) {
    .cmmm_02 .list .t {
        font-size: 18px
    }
}

@media (max-width: 668px) {
    .cmmm_02 .list .t {
        padding: 0 30px;
        font-size: 16px;
        text-align: center
    }
}

.cmmm_02 .list01 {
    width: 50%
}

@media (max-width: 968px) {
    .cmmm_02 .list01 {
        width: 100%
    }
}

.cmmm_02 .list01 ul {
    margin: 0;
    padding: 0
}

.cmmm_02 .list01 ul li {
    display: block;
    margin-bottom: 30px
}

@media (max-width: 668px) {
    .cmmm_02 .list01 ul li {
        margin-bottom: 10px
    }
}

.cmmm_02 .list01 ul li .item {
    height: 94px;
    position: relative;
    padding: 0 80px 0 50px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 0 13px 0 rgba(242, 57, 40, 0.1);
    font-size: 18px;
    line-height: 34px;
    color: #666;
    display: flex;
    align-items: center
}

@media (max-width: 1440px) {
    .cmmm_02 .list01 ul li .item {
        height: 70px;
        font-size: 14px;
        line-height: 26px;
        padding: 0 40px
    }
}

@media (max-width: 668px) {
    .cmmm_02 .list01 ul li .item {
        height: auto;
        padding: 10px 30px
    }
}

.cmmm_02 .list01 ul li .item:before {
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.cmmm_02 .list01 ul li .item.item01:before {
    background-color: #29aaf9
}

.cmmm_02 .list01 ul li .item.item02:before {
    background-color: #795dfb
}

.cmmm_02 .list01 ul li .item.item03:before {
    background-color: #f44c36
}

.cmmm_02 .list01 ul li .item.item04:before {
    background-color: #ff8018
}

.cmmm_02 .list02 {
    width: 18%;
    text-align: center;
    padding: 54px 0 30px
}

@media (max-width: 968px) {
    .cmmm_02 .list02 {
        display: none
    }
}

.cmmm_02 .list02 .img {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cmmm_02 .list02 .img img {
    max-width: 100%
}

.cmmm_02 .list03 {
    width: 32%
}

@media (max-width: 968px) {
    .cmmm_02 .list03 {
        width: 100%
    }
}

@media (max-width: 668px) {
    .cmmm_02 .list03 {
        padding-top: 20px
    }
}

.cmmm_02 .list03 ul {
    margin: 0;
    padding: 0
}

.cmmm_02 .list03 ul li {
    display: block;
    position: relative;
    height: 94px;
    border-radius: 47px;
    margin-bottom: 30px
}

@media (max-width: 1440px) {
    .cmmm_02 .list03 ul li {
        height: 70px
    }
}

@media (max-width: 668px) {
    .cmmm_02 .list03 ul li {
        height: 60px;
        margin-bottom: 10px
    }
}

.cmmm_02 .list03 ul li .icon {
    width: 94px;
    height: 94px;
    border-radius: 100%;
    box-shadow: 3px 0px 3px 0px rgba(242, 57, 40, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

@media (max-width: 1440px) {
    .cmmm_02 .list03 ul li .icon {
        width: 70px;
        height: 70px
    }
}

@media (max-width: 668px) {
    .cmmm_02 .list03 ul li .icon {
        width: 60px;
        height: 60px
    }
}

.cmmm_02 .list03 ul li .icon img {
    width: 100%
}

.cmmm_02 .list03 ul li .item {
    padding-left: 125px;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #fff
}

@media (max-width: 1440px) {
    .cmmm_02 .list03 ul li .item {
        padding-left: 90px;
        font-size: 18px
    }
}

@media (max-width: 668px) {
    .cmmm_02 .list03 ul li .item {
        padding-left: 70px;
        font-size: 16px
    }
}

.cmmm_02 .list03 ul li:nth-of-type(1) {
    background-image: linear-gradient(to right bottom, #5cd5eb, #189cfe)
}

.cmmm_02 .list03 ul li:nth-of-type(1) .icon {
    background-color: #5cd4ea
}

.cmmm_02 .list03 ul li:nth-of-type(2) {
    background-image: linear-gradient(to right bottom, #bfa1fe, #795dfb)
}

.cmmm_02 .list03 ul li:nth-of-type(2) .icon {
    background-color: #bfa1fe
}

.cmmm_02 .list03 ul li:nth-of-type(3) {
    background-image: linear-gradient(to right bottom, #ffad7b, #f23928)
}

.cmmm_02 .list03 ul li:nth-of-type(3) .icon {
    background-color: #ffad7b
}

.cmmm_02 .list03 ul li:nth-of-type(4) {
    background-image: linear-gradient(to right bottom, #ffc218, #ff7d18)
}

.cmmm_02 .list03 ul li:nth-of-type(4) .icon {
    background-color: #ffc218
}

.cmmm_03 {
    background-color: #fffaf7;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 968px) {
    .cmmm_03 {
        flex-wrap: wrap
    }
}

.cmmm_03 .txt {
    width: 50%
}

@media (max-width: 968px) {
    .cmmm_03 .txt {
        width: 100%;
        text-align: center
    }
}

.cmmm_03 .txt .des {
    margin: 20px 0;
    font-size: 20px;
    color: #333
}

@media (max-width: 1440px) {
    .cmmm_03 .txt .des {
        font-size: 16px;
        margin: 10px 0
    }
}

.cmmm_03 .txt .lianxi {
    margin-top: 60px
}

@media (max-width: 1440px) {
    .cmmm_03 .txt .lianxi {
        margin-top: 30px
    }
}

.cmmm_03 .txt .lianxi b {
    display: block;
    font-size: 30px;
    color: #f23928
}

@media (max-width: 1440px) {
    .cmmm_03 .txt .lianxi b {
        font-size: 20px
    }
}

.cmmm_03 .txt .lianxi ul {
    margin: 40px 0 60px;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center
}

@media (max-width: 1440px) {
    .cmmm_03 .txt .lianxi ul {
        margin: 30px 0
    }
}

@media (max-width: 968px) {
    .cmmm_03 .txt .lianxi ul {
        justify-content: center
    }
}

@media (max-width: 668px) {
    .cmmm_03 .txt .lianxi ul {
        flex-wrap: wrap
    }
}

.cmmm_03 .txt .lianxi ul li {
    height: 24px;
    display: flex;
    align-items: center;
    margin-right: 40px;
    padding-right: 40px;
    border-right: 1px solid #ccc8c6
}

@media (max-width: 668px) {
    .cmmm_03 .txt .lianxi ul li {
        width: 100%;
        justify-content: center;
        border-right: none;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 10px
    }
}

.cmmm_03 .txt .lianxi ul li:nth-last-of-type(1) {
    border-right: none;
    margin-right: 0;
    padding-right: 0
}

.cmmm_03 .txt .lianxi ul li svg {
    width: 20px;
    height: 20px;
    color: #fb8b63;
    margin-right: 12px
}

.cmmm_03 .txt .lianxi ul li p {
    margin-bottom: 0;
    font-size: 24px;
    color: #666;
    white-space: nowrap
}

@media (max-width: 1440px) {
    .cmmm_03 .txt .lianxi ul li p {
        font-size: 18px
    }
}

.cmmm_03 .txt .lianxi ul li p a {
    color: #666;
    transition: all .5s
}

.cmmm_03 .txt .lianxi ul li p a:hover {
    color: #f23928
}

.cmmm_03 .txt .lianxi a.more {
    display: inline-block;
    padding: 0 60px;
    height: 52px;
    line-height: 52px;
    border-radius: 26px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background-image: linear-gradient(to right bottom, #ffad7b, #f23928);
    box-shadow: 0 4px 0 0 #faaca4
}

@media (max-width: 1440px) {
    .cmmm_03 .txt .lianxi a.more {
        padding: 0 40px;
        font-size: 18px;
        height: 46px;
        line-height: 46px;
        border-radius: 23px
    }
}

@media (max-width: 968px) {
    .cmmm_03 .img {
        width: 100%;
        margin-top: 20px;
        text-align: center
    }
}

.cmmm_03 .img img {
    max-width: 100%
}

.cmmm_04 .list>ul {
    margin: 0 -2.8%;
    padding: 0;
    list-style-type: none;
    display: flex
}

@media (max-width: 1440px) {
    .cmmm_04 .list>ul {
        margin: 0 -2%
    }
}

@media (max-width: 968px) {
    .cmmm_04 .list>ul {
        flex-wrap: wrap
    }
}

.cmmm_04 .list>ul>li {
    width: 33.33%;
    padding: 0 2.8%
}

@media (max-width: 1440px) {
    .cmmm_04 .list>ul>li {
        padding: 0 2%
    }
}

@media (max-width: 968px) {
    .cmmm_04 .list>ul>li {
        width: 100%;
        margin-bottom: 20px
    }
}

.cmmm_04 .list>ul>li .item {
    height: 100%;
    text-align: center;
    padding: 10% 20%;
    border-radius: 10px
}

@media (max-width: 1440px) {
    .cmmm_04 .list>ul>li .item {
        padding: 8%
    }
}

@media (max-width: 968px) {
    .cmmm_04 .list>ul>li .item {
        padding: 30px
    }
}

@media (max-width: 668px) {
    .cmmm_04 .list>ul>li .item .icon {
        width: 100px;
        margin: 0 auto
    }
}

.cmmm_04 .list>ul>li .item .icon img {
    max-width: 100%
}

.cmmm_04 .list>ul>li .item .txt {
    color: #fff;
    font-size: 18px;
    line-height: 36px
}

@media (max-width: 1440px) {
    .cmmm_04 .list>ul>li .item .txt {
        font-size: 16px;
        line-height: 30px
    }
}

.cmmm_04 .list>ul>li .item .txt b.t {
    display: block;
    font-size: 26px;
    margin: 30px 0 50px
}

@media (max-width: 1440px) {
    .cmmm_04 .list>ul>li .item .txt b.t {
        font-size: 20px;
        margin: 20px 0
    }
}

@media (max-width: 668px) {
    .cmmm_04 .list>ul>li .item .txt b.t {
        margin: 10px 0
    }
}

.cmmm_04 .list>ul>li:nth-of-type(1) .item {
    background-image: linear-gradient(to right bottom, #5cd5eb, #189cfe)
}

.cmmm_04 .list>ul>li:nth-of-type(2) .item {
    background-image: linear-gradient(to right bottom, #bfa1fe, #795dfb)
}

.cmmm_04 .list>ul>li:nth-of-type(3) .item {
    background-image: linear-gradient(to right bottom, #ffc218, #ff7d18)
}

.cmmm_05 {
    background-color: #fffaf7
}

.cmmm_05 .list {
    margin-bottom: 100px
}

@media (max-width: 1440px) {
    .cmmm_05 .list {
        margin-bottom: 40px
    }
}

.cmmm_05 .list ul {
    margin: 0 -20px;
    padding: 0;
    list-style-type: none;
    display: flex
}

@media (max-width: 1440px) {
    .cmmm_05 .list ul {
        margin: 0 -10px
    }
}

@media (max-width: 968px) {
    .cmmm_05 .list ul {
        flex-wrap: wrap
    }
}

.cmmm_05 .list ul>li {
    width: 20%;
    padding: 0 20px
}

@media (max-width: 1440px) {
    .cmmm_05 .list ul>li {
        padding: 0 10px
    }
}

@media (max-width: 968px) {
    .cmmm_05 .list ul>li {
        width: 100%;
        margin-bottom: 20px
    }
}

@media (max-width: 668px) {
    .cmmm_05 .list ul>li {
        margin-bottom: 10px
    }
}

.cmmm_05 .list ul>li .item {
    height: 100%;
    overflow: hidden;
    padding: 40px 30px 65px 30px;
    border-radius: 10px;
    position: relative
}

@media (max-width: 1440px) {
    .cmmm_05 .list ul>li .item {
        padding: 20px 20px 40px 20px
    }
}

.cmmm_05 .list ul>li .item .txt {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    font-weight: lighter;
    position: relative;
    z-index: 2
}

@media (max-width: 1440px) {
    .cmmm_05 .list ul>li .item .txt {
        font-size: 16px;
        line-height: 30px
    }
}

.cmmm_05 .list ul>li .item .txt b.t {
    display: block
}

.cmmm_05 .list ul>li .item .txt b.t span {
    display: block;
    font-size: 24px;
    line-height: 36px;
    height: 72px
}

@media (max-width: 1440px) {
    .cmmm_05 .list ul>li .item .txt b.t span {
        font-size: 18px;
        line-height: 30px;
        height: 60px
    }
}

@media (max-width: 668px) {
    .cmmm_05 .list ul>li .item .txt b.t span {
        height: auto
    }
}

.cmmm_05 .list ul>li .item .txt b.t:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    line-height: 3px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 20px 0 30px
}

@media (max-width: 668px) {
    .cmmm_05 .list ul>li .item .txt b.t:after {
        margin: 10px 0
    }
}

.cmmm_05 .list ul>li .item em.num {
    display: block;
    font-size: 160px;
    color: rgba(255, 255, 255, 0.2);
    font-family: 'Arkiv-Bold';
    position: absolute;
    right: 20px;
    bottom: 35px;
    z-index: 1
}

@media (max-width: 1440px) {
    .cmmm_05 .list ul>li .item em.num {
        font-size: 100px;
        right: 10px;
        bottom: 20px
    }
}

.cmmm_05 .list ul>li:nth-of-type(1) .item {
    background-image: linear-gradient(to right bottom, #5cd5eb, #189cfe)
}

.cmmm_05 .list ul>li:nth-of-type(2) .item {
    background-image: linear-gradient(to right bottom, #bfa1fe, #795dfb)
}

.cmmm_05 .list ul>li:nth-of-type(3) .item {
    background-image: linear-gradient(to right bottom, #d655fd, #c434e2)
}

.cmmm_05 .list ul>li:nth-of-type(4) .item {
    background-image: linear-gradient(to right bottom, #ffd4b2, #f23928)
}

.cmmm_05 .list ul>li:nth-of-type(5) .item {
    background-image: linear-gradient(to right bottom, #ffc218, #ff7d18)
}

.cmmm_05 .img {
    text-align: center
}

.cmmm_05 .img img {
    max-width: 100%
}

.cmmm_05 .img .pc {
    display: block
}

@media (max-width: 668px) {
    .cmmm_05 .img .pc {
        display: none
    }
}

.cmmm_05 .img .mobile {
    display: none
}

@media (max-width: 668px) {
    .cmmm_05 .img .mobile {
        display: block
    }
}

.cmmm_06 .list>ul {
    margin: 0 -2.8%;
    padding: 0;
    list-style-type: none;
    display: flex
}

@media (max-width: 1440px) {
    .cmmm_06 .list>ul {
        margin: 0 -2%
    }
}

@media (max-width: 968px) {
    .cmmm_06 .list>ul {
        flex-wrap: wrap
    }
}

.cmmm_06 .list>ul>li {
    width: 50%;
    padding: 0 2.8%
}

@media (max-width: 1440px) {
    .cmmm_06 .list>ul>li {
        padding: 0 2%
    }
}

@media (max-width: 968px) {
    .cmmm_06 .list>ul>li {
        width: 100%;
        margin-bottom: 20px
    }
}

.cmmm_06 .list>ul>li .item {
    box-shadow: 0 0 13px 0 rgba(242, 57, 40, 0.1);
    height: 100%;
    padding: 10%;
    border-radius: 10px
}

@media (max-width: 1440px) {
    .cmmm_06 .list>ul>li .item {
        padding: 5%
    }
}

.cmmm_06 .list>ul>li .item .title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cmmm_06 .list>ul>li .item .title b {
    font-size: 30px
}

@media (max-width: 1440px) {
    .cmmm_06 .list>ul>li .item .title b {
        font-size: 22px
    }
}

@media (max-width: 668px) {
    .cmmm_06 .list>ul>li .item .title b {
        font-size: 18px
    }
}

.cmmm_06 .list>ul>li .item .title b.t1 {
    color: #1a9efd
}

.cmmm_06 .list>ul>li .item .title b.t2 {
    color: #f23928
}

.cmmm_06 .list>ul>li .item .title img {
    width: 70px
}

@media (max-width: 1440px) {
    .cmmm_06 .list>ul>li .item .title img {
        width: 60px
    }
}

@media (max-width: 668px) {
    .cmmm_06 .list>ul>li .item .title img {
        width: 50px
    }
}

.cmmm_06 .list>ul>li .item .txt {
    margin-top: 6%;
    font-size: 18px;
    line-height: 36px
}

@media (max-width: 1440px) {
    .cmmm_06 .list>ul>li .item .txt {
        margin-top: 40px;
        font-size: 16px;
        line-height: 30px
    }
}

@media (max-width: 668px) {
    .cmmm_06 .list>ul>li .item .txt {
        margin-top: 20px;
        font-size: 14px;
        line-height: 26px
    }
}

.cmmm_06 .list>ul>li .item .txt strong {
    color: #333
}

.cmmm_07 {
    background-color: #fffaf7
}

.cmmm_07 .img {
    text-align: center
}

.cmmm_07 .img img {
    max-width: 100%
}

.cmmm_07 .img img.pc {
    display: block
}

@media (max-width: 668px) {
    .cmmm_07 .img img.pc {
        display: none
    }
}

.cmmm_07 .img img.mobile {
    display: none
}

@media (max-width: 668px) {
    .cmmm_07 .img img.mobile {
        display: block
    }
}

.cmmm_08 {
    padding-bottom: 0
}

.cmmm_08 .list>ul {
    margin: 0 -15px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap
}

.cmmm_08 .list>ul>li {
    width: 16.66%;
    padding: 0 15px;
    margin-bottom: 100px
}

@media (max-width: 1440px) {
    .cmmm_08 .list>ul>li {
        margin-bottom: 60px
    }
}

@media (max-width: 668px) {
    .cmmm_08 .list>ul>li {
        width: 33.33%;
        margin-bottom: 20px
    }
}

.cmmm_08 .list>ul>li .img {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 668px) {
    .cmmm_08 .list>ul>li .img {
        height: 50px
    }
}

.cmmm_08 .list>ul>li .img img {
    width: auto;
    max-width: 100%;
    height: 100%
}

.cmmm_09 {
    background-color: #fffaf7
}

.cmmm_09 .list>ul {
    margin: 0 -20px;
    padding: 0;
    list-style-type: none;
    display: flex
}

@media (max-width: 1440px) {
    .cmmm_09 .list>ul {
        margin: 0 -10px
    }
}

@media (max-width: 968px) {
    .cmmm_09 .list>ul {
        flex-wrap: wrap
    }
}

.cmmm_09 .list>ul>li {
    padding: 0 20px
}

@media (max-width: 1440px) {
    .cmmm_09 .list>ul>li {
        padding: 0 10px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(1),
.cmmm_09 .list>ul>li:nth-of-type(2) {
    width: 26.5%
}

@media (max-width: 968px) {

    .cmmm_09 .list>ul>li:nth-of-type(1),
    .cmmm_09 .list>ul>li:nth-of-type(2) {
        width: 50%;
        margin-bottom: 20px
    }
}

@media (max-width: 668px) {

    .cmmm_09 .list>ul>li:nth-of-type(1),
    .cmmm_09 .list>ul>li:nth-of-type(2) {
        width: 100%;
        margin-bottom: 10px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(1) a,
.cmmm_09 .list>ul>li:nth-of-type(2) a {
    display: block;
    height: 510px;
    position: relative
}

@media (max-width: 1440px) {

    .cmmm_09 .list>ul>li:nth-of-type(1) a,
    .cmmm_09 .list>ul>li:nth-of-type(2) a {
        height: 400px
    }
}

@media (max-width: 668px) {

    .cmmm_09 .list>ul>li:nth-of-type(1) a,
    .cmmm_09 .list>ul>li:nth-of-type(2) a {
        height: 250px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(1) a:after,
.cmmm_09 .list>ul>li:nth-of-type(2) a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #000);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: .5;
    transition: all .5s
}

.cmmm_09 .list>ul>li:nth-of-type(1) a .img,
.cmmm_09 .list>ul>li:nth-of-type(2) a .img {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.cmmm_09 .list>ul>li:nth-of-type(1) a .img span,
.cmmm_09 .list>ul>li:nth-of-type(2) a .img span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    transition: all 1s
}

.cmmm_09 .list>ul>li:nth-of-type(1) a .txt,
.cmmm_09 .list>ul>li:nth-of-type(2) a .txt {
    width: 100%;
    padding: 30px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4
}

@media (max-width: 1440px) {

    .cmmm_09 .list>ul>li:nth-of-type(1) a .txt,
    .cmmm_09 .list>ul>li:nth-of-type(2) a .txt {
        padding: 20px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(1) a .txt .date,
.cmmm_09 .list>ul>li:nth-of-type(2) a .txt .date {
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Arkiv-Bold'
}

@media (max-width: 1440px) {

    .cmmm_09 .list>ul>li:nth-of-type(1) a .txt .date,
    .cmmm_09 .list>ul>li:nth-of-type(2) a .txt .date {
        font-size: 14px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(1) a .txt b,
.cmmm_09 .list>ul>li:nth-of-type(2) a .txt b {
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1440px) {

    .cmmm_09 .list>ul>li:nth-of-type(1) a .txt b,
    .cmmm_09 .list>ul>li:nth-of-type(2) a .txt b {
        font-size: 16px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(1) a .txt p,
.cmmm_09 .list>ul>li:nth-of-type(2) a .txt p {
    display: block;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1440px) {

    .cmmm_09 .list>ul>li:nth-of-type(1) a .txt p,
    .cmmm_09 .list>ul>li:nth-of-type(2) a .txt p {
        font-size: 12px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(1) a:hover:after,
.cmmm_09 .list>ul>li:nth-of-type(2) a:hover:after {
    opacity: .8
}

.cmmm_09 .list>ul>li:nth-of-type(1) a:hover .img span,
.cmmm_09 .list>ul>li:nth-of-type(2) a:hover .img span {
    transform: scale(1.1)
}

.cmmm_09 .list>ul>li:nth-of-type(3) {
    width: 47%
}

@media (max-width: 968px) {
    .cmmm_09 .list>ul>li:nth-of-type(3) {
        width: 100%
    }
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul {
    margin: 0 -20px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1440px) {
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul {
        margin: 0 -10px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li {
    width: 50%;
    padding: 0 20px
}

@media (max-width: 1440px) {
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li {
        padding: 0 10px
    }
}

@media (max-width: 668px) {
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li {
        width: 100%;
        margin-bottom: 10px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li:nth-of-type(1),
.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li:nth-of-type(2) {
    margin-bottom: 40px
}

@media (max-width: 1440px) {

    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li:nth-of-type(1),
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li:nth-of-type(2) {
        margin-bottom: 20px
    }
}

@media (max-width: 668px) {

    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li:nth-of-type(1),
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li:nth-of-type(2) {
        margin-bottom: 10px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a {
    height: 235px;
    background-color: #fff;
    display: block;
    padding: 30px;
    box-shadow: 0 0 20px 0 rgba(242, 57, 40, 0.05);
    transition: all .5s
}

@media (max-width: 1440px) {
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a {
        height: 190px;
        padding: 20px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a .txt .date {
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Arkiv-Bold';
    color: #333
}

@media (max-width: 1440px) {
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a .txt .date {
        font-size: 14px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a .txt b {
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin: 15px 0;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .5s
}

@media (max-width: 1440px) {
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a .txt b {
        font-size: 16px;
        margin: 10px 0
    }
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a .txt p {
    display: block;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1440px) {
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a .txt p {
        font-size: 12px;
        line-height: 22px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a .txt .icon {
    width: 46px;
    height: 16px;
    margin-top: 30px
}

@media (max-width: 1440px) {
    .cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a .txt .icon {
        width: 28px;
        height: 10px;
        margin-top: 15px
    }
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a .txt .icon svg {
    width: 100%;
    height: 100%;
    color: #272636;
    transition: all .5s
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a:hover {
    box-shadow: 0 0 20px 0 rgba(242, 57, 40, 0.15)
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a:hover .txt b {
    color: #f23928
}

.cmmm_09 .list>ul>li:nth-of-type(3) .list02>ul>li a:hover .txt .icon svg {
    color: #f23928
}

.dcmm_title {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 40px;
    font-weight: bold
}

@media (max-width: 1440px) {
    .dcmm_title {
        font-size: 26px
    }
}

@media (max-width: 668px) {
    .dcmm_title {
        font-size: 20px;
        letter-spacing: 1px
    }
}

.dcmm_title span {
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin-top: 20px;
    font-weight: normal;
    color: #666666
}

@media (max-width: 1440px) {
    .dcmm_title span {
        font-size: 16px
    }
}

@media (max-width: 668px) {
    .dcmm_title span {
        letter-spacing: normal;
        text-align: left !important
    }
}

.dcmm_title.center {
    text-align: center
}

.dcmm_title.color {
    color: #f23928
}

.dcmm_title.white {
    color: #fff
}

.dcmm_title.white span {
    color: #fff
}

.dcmm_col {
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 1681px) {
    .dcmm_col {
        padding-top: 80px;
        padding-bottom: 60px
    }
}

@media (max-width: 1440px) {
    .dcmm_col {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (max-width: 968px) {
    .dcmm_col {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 668px) {
    .dcmm_col {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.dcmm_mt {
    margin-top: 80px
}

@media (max-width: 1440px) {
    .dcmm_mt {
        margin-top: 50px
    }
}

@media (max-width: 668px) {
    .dcmm_mt {
        margin-top: 20px
    }
}

.dcmm_mb {
    margin-bottom: 80px
}

@media (max-width: 1440px) {
    .dcmm_mb {
        margin-bottom: 50px
    }
}

@media (max-width: 668px) {
    .dcmm_mb {
        margin-bottom: 20px
    }
}

.dcmm_more {
    padding: 0 45px;
    height: 58px;
    border-radius: 29px;
    position: relative;
    display: inline-flex;
    align-items: center;
    background-image: linear-gradient(to right bottom, #ffad7b, #f23928);
    box-shadow: 0 4px 0 0 rgba(242, 57, 40, 0.4)
}

@media (max-width: 668px) {
    .dcmm_more {
        padding: 0 20px;
        height: 46px;
        border-radius: 23px
    }
}

.dcmm_more .icon {
    width: 23px;
    margin-right: 15px
}

@media (max-width: 668px) {
    .dcmm_more .icon {
        width: 18px;
        margin-right: 10px
    }
}

.dcmm_more .hot {
    display: block;
    width: 21px;
    height: 29px;
    background-image: url("/template/hrms/html/static/images/hot.png");
    position: absolute;
    right: 16px;
    top: -14px;
    z-index: 10
}

@media (max-width: 668px) {
    .dcmm_more .hot {
        width: 16px;
        height: 22px
    }
}

.dcmm_more span {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    white-space: nowrap
}

@media (max-width: 668px) {
    .dcmm_more span {
        font-size: 13px
    }
}

.dcmm_txt {
    color: #666666;
    font-size: 18px;
    line-height: 1.666
}

@media (max-width: 1440px) {
    .dcmm_txt {
        font-size: 16px
    }
}

@media (max-width: 668px) {
    .dcmm_txt {
        font-size: 14px
    }
}

.dcmm_txt.white {
    color: #fff
}

.dcmm_banner {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.dcmm_banner>.inner {
    display: flex;
    align-items: center;
    color: #fff
}

@media (max-width: 668px) {
    .dcmm_banner>.inner {
        flex-direction: column;
        align-items: start;
        padding: 0 20px
    }
}

.dcmm_banner .txt {
    width: 630px
}

@media (max-width: 1440px) {
    .dcmm_banner .txt {
        width: 50%
    }
}

@media (max-width: 668px) {
    .dcmm_banner .txt {
        width: 100%;
        padding-top: 40px
    }
}

.dcmm_banner .txt b {
    font-size: 48px;
    font-weight: bold;
    line-height: 1.625
}

@media (max-width: 1440px) {
    .dcmm_banner .txt b {
        font-size: 30px
    }
}

@media (max-width: 668px) {
    .dcmm_banner .txt b {
        font-size: 22px
    }
}

.dcmm_banner .txt p {
    margin: 30px 0 40px
}

.dcmm_banner .txt ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center
}

@media (max-width: 668px) {
    .dcmm_banner .txt ul {
        margin: 0 -5px
    }
}

.dcmm_banner .txt ul li {
    padding: 0 10px
}

@media (max-width: 668px) {
    .dcmm_banner .txt ul li {
        padding: 0 5px
    }
}

.dcmm_banner .img {
    margin-left: auto;
    margin-right: 120px;
    width: 570px
}

@media (max-width: 668px) {
    .dcmm_banner .img {
        margin-right: 0;
        width: 100%
    }
}

.dcmm_banner .img img {
    max-width: 100%;
    margin: 0 auto
}

.dcmm_intro {
    background: #fffaf7
}

.dcmm_intro .des {
    margin-top: 50px
}

@media (max-width: 668px) {
    .dcmm_intro .des {
        margin-top: 20px
    }
}

.dcmm_intro .list {
    margin: 60px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px
}

@media (max-width: 668px) {
    .dcmm_intro .list {
        margin-top: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px
    }
}

.dcmm_intro .list .item {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08)
}

@media (max-width: 668px) {
    .dcmm_intro .list .item {
        padding: 20px
    }
}

.dcmm_intro .list .item .icon {
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 668px) {
    .dcmm_intro .list .item .icon {
        width: 50px;
        height: 50px
    }
}

.dcmm_intro .list .item .icon img {
    max-width: 100%;
    max-height: 100%
}

.dcmm_intro .list .item span {
    margin-top: 25px;
    font-size: 18px;
    line-height: 1.5;
    color: #333
}

@media (max-width: 668px) {
    .dcmm_intro .list .item span {
        font-size: 14px
    }
}

.dcmm_according {
    background: #f8f8f8
}

.dcmm_according>.inner {
    display: flex;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08)
}

@media (max-width: 668px) {
    .dcmm_according>.inner {
        flex-direction: column
    }
}

.dcmm_according>.inner .inner_t {
    display: block;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #333
}

@media (max-width: 668px) {
    .dcmm_according>.inner .inner_t {
        font-size: 18px
    }
}

.dcmm_according>.inner .left,
.dcmm_according>.inner .right {
    padding: 60px 85px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

@media (max-width: 1440px) {

    .dcmm_according>.inner .left,
    .dcmm_according>.inner .right {
        padding: 40px 60px
    }
}

@media (max-width: 668px) {

    .dcmm_according>.inner .left,
    .dcmm_according>.inner .right {
        padding: 20px
    }
}

.dcmm_according>.inner .left {
    flex: 1 1 0%;
    padding-right: 150px
}

@media (max-width: 1440px) {
    .dcmm_according>.inner .left {
        padding-right: 100px
    }
}

@media (max-width: 668px) {
    .dcmm_according>.inner .left {
        padding-right: 20px
    }
}

.dcmm_according>.inner .left .list {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    border-left: 1px dashed #f23928;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
    transform: translateX(10px)
}

.dcmm_according>.inner .left .list>li {
    padding-left: 60px;
    position: relative
}

@media (max-width: 668px) {
    .dcmm_according>.inner .left .list>li {
        padding-left: 30px
    }
}

.dcmm_according>.inner .left .list>li::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fcd7d4;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: 1
}

.dcmm_according>.inner .left .list>li::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #f23928;
    position: absolute;
    left: -5px;
    top: 5px;
    z-index: 2
}

.dcmm_according>.inner .left .list>li .item {
    font-size: 18px
}

@media (max-width: 668px) {
    .dcmm_according>.inner .left .list>li .item {
        font-size: 14px
    }
}

.dcmm_according>.inner .left .list>li .item b {
    display: block;
    line-height: 20px;
    color: #f23928
}

.dcmm_according>.inner .left .list>li .item p {
    margin-top: 10px;
    line-height: 1.5;
    color: #666666
}

.dcmm_according>.inner .right {
    width: 46.666%;
    color: #fff;
    display: flex;
    flex-direction: column
}

@media (max-width: 668px) {
    .dcmm_according>.inner .right {
        width: 100%
    }
}

.dcmm_according>.inner .right .img {
    margin-top: auto
}

@media (max-width: 668px) {
    .dcmm_according>.inner .right .img {
        margin-top: 20px
    }
}

.dcmm_according>.inner .right .img img {
    max-width: 100%
}

.dcmm_agency {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

@media (max-width: 668px) {
    .dcmm_agency {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.dcmm_agency .des {
    width: 570px;
    margin: 20px 0
}

@media (max-width: 668px) {
    .dcmm_agency .des {
        width: 100%
    }
}

.dcmm_suitable .list {
    padding: 0;
    list-style: none;
    display: grid
}

.dcmm_suitable .list>li {
    border-radius: 10px;
    padding: 40px 70px;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08)
}

@media (max-width: 668px) {
    .dcmm_suitable .list>li {
        padding: 20px
    }
}

.dcmm_suitable .list>li .item {
    height: 100%;
    display: flex;
    flex-direction: column
}

.dcmm_suitable .list>li .item .title {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.dcmm_suitable .list>li .item .title b {
    font-size: 30px;
    line-height: 1
}

@media (max-width: 1440px) {
    .dcmm_suitable .list>li .item .title b {
        font-size: 26px
    }
}

@media (max-width: 668px) {
    .dcmm_suitable .list>li .item .title b {
        font-size: 18px
    }
}

.dcmm_suitable .list>li .item .title .icon {
    margin-left: auto;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 668px) {
    .dcmm_suitable .list>li .item .title .icon {
        width: 30px;
        height: 30px
    }
}

.dcmm_suitable .list>li .item .title .icon img {
    max-width: 100%;
    max-height: 100%
}

.dcmm_suitable .list>li .item .img {
    margin-bottom: 20px
}

.dcmm_suitable .list>li .item .img img {
    max-width: 100%
}

.dcmm_suitable .list>li .item .des {
    margin-top: auto;
    font-size: 18px;
    line-height: 1.666;
    color: #666666
}

@media (max-width: 1440px) {
    .dcmm_suitable .list>li .item .des {
        font-size: 16px
    }
}

.dcmm_suitable .list>li .item .des.s {
    font-size: 14px
}

@media (min-width: 668px) {
    .dcmm_suitable .list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 60px;
        grid-row-gap: 30px
    }

    .dcmm_suitable .list>li:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 2
    }

    .dcmm_suitable .list>li:nth-of-type(2) {
        grid-area: 2 / 1 / 3 / 2
    }

    .dcmm_suitable .list>li:nth-of-type(3) {
        grid-area: 1 / 2 / 3 / 3
    }
}

@media (max-width: 668px) {
    .dcmm_suitable .list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px
    }
}

.dcmm_evaluation {
    background: #fffaf7
}

.dcmm_evaluation .lists {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 60px
}

@media (max-width: 668px) {
    .dcmm_evaluation .lists {
        flex-direction: column
    }
}

.dcmm_evaluation .lists .t {
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 35px
}

@media (max-width: 1440px) {
    .dcmm_evaluation .lists .t {
        font-size: 20px
    }
}

@media (max-width: 668px) {
    .dcmm_evaluation .lists .t {
        font-size: 18px
    }
}

.dcmm_evaluation .lists img {
    max-width: 100%
}

.dcmm_evaluation .btns {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 668px) {
    .dcmm_evaluation .btns {
        margin: 0 -5px
    }
}

.dcmm_evaluation .btns li {
    padding: 0 10px
}

@media (max-width: 668px) {
    .dcmm_evaluation .btns li {
        padding: 0 5px
    }
}

.dcmm_process {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.dcmm_process .lists {
    padding: 0;
    list-style: none;
    display: grid
}

.dcmm_process .lists>li {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 40px 40px 110px;
    color: #fff;
    position: relative
}

.dcmm_process .lists>li b {
    display: block;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px
}

.dcmm_process .lists>li p {
    font-size: 16px;
    line-height: 1.5
}

.dcmm_process .lists>li .num {
    display: block;
    width: 132px;
    height: 66px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 40px;
    bottom: 0;
    z-index: 2
}

@media (max-width: 668px) {
    .dcmm_process .lists {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px
    }

    .dcmm_process .lists>li {
        padding: 20px 20px 50px
    }

    .dcmm_process .lists>li b {
        font-size: 16px;
        margin-bottom: 10px
    }

    .dcmm_process .lists>li p {
        font-size: 14px
    }

    .dcmm_process .lists>li .num {
        width: 80px;
        height: 40px;
        left: 20px
    }
}

@media (min-width: 668px) {
    .dcmm_process .lists {
        grid-template-columns: repeat(4, 1fr);
        gap: 40px
    }
}

.dcmm_location .lists {
    padding: 0;
    list-style: none;
    display: grid
}

.dcmm_location .lists>li {
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08);
    transition: all .5s
}

.dcmm_location .lists>li a {
    height: 100%;
    display: flex;
    flex-direction: column
}

.dcmm_location .lists>li a .img {
    width: 100%
}

.dcmm_location .lists>li a .txt {
    flex: 1 1 0%;
    padding: 30px 30px 0;
    display: flex;
    flex-direction: column
}

.dcmm_location .lists>li a .txt b {
    display: block;
    font-size: 24px;
    line-height: 1;
    color: #333333
}

.dcmm_location .lists>li a .txt p {
    margin: 20px 0 10px;
    font-size: 14px;
    line-height: 1.875;
    color: #999
}

.dcmm_location .lists>li a .txt p em {
    font-style: normal;
    color: #f23928
}

.dcmm_location .lists>li a .txt .bar {
    margin-top: auto;
    width: 100%;
    height: 58px;
    border-top: 1px solid #eeeeee;
    display: flex;
    align-items: center
}

.dcmm_location .lists>li a .txt .bar .kf {
    width: 89px
}

.dcmm_location .lists>li a .txt .bar .arrow {
    margin-left: auto;
    width: 8px
}

@media (max-width: 668px) {
    .dcmm_location .lists {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px
    }

    .dcmm_location .lists>li a .txt {
        padding: 20px 20px 0
    }

    .dcmm_location .lists>li a .txt b {
        font-size: 16px
    }

    .dcmm_location .lists>li a .txt p {
        margin: 10px 0;
        font-size: 13px
    }

    .dcmm_location .lists>li a .txt .bar {
        height: 40px
    }

    .dcmm_location .lists>li a .txt .bar .kf {
        width: 60px
    }

    .dcmm_location .lists>li a .txt .bar .arrow {
        width: 6px
    }
}

@media (min-width: 668px) {
    .dcmm_location .lists {
        grid-template-columns: repeat(5, 1fr);
        gap: 30px
    }

    .dcmm_location .lists>li:hover {
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15)
    }
}

.dcmm_location .btns {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 668px) {
    .dcmm_location .btns {
        margin: 0;
        flex-direction: column;
        gap: 10px
    }
}

.dcmm_location .btns li {
    padding: 0 10px
}

@media (max-width: 668px) {
    .dcmm_location .btns li {
        width: 100%;
        padding: 0
    }

    .dcmm_location .btns li .dcmm_more {
        width: 100%;
        justify-content: center
    }
}

.dcmm_partner {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.dcmm_partner .img img {
    max-width: 100%;
    margin: 0 auto
}

.target-fix {
    position: relative;
    top: 0px;
    display: block;
    height: 1px;
    background: none;
    overflow: hidden;
    outline: 0;
    text-decoration: none;
    border: none
}

.target-fix:focus {
    outline: 0
}

.mt {
    margin-top: 90px
}

@media (max-width: 1380px) {
    .mt {
        margin-top: 70px
    }
}

.pt {
    padding-top: 90px
}

@media (max-width: 1681px) {
    .pt {
        padding-top: 70px
    }
}

#warper {
    max-width: 1920px;
    margin: 0 auto
}

svg {
    overflow: hidden;
    display: inline-block;
    fill: currentColor
}

.hidden-svg {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden
}

.header {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, 1);
 
}

.header__inner {
    width: 100%;
    height: 80px;
 
    /* -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.9); */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 100
}

@media (max-width: 1681px) {
    .header__inner {
        height: 70px
    }
}

@media (max-width: 1380px) {
    .header__inner {
        padding-left: 20px
    }
}

@media (max-width: 668px) {
    .header__inner {
        padding-left: 10px;
                position: fixed;
        background-color: #fff;
        height:50px!important;
    }
}

.header__logo {
    height: 60px
}

@media (max-width: 1681px) {
    .header__logo {
        height: 50px
    }
}

@media (max-width: 668px) {
    .header__logo {
        height: 34px
    }
}

.header__logo img {
    height: 100%
}

.header__icon {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1180px) {
    .header__icon {
        margin-right: 70px;
        margin-left: auto
    }
}

@media (max-width: 668px) {
    .header__icon {
        margin-right: 50px
    }
}
/* 
.header__icon button,
.header__icon a.header__icon-wechart,
.header__icon .link {
    outline: 0;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: 0;
    width: 90px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
} */

@media (max-width: 1440px) {

    .header__icon button,
    .header__icon a.header__icon-wechart,
    .header__icon .link {
        width: 80px
    }
}

@media (max-width: 1180px) {

    .header__icon button,
    .header__icon a.header__icon-wechart,
    .header__icon .link {
        width: 70px
    }
}

@media (max-width: 668px) {

    .header__icon button,
    .header__icon a.header__icon-wechart,
    .header__icon .link {
        width: auto;
        margin-left: 15px
    }
    .header__icon button {
   
    padding-top: 0px!important;
}
.header__icon-phone {
   
    padding-top: 0px!important;
}
}

.header__icon button{background:none; border: 0px; padding-top:15px;}
.header__icon button::before,
.header__icon a.header__icon-wechart::before,
.header__icon .link::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

@media (max-width: 668px) {

    .header__icon button::before,
    .header__icon a.header__icon-wechart::before,
    .header__icon .link::before {
        display: none
    }
}

.header__icon button .icon
{
    width: 20px;

}



.header__icon a.header__icon-wechart .icon,
.header__icon .link .icon {
    width: 20px;
    height: 20px
}

.header__icon button .icon svg,
.header__icon a.header__icon-wechart .icon svg,
.header__icon .link .icon svg {
    vertical-align: top;
    width: 100%;
    height: 100%;
    color: #333;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.header__icon button span,
.header__icon a.header__icon-wechart span,
.header__icon .link span {
    display: block;
    font-size: 14px;
    line-height: 2em;
    color: #333
}

@media (max-width: 1180px) {

    .header__icon button span,
    .header__icon a.header__icon-wechart span,
    .header__icon .link span {
        display: none
    }
}

/* .header__icon button:hover,
.header__icon a.header__icon-wechart:hover,
.header__icon .link:hover {
    background-color: #db434a
} */

@media (max-width: 668px) {

    .header__icon button:hover,
    .header__icon a.header__icon-wechart:hover,
    .header__icon .link:hover {
        background: none
    }
}

.header__icon button:hover .icon svg,
.header__icon a.header__icon-wechart:hover .icon svg,
.header__icon .link:hover .icon svg {
    color: #fff
}

@media (max-width: 668px) {

    .header__icon button:hover .icon svg,
    .header__icon a.header__icon-wechart:hover .icon svg,
    .header__icon .link:hover .icon svg {
        color: #db434a
    }
}

.header__icon button:hover span,
.header__icon a.header__icon-wechart:hover span,
.header__icon .link:hover span {
    color: #fff
}

.header__icon-phone {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #db434a;
    font-family: "FuturaBT-Medium";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top:15px;
}

@media (max-width: 1681px) {
    .header__icon-phone {
        height: 22px;
        line-height: 22px;
        font-size: 16px
    }
}

.header__icon-phone svg {
    width: 30px;
    height: 30px
}

@media (max-width: 1681px) {
    .header__icon-phone svg {
        width: 22px;
        height: 22px
    }
}

.header__icon-phone p {
    margin: 0 10px;
    white-space: nowrap
}

@media (max-width: 668px) {
    .header__icon-phone p {
        display: none
    }
}

.header__icon-wechart {
    position: relative
}

.header__icon-wechart .qr {
    display: none;
    width: 120px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 90px
}

@media (max-width: 1681px) {
    .header__icon-wechart .qr {
        top: 70px
    }
}

.header__icon-wechart .qr img {
    width: 100%
}

.header__icon-wechart .qr em {
    display: block;
    width: 100%;
    font-style: normal;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #333
}

.header__icon-wechart.on .qr {
    display: block
}

.header__icon-location {
    position: relative
}

.header__icon-location .box {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 10
}

@media (max-width: 1681px) {
    .header__icon-location .box {
        top: 70px
    }
}

@media (max-width: 668px) {
    .header__icon-location .box {
        width: 60px;
        left: 50%;
        margin-left: -30px
    }
}

.header__icon-location .box>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.header__icon-location .box>ul>li {
    display: block;
    background-color: #db434a
}

.header__icon-location .box>ul>li a {
    display: block;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s
}

.header__icon-location .box>ul>li a:hover {
    background-color: #df585f
}

.header__icon-location:hover .box {
    display: block
}

@media (max-width: 1180px) {
    .header__icon-search::after {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background-color: rgba(51, 51, 51, 0.1);
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }
}

@media (max-width: 1180px) and (max-width: 668px) {
    .header__icon-search::after {
        display: none
    }
}

.header__service {
    display: none;
    padding-top: 30px;
    padding-bottom:50px;
    width: 46%;
    height:300px!important;
    background-color: rgba(255, 255, 255,1);
    box-shadow: 0px 2px 5.46px 0.54px rgba(19, 47, 67, 0.12);
   
    position: absolute;
    left: 50%;
    margin-left:-5%;
    border-radius:15px;
    top: 100px;
    z-index: 9
}

@media (max-width: 1681px) {
    .header__service {
        padding-top: 30px
    }
}

@media (max-width: 1440px) {
    .header__service {
        padding-top: 30px
    }
}

.header__service>.inner {
    height: 100%
}

.header__service>.inner>ul {
    margin: 0;
    padding: 0;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.08)
}

.header__service>.inner>ul>li {
    display: block;
    float: left;
    width: 33%;
    height: 100%;
    padding: 0 20px 0 30px!important;
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}
.header__service>.inner>ul>:nth-last-child(1){  border-right: 1px solid rgba(255, 255, 255, 0.1)}

.header__service .sub li{width:50%; float:left;}




@media (max-width: 1681px) {
    .header__service>.inner>ul>li {
        padding: 0 0 0 40px
    }
}

.header__service>.inner>ul>li>a {
    display: block;
    width: 100%;
    color: #d61518;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .header__service>.inner>ul>li>a {
        font-size: 16px
    }
}

.header__service>.inner>ul>li>a:after {
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    line-height: 1px;
    background-color: #db434a;
    margin: 13px 0 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.header__service>.inner>ul>li>a:hover {
    color: #d61518
}

@media (min-width: 668px) {
    .header__service>.inner>ul>li>a:hover {
        letter-spacing: 1px
    }
}

.header__service>.inner>ul>li>a:hover:after {
    width: 60px
}

.header__service>.inner>ul>li ul.sub {
    width: 100%;
    height: 690px;
    margin: 0 auto;
    padding: 0
}

@media (max-width: 1681px) {
    .header__service>.inner>ul>li ul.sub {
        height: 550px
    }
}

@media (max-width: 1440px) {
    .header__service>.inner>ul>li ul.sub {
        height: 580px
    }
}

@media (max-width: 1380px) {
    .header__service>.inner>ul>li ul.sub {
        height: 420px
    }
}

.header__service>.inner>ul>li ul.sub li {
    display: block
}

.header__service>.inner>ul>li ul.sub li a {
    display: inline-block;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .header__service>.inner>ul>li ul.sub li a {
        font-size: 12px;
        line-height: 20px
    }
}

.header__service>.inner>ul>li ul.sub li a:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    line-height: 1px;
    background-color: #db434a;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.header__service>.inner>ul>li ul.sub li a:hover {
    color: #d61518
}

@media (min-width: 668px) {
    .header__service>.inner>ul>li ul.sub li a:hover {
        letter-spacing: 0px
    }
}

.header__service>.inner>ul>li ul.sub li a:hover:after {
    width: 100%;
    left: 0
}

.site-nav {
    margin-left: auto;
    margin-right: 10px;
}

@media (max-width: 1180px) {
    .site-nav {
        display: none
    }
}

.site-nav__inner>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.site-nav__inner>ul>li {
    position: relative
}

.site-nav__inner>ul>li>a {
    display: block;
    font-size: 20px;
    white-space: nowrap;
    padding: 0 20px;
    line-height: 84px;
    font-weight: bold;
    color: #333;
    position: relative;
    height: 70px;
}

@media (max-width: 1681px) {
    .site-nav__inner>ul>li>a {
        font-size: 16px;
        padding: 0 35px;
        line-height: 70px
    }
}

@media (max-width: 1440px) {
    .site-nav__inner>ul>li>a {
        font-size: 15px;
        padding: 0 10px
    }
}

@media (max-width: 1288px) {
    .site-nav__inner>ul>li>a {
        font-size: 14px;
        padding: 0 8px
    }
}

.site-nav__inner>ul>li>a:before {
    content: "";
    display: block;
    width: 0%;
    height: 3px;
    line-height: 3px;
    background-color: #db434a;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 3;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.site-nav__inner>ul>li.on>a,
.site-nav__inner>ul>li.menu-service--on>a {
    color: #db434a
}

.site-nav__inner>ul>li.on>a:before,
.site-nav__inner>ul>li.menu-service--on>a:before {
    width: 100%;
    left: 0
}

.site-nav__inner>ul>li.on>a span,
.site-nav__inner>ul>li.menu-service--on>a span {
    display: block
}

.site-nav__inner>ul>li.on>a:after,
.site-nav__inner>ul>li.menu-service--on>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 6px solid #db434a;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -6px
}

.site-nav__inner>ul>li .sub {
    display: none;
    width: 140px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    top: 90px;
    z-index: 20
}

@media (max-width: 1681px) {
    .site-nav__inner>ul>li .sub {
        top: 70px
    }
}

.site-nav__inner>ul>li .sub ul {
    padding: 10px 20px;
    background: #fff;
    position: relative;
    border-radius: 10px;
}

.site-nav__inner>ul>li .sub ul li {
    display: block
}

.site-nav__inner>ul>li .sub ul li a {
    display: block;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.site-nav__inner>ul>li .sub ul li a:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    line-height: 1px;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.site-nav__inner>ul>li .sub ul li a:hover:hover {
    color: #d61518;
    letter-spacing: 2px
}

.site-nav__inner>ul>li .sub ul li a:hover:after {
    width: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.3)
}

.body-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 501
}

.mobile-qr {
    display: none;
    padding: 10px;
    width: 140px;
    height: 180px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    margin-left: -70px;
    top: 50%;
    margin-top: -90px;
    z-index: 600
}

.mobile-qr__close {
    display: block;
    width: 30px;
    height: 30px;
    padding: 7px;
    text-align: center;
    background: #db434a;
    border-radius: 100%;
    margin: 0;
    border: none;
    outline: 0;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 10
}

.mobile-qr__close svg {
    vertical-align: top;
    width: 16px;
    height: 16px;
    color: #fff
}

.mobile-qr img {
    width: 100%
}

.mobile-qr span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #333
}

.pop-search {
    display: none
}

.pop-search--on {
    display: block
}

.pop-search__box {
    width: 680px;
    padding: 10px 20px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -340px;
    top: 80px;
    z-index: 99999999999;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 668px) {
    .pop-search__box {
        width: 90%;
        margin-left: -45%;
        padding: 10px
    }
}

.pop-search--on .pop-search__box {
    top: 160px
}

.pop-search__box form {
    display: block;
    width: 100%;
    height: 50px;
    padding-right: 50px;
    position: relative
}

@media (max-width: 668px) {
    .pop-search__box form {
        height: 40px;
        padding-right: 40px
    }
}

.pop-search__box form .btn01 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border: none;
    background: none;
    outline: 0
}

@media (max-width: 668px) {
    .pop-search__box form .btn01 {
        height: 40px;
        line-height: 40px
    }
}

.pop-search__box form .btn02 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: right;
    border: none;
    background: none;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 668px) {
    .pop-search__box form .btn02 {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
}

.pop-search__box form .btn02 svg {
    vertical-align: top;
    margin-top: 10px;
    width: 30px;
    height: 30px;
    color: #333;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 668px) {
    .pop-search__box form .btn02 svg {
        width: 20px;
        height: 20px
    }
}

.pop-search__box form .btn02:hover svg {
    color: #db434a
}

.pop-search__close {
    width: 60px;
    opacity: 0;
    text-align: center;
    background: none;
    border: none;
    outline: 0;
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 1000;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 668px) {
    .pop-search__close {
        right: 10px
    }
}

.pop-search--on .pop-search__close {
    opacity: 1
}

.pop-search__close svg {
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.pop-search__close span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.pop-search__close:hover svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #db434a
}

.pop-search__close:hover span {
    color: #db434a
}

.mobile-icon {
    display: none
}

@media (max-width: 1180px) {
    .mobile-icon {
        display: block
    }
}

.m_nav {
    margin: 10px 0 0
}

.m_nav .panel {
    border-radius: 0;
    background: none;
    margin-top: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.m_nav .panel .panel-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0
}

.m_nav .panel .panel-heading .panel-title {
    height: 34px;
    line-height: 34px;
    position: relative
}

.m_nav .panel .panel-heading .panel-title a.t {
    display: block;
    width: 100%;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0
}

.m_nav .panel .panel-heading .panel-title a.switch {
    display: block;
    float: right;
    width: 20px;
    height: 30px;
    position: relative
}

.m_nav .panel .panel-heading .panel-title a.switch svg {
    display: block;
    width: 20px;
    height: 20px;
    text-align: right;
    color: #999;
    font-style: normal;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    z-index: 3
}

.m_nav .panel .panel-heading .panel-title a.switch[aria-expanded="true"] svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.m_nav .panel .panel-collapse .panel-body {
    border-top: none;
    padding: 15px 0
}

.m_nav .panel .panel-collapse .panel-body:before,
.m_nav .panel .panel-collapse .panel-body:after {
    display: none
}

.m_nav .panel .panel-collapse .panel-body ul {
    margin: 0;
    padding: 0
}

.m_nav .panel .panel-collapse .panel-body ul li {
    display: block
}

.m_nav .panel .panel-collapse .panel-body ul li a {
    display: block;
    line-height: 30px;
    color: #666;
    text-indent: 20px
}

.index-banner {
    width: 100%;
    position: relative
}

@media (max-width: 968px) {
    .index-slide {
        margin-top: 70px
    }
}

.index-slide__item {
    width: 100%;
    outline: 0
}

.index-slide__item .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

@media (max-width: 968px) {
    .index-slide__item .img {
        display: none
    }
}

.index-slide__item .mobile-img {
    display: none
}

@media (max-width: 968px) {
    .index-slide__item .mobile-img {
        display: block
    }
}

.index-slide__item .mobile-img img {
    width: 100%
}

.index-slide>.index-slide__page {
    width: 100%;
    height: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 130px;
    z-index: 2
}

@media (max-width: 1440px) {
    .index-slide>.index-slide__page {
        bottom: 110px
    }
}

@media (max-width: 1180px) {
    .index-slide>.index-slide__page {
        bottom: 20px
    }
}

.index-slide>.index-slide__page .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #dbdadd;
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 100%
}

.index-slide>.index-slide__page .swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 20px;
    background-color: #db434a
}

.index-items {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50
}

@media (max-width: 968px) {
    .index-items {
        position: static
    }
}

@media (max-width: 668px) {
    .index-items {
        overflow: hidden
    }
}

.index-items>ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d3d3d3
}

.index-items>ul>li {
    display: block;
    float: left;
    width: 25%;
    position: relative
}

@media (max-width: 668px) {
    .index-items>ul>li {
        width: 50%
    }
}

@media (max-width: 668px) {
    .index-items>ul>li:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        line-height: 1px;
        background-color: #d3d3d3;
        position: absolute;
        right: -1px;
        top: 0;
        z-index: 2
    }
}

.index-items>ul>li:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #d3d3d3;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 2
}

.index-items>ul>li>a {
    display: block;
    width: 100%;
    height: 90px;
    padding: 15px 40px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/wave_bg.png")
}

@media (max-width: 1681px) {
    .index-items>ul>li>a {
        height: 70px;
        padding: 15px 20px 0
    }
}

.index-items>ul>li>a:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    line-height: 1px;
    background-color: #db434a;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-items>ul>li>a .title {
    float: left
}

.index-items>ul>li>a .title h2 {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .index-items>ul>li>a .title h2 {
        font-size: 16px;
        margin-bottom: 5px
    }
}

@media (max-width: 668px) {
    .index-items>ul>li>a .title h2 {
        font-size: 16px
    }
}

.index-items>ul>li>a .title span {
    display: block;
    width: 120px;
    font-size: 14px;
    line-height: 16px;
    color: #dedede;
    font-family: "FuturaBT-Medium";
    text-transform: uppercase
}

@media (max-width: 1681px) {
    .index-items>ul>li>a .title span {
        font-size: 12px;
        line-height: 14px
    }
}

@media (max-width: 668px) {
    .index-items>ul>li>a .title span {
        width: 80px
    }
}

.index-items>ul>li>a .icon {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -30px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .index-items>ul>li>a .icon {
        width: 40px;
        height: 40px;
        right: 10px;
        margin-top: -20px
    }
}

@media (max-width: 968px) {
    .index-items>ul>li>a .icon {
        width: 40px;
        height: 40px;
        margin-top: -20px
    }
}

@media (max-width: 668px) {
    .index-items>ul>li>a .icon {
        width: 30px;
        height: 30px;
        margin-top: -15px
    }
}

.index-items>ul>li>a .icon svg {
    width: 100%;
    height: 100%;
    color: #db434a
}

.index-items>ul>li:nth-last-of-type(1):after {
    display: none
}

.index-items>ul>li .sub {
    display: none;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: absolute;
    left: 0;
    bottom: 90px
}

@media (max-width: 1681px) {
    .index-items>ul>li .sub {
        bottom: 70px
    }
}

.index-items>ul>li .sub:after {
    content: "";
    display: block;
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/fav.png");
    position: absolute;
    right: -50px;
    bottom: -30px;
    z-index: 2;
    opacity: 0.05
}

@media (max-width: 1440px) {
    .index-items>ul>li .sub:after {
        width: 200px;
        height: 200px
    }
}

.index-items>ul>li .sub ul {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    margin: 0 -15px;
    padding: 20px;
    position: relative
}

@media (max-width: 1681px) {
    .index-items>ul>li .sub ul {
        margin: 0 -5px
    }
}

.index-items>ul>li .sub ul li {
    display: block;
    float: left;
    width: 50%;
    padding: 0 15px
}

@media (max-width: 1681px) {
    .index-items>ul>li .sub ul li {
        padding: 0 5px
    }
}

.index-items>ul>li .sub ul li a {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #555;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1440px) {
    .index-items>ul>li .sub ul li a {
        font-size: 12px;
        line-height: 26px
    }
}

.index-items>ul>li .sub ul li a:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    line-height: 1px;
    background-color: #db434a;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-items>ul>li .sub ul li a:hover {
    color: #db434a
}

.index-items>ul>li .sub ul li a:hover:after {
    width: 100%
}

.index-items>ul>li:hover>a:after {
    width: 100%
}

.index-items>ul>li:hover>a .title h2 {
    color: #db434a
}

.index-items>ul>li:hover>a .icon {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.index-products {
    padding: 100px 0;
    background-color: #f5f5f5
}

@media (max-width: 1681px) {
    .index-products {
        padding: 80px 0
    }
}

@media (max-width: 1440px) {
    .index-products {
        padding: 40px 0
    }
}

@media (max-width: 668px) {
    .index-products {
        padding: 10px
    }
}

.index-products__inner {
    position: relative;
    padding-left: 470px
}

@media (max-width: 1681px) {
    .index-products__inner {
        padding-left: 350px
    }
}

@media (max-width: 1440px) {
    .index-products__inner {
        padding-left: 300px
    }
}

@media (max-width: 1380px) {
    .index-products__inner {
        padding-left: 250px
    }
}

@media (max-width: 1180px) {
    .index-products__inner {
        padding-left: 200px
    }
}

@media (max-width: 668px) {
    .index-products__inner {
        padding-left: 0
    }
}

.index-products__inner:before {
    content: "";
    display: block;
    width: 600px;
    height: 600px;
    background: url("/template/hrms/html/static/images/index_products_bg.png") center center repeat;
    opacity: 0.5;
    position: absolute;
    left: 20px;
    top: 0;
    z-index: 1
}

@media (max-width: 1681px) {
    .index-products__inner:before {
        width: 500px;
        height: 550px
    }
}

@media (max-width: 1440px) {
    .index-products__inner:before {
        height: 470px
    }
}

@media (max-width: 668px) {
    .index-products__inner:before {
        width: 100%;
        height: 240px;
        left: 0
    }
}

.index-products__side {
    position: absolute;
    left: 160px;
    top: 70px;
    z-index: 2
}

@media (max-width: 1681px) {
    .index-products__side {
        left: 100px;
        top: 50px
    }
}

@media (max-width: 1440px) {
    .index-products__side {
        left: 80px;
        top: 40px
    }
}

@media (max-width: 1180px) {
    .index-products__side {
        left: 40px
    }
}

@media (max-width: 668px) {
    .index-products__side {
        width: 100%;
        padding: 10px;
        position: relative;
        left: 0;
        top: 0
    }
}

.index-products__side-list {
    margin: 0
}

@media (max-width: 668px) {
    .index-products__side-list {
        text-align: left;
        overflow: hidden
    }
}

.index-products__side-list dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #db434a;
    margin: 40px 0 20px
}

@media (max-width: 1440px) {
    .index-products__side-list dt {
        margin: 10px 0
    }
}

.index-products__side-list dd ul {
    margin: 0;
    padding: 0
}

@media (max-width: 668px) {
    .index-products__side-list dd ul {
        margin: 0 -10px
    }
}

.index-products__side-list dd ul li {
    display: block
}

@media (max-width: 668px) {
    .index-products__side-list dd ul li {
        float: left;
        width: 50%;
        padding: 0 10px
    }
}

.index-products__side-list dd ul li a {
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
    color: #444;
    font-weight: lighter;
    position: relative
}

@media (max-width: 1440px) {
    .index-products__side-list dd ul li a {
        font-size: 14px;
        line-height: 30px
    }
}

@media (max-width: 668px) {
    .index-products__side-list dd ul li a {
        font-weight: normal;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.index-products__side-list dd ul li a:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    line-height: 1px;
    background-color: #db434a;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-products__side-list dd ul li a:hover {
    color: #db434a
}

.index-products__side-list dd ul li a:hover:after {
    width: 100%
}

.index-products__slide-outter {
    width: 100%;
    position: relative;
    z-index: 10
}

.index-products__slide {
    padding: 15px
}

@media (max-width: 668px) {
    .index-products__slide {
        padding: 10px 0 0
    }
}

.index-products__slide-arrow {
    padding: 80px 160px 80px 0;
    text-align: right;
    position: relative
}

@media (max-width: 1681px) {
    .index-products__slide-arrow {
        padding: 30px 100px 30px 0
    }
}

@media (max-width: 668px) {
    .index-products__slide-arrow {
        padding: 0;
        position: static
    }
}

.index-products__slide-arrow:after {
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    line-height: 1px;
    background-color: #e2e3e7;
    position: absolute;
    right: 0;
    top: 50%
}

@media (max-width: 1681px) {
    .index-products__slide-arrow:after {
        width: 80px
    }
}

@media (max-width: 668px) {
    .index-products__slide-arrow:after {
        display: none
    }
}

.index-products__slide-arrow button {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 100%;
    outline: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 668px) {
    .index-products__slide-arrow button {
        display: block;
        position: absolute;
        left: -5px;
        top: 50%;
        margin-top: 5px;
        z-index: 10
    }
}

.index-products__slide-arrow button svg {
    vertical-align: top;
    width: 20px;
    height: 20px;
    color: #333;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-products__slide-arrow button:nth-last-of-type(1) {
    margin-left: 15px
}

@media (max-width: 668px) {
    .index-products__slide-arrow button:nth-last-of-type(1) {
        margin-left: 0;
        left: auto;
        right: -5px
    }
}

.index-products__slide-arrow button:nth-last-of-type(1) svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.index-products__slide-arrow button:hover {
    background-color: #db434a;
    -webkit-box-shadow: none;
    box-shadow: none
}

.index-products__slide-arrow button:hover svg {
    color: #fff
}

.index-products__slide .swiper-slide a {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-products__slide .swiper-slide a h3 {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 160px;
    position: relative;
    background-image: -webkit-gradient(linear, left top, right top, from(#f13d4d), color-stop(#f44847), color-stop(#f65341), color-stop(#f75d3b), to(#f86735));
    background-image: linear-gradient(to right, #f13d4d, #f44847, #f65341, #f75d3b, #f86735)
}

.index-products__slide .swiper-slide a h3 span {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 40px;
    padding: 0 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

@media (max-width: 1681px) {
    .index-products__slide .swiper-slide a h3 span {
        line-height: 30px
    }
}

@media (max-width: 1180px) {
    .index-products__slide .swiper-slide a h3 span {
        font-size: 18px;
        line-height: 26px
    }
}

.index-products__slide .swiper-slide a h3:before,
.index-products__slide .swiper-slide a h3:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    z-index: 2;
    opacity: 0.18;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-products__slide .swiper-slide a h3:before {
    width: 33px;
    height: 33px;
    background-image: url("/template/hrms/html/static/images/index_products_dot01.png");
    left: 70px;
    bottom: 35px
}

.index-products__slide .swiper-slide a h3:after {
    width: 113px;
    height: 113px;
    background-image: url("/template/hrms/html/static/images/index_products_dot02.png");
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.index-products__slide .swiper-slide a .txt {
    padding: 40px;
    background-color: #fff
}

@media (max-width: 1681px) {
    .index-products__slide .swiper-slide a .txt {
        padding: 20px
    }
}

.index-products__slide .swiper-slide a .txt .des {
    display: block;
    font-size: 16px;
    height: 90px;
    line-height: 30px;
    color: #666;
    margin-bottom: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media (max-width: 1681px) {
    .index-products__slide .swiper-slide a .txt .des {
        font-size: 14px
    }
}

@media (min-width: 668px) {
    .index-products__slide .swiper-slide a:hover {
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .index-products__slide .swiper-slide a:hover h3:before,
    .index-products__slide .swiper-slide a:hover h3:after {
        opacity: 0.5
    }
}

.index-case {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/index-case_bg.jpg");
    padding-top: 130px;
    padding-bottom: 70px
}

@media (max-width: 1681px) {
    .index-case {
        padding-top: 80px;
        padding-bottom: 40px
    }
}

@media (max-width: 1440px) {
    .index-case {
        padding-top: 60px;
        padding-bottom: 30px
    }
}

@media (max-width: 668px) {
    .index-case {
        padding-top: 20px;
        padding-bottom: 0
    }
}

.index-case__inner {
    position: relative;
    padding-left: 475px
}

@media (max-width: 1681px) {
    .index-case__inner {
        padding-left: 370px
    }
}

@media (max-width: 1180px) {
    .index-case__inner {
        padding-left: 250px
    }
}

@media (max-width: 668px) {
    .index-case__inner {
        padding-left: 0
    }
}

.index-case__side {
    width: 420px;
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width: 1681px) {
    .index-case__side {
        width: 350px
    }
}

@media (max-width: 1180px) {
    .index-case__side {
        width: 230px
    }
}

@media (max-width: 668px) {
    .index-case__side {
        width: 100%;
        position: static;
        margin-bottom: 20px
    }
}

@media (max-width: 1681px) {
    .index-case__side-title {
        margin-left: -15px
    }
}

@media (max-width: 1440px) {
    .index-case__side-title {
        margin-left: -40px
    }
}

@media (max-width: 668px) {
    .index-case__side-title {
        margin-left: 0
    }
}

.index-case__side-text {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin: 30px 0 90px
}

@media (max-width: 1681px) {
    .index-case__side-text {
        font-size: 14px;
        margin: 30px 0
    }
}

@media (max-width: 668px) {
    .index-case__side-text {
        margin: 10px 0 20px
    }
}

.index-case__list {
    width: 100%;
    overflow: hidden
}

.index-case__list ul {
    margin: 0 -1px 0 0;
    padding: 0
}

.index-case__list ul li {
    display: block;
    float: left;
    width: 20%;
    margin-bottom: 60px;
    position: relative
}

@media (max-width: 1681px) {
    .index-case__list ul li {
        margin-bottom: 40px
    }
}

@media (max-width: 1440px) {
    .index-case__list ul li {
        margin-bottom: 30px
    }
}

@media (max-width: 1180px) {
    .index-case__list ul li {
        width: 25%
    }
}

@media (max-width: 668px) {
    .index-case__list ul li {
        width: 50%
    }

    .index-case__list ul li:nth-of-type(n+11) {
        display: none
    }
}

.index-case__list ul li:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.07);
    position: absolute;
    right: 0;
    top: 0
}

.index-case__list ul li img {
    width: 100%;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.index-news {
    background-color: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 80px;
    position: relative
}

@media (max-width: 1681px) {
    .index-news {
        padding-top: 80px;
        padding-bottom: 60px
    }
}

@media (max-width: 1440px) {
    .index-news {
        padding-top: 60px;
        padding-bottom: 40px
    }
}

@media (max-width: 668px) {
    .index-news {
        padding-top: 20px;
        padding-bottom: 0
    }
}

.index-news:before,
.index-news:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    z-index: 1
}

.index-news:before {
    width: 680px;
    height: 150px;
    background-image: url("/template/hrms/html/static/images/index-news_bg01.jpg");
    left: 0;
    bottom: 0
}

@media (max-width: 668px) {
    .index-news:before {
        width: 100%
    }
}

.index-news:after {
    width: 530px;
    height: 340px;
    background-image: url("/template/hrms/html/static/images/index-news_bg02.jpg");
    right: 0;
    top: 0
}

@media (max-width: 668px) {
    .index-news:after {
        width: 100%
    }
}

.index-news__inner {
    position: relative;
    z-index: 2
}

.index-news__title {
    position: relative
}

.index-news__title .hd {
    width: 100%;
    text-align: right;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 2
}

@media (max-width: 1440px) {
    .index-news__title .hd {
        top: 0
    }
}

@media (max-width: 668px) {
    .index-news__title .hd {
        text-align: center;
        position: static
    }
}

.index-news__title .hd ul {
    margin: 0;
    padding: 0
}

.index-news__title .hd ul li {
    display: inline-block;
    margin-left: 60px;
    position: relative;
    line-height: 60px;
    font-size: 18px
}

@media (max-width: 1440px) {
    .index-news__title .hd ul li {
        margin-left: 40px;
        font-size: 16px
    }
}

@media (max-width: 668px) {
    .index-news__title .hd ul li {
        margin: 0 10px;
        line-height: 50px
    }
}

.index-news__title .hd ul li:after {
    content: "";
    display: block;
    width: 0%;
    height: 2px;
    line-height: 2px;
    background-color: #db434a;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-news__title .hd ul li.on {
    color: #db434a
}

.index-news__title .hd ul li.on a {
    color: #db434a
}

.index-news__title .hd ul li.on:after {
    content: "";
    width: 100%;
    left: 0
}

.index-news__col {
    margin-top: 45px
}

@media (max-width: 1440px) {
    .index-news__col {
        margin-top: 30px
    }
}

@media (max-width: 1180px) {
    .index-news__col {
        overflow: hidden
    }
}

.index-news__col .row {
    margin: 0 -10px
}

.index-news__col .row>div {
    float: left;
    padding: 0 10px;
    margin-bottom: 20px
}

@media (max-width: 968px) {
    .index-news__col .row>div {
        float: none
    }
}

@media (max-width: 668px) {
    .index-news__col .row>div {
        margin-bottom: 10px
    }
}

.index-news__col .row>div a {
    display: block;
    width: 100%;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-news__col .row>div a b {
    display: block;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .index-news__col .row>div a b {
        font-size: 16px
    }
}

@media (max-width: 1180px) {
    .index-news__col .row>div a b {
        font-size: 14px
    }
}

.index-news__col .row>div a p {
    display: block;
    font-size: 16px;
    height: 60px;
    line-height: 30px;
    color: #666;
    margin: 13px 0 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1681px) {
    .index-news__col .row>div a p {
        font-size: 14px;
        height: 50px;
        line-height: 25px
    }
}

@media (max-width: 1180px) {
    .index-news__col .row>div a p {
        font-size: 12px;
        height: 40px;
        line-height: 20px
    }
}

@media (min-width: 1180px) {
    .index-news__col .row>div a:hover {
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15)
    }

    .index-news__col .row>div a:hover b {
        color: #db434a
    }
}

.index-news__col .row>div.hot {
    width: 40%
}

@media (max-width: 968px) {
    .index-news__col .row>div.hot {
        width: 100%
    }
}

.index-news__col .row>div.hot a .img {
    width: 100%;
    height: 380px;
    overflow: hidden
}

@media (max-width: 1681px) {
    .index-news__col .row>div.hot a .img {
        height: 368px
    }
}

@media (max-width: 1440px) {
    .index-news__col .row>div.hot a .img {
        height: 359px
    }
}

@media (max-width: 1180px) {
    .index-news__col .row>div.hot a .img {
        height: 333px
    }
}

@media (max-width: 668px) {
    .index-news__col .row>div.hot a .img {
        height: 200px
    }
}

.index-news__col .row>div.hot a .img span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1.3s;
    transition: all 1.3s
}

.index-news__col .row>div.hot a .txt {
    padding: 30px 30px 20px
}

@media (max-width: 668px) {
    .index-news__col .row>div.hot a .txt {
        padding: 20px
    }
}

.index-news__col .row>div.hot a .txt span {
    float: left;
    width: 90px;
    font-size: 22px;
    color: #db434a;
    padding: 20px 0;
    font-family: "FuturaBT-Medium";
    font-weight: bold
}

@media (max-width: 1681px) {
    .index-news__col .row>div.hot a .txt span {
        font-size: 18px;
        padding-top: 5px
    }
}

@media (max-width: 668px) {
    .index-news__col .row>div.hot a .txt span {
        width: 60px;
        font-size: 16px;
        margin-right: 10px;
        padding-right: 10px;
        padding: 10px 0
    }
}

.index-news__col .row>div.hot a .txt span em {
    display: block;
    font-size: 30px;
    font-style: normal
}

@media (max-width: 1681px) {
    .index-news__col .row>div.hot a .txt span em {
        font-size: 26px
    }
}

@media (max-width: 668px) {
    .index-news__col .row>div.hot a .txt span em {
        font-size: 18px
    }
}

.index-news__col .row>div.hot a .txt .title {
    padding-top: 10px;
    padding-left: 120px;
    position: relative
}

@media (max-width: 1681px) {
    .index-news__col .row>div.hot a .txt .title {
        padding-top: 0
    }
}

@media (max-width: 1440px) {
    .index-news__col .row>div.hot a .txt .title {
        padding-left: 110px
    }
}

@media (max-width: 668px) {
    .index-news__col .row>div.hot a .txt .title {
        padding-left: 70px
    }
}

.index-news__col .row>div.hot a .txt .title:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #c8c8c8;
    position: absolute;
    left: 100px;
    top: 0
}

@media (max-width: 1440px) {
    .index-news__col .row>div.hot a .txt .title:before {
        left: 90px
    }
}

@media (max-width: 668px) {
    .index-news__col .row>div.hot a .txt .title:before {
        left: 60px
    }
}

.index-news__col .row>div.hot a .txt .title p {
    margin-top: 10px
}

.index-news__col .row>div.hot a:hover .img span {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.index-news__col .row>div.item {
    width: 30%
}

@media (max-width: 968px) {
    .index-news__col .row>div.item {
        float: left;
        width: 50%
    }
}

@media (max-width: 668px) {
    .index-news__col .row>div.item {
        float: none;
        width: 100%
    }
}

.index-news__col .row>div.item a {
    padding: 20px 30px 10px
}

@media (max-width: 668px) {
    .index-news__col .row>div.item a {
        padding: 20px 20px 10px
    }
}

.index-news__col .row>div.item a span {
    display: block;
    font-size: 14px;
    color: #aaa;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-news__col .row>div.item a:hover span {
    color: #db434a
}

.index-partner {
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 80px
}

@media (max-width: 1681px) {
    .index-partner {
        padding-top: 80px;
        padding-bottom: 60px
    }
}

@media (max-width: 1440px) {
    .index-partner {
        padding-top: 60px;
        padding-bottom: 40px
    }
}

@media (max-width: 668px) {
    .index-partner {
        padding-top: 20px;
        padding-bottom: 10px
    }
}

.index-partner:before {
    content: "";
    display: block;
    width: 640px;
    height: 640px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/fav.png");
    position: absolute;
    left: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.03
}

.index-partner__inner {
    position: relative
}

.index-partner__title {
    position: absolute
}

@media (max-width: 668px) {
    .index-partner__title {
        position: static
    }
}

.index-partner__arrow {
    width: 170px;
    text-align: right;
    position: absolute;
    left: 0;
    top: 200px
}

@media (max-width: 1681px) {
    .index-partner__arrow {
        left: -70px
    }
}

@media (max-width: 1440px) {
    .index-partner__arrow {
        top: 130px
    }
}

@media (max-width: 668px) {
    .index-partner__arrow {
        display: none
    }
}

.index-partner__arrow button {
    display: inline-block;
    width: 50px;
    height: 30px;
    padding: 4px;
    text-align: center;
    border: 1px solid #d1d1d1;
    background: none;
    outline: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 668px) {
    .index-partner__arrow button {
        display: block;
        width: 30px;
        background: #fff;
        position: absolute;
        left: -5px;
        top: 50%;
        margin-top: 20px;
        z-index: 10
    }
}

.index-partner__arrow button svg {
    vertical-align: top;
    width: 20px;
    height: 20px;
    color: #d1d1d1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-partner__arrow button:nth-last-of-type(1) {
    margin-left: 15px
}

@media (max-width: 668px) {
    .index-partner__arrow button:nth-last-of-type(1) {
        margin-left: 0;
        left: auto;
        right: -5px
    }
}

.index-partner__arrow button:nth-last-of-type(1) svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.index-partner__arrow button:hover {
    background-color: #db434a;
    border-color: #db434a
}

.index-partner__arrow button:hover svg {
    color: #fff
}

.index-partner__list {
    padding-left: 480px
}

@media (max-width: 1681px) {
    .index-partner__list {
        padding-left: 350px
    }
}

@media (max-width: 1440px) {
    .index-partner__list {
        padding-left: 250px
    }
}

@media (max-width: 668px) {
    .index-partner__list {
        padding-left: 0;
        position: relative
    }
}

.index-partner__slide {
    padding: 15px
}

@media (max-width: 668px) {
    .index-partner__slide {
        padding: 0;
        overflow: hidden
    }

    .index-partner__slide .slide_col_outer {
        display: block;
        margin: 0 -5px
    }

    .index-partner__slide .slide_col_outer .slide_col {
        display: block;
        float: left;
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px
    }
}

.index-partner__slide .col {
    display: block;
    border: 1px solid #efefef;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.index-partner__slide .col img {
    width: 100%
}

.index-partner__slide .col span {
    display: block;
    text-align: center;
    line-height: 44px;
    background-color: #f5f5f5;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1440px) {
    .index-partner__slide .col span {
        font-size: 12px
    }
}

.index-partner__slide .col:hover {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.mobile_bottom_sidebar {
    display: none;
    width: 100%;
    padding: 10px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 20
}

.footer {
    background-color: #393939;
    position: relative;
    overflow: hidden;
    padding-top: 40px;
   
}

.footer__slogan {
    padding: 50px 0;
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 10
}


.footer__slogan-item {
    float: left;
    width: 25%;
    padding: 0 20px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s
}


.footer__slogan-item p {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #929292;
    font-weight: lighter;
    padding-left: 70px;
    margin: 0
}

.footer__slogan-item p b {
    display: block;
    font-size: 20px;
    color: #d6d6d6;
    margin-bottom: 10px
}

.footer__logo a {
    color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.footer__logo a:hover {
    color: #fff
}

.footer__logo img {
    display: block;
    max-width: 190px;
    margin-bottom: 40px
}


.footer__nav {
    width: 28%;
    float: left;
    padding-right: 0%;
padding-left: 5%;
    border-right: 1px solid #484848;
  
}

.footer__nav>ul {
    margin: 0;
    padding: 0;
    width: 100%
}

.footer__nav ul li {
    display: block;
    float: left;
    width: 45%
}

.footer__nav>ul>li>a {
    display: inline-block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative
}




.footer__service {
    float: left;
    padding-left: 5%;
   
}
.footer__service  img{float: left; margin-right: 12%; text-align: left; width: 36px; height: 37px; margin-top: 10px;}



.footer__link-item {
    width: 100%;
    color: #a1a1a1;
    position: relative;
    padding-left: 80px;
    margin-bottom: 10px
}

@media (max-width: 1440px) {
    .footer__link-item {
        margin-bottom: 5px
    }
    
}

.footer__link-item span {
    display: block;
    width: 80px;
    position: absolute;
    left: 0;
    top: 0
}

.footer__link-item ul {
    margin: 0;
    padding: 0
}

.footer__link-item ul li {
    display: block;
    float: left;
    margin-right: 20px
}

.footer__link-item ul li a {
    display: block;
    color: #a1a1a1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.footer__link-item ul li a:hover {
    color: #fff
}

.footer__link-tip {
    width: 450px;
    text-align: right;
    color: #a1a1a1;
    position: absolute;
    right: 0;
    bottom: 0
}



.footer__copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    padding: 20px 0;
    color: #a1a1a1;
    line-height: 20px;
    font-size: 12px;
    position: relative;
    z-index: 10
}

.footer__copyright p {
    margin: 0
}

.footer__copyright a {
    color: #a1a1a1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.footer__copyright a:hover {
    color: #fff
}


.inner-banner {
    position: relative
}

.inner-banner__col {
    position: relative
}

.inner-banner__title {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 668px) {
    .inner-banner__title {
        font-size: 26px
    }
   
}

.inner-banner__title span {
    display: block;
    font-size: 54px;
    font-family: "FuturaBT-Bold";
    text-transform: uppercase
}

@media (max-width: 668px) {
    .inner-banner__title span {
        font-size: 36px
    }
}

.inner-banner__img img {
    width: 100%
}

.inner-nav {
    width: 100%;
    margin-top: -85px;
    position: relative;
    z-index: 10;
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    border-bottom: 1px solid rgba(218, 218, 218, 0.5)
}

@media (max-width: 1440px) {
    .inner-nav {
        margin-top: -62px
    }
}

@media (max-width: 668px) {
    .inner-nav {
        margin-top: 0;
        border: none;
        padding-top: 10px
    }
}

.inner-nav .row {
    margin: 0;
    padding: 0
}

@media (max-width: 668px) {
    .inner-nav .row {
        margin: 0 -5px
    }
}

.inner-nav__item {
    float: left
}

@media (max-width: 668px) {
    .inner-nav__item {
        width: 25%;
        padding: 0 5px;
        margin-bottom: 10px
    }
}

.inner-nav__item a {
    display: block;
    line-height: 83px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .inner-nav__item a {
        font-size: 16px;
        line-height: 60px
    }
}

@media (max-width: 1180px) {
    .inner-nav__item a {
        font-size: 16px
    }
}

@media (max-width: 668px) {
    .inner-nav__item a {
        color: #333;
        font-size: 14px;
        line-height: 40px;
        border: 1px solid rgba(218, 218, 218, 0.5)
    }
}

.inner-nav__item a:after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    line-height: 14px;
    background-color: #dfdfdf;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 668px) {
    .inner-nav__item a:after {
        display: none
    }
}

.inner-nav__item a.cur,
.inner-nav__item a:hover {
    display: block;
    color: #db434a
}

@media (max-width: 668px) {

    .inner-nav__item a.cur,
    .inner-nav__item a:hover {
        background-color: #db434a;
        border-color: #db434a;
        color: #fff
    }
}

.inner-nav__item:nth-last-of-type(1) a:after {
    display: none
}

.serive-list {
    padding-top: 100px;
    padding-bottom: 60px
}

@media (max-width: 1681px) {
    .serive-list {
        padding-top: 80px
    }
}

@media (max-width: 1440px) {
    .serive-list {
        padding-top: 60px
    }
}

@media (max-width: 1180px) {
    .serive-list {
        padding-top: 40px;
        padding-bottom: 20px
    }
}

@media (max-width: 668px) {
    .serive-list {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.serive-list__hot {
    position: relative;
    z-index: 2
}

.serive-list__hot-col {
    overflow: hidden;
    margin-bottom: 60px;
    padding: 60px;
    background-color: #fff;
    position: relative
}

@media (max-width: 1681px) {
    .serive-list__hot-col {
        margin-bottom: 30px;
        padding: 30px
    }
}

@media (max-width: 668px) {
    .serive-list__hot-col {
        padding: 10px;
        margin-bottom: 10px
    }
}

.serive-list__hot-col:after {
    content: "";
    display: block;
    width: 750px;
    height: 750px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/fav.png");
    position: absolute;
    right: -300px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0.04
}

@media (max-width: 668px) {
    .serive-list__hot-col:after {
        width: 250px;
        height: 250px;
        right: -100px;
        top: auto;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        bottom: 0
    }
}

.serive-list__hot a {
    display: block;
    width: 100%;
    height: 380px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1681px) {
    .serive-list__hot a {
        height: 350px
    }
}

@media (max-width: 1440px) {
    .serive-list__hot a {
        height: 330px
    }
}

@media (max-width: 668px) {
    .serive-list__hot a {
        height: auto
    }
}

.serive-list__hot a .img {
    float: left;
    width: 45%;
    height: 100%;
    position: relative;
    overflow: hidden
}

@media (max-width: 1440px) {
    .serive-list__hot a .img {
        width: 40%
    }
}

@media (max-width: 668px) {
    .serive-list__hot a .img {
        float: none;
        width: 100%;
        height: 200px
    }
}

.serive-list__hot a .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

.serive-list__hot a .text {
    float: right;
    width: 55%;
    height: 100%;
    padding-left: 60px
}

@media (max-width: 1440px) {
    .serive-list__hot a .text {
        width: 60%;
        padding-left: 30px
    }
}

@media (max-width: 668px) {
    .serive-list__hot a .text {
        float: none;
        width: 100%;
        height: auto;
        padding: 20px 0
    }
}

.serive-list__hot a .text span.date {
    display: block;
    font-size: 50px;
    font-family: "FuturaBT-Bold";
    color: #db434a
}

@media (max-width: 1440px) {
    .serive-list__hot a .text span.date {
        font-size: 36px
    }
}

.serive-list__hot a .text span.date em {
    display: block;
    font-style: normal;
    font-size: 22px
}

.serive-list__hot a .text .title {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 30px 0 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .serive-list__hot a .text .title {
        font-size: 20px
    }
}

@media (max-width: 668px) {
    .serive-list__hot a .text .title {
        font-size: 16px;
        height: 40px;
        line-height: 20px;
        margin: 10px 0;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.serive-list__hot a .text .description {
    font-size: 16px;
    line-height: 34px;
    color: #666;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 30px
}

@media (max-width: 1440px) {
    .serive-list__hot a .text .description {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

@media (max-width: 668px) {
    .serive-list__hot a .text .description {
        line-height: 26px
    }
}

.serive-list__hot a:hover .img span {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.serive-list__hot a:hover .text .title {
    color: #db434a
}

.serive-list__hot>.serive-list__hot-page {
    width: 100%;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -10px;
    z-index: 1
}

@media (max-width: 668px) {
    .serive-list__hot>.serive-list__hot-page {
        bottom: 10px
    }
}

.serive-list__hot>.serive-list__hot-page .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #dfdfdf;
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.serive-list__hot>.serive-list__hot-page .swiper-pagination-bullet-active {
    width: 24px;
    background-color: #db434a;
    border-radius: 4px
}

.serive-list__inner {
    margin-bottom: 30px
}

@media (max-width: 968px) {
    .serive-list__inner {
        margin-bottom: 0
    }
}

@media (max-width: 668px) {
    .serive-list .row {
        margin: 0
    }
}

.serive-list .row>div {
    margin-bottom: 30px
}

@media (max-width: 968px) {
    .serive-list .row>div {
        margin-bottom: 20px
    }
}

@media (max-width: 668px) {
    .serive-list .row>div {
        margin-bottom: 10px;
        padding: 0
    }
}

.serive-list__item {
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.serive-list__item .col {
    overflow: hidden;
    width: 100%;
    height: 330px;
    background-color: #fff;
    padding: 40px;
    position: relative
}

@media (max-width: 1440px) {
    .serive-list__item .col {
        height: 260px;
        padding: 20px
    }
}

@media (max-width: 1180px) {
    .serive-list__item .col {
        height: 200px
    }
}

@media (max-width: 668px) {
    .serive-list__item .col {
        height: auto
    }
}

.serive-list__item .col:after {
    content: "";
    display: block;
    width: 470px;
    height: 470px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/service_list_logo.png");
    position: absolute;
    right: -40px;
    bottom: -50px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .serive-list__item .col:after {
        width: 350px;
        height: 350px
    }
}

.serive-list__item .col .img {
    float: left;
    width: 40%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 668px) {
    .serive-list__item .col .img {
        float: none;
        width: 100%;
        height: 250px;
        border: 1px solid #f5f5f5
    }
}

.serive-list__item .col .img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

.serive-list__item .col .text {
    float: right;
    width: 60%;
    height: 100%;
    padding: 20px 0 0 60px;
    position: relative;
    z-index: 2
}

@media (max-width: 1180px) {
    .serive-list__item .col .text {
        padding: 0 0 0 30px
    }
}

@media (max-width: 668px) {
    .serive-list__item .col .text {
        float: none;
        width: 100%;
        height: auto;
        padding: 20px 0
    }
}

.serive-list__item .col .text:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #ebebeb;
    position: absolute;
    left: 30px;
    top: 0
}

@media (max-width: 1180px) {
    .serive-list__item .col .text:before {
        left: 15px
    }
}

@media (max-width: 968px) {
    .serive-list__item .col .text:before {
        left: 0px
    }
}

@media (max-width: 668px) {
    .serive-list__item .col .text:before {
        display: none
    }
}

.serive-list__item .col .text .title {
    display: block;
    font-size: 22px;
    height: 22px;
    line-height: 22px;
    color: #333;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.serive-list__item .col .text .subtitle {
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #353535;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.serive-list__item .col .text .description {
    line-height: 32px;
    height: 64px;
    color: #666;
    margin: 10px 0 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1180px) {
    .serive-list__item .col .text .description {
        margin: 0
    }
}

@media (max-width: 668px) {
    .serive-list__item .col .text .description {
        margin-bottom: 10px
    }
}

.serive-list__item:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}

.serive-list__item:hover .col:after {
    opacity: 1
}

.serive-list__item:hover .col .img img {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
    -ms-transform: scale(1.1) translate(-50%, -50%);
    transform: scale(1.1) translate(-50%, -50%)
}

.serive-list__item:hover .col .text .title {
    color: #db434a
}

.service-target-fix {
    position: relative;
    top: -120px;
    display: block;
    height: 1px;
    background: none;
    overflow: hidden;
    outline: 0;
    text-decoration: none;
    border: none
}

@media (max-width: 1380px) {
    .service-target-fix {
        top: -100px
    }
}

.serive-content {
    padding-top: 180px;
    padding-bottom: 90px
}

@media (max-width: 1681px) {
    .serive-content {
        padding-top: 140px
    }
}

@media (max-width: 1380px) {
    .serive-content {
        padding-top: 120px
    }
}

@media (max-width: 1180px) {
    .serive-content {
        padding-top: 110px;
        padding-bottom: 40px
    }
}

@media (max-width: 968px) {
    .serive-content {
        padding-top: 90px;
        padding-bottom: 20px
    }
}

.serive-content__top {
    width: 100%;
    padding: 60px;
    background-color: #fff
}

@media (max-width: 1380px) {
    .serive-content__top {
        padding: 40px
    }
}

@media (max-width: 968px) {
    .serive-content__top {
        padding: 20px
    }
}

.serive-content__top .img {
    float: left;
    width: 35%;
    height: 400px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1180px) {
    .serive-content__top .img {
        width: 40%;
        height: 300px
    }
}

@media (max-width: 968px) {
    .serive-content__top .img {
        height: 210px
    }
}

@media (max-width: 668px) {
    .serive-content__top .img {
        float: none;
        width: 100%;
        height: 250px;
        border: 1px solid #f5f5f5
    }
}

.serive-content__top .img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

.serive-content__top .text {
    float: right;
    width: 65%;
    padding: 20px 0 0 80px;
    position: relative;
    z-index: 2
}

@media (max-width: 1180px) {
    .serive-content__top .text {
        width: 60%;
        padding: 0 0 0 60px
    }
}

@media (max-width: 968px) {
    .serive-content__top .text {
        padding: 0 0 0 40px
    }
}

@media (max-width: 668px) {
    .serive-content__top .text {
        float: none;
        width: 100%;
        height: auto;
        padding: 20px 0 0
    }
}

.serive-content__top .text:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #ebebeb;
    position: absolute;
    left: 30px;
    top: 0
}

@media (max-width: 1180px) {
    .serive-content__top .text:before {
        left: 25px
    }
}

@media (max-width: 968px) {
    .serive-content__top .text:before {
        left: 20px
    }
}

@media (max-width: 668px) {
    .serive-content__top .text:before {
        display: none
    }
}

.serive-content__top .text .title {
    display: block;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    color: #333;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 668px) {
    .serive-content__top .text .title {
        font-size: 24px;
        margin: 0
    }
}

.serive-content__top .text .subtitle {
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #db434a;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 668px) {
    .serive-content__top .text .subtitle {
        font-size: 14px;
        line-height: 30px
    }
}

.serive-content__top .text .icons {
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #db434a
}

.serive-content__top .text .icons ul {
    margin: 0;
    padding: 0 70px 0 0
}

@media (max-width: 968px) {
    .serive-content__top .text .icons ul {
        padding: 0
    }
}

.serive-content__top .text .icons ul li {
    display: block;
    float: left;
    width: 33.33%;
    line-height: 24px;
    font-size: 14px;
    color: #020202
}

@media (max-width: 968px) {
    .serive-content__top .text .icons ul li {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }
}

.serive-content__top .text .icons ul li svg {
    width: 24px;
    height: 24px;
    vertical-align: top;
    margin-right: 10px
}

.serive-content__top .text .icons ul li:nth-of-type(1) svg {
    color: #ff9c00
}

.serive-content__top .text .icons ul li:nth-of-type(2) svg {
    color: #27a6ee
}

.serive-content__top .text .icons ul li:nth-of-type(3) svg {
    color: #fe0c0c
}

.serive-content__top .text .description {
    line-height: 32px;
    color: #666;
    margin: 20px 0 30px
}

@media (max-width: 1180px) {
    .serive-content__top .text .description {
        margin: 0
    }
}

@media (max-width: 668px) {
    .serive-content__top .text .description {
        margin-bottom: 10px
    }
}

.serive-content__top .text .description br {
    display: block;
    content: '';
    margin-top: 10px
}

.serive-content__top .text a.more {
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    background-color: #db434a;
    color: #fff;
    border-radius: 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.serive-content__top .text a.more svg {
    vertical-align: top;
    width: 20px;
    height: 20px;
    color: #fff;
    margin: 10px 10px 0 0
}

.serive-content__top .text a.more:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    width: 180px
}

.serive-content__col {
    margin-top: 60px
}

@media (max-width: 1440px) {
    .serive-content__col {
        margin-top: 40px
    }
}

@media (max-width: 1180px) {
    .serive-content__col {
        margin-top: 20px
    }
}

.serive-content__content {
    float: left;
    width: 72%;
    background-color: #fff;
    padding: 40px;
    position: relative
}

@media (max-width: 1180px) {
    .serive-content__content {
        padding: 20px
    }
}

@media (max-width: 968px) {
    .serive-content__content {
        float: none;
        width: 100%
    }
}

@media (max-width: 668px) {
    .serive-content__content {
        padding: 10px
    }
}

.serive-content__nav.affix-top {
    width: 100%;
    position: static;
    border-bottom: 1px solid #eaeaea;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.serive-content__nav.affix {
    top: 90px;
    background-color: #fff;
    border: none;
    z-index: 9;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08)
}

@media (max-width: 1681px) {
    .serive-content__nav.affix {
        top: 70px
    }
}

.serive-content__nav ul {
    margin: 0;
    padding: 0 40px
}

@media (max-width: 1180px) {
    .serive-content__nav ul {
        padding: 0
    }
}

@media (max-width: 668px) {
    .serive-content__nav ul {
        margin: 0 -5px
    }
}

.serive-content__nav ul li {
    display: block;
    float: left;
    width: 20%
}

@media (max-width: 668px) {
    .serive-content__nav ul li {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px
    }
}

.serive-content__nav ul li a {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #747474;
    line-height: 70px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .serive-content__nav ul li a {
        font-size: 16px;
        line-height: 50px
    }
}

@media (max-width: 668px) {
    .serive-content__nav ul li a {
        border: 1px solid rgba(218, 218, 218, 0.5)
    }
}

.serive-content__nav ul li a:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    line-height: 2px;
    background-color: #db434a;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 668px) {
    .serive-content__nav ul li a:after {
        display: none
    }
}

.serive-content__nav ul li a:hover {
    color: #db434a
}

.serive-content__nav ul li a:hover:after {
    width: 22px
}

.serive-content__nav ul li.active a {
    color: #db434a
}

.serive-content__nav ul li.active a:after {
    width: 22px
}

.serive-content__block {
    margin-top: 50px
}

@media (max-width: 1440px) {
    .serive-content__block {
        margin-top: 20px
    }
}

.serive-content__block h2.title {
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: bold;
    margin: 0 0 50px;
    padding: 0
}

@media (max-width: 1440px) {
    .serive-content__block h2.title {
        font-size: 18px;
        margin: 0 0 20px
    }
}

@media (max-width: 668px) {
    .serive-content__block h2.title {
        margin: 0 0 10px
    }
}

.serive-content__block h2.title.white {
    color: #fff
}

.serive-content__block br {
    display: block;
    content: '';
    margin-top: 10px
}

.serive-content__block img {
    max-width: 100% !important;
    height: auto !important
}

.serive-content__cpjs {
    background-color: #f5f5f5;
    position: relative;
    padding: 50px
}

@media (max-width: 1440px) {
    .serive-content__cpjs {
        padding: 20px
    }
}

.serive-content__cpjs:before {
    content: "";
    display: block;
    width: 100%;
    height: 173px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/serive-content__cpjs01.png");
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.serive-content__cpjs:after {
    content: "";
    display: block;
    width: 100%;
    height: 234px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/serive-content__cpjs02.png");
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

.serive-content__cpjs .inner {
    position: relative;
    z-index: 2
}

.serive-content__sxcl {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/serive-content__sxcl.jpg");
    color: #fff;
    padding: 50px
}

@media (max-width: 1180px) {
    .serive-content__sxcl {
        padding: 20px
    }
}

@media (max-width: 668px) {
    .serive-content__sxcl {
        padding: 10px
    }
}

.serive-content__sxcl table {
    font-size: 14px
}

.serive-content__sxcl ol {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 0
}

.serive-content__sxcl ol li {
    margin: 0 0 20px;
    padding-left: 50px;
    line-height: 35px;
    counter-increment: my-awesome-counter;
    position: relative
}

@media (max-width: 668px) {
    .serive-content__sxcl ol li {
        margin: 0 0 10px
    }
}

.serive-content__sxcl ol li::before {
    content: counter(my-awesome-counter);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 35px;
    line-height: 35px;
    padding-right: 5px;
    text-align: center;
    font-family: "FuturaBT-Bold";
    background: url("/template/hrms/html/static/images/serive-content__sxcl_icon.png") center center no-repeat
}

.serive-content__cjwt ul {
    margin: 0;
    padding: 0
}

.serive-content__cjwt ul li {
    display: block;
    background-color: #f5f5f5;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 30px 35px;
    line-height: 30px
}

@media (max-width: 1180px) {
    .serive-content__cjwt ul li {
        padding: 20px
    }
}

.serive-content__cjwt ul li .q {
    position: relative;
    padding: 5px 0 0 60px;
    margin-bottom: 15px;
    color: #333;
    font-weight: bold
}

.serive-content__cjwt ul li .q:before {
    content: "Q";
    font-family: "FuturaBT-Bold";
    font-weight: normal;
    display: block;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background-color: #db434a;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.serive-content__cjwt ul li .a {
    position: relative;
    padding: 5px 0 0 60px
}

.serive-content__cjwt ul li .a:before {
    content: "A";
    font-family: "FuturaBT-Bold";
    font-weight: normal;
    display: block;
    width: 37px;
    height: 37px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #db434a;
    color: #db434a;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.serive-content__kzzcfw {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/serive-content__kzzcfw.jpg");
    color: #fff;
    padding: 50px
}

@media (max-width: 1180px) {
    .serive-content__kzzcfw {
        padding: 20px
    }
}

.serive-content__kzzcfw .row>div {
    margin-bottom: 40px
}

@media (max-width: 668px) {
    .serive-content__kzzcfw .row>div {
        margin-bottom: 20px
    }
}

.serive-content__kzzcfw .row>div .col {
    position: relative;
    padding-left: 60px;
    font-size: 16px;
    line-height: 30px
}

@media (max-width: 1440px) {
    .serive-content__kzzcfw .row>div .col {
        padding-left: 50px;
        font-size: 12px;
        line-height: 24px
    }
}

.serive-content__kzzcfw .row>div .col .icon {
    border: 1px solid #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    padding: 13px;
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width: 1440px) {
    .serive-content__kzzcfw .row>div .col .icon {
        width: 40px;
        height: 40px;
        padding: 10px
    }
}

.serive-content__kzzcfw .row>div .col .icon svg {
    width: 100%;
    height: 100%
}

.serive-content__kzzcfw .row>div .col b.t {
    display: block;
    font-size: 22px;
    margin-bottom: 10px
}

@media (max-width: 1440px) {
    .serive-content__kzzcfw .row>div .col b.t {
        font-size: 16px
    }
}

.serive-content__side {
    float: right;
    width: 28%;
    padding-left: 50px
}

@media (max-width: 1440px) {
    .serive-content__side {
        padding-left: 40px
    }
}

@media (max-width: 1180px) {
    .serive-content__side {
        padding-left: 20px
    }
}

@media (max-width: 968px) {
    .serive-content__side {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-top: 20px
    }
}

@media (max-width: 668px) {
    .serive-content__side {
        margin-top: 10px
    }
}

.serive-content__side .inner {
    background-color: #fff;
    padding: 30px
}

.serive-content__side .inner h3.title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #333;
    text-align: center;
    font-weight: bold
}

@media (max-width: 1440px) {
    .serive-content__side .inner h3.title {
        font-size: 18px
    }
}

.serive-content__side .inner h3.title:after {
    content: "";
    display: block;
    width: 43px;
    height: 3px;
    line-height: 3px;
    background-color: #db434a;
    margin: 20px auto
}

.serive-content__side .inner .list {
    margin: 0;
    padding: 0
}

@media (max-width: 968px) {
    .serive-content__side .inner .list {
        margin: 0 -10px
    }
}

.serive-content__side .inner .list li {
    display: block
}

@media (max-width: 968px) {
    .serive-content__side .inner .list li {
        float: left;
        width: 50%
    }
}

@media (max-width: 668px) {
    .serive-content__side .inner .list li {
        float: none;
        width: 100%
    }
}

.serive-content__side .inner .list li a {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece
}

@media (max-width: 1440px) {
    .serive-content__side .inner .list li a {
        margin-bottom: 10px;
        padding-bottom: 10px
    }
}

.serive-content__side .inner .list li a .img {
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1440px) {
    .serive-content__side .inner .list li a .img {
        height: 150px
    }
}

@media (max-width: 668px) {
    .serive-content__side .inner .list li a .img {
        float: none;
        width: 100%;
        height: 250px;
        border: 1px solid #f5f5f5
    }
}

.serive-content__side .inner .list li a .img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

.serive-content__side .inner .list li a .text {
    text-align: center
}

.serive-content__side .inner .list li a .text .title {
    display: block;
    font-size: 22px;
    color: #333;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .serive-content__side .inner .list li a .text .title {
        font-size: 14px
    }
}

.serive-content__side .inner .list li a .text .subtitle {
    display: block;
    font-size: 14px;
    color: #353535
}

@media (max-width: 1440px) {
    .serive-content__side .inner .list li a .text .subtitle {
        font-size: 12px
    }
}

.serive-content__side .inner .list li a .text .btn-more {
    margin-top: 20px
}

@media (max-width: 1180px) {
    .serive-content__side .inner .list li a .text .btn-more {
        margin-top: 10px
    }
}

.serive-content__side .inner .list li a:hover .img img {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
    -ms-transform: scale(1.1) translate(-50%, -50%);
    transform: scale(1.1) translate(-50%, -50%)
}

.serive-content__side .inner .list li a:hover .text .title {
    color: #db434a
}

.news-list {
    padding-top: 100px;
    padding-bottom: 60px
}

@media (max-width: 1681px) {
    .news-list {
        padding-top: 60px
    }
}

@media (max-width: 1180px) {
    .news-list {
        padding-top: 40px;
        padding-bottom: 30px
    }
}

@media (max-width: 968px) {
    .news-list {
        padding-top: 20px
    }
}

@media (max-width: 668px) {
    .news-list {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.news-list__hot {
    position: relative;
    z-index: 2
}

.news-list__hot-col {
    display: none;
    overflow: hidden;
    margin-bottom: 60px;
    padding: 60px;
    background-color: #fff;
    position: relative
}

@media (max-width: 1681px) {
    .news-list__hot-col {
        margin-bottom: 30px;
        padding: 30px
    }
}

@media (max-width: 668px) {
    .news-list__hot-col {
        padding: 10px;
        margin-bottom: 10px
    }
}

.news-list__hot-col:after {
    content: "";
    display: block;
    width: 750px;
    height: 750px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/fav.png");
    position: absolute;
    right: -300px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0.04
}

@media (max-width: 668px) {
    .news-list__hot-col:after {
        width: 250px;
        height: 250px;
        right: -100px;
        top: auto;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        bottom: 0
    }
}

.news-list__hot a {
    display: block;
    width: 100%;
    height: 380px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1681px) {
    .news-list__hot a {
        height: 350px
    }
}

@media (max-width: 1440px) {
    .news-list__hot a {
        height: 330px
    }
}

@media (max-width: 668px) {
    .news-list__hot a {
        height: auto
    }
}

.news-list__hot a .img {
    float: left;
    width: 45%;
    height: 100%;
    overflow: hidden
}

@media (max-width: 1440px) {
    .news-list__hot a .img {
        width: 40%
    }
}

@media (max-width: 668px) {
    .news-list__hot a .img {
        float: none;
        width: 100%;
        height: 200px
    }
}

.news-list__hot a .img span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1s;
    transition: all 1s
}

.news-list__hot a .text {
    float: right;
    width: 55%;
    height: 100%;
    padding-left: 60px
}

@media (max-width: 1440px) {
    .news-list__hot a .text {
        width: 60%;
        padding-left: 30px
    }
}

@media (max-width: 668px) {
    .news-list__hot a .text {
        float: none;
        width: 100%;
        height: auto;
        padding: 20px 0
    }
}

.news-list__hot a .text span.date {
    display: block;
    font-size: 50px;
    font-family: "FuturaBT-Bold";
    color: #db434a
}

@media (max-width: 1440px) {
    .news-list__hot a .text span.date {
        font-size: 36px
    }
}

.news-list__hot a .text span.date em {
    display: block;
    font-style: normal;
    font-size: 22px
}

.news-list__hot a .text .title {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 30px 0 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .news-list__hot a .text .title {
        font-size: 20px
    }
}

@media (max-width: 668px) {
    .news-list__hot a .text .title {
        font-size: 16px;
        height: 40px;
        line-height: 20px;
        margin: 10px 0;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.news-list__hot a .text .description {
    font-size: 16px;
    line-height: 34px;
    color: #666;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 30px
}

@media (max-width: 1440px) {
    .news-list__hot a .text .description {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

@media (max-width: 668px) {
    .news-list__hot a .text .description {
        line-height: 26px
    }
}

.news-list__hot a:hover .img span {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.news-list__hot a:hover .text .title {
    color: #db434a
}

.news-list__hot>.news-list__hot-page {
    width: 100%;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -10px;
    z-index: 1
}

@media (max-width: 668px) {
    .news-list__hot>.news-list__hot-page {
        bottom: 10px
    }
}

.news-list__hot>.news-list__hot-page .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #dfdfdf;
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.news-list__hot>.news-list__hot-page .swiper-pagination-bullet-active {
    width: 24px;
    background-color: #db434a;
    border-radius: 4px
}

.news-list__inner {
    padding-bottom: 30px
}

@media (max-width: 1180px) {
    .news-list__inner {
        padding-bottom: 0;
        overflow: hidden
    }
}

.news-list__inner>.row>div {
    margin-bottom: 30px
}

@media (max-width: 668px) {
    .news-list__inner>.row>div {
        margin-bottom: 10px
    }
}

.news-list__item {
    display: block;
    background-color: #fff;
    padding: 50px 35px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .news-list__item {
        padding: 30px
    }
}

@media (max-width: 668px) {
    .news-list__item {
        padding: 10px
    }
}

.news-list__item span.date {
    display: block;
    font-size: 38px;
    font-family: "FuturaBT-Bold";
    color: #949494;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .news-list__item span.date {
        font-size: 30px
    }
}

.news-list__item span.date em {
    display: block;
    font-style: normal;
    font-size: 16px
}

.news-list__item .title {
    display: block;
    height: 50px;
    line-height: 25px;
    font-size: 20px;
    color: #333;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 30px 0 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .news-list__item .title {
        font-size: 18px;
        margin: 10px 0
    }
}

.news-list__item .img {
    width: 100%;
    height: 260px;
    overflow: hidden
}

@media (max-width: 668px) {
    .news-list__item .img {
        height: 200px
    }
}

.news-list__item .img span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: #f5f5f5
}

.news-list__item .description {
    font-size: 16px;
    line-height: 34px;
    height: 68px;
    color: #666;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 30px
}

@media (max-width: 1681px) {
    .news-list__item .description {
        font-size: 14px;
        line-height: 30px;
        height: 60px;
        margin-top: 10px;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.news-list__item:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}

.news-list__item:hover span.date {
    color: #db434a
}

.news-list__item:hover .title {
    color: #db434a
}

.news-list__item:hover .img span {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.news-content {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 140px;
    padding-bottom: 60px
}

@media (max-width: 1380px) {
    .news-content {
        padding-top: 120px
    }
}

@media (max-width: 1180px) {
    .news-content {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 110px;
        padding-bottom: 40px
    }
}

@media (max-width: 968px) {
    .news-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 90px;
        padding-bottom: 20px
    }
}

@media (max-width: 668px) {
    .news-content {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 80px
    }
}

.news-content__inner {
    width: 100%;
    background-color: #fff;
    padding: 40px 80px 60px
}

@media (max-width: 968px) {
    .news-content__inner {
        padding: 20px 40px
    }
}

@media (max-width: 668px) {
    .news-content__inner {
        padding: 20px 10px
    }
}

.news-content__title {
    display: block;
    font-size: 30px;
    text-align: center;
    color: #333
}

@media (max-width: 668px) {
    .news-content__title {
        font-size: 18px;
        padding: 0 20px
    }
}

.news-content__info {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    padding: 20px 0 0;
    color: #999;
    font-family: "FuturaBT-Medium"
}

.news-content__info span {
    display: inline-block;
    vertical-align: top
}

.news-content__info svg {
    width: 20px;
    height: 20px;
    color: #999
}

.news-content__text {
    padding: 20px 0;
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.news-content__text img {
    max-width: 100% !important;
    height: auto !important
}

.news-content__text a {
    color: #db434a
}

.news-content__text a:hover {
    text-decoration: underline
}

.news-content__bottom {
    padding: 40px 150px 0 0;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    position: relative
}

@media (max-width: 1380px) {
    .news-content__bottom {
        padding: 20px 0 0;
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width: 1180px) {
    .news-content__bottom {
        padding: 10px 0 0
    }
}

.news-content__bottom a {
    color: #666;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.news-content__bottom a:hover {
    color: #db434a
}

.news-content__bottom .btn_back {
    display: block;
    width: 150px;
    height: 44px;
    line-height: 42px;
    padding: 0 30px;
    border-radius: 40px;
    border: 1px solid #5b5b5b;
    color: #666;
    position: absolute;
    right: 0;
    top: 40px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 968px) {
    .news-content__bottom .btn_back {
        top: 15px
    }
}

@media (max-width: 668px) {
    .news-content__bottom .btn_back {
        position: static;
        margin: 20px auto 0
    }
}

.news-content__bottom .btn_back span {
    display: block;
    float: right;
    margin: 14px 0 0;
    width: 15px;
    height: 12px;
    position: relative
}

.news-content__bottom .btn_back span:before,
.news-content__bottom .btn_back span:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #5b5b5b;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.news-content__bottom .btn_back span:before {
    top: 0
}

.news-content__bottom .btn_back span:after {
    bottom: 0
}

.news-content__bottom .btn_back span i {
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #5b5b5b;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.news-content__bottom .btn_back:hover {
    background: #db434a;
    border-color: #db434a;
    color: #fff;
    text-decoration: none
}

.news-content__bottom .btn_back:hover span:before,
.news-content__bottom .btn_back:hover span:after {
    width: 10px;
    background: #fff
}

.news-content__bottom .btn_back:hover span:before {
    top: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.news-content__bottom .btn_back:hover span:after {
    bottom: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.news-content__bottom .btn_back:hover span i {
    opacity: 0
}

.intro {
    padding-top: 30px;
  
}



@media (max-width: 968px) {
    .intro {
        padding-top: 10px;
  
    }
}



.intro__inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 968px) {
    .intro__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.intro__text {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 50%;
    padding-right: 60px
}

@media (max-width: 1180px) {
    .intro__text {
        padding-right: 40px
    }
}

@media (max-width: 968px) {
    .intro__text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding: 20px 0 0
    }
}

@media (max-width: 668px) {
    .intro__text {
        padding: 10px 0 0
    }
}

.intro__text br {
    display: block;
    content: '';
    margin-top: 10px
}

.intro__text-title {
    font-size: 32px;
    color: #333;
    position: relative;
    margin-top: 0;
    margin-bottom: 30px
}

@media (max-width: 1440px) {
    .intro__text-title {
        font-size: 28px
    }
}

@media (max-width: 668px) {
    .intro__text-title {
        font-size: 22px;
        margin-top: 20px
    }
}

.intro__text-title span {
    display: block;
    font-size: 28px;
    color: #9f9e9e;
    font-family: "FuturaBT-Medium";
    margin-top: 20px
}

@media (max-width: 1440px) {
    .intro__text-title span {
        font-size: 22px
    }
}

.intro__text-title:after {
    content: "";
    display: block;
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/fav.png");
    opacity: 0.1;
    position: absolute;
    left: -65px;
    top: -35px
}

.intro__text-txt {
    font-weight: lighter
}

@media (max-width: 1180px) {
    .intro__text-txt {
        font-weight: normal
    }
}

.intro__image {
    width: 50%
}

@media (max-width: 968px) {
    .intro__image {
        width: 100%
    }
}

.intro__image img {
    max-width: 100%
}

.culture {
    padding: 100px 160px 100px 50px;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/culture_bg.jpg")
}

@media (max-width: 1681px) {
    .culture {
        padding: 80px 100px 80px 50px
    }
}

@media (max-width: 1180px) {
    .culture {
        padding: 40px
    }
}

@media (max-width: 968px) {
    .culture {
        padding: 20px
    }
}

.culture__inner {
    position: relative;
    padding-left: 660px
}

@media (max-width: 1681px) {
    .culture__inner {
        padding-left: 540px
    }
}

@media (max-width: 1180px) {
    .culture__inner {
        padding-left: 370px
    }
}

@media (max-width: 968px) {
    .culture__inner {
        padding-left: 0
    }
}

.culture__logo {
    width: 646px;
    position: absolute;
    left: 0;
    bottom: 0
}

@media (max-width: 1681px) {
    .culture__logo {
        width: 500px;
        bottom: 10%
    }
}

@media (max-width: 1180px) {
    .culture__logo {
        width: 350px;
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 968px) {
    .culture__logo {
        width: 100%;
        position: static;
        left: auto;
        bottom: auto;
        top: auto;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.culture__title {
    text-align: right
}

.culture__title h2 {
    display: block;
    font-size: 26px;
    color: #333;
    font-weight: bold
}

.culture__title svg {
    color: #db434a;
    width: 25px;
    height: 25px
}

.culture__title p {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: lighter
}

@media (max-width: 1180px) {
    .culture__title p {
        font-size: 14px;
        font-weight: normal;
        padding-left: 100px
    }
}

.culture__list {
    overflow: hidden;
    margin-top: 90px
}

@media (max-width: 1681px) {
    .culture__list {
        margin-top: 30px
    }
}

.culture__list ul {
    margin: 0 -35px;
    padding: 0
}

@media (max-width: 1681px) {
    .culture__list ul {
        margin: 0 -10px
    }
}

.culture__list ul li {
    display: block;
    float: left;
    width: 33.33%;
    padding: 0 35px;
    text-align: center
}

@media (max-width: 1681px) {
    .culture__list ul li {
        padding: 0 10px
    }
}

.culture__list ul li img {
    max-width: 100%;
    margin: 0 auto 30px
}

.culture__list ul li p {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.vision {
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/vision_bg.jpg")
}

@media (max-width: 1180px) {
    .vision {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 668px) {
    .vision {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.vision__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 968px) {
    .vision__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.vision__image {
    width: 48%
}

@media (max-width: 968px) {
    .vision__image {
        width: 100%
    }
}

.vision__image img {
    max-width: 100%
}

.vision__text {
    width: 52%;
    padding-left: 80px;
    display: block;
    content: '';
    margin-top: 10px
}

@media (max-width: 1180px) {
    .vision__text {
        padding-left: 40px
    }
}

@media (max-width: 968px) {
    .vision__text {
        width: 100%;
        padding-left: 0
    }
}

@media (max-width: 668px) {
    .vision__text {
        padding-top: 20px
    }
}

.vision__text-title {
    margin: 0;
    text-align: right
}

.vision__text-title span {
    display: block;
    font-size: 32px;
    color: #333;
    font-weight: bold
}

@media (max-width: 1180px) {
    .vision__text-title span {
        font-size: 28px
    }
}

@media (max-width: 668px) {
    .vision__text-title span {
        font-size: 22px
    }
}

.vision__text-title:after {
    content: "";
    display: inline-block;
    width: 75px;
    height: 3px;
    line-height: 3px;
    background-color: #db434a;
    margin: 30px 0 50px
}

@media (max-width: 1180px) {
    .vision__text-title:after {
        margin: 20px 0
    }
}

.partner {
    padding-top: 140px;
    padding-bottom: 120px
}

@media (max-width: 1681px) {
    .partner {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (max-width: 1180px) {
    .partner {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 668px) {
    .partner {
        padding-top: 20px;
        padding-bottom: 0
    }
}

.partner h1.title {
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #db434a;
    text-align: center;
    margin-bottom: 70px
}

@media (max-width: 668px) {
    .partner h1.title {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.partner__list-item {
    display: block;
    width: 100%;
    height: 540px;
    margin-bottom: 60px;
    position: relative
}

@media (max-width: 1681px) {
    .partner__list-item {
        height: 450px;
        margin-bottom: 40px
    }
}

@media (max-width: 668px) {
    .partner__list-item {
        height: auto;
        margin-bottom: 20px
    }
}

.partner__list-item .text {
    width: 52%;
    height: 420px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .partner__list-item .text {
        height: 350px
    }
}

@media (max-width: 668px) {
    .partner__list-item .text {
        overflow: hidden;
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.partner__list-item .text .inner {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 60px 70px 0
}

@media (max-width: 1681px) {
    .partner__list-item .text .inner {
        padding: 40px 40px 0
    }
}

@media (max-width: 668px) {
    .partner__list-item .text .inner {
        padding: 20px 20px 60px
    }
}

.partner__list-item .text .inner:after {
    content: "";
    display: block;
    width: 500px;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/fav-white.png");
    position: absolute;
    right: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.partner__list-item .text .inner .title {
    display: block;
    font-size: 32px;
    color: #333;
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .partner__list-item .text .inner .title {
        font-size: 28px
    }
}

.partner__list-item .text .inner .title span {
    display: block;
    font-size: 28px;
    color: #9f9e9e;
    font-family: "FuturaBT-Medium";
    text-transform: uppercase;
    font-weight: normal;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .partner__list-item .text .inner .title span {
        font-size: 22px
    }
}

.partner__list-item .text .inner .title:after {
    content: "";
    display: block;
    width: 1px;
    height: 94px;
    background-color: #db434a;
    margin: 30px 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .partner__list-item .text .inner .title:after {
        height: 60px;
        margin: 20px 0
    }
}

.partner__list-item .text .inner .description {
    font-size: 18px;
    color: #666;
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .partner__list-item .text .inner .description {
        font-size: 16px;
        line-height: 30px
    }
}

@media (max-width: 1380px) {
    .partner__list-item .text .inner .description {
        font-size: 14px;
        line-height: 26px
    }
}

.partner__list-item .text .inner .description i.num {
    font-size: 106px;
    font-family: "FuturaBT-Medium";
    color: #efefef;
    font-style: normal;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1180px) {
    .partner__list-item .text .inner .description i.num {
        right: -40px;
        top: auto;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        bottom: -50px
    }
}

@media (max-width: 668px) {
    .partner__list-item .text .inner .description i.num {
        right: -20px;
        bottom: -30px;
        font-size: 60px
    }
}

.partner__list-item .image {
    width: 56%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

@media (max-width: 668px) {
    .partner__list-item .image {
        width: 100%;
        height: 200px;
        position: static
    }
}

.partner__list-item .image span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 1s;
    transition: all 1s
}

@media (min-width: 668px) {
    .partner__list-item:nth-of-type(even) .text {
        left: auto;
        right: 0
    }

    .partner__list-item:nth-of-type(even) .image {
        left: 0;
        right: auto
    }

    .partner__list-item:hover .text {
        background-color: #db434a
    }

    .partner__list-item:hover .text .inner:after {
        opacity: 0.04
    }

    .partner__list-item:hover .text .inner .title {
        color: #fff
    }

    .partner__list-item:hover .text .inner .title span {
        color: #fff
    }

    .partner__list-item:hover .text .inner .title:after {
        background-color: #fff
    }

    .partner__list-item:hover .text .inner .description {
        color: #fff
    }

    .partner__list-item:hover .text .inner .description i.num {
        opacity: 0.45
    }

    .partner__list-item:hover .image span {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.honor-list {
    padding-top: 100px;
    padding-bottom: 60px
}

@media (max-width: 1681px) {
    .honor-list {
        padding-top: 60px
    }
}

@media (max-width: 1180px) {
    .honor-list {
        padding-top: 40px;
        padding-bottom: 30px
    }
}

@media (max-width: 968px) {
    .honor-list {
        padding-top: 20px
    }
}

@media (max-width: 668px) {
    .honor-list {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.honor-list__inner {
    padding-bottom: 30px;
    overflow: hidden
}

@media (max-width: 1180px) {
    .honor-list__inner {
        padding-bottom: 0
    }
}

.honor-list__inner>.row>div {
    margin-bottom: 30px
}

@media (max-width: 668px) {
    .honor-list__inner>.row>div {
        margin-bottom: 10px
    }
}

.honor-list__item {
    display: block;
    background-color: #fff;
    padding: 50px 35px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    .honor-list__item {
        padding: 30px
    }
}

@media (max-width: 668px) {
    .honor-list__item {
        padding: 10px
    }
}

.honor-list__item .img {
    width: 100%;
    height: 330px;
    position: relative;
    overflow: hidden
}

.honor-list__item .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 1s;
    transition: all 1s
}

.honor-list__item .title {
    display: block;
    text-align: center;
    height: 50px;
    line-height: 25px;
    font-size: 16px;
    color: #333;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 20px 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .honor-list__item .title {
        font-size: 14px;
        margin: 10px 0
    }
}

.honor-list__item:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}

.honor-list__item:hover .img span {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.honor-list__item:hover .title {
    color: #db434a
}

#contact_menu {
    width: 100%;
    position: fixed;
    left: 0;
    top: 120px;
    z-index: 8
}

@media (max-width: 1180px) {
    #contact_menu {
        display: none
    }
}

#contact_menu ul {
    margin: 0 -15px;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#contact_menu ul li {
    padding: 0 15px
}

#contact_menu ul li a {
    display: block;
    width: auto;
    padding: 0 50px;
    line-height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    border-radius: 18px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

#contact_menu ul li a:hover {
    background-color: #db434a;
    border-color: #db434a;
    color: #fff
}

#contact_menu ul li.active a {
    background-color: #db434a;
    border-color: #db434a;
    color: #fff
}

#contact .section {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    line-height: 38px
}

@media (max-width: 1180px) {
    #contact .section {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (max-width: 668px) {
    #contact .section {
        padding-top: 50px;
        padding-bottom: 50px;
        line-height: 30px
    }
}

#contact .section__title {
    display: block;
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-top: 50px
}

@media (max-width: 1180px) {
    #contact .section__title {
        margin: 0;
        padding-top: 0
    }
}

@media (max-width: 668px) {
    #contact .section__title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

#contact .section__title span {
    display: block;
    font-family: "FuturaBT-Bold";
    text-transform: uppercase;
    font-size: 120px
}

@media (max-width: 1681px) {
    #contact .section__title span {
        font-size: 80px
    }
}

@media (max-width: 1180px) {
    #contact .section__title span {
        font-size: 60px
    }
}

@media (max-width: 668px) {
    #contact .section__title span {
        font-size: 40px
    }
}

#contact .section__title span:after {
    content: "";
    display: block;
    width: 160px;
    height: 3px;
    line-height: 3px;
    background-color: #fff;
    margin: 20px 0 30px
}

@media (max-width: 668px) {
    #contact .section__title span:after {
        margin: 10px 0
    }
}

#contact .section__text span {
    margin-right: 30px
}

@media (max-width: 668px) {
    #contact .section__text span {
        display: block;
        margin-right: 0
    }
}

#contact .section__text span.block {
    display: block;
    margin-right: 0
}

#contact .section__text a {
    color: #fff
}

@media (max-width: 1180px) {
    #contact .section.fp-auto-height {
        padding: 0
    }
}

#contact .section.contact__shanghai {
    background-image: url("/template/hrms/html/static/images/contact_shanghai_bg.jpg")
}

@media (max-width: 1180px) {
    #contact .section.contact__shanghai {
        padding-top: 170px
    }
}

@media (max-width: 668px) {
    #contact .section.contact__shanghai {
        padding-top: 120px
    }
}

#contact .section.contact__beijing {
    background-image: url("/template/hrms/html/static/images/contact_beijing_bg.jpg")
}

#contact .section.contact__hefei {
    background-image: url("/template/hrms/html/static/images/contact_anhui_bg.jpg")
}

#contact .section.contact__hangzhou {
    background-image: url("/template/hrms/html/static/images/contact_hangzhou_bg.jpg")
}

#contact .section.contact__qingdao {
    background-image: url("/template/hrms/html/static/images/contact_nanjing_bg.jpg")
}

#contact .section.contact__guizhou {
    background-image: url("/template/hrms/html/static/images/contact_guizhou_bg.jpg")
}

#contact .section.contact__wuxi {
    background-image: url("/template/hrms/html/static/images/contact_wuxi_bg.jpg")
}

#contact .section.contact__message {
    background-image: url("/template/hrms/html/static/images/contact_message_bg.jpg");
    padding-top: 80px
}

@media (max-width: 1380px) {
    #contact .section.contact__message {
        padding-top: 50px
    }
}

@media (max-width: 1180px) {
    #contact .section.contact__message {
        padding-bottom: 50px
    }
}

@media (max-width: 668px) {
    #contact .section.contact__message {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

#contact .section.contact__message .contact__message-col {
    position: relative
}

#contact .section.contact__message .contact__message-text {
    float: left;
    width: 34%
}

@media (max-width: 668px) {
    #contact .section.contact__message .contact__message-text {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
}

#contact .section.contact__message .contact__message-text .title {
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px
}

@media (max-width: 1440px) {
    #contact .section.contact__message .contact__message-text .title {
        font-size: 24px
    }
}

@media (max-width: 668px) {
    #contact .section.contact__message .contact__message-text .title {
        margin-bottom: 10px
    }
}

#contact .section.contact__message .contact__message-text .txt {
    max-width: 330px;
    font-size: 18px;
    line-height: 38px;
    color: #e5e5e5
}

@media (max-width: 1440px) {
    #contact .section.contact__message .contact__message-text .txt {
        font-size: 14px;
        line-height: 30px
    }
}

#contact .section.contact__message .contact__message-form {
    float: right;
    width: 66%
}

@media (max-width: 668px) {
    #contact .section.contact__message .contact__message-form {
        float: none;
        width: 100%;
        overflow: hidden
    }
}

#contact .section.contact__message .contact__message-form .message_form_col>.row label {
    font-weight: normal
}

#contact .section.contact__message .contact__message-form .message_form_col>.row i {
    color: #db434a
}

#contact .section.contact__message .contact__message-form .message_form_col>.row .form-control {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

#contact .section.contact__message .contact__message-form .message_form_col>.row textarea {
    height: 250px
}

@media (max-width: 1681px) {
    #contact .section.contact__message .contact__message-form .message_form_col>.row textarea {
        height: 200px
    }
}

@media (max-width: 1380px) {
    #contact .section.contact__message .contact__message-form .message_form_col>.row textarea {
        height: 150px
    }
}

#contact .section.contact__message .contact__message-form .message_form_col>.row .submit {
    width: 100%;
    line-height: 60px;
    text-align: center;
    border: 1px solid #db434a;
    background: none;
    font-size: 20px;
    color: #db434a;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1681px) {
    #contact .section.contact__message .contact__message-form .message_form_col>.row .submit {
        line-height: 50px;
        font-size: 18px
    }
}

@media (max-width: 1380px) {
    #contact .section.contact__message .contact__message-form .message_form_col>.row .submit {
        line-height: 40px;
        font-size: 16px
    }
}

#contact .section.contact__message .contact__message-form .message_form_col>.row .submit:hover {
    background: #db434a;
    color: #fff
}

#fp-nav ul li {
    width: 16px;
    height: 16px;
    margin: 5px 0
}

#fp-nav ul li a span {
    width: 8px;
    height: 8px;
    background: #fff;
    margin-left: -4px;
    margin-top: -4px
}

#fp-nav ul li a.active:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 1px solid #db434a;
    border-radius: 100%
}

#fp-nav ul li a.active span {
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -4px;
    background: #db434a
}

.case-list {
    padding-bottom: 30px
}

@media (max-width: 668px) {
    .case-list {
        padding-bottom: 10px
    }
}

.case-list__category {
    padding: 100px 0 70px
}

@media (max-width: 1440px) {
    .case-list__category {
        padding: 40px 0
    }
}

@media (max-width: 668px) {
    .case-list__category {
        padding: 10px 0
    }
}

.case-list__category-hd {
    display: block;
    background-color: #fff
}

.case-list__category-hd ul {
    margin: 0;
    padding: 0
}

.case-list__category-hd ul li {
    display: block;
    float: left;
    width: 33.33%;
    text-align: center;
    line-height: 85px;
    color: #333;
    font-size: 20px;
    cursor: pointer;
    border-left: 1px solid rgba(234, 234, 234, 0);
    border-right: 1px solid rgba(234, 234, 234, 0);
    position: relative
}

@media (max-width: 1440px) {
    .case-list__category-hd ul li {
        line-height: 65px;
        font-size: 18px
    }
}

@media (max-width: 668px) {
    .case-list__category-hd ul li {
        line-height: 50px;
        font-size: 14px
    }
}

.case-list__category-hd ul li:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    line-height: 3px;
    background-color: #db434a;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.case-list__category-hd ul li:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    line-height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.case-list__category-hd ul li.on {
    color: #db434a;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea
}

.case-list__category-hd ul li.on:before,
.case-list__category-hd ul li.on:after {
    opacity: 1
}

.case-list__category-content {
    background-color: #fff;
    position: relative
}

.case-list__category-content:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background-color: #eaeaea;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.case-list__category-content ul {
    margin: 0;
    padding: 35px
}

@media (max-width: 1440px) {
    .case-list__category-content ul {
        padding: 20px
    }
}

@media (max-width: 668px) {
    .case-list__category-content ul {
        padding: 10px
    }
}

.case-list__category-content ul li {
    display: block;
    float: left;
    width: 170px;
    font-size: 18px;
    line-height: 40px
}

@media (max-width: 1440px) {
    .case-list__category-content ul li {
        width: 130px;
        font-size: 16px
    }
}

@media (max-width: 668px) {
    .case-list__category-content ul li {
        width: 25%;
        font-size: 14px
    }
}

.case-list__category-content ul li a {
    display: block;
    text-align: center;
    color: #666
}

.case-list__category-content ul li a.all,
.case-list__category-content ul li a.cur {
    color: #db434a;
    font-weight: bold
}

@media (max-width: 668px) {
    .case-list__inner {
        overflow: hidden
    }
}

.case-list__inner>.row>div {
    margin-bottom: 30px
}

@media (max-width: 668px) {
    .case-list__inner>.row>div {
        margin-bottom: 10px
    }
}

.case-list__item {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 40px 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 1440px) {
    .case-list__item {
        padding: 20px 0
    }
}

.case-list__item .img {
    float: left;
    width: 40%;
    height: 120px;
    position: relative;
    border-right: 1px solid #ebebeb;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.case-list__item .img img {
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    opacity: 0.5;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

.case-list__item .text {
    float: right;
    width: 60%;
    padding: 0 30px
}

.case-list__item .text b.title {
    display: block;
    font-size: 16px;
    color: #333;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.case-list__item .text .des {
    font-size: 14px;
    line-height: 30px;
    height: 60px;
    color: #666;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.case-list__item:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.case-list__item:hover .img {
    border-color: #db434a
}

.case-list__item:hover .img img {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
    -ms-transform: scale(1.1) translate(-50%, -50%);
    transform: scale(1.1) translate(-50%, -50%);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.case-list__item:hover .text b.title {
    color: #db434a
}

.case-content {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 70px
}

@media (max-width: 1440px) {
    .case-content {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 1180px) {
    .case-content {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 968px) {
    .case-content {
        padding: 20px
    }
}

@media (max-width: 668px) {
    .case-content {
        padding: 10px
    }
}

.case-content__top {
    padding: 50px;
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
    background-color: #fff
}

@media (max-width: 668px) {
    .case-content__top {
        padding: 20px
    }
}

@media (max-width: 668px) {
    .case-content__top {
        margin-bottom: 10px
    }
}

.case-content__top:before {
    content: "";
    display: block;
    width: 500px;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/fav.png");
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: scaleX(-1) translateY(-50%);
    -ms-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%);
    opacity: 0.04
}

@media (max-width: 668px) {
    .case-content__top:before {
        top: auto;
        bottom: 0;
        -webkit-transform: scaleX(-1) translateY(0%);
        -ms-transform: scaleX(-1) translateY(0%);
        transform: scaleX(-1) translateY(0%)
    }
}

.case-content__top-c {
    float: right;
    width: 75%;
    padding-left: 60px;
    border-left: 1px solid #db434a;
    text-align: left;
    position: relative;
    z-index: 3
}

@media (max-width: 968px) {
    .case-content__top-c {
        padding-left: 40px
    }
}

@media (max-width: 668px) {
    .case-content__top-c {
        float: none;
        width: 100%;
        padding: 0 0 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #db434a;
        border-left: none
    }
}

.case-content__top-title {
    display: block;
    font-size: 28px;
    color: #db434a;
    margin: 0 0 20px
}

.case-content__top-s {
    float: left;
    width: 25%;
    position: relative;
    z-index: 3
}

@media (max-width: 668px) {
    .case-content__top-s {
        float: none;
        width: 100%
    }
}

.case-content__inner {
    width: 100%;
    background-color: #fff;
    padding: 40px 80px 60px
}

@media (max-width: 1440px) {
    .case-content__inner {
        padding: 40px
    }
}

@media (max-width: 968px) {
    .case-content__inner {
        padding: 20px 40px
    }
}

@media (max-width: 668px) {
    .case-content__inner {
        padding: 20px 10px
    }
}

.case-content__text {
    padding: 20px 0;
    margin-top: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

@media (max-width: 668px) {
    .case-content__text {
        padding: 0 0 20px;
        margin-top: 0
    }
}

.case-content__text img {
    max-width: 100% !important;
    height: auto !important
}

.case-content__bottom {
    padding: 40px 150px 0 0;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    position: relative
}

@media (max-width: 1380px) {
    .case-content__bottom {
        padding: 20px 0 0;
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width: 1180px) {
    .case-content__bottom {
        padding: 10px 0 0
    }
}

.case-content__bottom a {
    color: #666;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.case-content__bottom a:hover {
    color: #db434a
}

.case-content__bottom .btn_back {
    display: block;
    width: 150px;
    height: 44px;
    line-height: 42px;
    padding: 0 30px;
    border-radius: 40px;
    border: 1px solid #5b5b5b;
    color: #666;
    position: absolute;
    right: 0;
    top: 40px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 968px) {
    .case-content__bottom .btn_back {
        top: 15px
    }
}

@media (max-width: 668px) {
    .case-content__bottom .btn_back {
        position: static;
        margin: 20px auto 0
    }
}

.case-content__bottom .btn_back span {
    display: block;
    float: right;
    margin: 14px 0 0;
    width: 15px;
    height: 12px;
    position: relative
}

.case-content__bottom .btn_back span:before,
.case-content__bottom .btn_back span:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #5b5b5b;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.case-content__bottom .btn_back span:before {
    top: 0
}

.case-content__bottom .btn_back span:after {
    bottom: 0
}

.case-content__bottom .btn_back span i {
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #5b5b5b;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.case-content__bottom .btn_back:hover {
    background: #db434a;
    border-color: #db434a;
    color: #fff;
    text-decoration: none
}

.case-content__bottom .btn_back:hover span:before,
.case-content__bottom .btn_back:hover span:after {
    width: 10px;
    background: #fff
}

.case-content__bottom .btn_back:hover span:before {
    top: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.case-content__bottom .btn_back:hover span:after {
    bottom: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.case-content__bottom .btn_back:hover span i {
    opacity: 0
}

.related_list .list ul {
    margin: 0;
    padding: 0
}

.related_list .list ul li {
    display: block
}

.ke_sz{height:470px;}
@media (max-width: 950px) {
    .related_list .list ul li {
        margin-bottom: 10px
    }
    .ke_sz{height:auto;}
}

.related_list .list ul li a {
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #666;
    position: relative;
    overflow: hidden;
    padding-left: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 668px) {
    .related_list .list ul li a {
        height: auto;
        line-height: 20px
    }
}

.related_list .list ul li a:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    line-height: 6px;
    background-color: #666;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 15px
}

@media (max-width: 668px) {
    .related_list .list ul li a:before {
        width: 4px;
        height: 4px;
        line-height: 4px;
        top: 8px
    }
}

.related_list .list ul li a span {
    float: right;
    width: 90px;
    color: #666
}

@media (max-width: 668px) {
    .related_list .list ul li a span {
        float: none;
        width: auto;
        margin-left: 10px
    }
}

.related_list .list ul li a:hover {
    color: #db434a
}

.certificate_query {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

@media (max-width: 968px) {
    .certificate_query {
        height: 700px !important
    }
}

@media (max-width: 668px) {
    .certificate_query {
        height: 500px !important
    }
}

.certificate_querytitle {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #db434a
}

@media (max-width: 668px) {
    .certificate_querytitle {
        font-size: 20px
    }
}

.certificate_query_inner {
    width: 100%;
    height: 100%;
    display: table
}

.certificate_query_inner .col {
    display: table-cell;
    vertical-align: middle
}

.certificate_query_nav ul {
    text-align: center
}

.certificate_query_nav ul li {
    display: inline-block;
    margin: 0 18px
}

@media (max-width: 668px) {
    .certificate_query_nav ul li {
        margin: 0 6px
    }
}

.certificate_query_nav ul li a {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border: 2px solid #333;
    color: #333;
    border-radius: 20px
}

@media (max-width: 668px) {
    .certificate_query_nav ul li a {
        width: 120px
    }
}

.certificate_query_nav ul li a.on {
    background-color: #db434a;
    border-color: #db434a;
    color: #fff
}

.certificate_query_col {
    margin-top: 50px;
    padding: 100px 150px;
    background: rgba(0, 0, 0, 0.3)
}

@media (max-width: 1180px) {
    .certificate_query_col {
        padding: 50px
    }
}

@media (max-width: 668px) {
    .certificate_query_col {
        padding: 20px;
        margin-top: 20px
    }
}

.certificate_query_col .certificate_query_form {
    overflow: hidden
}

.certificate_query_col .certificate_query_form .row {
    margin: 0 -15px
}

.certificate_query_col .certificate_query_form .row .item {
    padding: 0 15px
}

@media (max-width: 968px) {
    .certificate_query_col .certificate_query_form .row .item {
        margin-bottom: 20px
    }
}

.certificate_query_col .certificate_query_form .row .item input {
    width: 100%;
    background: none;
    color: #fff;
    outline: 0;
    line-height: 48px;
    padding: 0 25px;
    border: 1px solid #fff
}

.certificate_query_col .certificate_query_form .submit {
    display: block;
    margin: 50px auto 0;
    padding: 0;
    border: none;
    width: 275px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #db434a;
    color: #fff
}

@media (max-width: 968px) {
    .certificate_query_col .certificate_query_form .submit {
        margin-top: 0
    }
}

@media (max-width: 668px) {
    .certificate_query_col .certificate_query_form .submit {
        width: 100%
    }
}

.reveal-modal {
    display: none;
    visibility: hidden;
    width: 600px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 100px;
    z-index: 101;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    text-align: center;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, right top, left bottom, from(#ee9f5d), color-stop(#ea884b), color-stop(#e6703e), color-stop(#e25435), to(#dc3030));
    background-image: linear-gradient(to left bottom, #ee9f5d, #ea884b, #e6703e, #e25435, #dc3030);
    background-color: #e25435\9\0
}

@media (max-width: 1440px) {
    .reveal-modal {
        top: 50% !important;
        margin-top: -295px
    }
}

@media (max-width: 668px) {
    .reveal-modal {
        width: 96%;
        margin-left: -48%;
        top: 50px !important;
        padding: 0 10px;
        margin-top: 0
    }
}

.reveal-modal-body {
    width: 510px;
    padding: 20px 0;
    margin: 0 auto
}

@media (max-width: 668px) {
    .reveal-modal-body {
        width: 100%;
        padding: 10px 0
    }
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 100;
    display: none;
    top: 0;
    left: 0
}

.reveal-modal-border {
    padding: 50px;
    visibility: hidden
}

.reveal-modal h2 {
    display: block;
    margin-bottom: 20px
}

@media (max-width: 1681px) {
    .reveal-modal h2 {
        margin-bottom: 40px
    }
}

@media (max-width: 1380px) {
    .reveal-modal h2 {
        margin-bottom: 20px
    }
}

@media (max-width: 668px) {
    .reveal-modal h2 {
        margin: 10px 0
    }
}

.reveal-modal h2 b {
    display: block;
    float: left;
    width: 200px;
    font-size: 20px;
    color: #fff;
    text-align: left
}

.reveal-modal h2 .close-reveal-modal {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    line-height: 23px;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    cursor: pointer
}

.reveal-modal p {
    padding: 0 0 5px 0;
    margin-bottom: 0;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei",
        FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB",
        "Hiragino Sans GB W3", FontAwesome, sans-serif
}

@media (max-width: 1440px) {
    .reveal-modal p {
        padding-bottom: 10px
    }
}

.reveal-modal label {
    display: block;
    color: #fff;
    font-size: 14px;
    opacity: 0.85;
    line-height: 30px;
    font-weight: normal
}

@media (max-width: 1440px) {
    .reveal-modal label {
        line-height: 30px
    }
}

.reveal-modal input {
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    line-height: 45px;
    height: 45px;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
    border: none
}

@media (max-width: 1440px) {
    .reveal-modal input {
        line-height: 30px;
        height: 30px;
        margin-bottom: 5px
    }
}

.reveal-modal input:focus {
    outline: 0
}

#Certificate-Info {
    width: 100%;
    height: 80px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 40px;
    margin-bottom: 15px;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
    color: #fff;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1440px) {
    #Certificate-Info {
        line-height: 20px;
        height: 70px;
        border-radius: 35px;
        margin-bottom: 5px
    }
}

@media (max-width: 668px) {
    #Certificate-Info {
        height: 80px;
        font-size: 12px
    }
}

@media (max-width: 1180px) {
    .high_enterprises_identified {
        display: none
    }
}

.high_enterprises_identified .col_w {
    width: 1200px;
    margin: 0 auto
}

.high_enterprises_identified .col01 {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/col01_bg.jpg")
}

.high_enterprises_identified .col02 {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/col02_bg.jpg")
}

.high_enterprises_identified .col04 {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/col04_bg.jpg")
}

.high_enterprises_identified .col06 {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("/template/hrms/html/static/images/col06_bg.jpg")
}

.high_enterprises_identified img {
    max-width: 100%
}

.high_enterprises_identified_mobile {
    display: none
}

@media (max-width: 995px) {
    .high_enterprises_identified_mobile {
        display: block
    }
    .bm{display:none;}
    .right_nav{display:none;}
    .right_nav li:nth-child(1){display:none!important;}
    .right_nav li:nth-child(2){display:none;}
    .right_nav li:nth-child(3){display:none;}
    .right_nav li .oln_ser{display:none;}
    .hb{display:none;}
     .right_nav li:nth-child(1){display:none;}
     
     .right_nav li:last-child{display:none!important;}
     
    .right_nav li{right:-40px!important;}
    
    
    .right_nav{
 right: -34px;
 bottom: 100px;
 position: fixed;
 text-align: left;
 overflow: hidden;
 z-index: 999;
 top: 30%;
}

    
    
}

.high_enterprises_identified_mobile img {
    width: 100%
}


.bm{position: absolute; z-index: 99; top: 0px; right: 20%; top: 20%; background-color: rgba(255, 255, 255, 0.3); display:none;
padding: 20px 50px 20px 50px; color: #000; text-align: center;width:21%;
}
.bm{font-size: 30px; font-weight: bold;}
.bm span{font-size: 40px; color: #d61518;}
.in_ip {
    width: 100%;
    height:38px;
 border-radius: 5px;
 border: 0px;
    line-height: 38px;
    text-indent: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
 
}
.in_img{width: 14px; float: left;}
.in_ip{margin-top: 35px;}
.in_img input{border: 0px; background: none;}

.lq button{background:none ; background-color: #d61518;border: 0px; height: 40px; line-height: 40px; font-size: 18px;
     color: #fff; width: 100%; border-radius: 5px; font-weight: bold;}
.lq{margin-top: 35px;}
.bm p{margin-top: 15px;}




.gy_title{font-size: 30px; font-weight: bold; text-align: center; padding: 3% 0 3% 0; color: #262626; }
.gy_title span{color: #d61518;}
.gy_title p{color: #7b7b7b; font-size: 14px; font-weight: 100;}
.gywo{position: relative;}
.gy_pp p{font-size: 16px; text-align: center; }



.ablist {width: 100%;margin-top: 5%;  position: relative; bottom:40px }
.ablist li{
    background: #f9f9f9;
    border-radius: 12px;
    text-align: center;
    width: 23.5%;
    padding: 45px 20px;
    transition: 0.5s;
    margin-left: 1%;
    float: left;
    height:267px;

    
  }

  
  .ablist li .w1{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-top: 1vw;
  }
  
  .ablist li .w2{
    color: #747474;
    font-size: 14px;
   
    line-height: 24px;
  }
  
  .ablist li .w3{
    color: #747474;
    font-size: 15px;
    margin-top: 1vw;
    line-height: 24px;
    padding:0px 10% 0px 10%
  }


  .ablist li .img{
    width: 69px; height: 57px; margin: 0px auto;
  
  }
  
  .ablist li .img img{
    max-width: 100%;
    
  }
  
  .ablist li .img img.imga{
  
  }
  
  .ablist li .img img.imgb{
    display: none;
  }
  
  .ablist li:hover{
    background: #ececec;
    box-shadow: 0px 2px 14.1px 0.9px rgba(19, 47, 67, 0.1);
    transform: translateY(-25px); 
    text-align: center;
  }
  
  .ablist li:hover .w1{
    color: #000000;
  }
  
  .ablist li:hover .img img.imga{
    display: none;
  }
  
  .ablist li:hover .img img.imgb{
    display: block;
    /* transform: rotate(180deg); */
  }
.more{clear: both; width: 215px; height: 50px; border-radius: 30px; margin: 5% auto;
     border: 1px solid #d61518; text-align: center; line-height: 50px;}
.more a{font-size: 16px; font-weight: bold; color: #d61518;}
.more a:hover{font-size: 17px; }
  @media (max-width: 960px) {
    .ablist li{
 width: 48%;
   margin-top: 5%; }
   .gy_title {
  
    padding: 80px 0 8% 0;
 
}
.ablist li{height:258px}
 
}

.padd{padding: 10px 0 10px 0px;}
.kecheng{background-color: #f8f9fd; overflow: hidden;}



.ablist1 {width: 100%;margin-top: 5%;  position: relative; bottom:40px }
.ablist1 li{
    background: #fff;
    border-radius: 12px;
    text-align: center;
    width: 22%;
    padding: 20px 20px;
    transition: 0.5s;
    margin-left: 3%;
    float: left;
    box-shadow: 0px 2px 8.46px 0.54px rgba(19, 47, 67, 0.12);
    margin-bottom: 30px;

    
  }
  .ablist1 li .w41{
    width: 100%; height: 1px; background-color: #f1f1f1; margin-top: 1vw;  margin-bottom: 1vw;
  }
  
  
  .ablist1 li .w11{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-top: 1vw;
  }
  .ablist1 li .w11 a{color: #000;}
  .ablist1 li .w21{
    color: #747474;
    font-size: 14px;
   
    line-height: 24px;
  }
  
  .ablist1 li .w31{
    color: #747474;
    font-size: 15px;
 
   
    line-height: 24px;
  }


  .ablist1 li .img1 img{
    width: 45px; height: 40px; margin: 0px auto;
  
  }
  

  .zx{width: 132px; height: 32px; line-height: 32px; margin: 0px auto; font-size: 15px;   text-align: center; border: 1px solid #d61518; border-radius: 20px;}
  .zx a{color: #d61518;}

  
  .ablist1 li .img1 img.imgb1{
    display: none;
  }
  
  .ablist1 li:hover{
    background: #d61518;
    box-shadow: 0px 2px 14.1px 0.9px rgba(19, 47, 67, 0.1);
    transform: translateY(-25px); 
    text-align: center;
  }
  
  .ablist1 li:hover .w11{
    color: #fff;
  }
  .ablist1 li:hover .w31{
    color: #fff;
  }
  
  .ablist1 li:hover .zx{
   border: 1px solid #fff;
  }

  .ablist1 li:hover a{color: #fff;}


  .ablist1 li:hover .img1 img.imga1{
    display: none;
  }
  
  .ablist1 li:hover .img1 img.imgb1{
    display: block;
     /* transform: rotate(180deg); */
  
  }


  @media (max-width: 960px) {
    .ablist1 li{
 width: 46%;
   margin-top: 0%; height:200px }
    .ablist1 li .w31{
    padding-top:5px;
    height:50px;
   
  }

}


.tudui ul li{float: left; width: 18%;  background: linear-gradient(to bottom, #ffe9f3, #fff, #fff);
    box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1); margin-left: 2%; height:280px;
    border-radius: 12px;

}
.tudui ul li h1{background-color: #d61518; border-top-left-radius: 12px; border-top-right-radius: 12px;  
     font-size: 22px; font-weight: bold; text-align: center; line-height: 50px; color: #fff;}
.tudui ul li p{padding: 10px 20px 20px 20px; font-size: 15px; color: #747474; line-height: 30px; text-align: left;}

@media (max-width: 960px) {
    .tudui ul li{
 width: 97%;
   margin-top: 5%; }
   .tudui ul li{height:auto}
}

.xw{background: url(/template/hrms/html/static/images/bg.jpg) no-repeat top center;text-align: left; overflow: hidden; padding-bottom: 50px;  }
.xw_left{width: 55%; float: left;}
.xw_right{width: 42%; float: right; padding-bottom: 20px; height:size;height:480px;
    background-color: #fff;  box-shadow: 0px 2px 4px 0.9px rgba(19, 47, 67, 0.1);border-radius: 10px;  }
.xw_left{background-color: #fff;  box-shadow: 0px 2px 4px 0.9px rgba(19, 47, 67, 0.2); border-radius: 10px; padding-bottom: 0px; height:480px;}
.xw_left h1{font-size: 20px; text-align: left; padding: 15px;}
.xw_left p{font-size: 14px;text-align: left; line-height: 25px; padding-top: 10px;}


.news{position: relative;}
.xwbt{position: absolute;z-index: 9999999999; background-color: #d61518; width: 180px; 
    height: 60px; color: #fff; font-size: 24px; top: 30px;
     text-align: center; line-height: 60px;}
     .xwbt a{color: #fff; font-weight: bold;}
     .xwbt:hover{background-color: #000;}
.news-img{float: left;width: 100%;position: relative;}
.news-img .hd{position: absolute;right: 20px;bottom: 21px;z-index: 99;}
.news-img .hd ul{overflow: hidden;}
.news-img .hd ul li{float: left;margin: 0 4px;width: 9px;height: 9px;border-radius: 50%;background: #000;font-size: 0;cursor: pointer;}
.news-img .hd ul li.on{background: #c52620;}
.news-img .bd dl{position: relative;}
.news-img .bd dl dt{width: 100%;font-size: 0;text-align: center;}
.news-img .bd dl dt img{width: 100%;height:368px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.news-img .bd dl dd{position: relative;bottom: 0;left: 0;right: 0;padding:0 20px;color: #000;font-size: 16px;}



.dynamic{width: 100%;margin: 0 auto;overflow: hidden;}

.dynamic01{position: relative;}

.dynamic01 .hd{overflow: hidden;}
.dynamic01 .hd ul{overflow: hidden; background-color: #fafafa; padding: 0px 25px 0px 25px;}
.dynamic01 .hd ul li{float: left;font-size: 18px;color: #444444; padding: 0px 15px 0px 15px;
    font-weight: bold;margin-right: 30px;height: 55px;position: relative; line-height: 55px;}

.dynamic01 .hd ul li span{float: left;width: 30px;height: 30px;position: relative;margin-right: 15px;overflow: hidden;}


.dynamic01 .hd ul li.on{background-color: #fff; border-top:3px solid #d61518;;}

.dynamic01 .bd ul li{width: 96%; margin: 0px auto; border-bottom: 1px solid #e1e1e1;}
.dynamic01 .bd ul li dl{overflow: hidden;}
.dynamic01 .bd ul li dl dt{float: left;width: 165px;height: 107px;font-size: 0;text-align: center;line-height: 107px;}

.dynamic01 .bd ul li dl dd{float: right;width: 100%;transition: all 0.5s; padding: 22px;}
.dynamic01 .bd ul li dl dd h3{font-size: 17px;color: #000;font-weight: normal;transition: all 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dynamic01 .bd ul li dl dd p{font-size: 14px;color: #777;margin: 7px 0;overflow: hidden;line-height: 28px; }
.dynamic01 .bd ul li dl dd span{font-size: 12px;color: #999999;}
.dynamic01 .bd ul li dl dd:hover h3{color: #d61518; font-weight: bold;}
.dynamic01 .bd ul li:hover{ border-bottom: 2px solid #d61518;}




@media (max-width: 960px) {
.xw_right{height:auto;}
.xw_left{height:auto;}
.news-img .bd dl dt img{height:auto;}
    .xw_left{width: 100%; float: none;}
    .xw_right{width: 100%; float: none;}
    .dynamic01 .hd ul li {

        margin-right: 1px;}
        <!--footer{display: none;}-->
       
        


        .gy_title p {
           
            line-height: 45px;
        }
        .news-img .bd dl dd{padding:10px}
}



.footer__logo1 h1{font-size: 16px;}
.footer__logo1 p{color: #d61518; font-size: 28px; font-weight:bold;}
.con07{ width:85%; margin:20px 0; }

.con07 .con07_lm .con07_lm02{ margin:0 auto; }
.con07 .con07_lm .xlxx01{ width:100%; position:relative; display:inline; cursor:pointer;}
.con07 .con07_lm .xlxx01 .yqlj01{ border: 1px solid #707070; border-radius: 15px; height:32px; padding:0 10px;}
.con07 .con07_lm .xlxx01 .yqlj01 p{ width:100%; font-size:16px; line-height:32px; color:#707070; background:url(/template/hrms/html/static/images/icon07.png) no-repeat center right; text-indent:1em;}
.con07 .con07_lm .xlxx01 .yqlj_lm{ display:none; position:absolute; top:32px; left:0;
z-index:999; box-sizing: border-box;}
.con07 .con07_lm .xlxx01 .yqlj_lm{ border:1px solid #707070; width:100%; 
border-radius:10px; padding:0px 5px;  }
.con07 .con07_lm .xlxx01 .yqlj_lm ul li{ height:30px; line-height:30px; width:100%; }
.con07 .con07_lm .xlxx01 .yqlj_lm ul li a{ font-size:14px; line-height:30px; color:#707070; padding-left:20px; }
.con07 .con07_lm .xlxx01 .yqlj_lm ul li a:hover{color:#fff;}
.fl {float: left;}
.clearfix:before, .clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}

.footer__logo{width: 20%; border-right: 1px solid #484848; float: left;}

.footer__nav a{color: #a6a6a6;}
.footer__nav h1{font-size: 20px; font-weight: bold; padding-bottom: 10px;}
.footer__service h1{font-size: 20px; font-weight: bold; padding-bottom: 10px;color: #a6a6a6;} 

.footer__logo, .footer__nav, .footer__service{height: 260px;}
.end {background-color: #231714; line-height: 45px; font-size: 15px;}
.end span{float: right;}
.end a{color: #6e6664;}


@media (max-width: 960px) {
.footer__logo{display:none;}
.footer__service{display:none;}
.footer__nav {
    width: 100%;
    float: left;
    padding-right: 0%;
    padding-left: 5%;
    border-right: none;
}
.footer__logo {
    width: 100%;
    border-right:none;
    float: left;
}
.ft_pc{display:none;}
.end span{display:none; }

 .end {line-height: 26px; font-size: 13px; text-align:center; padding:10px 0px 10px 0px}

.footer__logo, .footer__nav, .footer__service {
    height: auto; padding-top:20px; padding-bottom:20px;
}






}






/***************内页**********/
.mbx{background-color: #f8f9fd;}
.mbx_con{height: 35px; line-height: 35px; color: #5d5d5d; font-size: 14px;}
.mbx_con span{color:#d61518 ;}

.ny_left{width: 52%; float: left;}
.ny_right{width: 40%; float: right;padding-top: 7%;}
.ny_hh strong{font-size: 34px;}
.ny_hh span{color: #d61518;}
.ny_hh{padding: 5% 0 5% 0;}
.gy_con{font-size: 16px; line-height: 35px;}
.ny_right img{width: 90%;  height: auto;}
.ny_gy{padding-top: 3%;}



@media (max-width: 960px) {
    .ny_left{width: 100%; float: none;}
    .ny_right{width: 100%; float: none;padding-top: 7%;}
    .ny_right img{width: 100%;  height: auto;}
}



.qywh{background: url(/template/hrms/html/static/images/bg1.png) no-repeat top center;}
.gy_title1{font-size: 30px; font-weight: bold; padding: 5% 0 5% 0; color: #262626; }
.gy_title1 span{color: #d61518;}
.gy_title1 p{color: #7b7b7b; font-size: 14px; font-weight: 100;}
.gywo1{position: relative;}
.gy_pp1 p{font-size: 16px; text-align: center; }
.qywh{clear: both;}




.qywh{overflow: hidden; padding-bottom: 220px; top: 50px; position: relative;}
.ny_ablist {width: 100%;margin-top: 5%;  position: relative; bottom:40px }
.ny_ablist li{
    background: #fff;
    box-shadow: 0px 2px 14.1px 0.9px rgba(19, 47, 67, 0.1);
    border-radius: 12px;
    text-align: center;
    width: 20%;
    padding: 40px 40px;
    transition: 0.5s;
    margin-left: 3%;
    float: left;
    height: 250px;

    
  }

  
  .ny_ablist li .w1{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-top: 1vw;
  }
  
  .ny_ablist li .w2{
    color: #747474;
    font-size: 14px;
   
    line-height: 24px;
  }
  
  .ny_ablist li .w3{
    color: #747474;
    font-size: 15px;
    margin-top: 1vw;
    line-height: 24px;
  }


  .ny_ablist li .img{
    width: 69px; height: 57px; margin: 0px auto;
  
  }
  
  .ny_ablist li .img img{
    max-width: 100%;
    
  }
  
  .ny_ablist li .img img.imga{
  
  }
  
  .ny_ablist li .img img.imgb{
    display: none;
  }
  
  .ny_ablist li:hover{
    background: #f7f7f7;
    box-shadow: 0px 2px 14.1px 0.9px rgba(19, 47, 67, 0.1);
    transform: translateY(-25px); 
    text-align: center;
  }
  
  .ny_ablist li:hover .w1{
    color: #000000;
  }
  
  .ny_ablist li:hover .img img.imga{
    display: none;
  }
  
  .ny_ablist li:hover .img img.imgb{
    display: block;
    /* transform: rotate(180deg); */
  }

  @media (max-width: 960px) {
    .ny_ablist li{width: 47%; height: 150px; padding: 10px;    margin-left: 1%; margin-left: 2%; margin-top: 4%;}
    .ny_ablist li .img{
        width: 40px; height: 37px; margin: 0px auto;
      
      }
      .qywh {
      
        padding-bottom: 50px;
       
    }
    .gy_title1 {
        padding: 9% 0 9% 0;
    }

}


.kcsz{background-color: #f8f9fd; overflow: hidden;}
.sz_content{ 
   background-color: #fff;
    box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);
    margin-left: 2%;
    border-radius: 10px; overflow: hidden; }

.kc_sz ul li{float: left; width: 32%; position: relative; margin: 50px 1% 0 0;}
.sz_title{ text-align: center; position: absolute; z-index: 99; top: -20px;  width: 100%;}
.sz_title a{color: #fff; font-size: 18px; font-weight: bold;}
.sz_content{position: relative; background: url(/template/hrms/html/static/images/tbg.png) no-repeat top center;  background-color: #fff; padding: 40px 20px 0px 20px;}
.sz_tit{ background-color: #d61518; width:80%;padding:8px;
    border-radius: 10px; margin: 0px auto;}

.sz{padding-top: 20px;}
.sz h1{font-size: 18px; color: #494949; font-weight: bold;}
.sz p{font-size: 14px; color: #575757; line-height: 30px; margin-left: 25px; padding-top: 3%;}
.ssz3 p, .ssz4 p{color: #d61518;}
.sz_btn1{width:34%; height: 35px; float: left;  text-align: center; margin-top: 20px; margin-left: 20px;
     line-height: 31px; background-color: #f9e8e9; border-radius: 30px; border: 1px solid #d61518;}
.sz_btn1 a{color: #d61518; font-size: 14px;}
.sz_btn1:hover{background-color: #d61518;}
.sz_btn1:hover a{color: #fff;}


.sz_btn2{width: 35%; height: 35px; float: right;  text-align: center; margin-top: 20px; margin-right: 20px;
    line-height: 31px; background-color: #fff; border-radius: 30px; border: 1px solid #d61518;}
.sz_btn2 a{color: #d61518; font-size: 14px;}
.sz_btn2:hover{background-color: #d61518;}
.sz_btn2:hover a{color: #fff;}
.hh{height: 30px; clear: both;}



@media (max-width: 960px) {
    .kc_sz ul li{float: none; width: 100%; position: relative; margin: 50px 0% 0 0;}
    .sz_content{margin-left: 0px;}
  
}

.ys_cont{background-color: #f8f9fd; padding: 20px; overflow: hidden;}
.ys_cont ul li h1{width: 80%; background-color: #d61518; height: 40px; font-weight: bold; border-radius: 10px; line-height: 37px;font-size: 18px; text-align: center;}
.ys_cont ul li {width: 31%; float: left;background-color: #fff; margin-top: 20px;
    box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1); border-radius: 10px; font-size: 15px;
    margin-left: 2%; padding: 20px;}
    .ys_cont ul li h1 a{color: #fff; }
    .ys_cont ul li p span{color: #d61518;}
    .ys_cont ul li p{margin-top: 20px;}


    .sz_btn3{width: 35%; height: 35px; margin: 0px auto;   text-align: center; margin-top: 20px; 
        line-height: 35px; background-color: #f9e8e9; border-radius: 30px; border: 1px solid #d61518;}
   .sz_btn3 a{color: #d61518; font-size: 14px;}
   .sz_btn3:hover{background-color: #d61518;}
   .sz_btn3:hover a{color: #fff;}

   .ys_cont ul li:hover, .sz_content:hover{background-color: #fbfafa;}


   @media (max-width: 960px) {
    .ys_cont ul li{width: 100%; }
    .ys_cont ul li{margin-left: 0%;}
 
  
}
.bhleft{width: 50%; float: left;}
.bhright{width: 50%; float: right;}
.bh{background-color: #f8f9fd; overflow: hidden;}
.bhleft img{height:auto; width:100%}
.bhright img{height:auto; width:100%}
@media (max-width: 960px) {
    .bhleft{width: 50%; float: left; display: none;}
    .bhright{width: 100%; float: none;}
    .bhright img{width: 100%; margin: 0px auto;}
    .bhleft img{height:auto; width:100%}
.bhright img{height:auto; width:100%}
  
}

.kcfw{background-color: #fafafa; overflow: hidden; padding-bottom: 90px;}
.kc_fw ul li{position: relative; margin-left: 2%;}
.kc_con{position: relative; background-color: #fff; padding: 50px 40px 40px 40px; text-align: center;
    margin-top: 20px;
    box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);
    border-radius: 10px}
.shuzi{position: absolute; z-index: 99; width: 100%; }
     .kc_fw ul li{float: left; width: 14.66%;}
     .kc_con h1{font-size: 18px; font-weight: bold; color: #d61518;}
.shuzi1{width: 108px; margin: 0px auto;text-align: center; color: #d61518; font-size: 60px;
    font-weight: bold;font-style:italic}
    .kc_con p{font-size: 14px; padding-top: 15px;}

    .kc_fw ul li:hover .shuzi1{color: #000;}

    .kc_fw ul li:hover .kc_con h1{color: #000;}


    @media (max-width: 960px) {
        .kcfw{ padding-bottom: 30px;}
        .kc_fw ul li{width: 46%;margin-left: 3%;}
    }


.bk_zl{background-color: #d61518; border-bottom-left-radius: 15px; border-bottom-right-radius: 10px; height: 130px;
     width: 86%; position: absolute;  bottom:0px }
.bkzl{position: relative; overflow: hidden;}
.bk_cont{position: relative; z-index: 99; width: 100%; }
.bk_left{width: 20%; float: left; background-color: #f8f9fd; padding: 30px; margin-left: 30px; height: 350px;
    border-radius: 15px;box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1); background: #f8f9fd url(../images/simg.png) no-repeat bottom;}
.bk_right{width: 75%; float: right;  background-color: #faf6f6; padding: 30px; border-radius: 10px;height: 350px;  box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1); }

.bk_ul ul li{width: 80%; height: 45px; line-height: 45px;  border-radius: 10px; margin: 15px auto; 
    text-align: center; background-color:rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);}

.cl{clear: both; height: 50px;}
.bk_ul ul li a{color: #484848; font-size: 14px;}
.bk_ul ul li:hover{background-color: #d61518;}
.bk_ul ul li:hover a{color: #fff;}

.more1 img{float: right;}
.bkulli{clear: both;}

.bkulli span{float: right;}
.bkulli ul{padding-top: 4%;}
.bkulli ul li{font-size: 15px; line-height: 50px;}
.bkulli span a{color: #d61518;}
.bkulli span:hover a{color: #000;}

.rmhd{    background-color: #fafafa; position: relative; overflow: hidden; }
.rm ul li {background-color:rgba(255, 255, 255, 1);box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);  padding: 20px;
     width: 48%; float: left; border-radius: 10px;  margin-left: 2%; margin-bottom: 3%;}
.hui{background-color: #d61518; height: 35px; padding: 0px 20px 0px 20px;
    line-height: 35px; color: #fff; text-align: center; border-radius: 20px; text-align: left;}
.hui a{font-size: 16px; color: #fff; }
.hui a:hover{font-size: 17px; color: #fff; }
.hui span{font-size: 18px; font-weight: bold;}
.daleft{width: 5%; float: left;}
.daright{width: 95%; float: left; font-size: 14px;}
.da{padding: 20px;}
.daleft{font-size: 18px; font-weight: bold; color: #d61518;}








@media (max-width: 960px) {
    .rm ul li {padding: 20px;
        width: 100%;
        float: left;}
        .bk_left {    padding: 15px 7px 7px 7px;
            width: 100%; height: 150px;
            float: none;margin-left: 0px;}     
            .bk_ul ul li {    margin: 5px auto;
                width: 47%; float: left; margin-left: 2%;
                height: 45px}
                .bkulli span {
                  display: none;
                }
                .bk_right {
                    width: 100%;
                    float: none; height: auto;}
                    .bk_zl{display: none;}
}



.lqan ul li{position: relative; width: 23%; float: left; margin: 90px 2% 30px 0px;}
.lv_img{position: absolute; z-index: 99; width: 100%;}
.lv_con{position: relative; background-color: #fff; top: 75px; padding: 100px 30px 30px 30px; text-align: center; border-radius:10px;}
.lv_img1 img{width: 150px; height: 150px; border-radius: 50%; border: 3px solid #d61518; margin: 0px auto; box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);}
.lv_img1{width: 150px; margin: 0px auto; }
.lv_con h1{font-size: 18px; font-weight: bold;}
.lv_con p{font-size: 14px;  padding-top: 20px;} 
.lv_con span{color: #747474;font-size: 14px;}
.lv_con:hover{background-color: #d61518;}
.lv_con:hover a h1{color: #fff;}
.lv_con:hover a p{color: #fff;}
.lv_con:hover a span{color: #fff;}


@media (max-width: 960px) {

   .lqan ul li{ width: 48%; float: left; margin: 30px 1% 30px 1%;}
   .lv_con{height:270px;}
   .lv_img1{width:100px}
   .lv_img1 img {
    width: 100px;
    height: 100px;}
    .lv_con {top: 10px;}
  
}


.fw_cont ul li{float: left; width: 32%;background-color: #fff;  margin-top: 20px;
    box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1); padding: 30px 20px; margin: 0px 1% 30px 0px;
    border-radius: 10px;}
.fwleft{width: 11%; float: left; font-size: 70px; font-weight: bold;  color: #d61518;}
.fwright{width: 88%; float: right;}
.fwright h1{font-size: 18px; color: #000; font-weight: bold;}
.fwright p{color: #747474; font-size: 14px; padding-top: 15px; line-height: 30px;}
.fw_btn{width: 110px; height: 35px; line-height: 33px; text-align: center; background-color: #d61518; float: right;}
.fw_btn a{color: #fff; font-size: 14px;}
.fw_btn:hover{border: 1px solid #d61518; background-color: #fff;}
.fw_btn:hover a{color: #d61518;}


.zixun_left{width: 32%; float: left;Background-color: #fff; height:470px;
    box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1); border-radius: 10PX; padding: 20PX; margin-top: 15px;}
.zixun_center{width: 32%; float: left; margin-left: 2%; Background-color: #fff; border-radius: 10PX; padding: 20PX;margin-top: 15px; height:470px;
    box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1); padding-bottom: 30px;}
.zixun_right{width: 32%; float: right; Background-color: #fff; border-radius: 10PX; padding: 20PX;margin-top: 15px;
    box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);height:470px;}


@media (max-width: 960px) {

    .fw_cont ul li{float: none; width: 100%;; margin: 0px 0 30px 0px; overflow: hidden;}
    .fwleft{width: 11%; float: left; font-size: 50px;}
    .zixun_left{width: 100%; float: none; height:auto}
    .zixun_center{width: 100%; float: none;margin-left: 0%;  height:auto!important; overflow:hidden}
    .zixun_right{width: 100%; float: none; height:auto}
    .zx_ui ul li{
        overflow: hidden;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        display: -webkit-box;}
        .daright1{overflow: hidden;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            box-orient: vertical;
            display: -webkit-box;
           }
           .hui1 a{width: 60%; overflow: hidden;}
 }


.zixun_tit{font-size: 18px; font-weight: bold; color: #000;}
.zixun_tit span{float: right;}
.zixun_tit span a{color: #b0b0b0; font-size: 14px; font-weight: 100;}
.zixun_tit span a:hover{color: #d61518;}

.zx_img img{width: 100%; height: auto; padding-top: 20px;}
.zx_ui ul li{line-height: 35px; font-size: 15px; overflow: hidden;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;}
.zx_ui ul li span{color: #b0b0b0; float: right;}
.zx_ui ul{padding-top: 20px;}


.rm1 ul li { padding: 20px 0 0 0; clear: both; }
.hui1{background-color: #fafafa; height: 35px; padding: 0px 20px 0px 20px; border: 1px solid #e3e2e2;
   line-height: 35px; color: #333; text-align: center; border-radius: 20px; text-align: left;}
.hui1 a{font-size: 15px; color: #333; }
.hui1 a:hover{font-size: 15px; color: #d61518; }
.hui1 span{font-size: 15px; font-weight: bold; color: #d61518; }

.hui_1{width: 11%; float: left;}
.hui_2{width: 89%; float: right;overflow: hidden;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;}

.daleft1{width: 7%; float: left; color: #d61518;}
.daright1{width: 93%; float: left; font-size: 14px;   -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            box-orient: vertical;
            display: -webkit-box;
            overflow:hidden
   }
.da1{padding: 20px;}
.daleft1{font-size: 15px; font-weight: bold; color: #d61518;}







.zkc_sz ul li{width: 100%; position: relative; margin: 50px 1% 0 0; box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);}
.zsz_title{ text-align: center; position: absolute; z-index: 9; top: -20px;  width: 100%;}
.zsz_title a{color: #fff; font-size: 20px; font-weight: bold;}
.zsz_content{position: relative; background: url(/template/hrms/html/static/images/tbg.png) no-repeat top center; border-radius: 10px; background-color: #fff; padding: 40px 20px 0px 20px;}
.zsz_tit{ background-color: #d61518; width:26%; height: 50px; line-height: 50px;
    border-radius: 10px; margin: 0px auto;}

.zsz{padding-top: 20px;}
.zsz h1{font-size: 18px; color: #494949; font-weight: bold; padding-bottom:15px}
.zsz p{font-size: 14px; color: #575757; line-height: 30px; margin-left: 25px; }
.zssz3 p, .zssz4 p{color: #d61518;}
.zsz_btn1{width: 35%; height: 35px; float: left;  text-align: center; margin-top: 20px; margin-left: 20px;
     line-height: 30px; background-color: #f9e8e9; border-radius: 30px; border: 1px solid #d61518;}
.zsz_btn1 a{color: #d61518; font-size: 14px;}
.zsz_btn1:hover{background-color: #d61518;}
.zsz_btn1:hover a{color: #fff;}
.zsz_btn{width: 30%;}

.zsz_btn2{width: 35%; height: 35px; float: right;  text-align: center; margin-top: 20px; margin-right: 70px;
    line-height: 30px; background-color: #fff; border-radius: 30px; border: 1px solid #d61518;}
.zsz_btn2 a{color: #d61518; font-size: 14px;}
.zsz_btn2:hover{background-color: #d61518;}
.zsz_btn2:hover a{color: #fff;}
.zhh{height: 30px; clear: both;}

@media (max-width: 960px) {

.zsz_tit {
    background-color: #d61518;
    width: 73%;}
    .zsz_btn {
        width: 78%;
    } 
    .zsz_title a{font-size:17px;}
    
    .zsz_btn2{width: 43%;     margin-right: 0px;}
       .zsz_btn1{width: 43%;     margin-right: 0px;}

} 


.news-infos {
    width: 50.58%;
    float: right;
    padding: 30px 30px 30px 0px;
}
  .news-infos strong {
    display: block;
  
  padding: 40px 0px 0 0 ;
    color: #000;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
    font-weight: bold;
  }
  .news-infos p {
    padding-top: 10px;
    color: #828282;
    font-size: 14px;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .news-infos span {
    display: inline-block;
    position: relative;
    margin-top: 40px;
    line-height: 2;
    color: #008bc4;
    font-size: 16px;
  }
  .news-infos span:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #008bc4;
  }
  .news-slide a figure {
    display: block;
    width: 42.74%;
    float: left; padding: 30px 0px 30px 30px;
 
}

.news-dynamic-wrap {background-color: #fff; }
.news-hiddens{margin-top: 20px; background: url(/template/hrms/html/static/images/hhbg.png) no-repeat right bottom; width: 100%; }
.news-infos h1{font-size: 20px; color: #d61518; font-weight: bold; line-height: 40px;}
.news-infos h2{font-size: 30px;color: #d61518; font-weight: bold;}
.xiangqing1{background-color: #f9e8e9; border: 1px solid #d61518; color: #d61518; text-align: center;
     width: 120px; font-size: 14px;  border-radius: 150px; margin-top: 30px;}

.jstd .news-hiddens .swiper-pagination {
        position: absolute;
        text-align: right!important; right: 30px;}
        
        
        

        .news-hiddens .swiper-pagination-bullet-active {
            opacity: 1;
            background: #d61518!important;
        }

        .news-hiddens .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            display: inline-block;
            border-radius: 100%;
            background: #000;
            
        }
        
        
        
   .imgpc .news-hiddens .swiper-pagination {
        position: absolute;
        text-align: center!important; right: 0px;}     
        
        
        
        

.date_con {width: 12%; float: left; border-right: 1px solid #e9e9e9;  text-align: center; margin-top: 10px;}
.date_con h1{color: #949494; font-size: 36px; font-weight: bold;}
.date_con p{color: #949494; font-size: 22px; font-weight: bold;}
.zzx_con{width: 85%; float: right;}
.zx_con{margin-top: 20px;}
.zx_con ul li{ padding: 30px 20px; background-color: #fff; border-radius: 10px; overflow: hidden; margin-top: 30px; }
.zx_con ul li:hover{box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);}
.zzx_con h1{font-size: 18px; font-weight: bold; color: #000;}
.zzx_con p{color: #828282; padding-top: 10px; font-size: 15px; }
.zx_con ul li:hover a .date_con h1{color: #d61518;}
.zx_con ul li:hover a .date_con p{color: #d61518;}
.zx_con ul li:hover a .zzx_con h1{color: #d61518;}



@media (max-width: 960px) {
    .zzx_con p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
.news-slide a figure {
    display: block;
    width: 100%;
    float: none;
    padding: 0px;
}
.news-infos {
    width: 100%;
    float: none;
    padding:20px;
}
.zx_con ul li {
    padding: 10px;}
    .date_con {width: 27%;}
    .zzx_con {
        width: 68%;
        float: right;
    }
    .date_con h1 {
        
        font-size: 20px;
      
    }
    .date_con p {
      font-size: 16px;
   
    }
}


.content{background-color: #fff; padding: 40px; margin: 20px auto;}
.ct_1{text-align: center; border-bottom: 1px solid #ededed; padding-bottom: 40px;}
.ct_1 h1{font-size: 22px; color: #000;}
.ct_1 p{font-size: 15px; margin-top: 15px; color: #999999; line-height: 30px;}

.ct_con{font-size: 15px; line-height: 35px; padding-top: 30px; min-height: 500px; color: #000;}
.ct_con img{max-width: 100%;}
.fy{border-top: 1px solid #ededed; padding: 20px; margin-top: 30px;}
.fy ul li{color: #505050;  line-height: 30px; font-size: 14px;}
.fy ul li a{color: #505050;}



.jsxq{background-color: #fff; padding: 30px; margin: 20px; overflow: hidden;}

.js_left{width: 20%; float: left;}
.js_right{width: 76%; float: right; padding: 30px 10px;}
.js_left img{width: 100%; height: auto; border-radius: 10px;}
.js_right h1{font-size: 20px; color: #000; font-weight: bold;}
.js_right span{font-size: 14px;  font-weight: 500;color: #d61518;}
.js_right p{font-size: 14px; padding-top: 30px; color: #5f5f5f;}
.js_zx{background-color: #fff; border: 1px solid #d61518; margin-top: 30px; font-size: 14px; width: 120px; height: 30px; line-height: 30px; border-radius: 20px; text-align: center;}
.js_zx:hover{background-color: #d61518;}
.js_zx:hover a{color: #fff;}
.js_zx a{color: #d61518;}

.jy_con{padding-top: 20px;}
.jy_con h1{line-height: 35px; height: 35px; background-color: #d61518; width: 140px; color: #fff; font-size: 18px; text-align: center; font-weight: bold;}
.jy_con p{font-size: 15px; color: #000; line-height: 35px; padding: 15px;}

@media (max-width: 960px) {

.jsxq {
    background-color: #fff;
    padding: 10px;
    margin: 10px auto;
    overflow: hidden;
}
}




.js_left1{width: 45%; float: left;}
.js_right1{width: 49%; float: right; padding: 6% 10px;}
.js_left1 img{width: 100%; height: auto; border-radius: 10px;}
.js_right1 h1{font-size: 20px; color: #000; font-weight: bold;}
.js_right1 span{font-size: 14px;  font-weight: 500;color: #5f5f5f;}
.js_right1 p{font-size: 14px; padding-top: 18px; color: #000;}





@media (max-width: 960px) {
.js_left1 {
    width: 100%;
    float: none;
}
.js_right1 {
    width: 100%;
    float: none;
    padding: 6% 10px;
}
.shaixuan {
    padding: 20px 0px!important;
    font-size: 15px;
}
.zzx_con1 p {
    overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
}
.content {

    padding: 15px;
   
}

}





.zzx_con1{width: 100%; }
.zx_con1{margin-top: 20px;}
.zx_con1 ul li{ padding: 40px; background-color: #fff; border-radius: 10px; overflow: hidden; margin-top: 30px; }
.zx_con1 ul li:hover{box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);}
.zzx_con1 h1{font-size: 18px; font-weight: bold; color: #000; border-bottom: 1px solid #ececec;
padding: 0px 0px 20px 0px;        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;}
.zzx_con1 p{color: #000; padding-top: 10px; font-size: 15px; }

.zx_con1 ul li:hover a .zzx_con1 h1{color: #d61518;}
.zzx_con1 span{color: #d61518;}


.zsz_btn1_1{width: 35%; height: 35px; float: left;  text-align: center; margin-top: 20px; margin-left: 0px;
    line-height: 31px; background-color: #f9e8e9; border-radius: 30px; border: 1px solid #d61518;}
.zsz_btn1_1 a{color: #d61518; font-size: 14px;}
.zsz_btn1_1:hover{background-color: #d61518;}
.zsz_btn1_1:hover a{color: #fff;}


.zc_btn{width: 200px; height: 42px; line-height: 42px; margin: 30px auto; background-color: #d61518; text-align: center; border-radius: 20px;}
.zc_btn a{color: #fff; font-weight: bold;}


.lly{background: url(/template/hrms/html/static/images/lxbg.png) no-repeat top center; }



.lian2 {
    padding: 120px 0;
    background: url('/template/hrms/html/static/images/liuyanbg.jpg') center no-repeat;
    background-size: cover;
  }
  .lxout {
    padding: 72px 80px 70px;
    overflow: hidden;
    border-top: 8px solid #d61518;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .lxleft {
    float: left;
    width: 260px;
  }
  .lxright {
    float: right;
    width: 700px;
  }
  .lxleft .intro {
    font-size: 14px;
    line-height: 26px;
    color: #999;
    margin-top: 25px;
  }
  .cate8 {
    position: relative;
    padding-bottom: 29px;
    color: #000;
  }
  .cate8 .cn {
    font-size:28px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  .cate8 .en {
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
    text-transform: uppercase;
    word-break: normal;
  }
  .cate8:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 30px;
    height: 0;
    border-bottom: 3px solid #d61518;
  }
  .lxway {
    margin-top: 42px;
  }
  .lxway p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
  }
  .lxway div {
    font-size: 32px;
    line-height: 40px;
    color: #d61518;
    font-weight: bold;
  }


  .liuyan {
    color: #666;
    font-size: 0;
    padding-bottom: 1px;
  }
  .liuyan .hang {
    float: left;
    width: 48.5%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }
  .liuyan .hang.long {
    width: 100%;
  }
  .liuyan .hang.first {
    margin-right: 3%;
  }
  .liuyan .hang.fat {
    width: 100%;
    height: auto;
  }
  .liuyan p {
    height: 100%;
  }
  .liuyan input[type=text] {
    width: 100%;
    height: 48px;
    border: 1px solid #ddd;
  
    line-height: 48px;
    text-indent: 20px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .liuyan textarea {
    padding: 13px 20px;
    height: 140px;
    border: 1px solid #ddd;
    resize: none;
    vertical-align: top;
    width: 100%;
    line-height: 28px;

    font-size: 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .liuyan input[type=text]:focus,
  .liuyan textarea:focus {

  }
  .liuyan input[type=text],
  .liuyan textarea {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .liuyan i.v {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .liuyan .hang2 {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }
  .liuyan .hang2 > div {
    float: left;
    height: 100%;
  }
  .liuyan .hang2 i.v {
    width: 200px;
  }
  .liuyan .verifyImg {
    width: 118px;
    height: 48px;
    cursor: pointer;
    vertical-align: top;
    border: 1px solid #ddd;
    margin-left: 10px;
  }
  .liuyan .yzmchange {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    background: url('/template/hrms/html/static/images/change.png') center no-repeat;
  }
  .liuyan input#tj {
    float: right;
    width: 160px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    background-color: #d61518;
    color: #fff;
    font-weight: bold;
    border: 1px solid #d61518;
  }
  .liuyan input#tj:hover {
    background-color: #fff;
    color: #d61518;
  }


.lx_left{width: 55%; float: left;padding: 50px;}
.lx_right{width: 42%; float: right;  background: linear-gradient(135deg,transparent 15px, #d61518 0) top left; }
.lxout1 {
    
    overflow: hidden;
    border-top: 8px solid #d61518;
    background-color: rgba(255, 255, 255, 0.7);
  }




  .lx_right {text-align: center; color: #fff; padding: 30px 0px 30px 50px;

    background-image: -webkit-linear-gradient(-201deg, transparent 0%, transparent 0%, rgb(214, 21, 24) 0%, rgb(214, 21, 24) 75%, transparent 75%, transparent);
}


.lx_right img{width: 150px; height: auto; margin-top: 15px;}
@media screen and (min-width: 951px) {
    .wap{display: none;}
     .footer__service1{display:none;}
     .ft_wap{display:none;}
}
@media screen and (max-width: 950px) {
.pc{display: none;}
.zx_con1 ul li{padding:15px;}
.lx_left {
    width: 100%;
    float: none;
    padding: 20px;
}
.footer__service1 ul li{float:left; width:42%; color:#a6a6a6; padding-bottom:20px; margin-left:5%; line-height:30px; text-align:center; font-size:14px;}
.footer__service1 ul li img{width:100%; height:auto;}


.zsz_btn1_1{width: 46%;}
.jbry {
    padding-top: 18%;
}
.lx_right {
    width: 100%;
    float: none;
    background-image: none;
    background-color: #d61518;
    padding: 0px;
}
.lxout {
    padding: 20px;}
    .lxleft .introd{display: none;}
    .lxright {
        float: none;
        width: 100%;
    }
    .lxway {
        margin-top: 0px;
    }
    .liuyan input#tj {
        float: left; margin-top: 15px;}
        
        
    .index-banner {
  
    top: 50px;
}    
      .gy_title {
    font-size: 22px;}  
        
        
}



.news-swiper .swiper-pagination {
    position: absolute;
    text-align: right !important;
    right: 30px;
}
.news-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #d61518 !important;
}


.banner {
    position: relative;
    
}

.jsNav {
    position: absolute;
    width: 40%;
    height: 1px;
    left: 48%;
    bottom: 89px;
    cursor: pointer;
    z-index: 99;
    top: 90%;
}

.jsNav a {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    cursor: pointer;
    z-index: 99999;
}

a.trigger {
    background-color: #000;
    border: 1px solid #000;
}

a.imgSelected {
    background-color: #d61518;
    border: 1px solid #d61518;
}


.product-section{padding-bottom:50px;position:relative;background-size:cover}
.product-title{padding:50px 10px 30px;font-weight:normal;font-size:36px;line-height:46px;
    color:#252b3a;text-align:center;color:#fff;}
.product-wrapper{max-width:100%;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-features .product-body{margin:0px 25px}
.product-features .product-body:after{content:"";width:100%;height:3px;background:url(/template/hrms/html/static/images/productBase-features-model.png) no-repeat;
    background-size:100% auto;background-position:center;position:absolute;top:50px;left:0;z-index:0}
/*li*/
.features-item{position:relative;float:left}
.features-slide .features-item>*{text-align:center}
.features-item h3{font-size:17px;line-height:35px;margin-bottom:50px;color:#fff; border-radius: 10px;  width: 120px; margin: 0px auto; font-weight: bold;
    transition:all 0.1s; background-color: #d61518;}
.features-item i{position:absolute;width:75%;height:33px;background:url(/template/hrms/html/static/images/productBase-features-timeline.png) no-repeat;
    background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:35px;z-index:3}
.features-item .features-info{display:block;margin:40px auto;padding:20px;transition:all 0.3s;border-radius:2px}
.features-item .features-info .features-info-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px}
.features-item .features-info .features-info-s{font-size:16px;color:#000;line-height:24px;overflow:hidden}
.features-item.dark i{background:url(/template/hrms/html/static/images/productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center}
/*鼠标悬浮效果*/
.features-item:hover h3{font-size:20px;line-height:28px;opacity:0.9}
.features-item:hover i{width:75%;margin-left:13px;background:url(/template/hrms/html/static/images/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover a{background:url(/template/hrms/html/static/images/productBase-features-info.png) no-repeat;background-size:100% 100%}
/*左右按钮*/
.product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:0%;background:none}
.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:30px;height:80px;background:url(/template/hrms/html/static/images/productBase-features-left.png) no-repeat;
    background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px; background-color: #d61518; padding: 10px; border-radius: 10px;}
.product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:0%;background:none}
.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:30px;height:80px;
    background:url(/template/hrms/html/static/images/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.jbry{padding-top: 5%;}




/*友情链接区域开始*/
.bottom_rb {float: left;font-size: 13px; margin-top: 105px; z-index: 2; position: absolute; right: 50%; margin-right: -600px;}
.yqlj{width:215px;height:38px;float:left;border: 1px solid #2373c8; background: url(/template/hrms/html/static/css/yqlj_bg.png) no-repeat 190px center #88b5e4; *width:190px;*height:36px;}
.yqlj_select{width:215px;height:38px;color:#FFFFFF;float:left;font-size:13px;line-height:38px;*width:215px;*height:36px;*line-height:36px;text-indent:10px;}
.yqlj_option{width:215px;float:left;max-height:350px;overflow-x:hidden;overflow-y:auto;position:absolute;bottom:37px;right:0; white-space: nowrap; font-size:13px;line-height:24px;background: #88b5e4; border: 1px solid #2373c8;padding:3px 8px;display:none;*width:215px;}
.yqlj_option a{width:100%;float:left; border-bottom:1px dotted #ddd; text-indent:0;color:#FFFFFF;}
.yqlj_option a:hover{text-decoration:underline;}
.jg_s1{width:1px;height:14px;float:left;background:url(/template/hrms/html/static/css/bottom_icon_002.png) no-repeat 0 0;}
.top_mob{display: none}





.zxzx{background: url(/template/hrms/html/static/images/dbg.png) center no-repeat; overflow: hidden; padding: 5% 0; text-align: center; color: #fff; margin-top: 0%;}
.zxzx h1{font-size: 30px; font-weight: bold;}
.zxzx p{font-size: 15px; margin-top: 15px;}
.zxan{width: 220px; height: 55px; margin: 0px auto; text-align: center; margin-top: 20px; line-height: 55px; background-color: #d61518; border-radius: 10px;}
.zxan a{font-size: 20px; color: #fff; font-weight: bold;}

/* 

.c_1530_13 {7
    width: 90%;
    padding: 30px 0 76px 0;
    margin: 0px auto;
}

.slide_pic_7 {
    width: 100%;
    float: left;
    margin-top: 6%;
    position: relative;
}

.slide_pic_7 li {
    width: 100%;
    float: left;
    padding: 107px 5px 5px 5px;
    position: relative;
}

.slide_pic_7 li:before {
    content: '';
    width: 100%;
    height: 4px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 58px;
    z-index: 1;
}

.slide_pic_7 li .time {
    width: 104px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #0268ba;
    color: white;
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: -52px;
    font-size: 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.slide_pic_7 li .time:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 10px solid #0268ba;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.slide_pic_7 li:hover .time {
    margin-top: -5px;
}

.slide_pic_7 li:hover .time:before {
    bottom: -5px;
}

.slide_pic_7 li .ico {
    width: 24px;
    height: 24px;
    background: url(/template/hrms/html/static/images/about14.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 48px;
    margin-left: -12px;
    z-index: 3;
}

.tit_3 h4 {
    color: #0268ba;
    font-size: 30px;
    font-weight: bold;
}

.slide_pic_7 li .p {
    width: 100%;
    float: left;
    padding: 5px;
    font-size: 13px;
    color: #333;
    line-height: 30px;

    position: relative;
    min-height: 155px;
    word-break: break-all;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;

}

.slide_pic_7 li .p:before {
    content: '';

    background-size: contain;
    width: 22px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: -14px;
    margin-left: -11px;
}

.slide_pic_7 .slick-prev,
.slide_pic_7 .slick-next {
    position: absolute;
    left: -63px;
    top: 31px;
    display: block;
    width: 24px;
    height: 58px;
    background: url(/template/hrms/html/static/images/about13.png) no-repeat left center;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.slide_pic_7 .slick-next {
    left: auto;
    right: -63px;
    background-position: right center;
}

.slide_pic_7 .slick-prev:hover,
.slide_pic_7 .slick-next:hover {
    background-image: url(/template/hrms/html/static/images/about13_h.png);
}

.rongyu ul li {
    width: 30%;
    float: left;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    text-align: center;
    padding: 2%;
    margin: 1% 1%;
}

.rongyu ul li img{width:100%; height:100%;}

.rongyu ul li p {
    border-top: 1px solid #e4e4e4;
    font-size: 16px;
    line-height: 50px;
    margin-top: 3%;
}

.rongyu ul li a {
    color: #333;
}

.rongyu ul li:hover {
    border: 1px solid #0268ba;
}

.rongyu ul li a:hover {
    color: #0268ba;
    font-weight: bold;
}

.chuan ul li {
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 3%;
    margin-top: 2%;
}

.chuan ul li:hover {
    background-color: #80ade9;
    display: block;
}

.chuan ul li:hover a {
    color: #fff;
}

.chuan ul li:hover p {
    color: #fff;
}

.chuan ul li p {
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
}

.chuan ul li h1 a {
    color: #0268ba;
    font-size: 18px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
}

.chuan ul li h1 a:hover {
    color: #0268ba;
    font-size: 18px;
    text-decoration: underline;
}
 */



.btn {
  display: inline-block;
 }

.btn-light {
    color: #212529;
 background-color: #f7f4f4;
    border-color: #f7f4f4;
    border-radius:5px; padding:0px 20px 0px 20px; margin:0px 0px 15px 15px;
}

.btn-info{   color: #fff;
 background-color: #d61518;
    border-color: #d61518; border-radius:5px; padding:0px 20px 0px 20px; margin:0px 0px 0px 15px;}
    
    
 .shaixuan1{width:80px; color:#000; float:left;  }   
 
 
 
 
.pagesize{ text-align:center; }
.pagesize a{margin:0 4px; display:inline-block;width:60px;height:35px;line-height:35px;
border-radius:10px; background-color:#d61518;color:#fff;font-size:14px;}
.pagesize a.on,.pagesize a:hover{ background-color:#d61518}
.pagesize a.a_prev{  background-position:center center; background-repeat:no-repeat; position: relative; width:80px;
   }
.pagesize a.a_next{  background-position:center center; background-repeat:no-repeat;position: relative;width:80px;
}
 
 
 
 
    

/* 
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
 */