body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
    font-size: .16rem;
}

html {
    font-size: 100px;
}


/* 初始化标签在所有浏览器中的margin、padding值 */

fieldset,
img {
    border: 0 none;
}


/* 重置fieldset（表单分组）、图片的边框为0*/

dl,
ul,
ol,
menu,
li {
    list-style: none
}


/* 重置类表前导符号为onne,menu在HTML5中有效 */

blockquote,
q {
    quotes: none
}


    /* 重置嵌套引用的引号类型 */

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none
    }


/* 重置嵌套引用*/

input,
select,
textarea,
button {
    vertical-align: middle;
    outline: none;
    border: none;
}


/* 重置表单控件垂直居中*/

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}


/* 重置表单button按钮效果 */


/* body {background:#fff}   重置body 页面背景为白色 */

body,
th,
td,
input,
select,
textarea,
button {
    line-height: 1;
    font-family: "微软雅黑", "粗体";
}


/* 重置页面文字属性 */

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


    /* 重置链接a标签 */

    a:active,
    a:hover {
        text-decoration: none
    }

input:focus-visible {
    outline: none;
}


/* 重置链接a标签的鼠标滑动效果 */

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal
}


/* 重置样式标签的样式 */

caption {
    display: none;
}


/* 重置表格标题为隐藏 */

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}


/* 重置table属性 */

img {
    /* max-width: 100%; */
    vertical-align: middle
}


/* 图片在当前行内的垂直位置 */

i {
    font-style: normal;
}


/* 页面设置 */


/* 取消a标签点击后的虚线框 */

a {
    outline: none;
}

    a:hover {
        text-decoration: none;
    }

    a[href] {
        cursor: pointer;
    }


/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */


/*
::selection {color: #fff;background-color: #4C6E78;}
::-moz-selection {color: #fff;background-color: #4C6E78;}
*/


/*清除浮动*/


/*清除浮动--推荐使用*/


/* 清楚浮动 */

.clear {
    zoom: 1;
}

    .clear:after {
        content: '\0020';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

.fr {
    float: right;
}

.fl {
    float: left;
}


/*文本超出显示省略号*/

.ehn,
.otw,
.tow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/* 截字符 */

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

.ellipsis_d {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.w {
    width: 12rem;
    margin: 0 auto;
}

:root {
    --blue: #0168b7;
    --yell: #ff7200;
    --white: #fff;
}

.trans {
    transition: all .5s;
}


/* .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    display: none;
} */


/* 首页盒子 */

.head {
    /* width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto; */
    z-index: 9;
    position: fixed;
    top: 0;
    height: 100px;
    display: flex;
    width: 100%;
    justify-content: center;
    /* background-color: #FFFFFF; */
}


/* 子页banner图 */

.zy_banner {
    position: relative;
    widows: 100%;
}

    .zy_banner img {
        width: 100%;
        height: 100%;
    }


/* 当前位置 */

.dqwz_box {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    background: url(../img/dqwzbj.png) center;
    width: 75%;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .dqwz_box img {
        margin-left: 15px;
        width: 17px;
        height: 17px;
    }

    .dqwz_box .dqwz_left {
        width: 30%;
    }

        .dqwz_box .dqwz_left,
        .dqwz_box .dqwz_left a {
            margin-left: 10px;
            font-size: 14px;
            color: #FFF;
        }

    .dqwz_box .dqwz_right {
        flex-basis: 65%;
        flex-shrink: 0;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

        .dqwz_box .dqwz_right::-webkit-scrollbar {
            width: 10px;
            height: 3px;
            /**/
        }

        .dqwz_box .dqwz_right::-webkit-scrollbar-track {
            background: rgb(139 139 139);
            border-radius: 2px;
        }

        .dqwz_box .dqwz_right::-webkit-scrollbar-thumb {
            background: #eeeeee;
            border-radius: 10px;
        }

            .dqwz_box .dqwz_right::-webkit-scrollbar-thumb:hover {
                background: #bfbfbf;
            }

        .dqwz_box .dqwz_right,
        .dqwz_box .dqwz_right a {
            margin-right: 62px;
            font-size: 14px;
            color: #FFF;
            height: 70px;
            display: flex;
            line-height: 65px;
        }

    .dqwz_box .dqwz_left a:nth-of-type(1) {
        margin: 0 10px;
        font-size: 14px;
        color: #FFF;
    }

    .dqwz_box .dqwz_right a:last-child {
        padding-right: 13px;
        font-size: 14px;
        color: #FFF;
    }

.dqwz_right a.on {
    border-bottom: 5px solid #0062dd;
    line-height: 35px;
    height: 65px !important;
    display: flex;
    align-items: center;
}

.dqwz_right a:hover {
    border-bottom: 5px solid #0062dd;
    line-height: 35px;
    height: 65px !important;
    display: flex;
    align-items: center;
}

.dqwz_right a:first-child {
    margin-left: auto !important;
}


/* 头部导航开始 */

.top {
    display: flex;
    width: 75%;
    justify-content: space-between;
}

.sousuo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 35px;
    margin-top: 10px;
}

.ssk {
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .ssk input {
        width: 100%;
        border-bottom: 1px solid #cfcfc8;
        height: 30px;
        margin: 0 30px;
        padding: 10px;
    }

.X {
    width: 25px;
    height: 25px;
}


/*.s {
    width: 18px;
    height: 18px;
}*/

.s {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 2px solid currentcolor;
    position: relative;
    margin: 30px auto;
    color: white;
}

    .s:after {
        content: "";
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 8px;
        height: 2px;
        position: absolute;
        top: 16px;
        left: 12px;
        background-color: currentcolor;
        color: white;
    }

.sousuo .ss2 {
    display: none;
}

.logo {
    padding: .25rem 0 .21rem 0;
}

.logo2 {
    display: none;
}

.logo a {
    display: block;
}

.Nav_box {
    display: flex;
    justify-items: center;
}

    .Nav_box .Nav {
        display: flex;
        flex-direction: column;
    }

        .Nav_box .Nav .Nav_one {
            font-size: .18rem;
            padding: .46rem .25rem .36rem .25rem;
            color: #333333;
        }

            .Nav_box .Nav .Nav_one:hover {
                font-size: .18rem;
                padding: .41rem .25rem .36rem .25rem;
                color: #0062dd;
                border-top: solid .05rem #0062dd;
                box-sizing: border-box;
            }

        .Nav_box .Nav a.on {
            font-size: .18rem;
            padding: .41rem .25rem .36rem .25rem;
            color: #0062dd;
            border-top: solid .05rem #0062dd;
            box-sizing: border-box;
        }

.Navs_box .Navs a.on {
    font-size: .18rem;
    padding: .41rem .25rem .36rem .25rem;
    color: #0062dd;
    border-top: solid .05rem #0062dd;
    box-sizing: border-box;
}

.Nav_tree {
    display: none;
    font-size: .16rem;
    padding: .165rem 0;
    width: 122px;
}

    .Nav_tree a {
        display: block;
        font-size: .16rem;
        color: #797979;
    }

.Nav:hover .Nav_tree {
    display: block;
    font-size: .16rem;
    padding: .165rem 0;
    text-align: center;
    background-color: #fff;
    opacity: 0.8;
    word-wrap: break-word;
    text-align: center;
    line-height: 30px;
}

    .Nav:hover .Nav_tree:nth-of-type(1) {
        display: block;
        font-size: .16rem;
        padding-top: .33rem;
        text-align: center;
        background-color: #fff;
        opacity: 0.8;
        border-top: solid .05rem #0062dd;
        box-sizing: border-box;
    }

    .Nav:hover .Nav_tree:last-child {
        display: block;
        font-size: .16rem;
        padding-bottom: .33rem;
        text-align: center;
        background-color: #fff;
        opacity: 0.8;
    }

    .Nav:hover .Nav_tree:hover a {
        display: block;
        font-size: .16rem;
        text-align: center;
        background-color: #fff;
        color: #0062dd;
    }

.Nav_tree a.ons {
    display: block;
    font-size: .16rem;
    text-align: center;
    background-color: #fff;
    color: #0062dd;
}

.Navs_tree a.ons {
    display: block;
    font-size: .16rem;
    text-align: center;
    background-color: #fff;
    color: #0062dd;
}


/* 头部导航2 */

.heads {
    z-index: 9;
    position: fixed;
    top: 0;
    height: 100px;
    display: flex;
    width: 100%;
    justify-content: center;
}

.tops {
    display: flex;
    width: 75%;
    justify-content: space-between;
}

.Navs_box {
    display: flex;
    justify-items: center;
}

    .Navs_box .Navs {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .Navs_box .Navs {
        position: relative;
    }

        .Navs_box .Navs .Top_asd {
            position: absolute;
            top: 1rem;
            white-space: nowrap;
        }

            .Navs_box .Navs .Top_asd .Navs_tree {
                width: auto;
                padding: .1rem .25rem;
            }

        .Navs_box .Navs .Navs_one {
            font-size: .18rem;
            padding: .46rem .25rem .36rem .25rem;
            color: #FFFFFF;
        }

            .Navs_box .Navs .Navs_one:hover {
                font-size: .18rem;
                padding: .41rem .25rem .36rem .25rem;
                color: #FFFFFF;
                border-top: solid .05rem #FFFFFF;
                box-sizing: border-box;
            }

        .Navs_box .Navs a.on {
            font-size: .18rem;
            padding: .46rem .25rem .36rem .25rem;
            color: #FFFFFF;
            border-top: solid .05rem #FFFFFF;
            box-sizing: border-box;
        }

.Navs_tree {
    display: none;
    font-size: .16rem;
    padding: .165rem 0;
    width: 122px;
}

    .Navs_tree a {
        letter-spacing: 2px;
        display: block;
        font-size: .16rem;
        color: #FFFFFF;
    }

.Navs:hover .Navs_tree {
    display: block;
    font-size: .16rem;
    padding: .165rem 0;
    text-align: center;
    background-color: #797979;
    opacity: 0.8;
    word-wrap: break-word;
    text-align: center;
    line-height: 30px;
}

    .Navs:hover .Navs_tree:nth-of-type(1) {
        display: block;
        font-size: .16rem;
        padding-top: .33rem;
        text-align: center;
        background-color: #797979;
        opacity: 0.8;
        border-top: solid .05rem #FFFFFF;
        box-sizing: border-box;
    }

    .Navs:hover .Navs_tree:last-child {
        display: block;
        font-size: .16rem;
        padding-bottom: .33rem;
        text-align: center;
        background-color: #797979;
        opacity: 0.8;
    }

    .Navs:hover .Navs_tree:hover a {
        display: block;
        font-size: .16rem;
        text-align: center;
        background-color: #FFFFFF;
        color: #797979;
    }

.heads:hover {
    position: absolute;
    top: 0;
    height: 100px;
    background-color: #FFFFFF;
    color: #797979;
}

.logo1 {
    display: block;
}

.heads:hover .logo1 {
    display: none !important;
}

.heads:hover .logo2 {
    display: block !important;
}

.heads:hover .ss2 {
    display: block;
}

.heads:hover .ss1 {
    display: none;
}

.heads:hover .s {
    color: black;
}

    .heads:hover .s:after {
        color: black;
    }

.heads:hover .Navs_box .Navs .Navs_one {
    font-size: .18rem;
    padding: .46rem .25rem .36rem .25rem;
    color: #797979;
}

    .heads:hover .Navs_box .Navs .Navs_one.on {
        font-size: .18rem;
        padding: .41rem .25rem .36rem .25rem;
        color: #797979;
        color: #0062dd !important;
        border-top: solid .05rem #0062dd;
        box-sizing: border-box;
    }

    .heads:hover .Navs_box .Navs .Navs_one:hover {
        font-size: .18rem;
        padding: .41rem .25rem .36rem .25rem;
        color: #0062dd !important;
        border-top: solid .05rem #0062dd;
        box-sizing: border-box;
    }

.Navs_box .Navs .Navs_one:hover {
    font-size: .18rem;
    padding: .41rem .25rem .36rem .25rem;
    color: #0062dd;
    border-top: solid .05rem #0062dd;
    box-sizing: border-box;
}

.Navs_box .Navs a.on {
    font-size: .18rem;
    padding: .41rem .25rem .36rem .25rem;
    color: #0062dd;
    border-top: solid .05rem #0062dd;
    box-sizing: border-box;
}

.Navs_box .Navs a.on {
    font-size: .18rem;
    padding: .41rem .25rem .36rem .25rem;
    color: #FFFFFF;
    border-top: solid .05rem #FFFFFF;
    box-sizing: border-box;
}

.Navs_tree {
    display: none;
    font-size: .16rem;
    padding: .165rem 0;
}

    .Navs_tree a {
        display: block;
        font-size: .16rem;
        color: #797979;
    }

.Navs:hover .Navs_tree {
    display: block;
    font-size: .16rem;
    padding: .165rem 0;
    text-align: center;
    background-color: #FFFFFF;
    opacity: 0.8;
}

    .Navs:hover .Navs_tree:nth-of-type(1) {
        display: block;
        font-size: .16rem;
        padding-top: .33rem;
        text-align: center;
        background-color: #ffffff;
        opacity: 0.8;
    }

    .Navs:hover .Navs_tree:last-child {
        display: block;
        font-size: .16rem;
        padding-bottom: .33rem;
        text-align: center;
        background-color: #ffffff;
        opacity: 0.8;
    }

    .Navs:hover .Navs_tree:hover a {
        display: block;
        font-size: .16rem;
        text-align: center;
        color: #0062dd;
    }


/* 首页轮播 */

.sylb_box {
    position: absolute;
    /* top: 1rem; */
    width: 100%;
    height: 100%;
}

.Index_box {
    height: 1rem;
}

#kongbai {
    margin-bottom: 100px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.sylbs {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .sylbs img {
        position: absolute;
        top: 0;
        display: block;
        width: 100%;
        height: 979px;
        object-fit: cover;
    }

.sylb .swiper-pagination {
    display: none;
}

.shubiao {
    bottom: 10% !important;
    width: 35px;
    height: 50px;
    background: url(../img/shubiao.png) no-repeat;
    background-size: 20px;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    bottom: 10%;
    z-index: 10;
    animation: mymove 1.5s infinite;
    -webkit-animation: mymove 1.5s infinite;
}

@keyframes mymove {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, -10px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}


/*Safari 和 Chrome:*/

@-webkit-keyframes mymove {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, -10px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}


/* 首页tab切换 */

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

ul,
li {
    list-style: none;
}

svg {
    fill: currentColor;
}

.mt-tabpage {
    width: 75%;
    height: 500px;
    margin: 0 auto;
    padding: 97px 0 89px 0;
}

.mt-tabpage-title {
    padding-left: 610px;
    display: flex;
    font-size: 0;
    margin-top: -84px;
}

    .mt-tabpage-title .mt-tabpage-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 16px;
        color: #666;
    }

        .mt-tabpage-title .mt-tabpage-item:nth-of-type(1) {
            margin-right: 57px;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 16px;
            color: #666;
        }

        .mt-tabpage-title .mt-tabpage-item:last-child {
            margin-left: 57px;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 16px;
            color: #666;
        }

        .mt-tabpage-title .mt-tabpage-item img {
            width: 73px;
            height: 84px;
            color: #0062dd;
            font-size: 16px;
        }

.sytab2 {
    display: none;
}

.mt-tabpage-title .mt-tabpage-item span {
    display: none;
}

.mt-tabpage-title .mt-tabpage-item:hover {
    color: #0062dd;
}

    .mt-tabpage-title .mt-tabpage-item:hover .sytab2 {
        display: block;
    }

    .mt-tabpage-title .mt-tabpage-item:hover .sytab1 {
        display: none;
    }

    .mt-tabpage-title .mt-tabpage-item:hover span {
        display: block;
        color: #0062dd;
    }

.mt-tabpage-title .mt-tabpage-item-cur {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #0062dd;
    font-size: 16px;
}

    .mt-tabpage-title .mt-tabpage-item-cur span {
        display: block;
        color: #0062dd;
        font-size: 16px;
    }

    .mt-tabpage-title .mt-tabpage-item-cur:hover span {
        display: block;
        color: #0062dd;
        font-size: 16px;
    }

.mt-tabpage-count {
    z-index: -1;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .mt-tabpage-count img {
        width: 470;
        height: 560px;
        margin-right: 135px;
    }

.mt-tabpage-cont__wrap {
    width: 100%;
    height: 100%;
    position: absolute;
}

.cont_box {
    display: flex;
}

    .cont_box .cont {
        display: flex;
        flex-direction: column;
        width: 50%;
    }

        .cont_box .cont p {
            color: #151824;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            word-break: break-all;
            line-height: 35px;
        }

.sy_bt {
    color: #3a4ed4;
    font-size: 44px;
    font-weight: 600;
    line-height: 50px;
}

.cont_box .cont .gsjs {
    color: #3a4ed4;
    font-size: 44px;
    font-weight: 600;
    line-height: 80px;
    position: relative;
    margin-bottom: 38px;
}

    .cont_box .cont .gsjs:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        right: auto;
        height: 5px;
        width: 6%;
        background-color: #3a4ed4;
    }


/* 首页主营业务 */

.sy_zyywbox {
    background: url(../img/zyywbj.png) no-repeat;
    background-size: 100%;
    padding: 108px 0 122px 0;
}

.sy_zyyw {
    width: 75%;
    margin: 0 auto;
}

.sy_zyyw-contbox {
    width: 75%;
    margin: 0 auto;
    display: flex;
    padding-top: 74px;
}

    .sy_zyyw-contbox .sy_zyyw-cont.on {
        width: 765px;
        height: 430px;
        position: relative;
        overflow: hidden;
        border-radius: 15px;
        transition: all 1s ease .2s;
    }

        .sy_zyyw-contbox .sy_zyyw-cont.on .sy_zyyw-title {
            visibility: visible;
            opacity: 1;
        }

    .sy_zyyw-contbox .sy_zyyw-cont:hover .sy_zyyw-title {
        visibility: visible;
        opacity: 1;
    }

    .sy_zyyw-contbox .sy_zyyw-cont:hover {
        width: 765px;
        height: 430px;
        position: relative;
        overflow: hidden;
        border-radius: 15px;
        transition: all .4s ease .2s;
    }

    .sy_zyyw-contbox .sy_zyyw-cont {
        width: 196px;
        height: 430px;
        position: relative;
        overflow: hidden;
        border-radius: 15px;
        margin-right: 15px;
        transition: all .4s ease .2s;
    }

        .sy_zyyw-contbox .sy_zyyw-cont .sy_zyyw-Mask {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            border-radius: 15px;
            margin-right: 15px;
            transition: all .4s ease .2s;
            background-color: #0062dd;
        }

        .sy_zyyw-contbox .sy_zyyw-cont .sy_zyyw-title {
            opacity: 0;
            transition: all 1.2s ease 0s;
            visibility: hidden;
        }

        .sy_zyyw-contbox .sy_zyyw-cont img {
            height: 100%;
            opacity: .3;
            transition: all 1.2s ease 0s;
        }

        .sy_zyyw-contbox .sy_zyyw-cont:hover img {
            width: 100%;
            height: 100%;
            visibility: visible;
            opacity: 1;
        }

        .sy_zyyw-contbox .sy_zyyw-cont.on img {
            width: 100%;
            height: 100%;
            visibility: visible;
            opacity: 1;
        }

        .sy_zyyw-contbox .sy_zyyw-cont .sy_zyyw-title {
            position: absolute;
            bottom: 0;
            color: #ffffff;
            line-height: 35px;
            padding: 0 0 38px 54px;
        }


/* 首页新闻资讯 */

.sy_xwzxbox {
    background-color: #ffffff;
    background-size: 100%;
    padding: 108px 0 122px 0;
}

.sy_xwzx {
    width: 75%;
    margin: 0 auto;
}

.sy_xwzx-contbox {
    width: 75%;
    margin: 0 auto;
    display: flex;
    padding-top: 74px;
}

.mainContainer {
    width: 75%;
    margin: 0 auto;
    background-color: #FFF;
}

.navContent {
    display: flex;
    justify-content: flex-end;
    margin-top: -100px;
}

.infoBox {
    float: left;
    width: 46%;
    margin-top: 40px;
    margin-right: 45px;
}

.navContent a {
    margin: 0 37px 0 0;
    color: #a7aab4;
    font-size: 16px;
    font-family: '微软雅黑';
    text-align: center;
    line-height: 120px;
    display: block;
}

    .navContent a:hover {
        margin: 0 37px 0 0;
        color: #3a4ed4;
        font-size: 16px;
        font-family: '微软雅黑';
        text-align: center;
        line-height: 120px;
        display: block;
    }

    .navContent a.on {
        margin: 0 37px 0 0;
        color: #3a4ed4;
        font-size: 16px;
        font-family: '微软雅黑';
        text-align: center;
        line-height: 120px;
        display: block;
    }

.xwzxlb {
    width: 100%;
    height: 100%;
}

.xwzx {
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .xwzx img {
        display: block;
        width: 100%;
        height: 405px;
    }

.xwzx_title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    width: 95%;
    padding: 0 15px;
    line-height: 60px;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(to top, rgba(15, 15, 15, 1) 10%, rgba(53, 52, 52, .4) 80%, rgba(100, 99, 99, 0) 100%);
}

.container {
    min-height: 445px;
}

.xwzx_box {
    min-height: 445px;
}

    .xwzx_box ul {
        display: flex;
        flex-direction: column;
    }

        .xwzx_box ul li {
            display: flex;
            flex-direction: column;
            align-content: flex-end;
            box-shadow: 0px 5px 28px -22px #999;
            padding: 25px 37px 25px 37px;
            width: 621px;
            margin-top: 12px;
        }

            .xwzx_box ul li:hover div h1,
            .xwzx_box ul li:hover div span {
                color: #0062dd;
            }

            .xwzx_box ul li div h1 {
                color: #181818;
                font-size: 18px;
                font-weight: 600;
                line-height: 35px;
            }

            .xwzx_box ul li div {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .xwzx_box ul li p {
                line-height: 25px;
                color: #878b90;
            }

.zt {
    color: #0062dd;
}

.ctrl a:hover {
    color: #0062dd;
}


/* 友情链接 */

.yqlj_box {
    margin: 0 auto;
    width: 75%;
    margin-bottom: 75px;
}

    .yqlj_box .sy_hzhb {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 225px;
        height: 105px;
        margin-right: 8px;
        box-shadow: 0px 5px 28px -22px #999;
        overflow: hidden;
    }

    .yqlj_box ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .yqlj_box .sy_hzhb img {
        cursor: pointer;
        transition: all 0.6s;
    }

    .yqlj_box .sy_hzhb:hover img {
        transform: scale(1.1);
    }

    .yqlj_box .swiper-wrapper {
        -webkit-transition-timing-function: linear;
        /*之前是ease-out*/
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
    }


/* 典型案例 */

.dxal_box {
    width: 75%;
    margin: 0 auto;
    padding: 74px 0;
}

    .dxal_box .dxal ul {
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        min-height: 500px;
    }

        .dxal_box .dxal ul li {
            padding: 15px;
            margin-right: 15px;
            margin-top: 40px;
            width: 29%;
        }

            .dxal_box .dxal ul li a {
                width: 100%;
                display: block;
                display: flex;
                flex-direction: column;
                justify-items: center;
                align-content: center;
            }

                .dxal_box .dxal ul li a .dxal_img_box {
                    width: 100%;
                    overflow: hidden;
                }

                .dxal_box .dxal ul li a .dxal_img {
                    width: 100%;
                    height: 216px;
                    transition: all 0.6s;
                }

                .dxal_box .dxal ul li a:hover .dxal_img {
                    transform: scale(1.2);
                }

                .dxal_box .dxal ul li a:hover h1 {
                    color: #0062dd;
                }

            .dxal_box .dxal ul li:hover {
                box-shadow: 0px 0px 18px -8px #999;
            }

                .dxal_box .dxal ul li:hover .jt {
                    opacity: 1;
                }

            .dxal_box .dxal ul li a h1 {
                font-size: 20px;
                font-weight: 600;
                color: #1c1c1c;
                line-height: 70px;
                margin: 0 auto;
            }

            .dxal_box .dxal ul li a p {
                font-size: 14px;
                font-weight: 500;
                color: #464c55;
                line-height: 35px;
                text-align: center;
            }

            .dxal_box .dxal ul li a .jt {
                opacity: 0;
                height: 4px;
                width: 40px;
                margin: 0 auto;
                margin-top: 15px;
                margin-bottom: 15px;
            }


/* 典型案例详情 */

.dxalxq_box {
    width: 75%;
    margin: 0 auto;
    padding: 74px 0;
}

.dxalxq_box_t {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 50px;
}

.dxalxq_Title {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    margin: 0 auto;
    color: #999999;
    align-items: center;
    border-bottom: solid 1px #eeeeee;
    padding-bottom: 23px;
    margin-bottom: 54px;
}

.bshare-weixin {
    background: url(../img/fxwx.png) no-repeat center !important;
    width: 32px !important;
    height: 32px !important;
}

.bshare-sinaminiblog {
    background: url(../img/fxwb.png) no-repeat center !important;
    width: 32px !important;
    height: 32px !important;
}

.bshare-qzone {
    background: url(../img/fxqq.png) no-repeat center !important;
    width: 32px !important;
    height: 32px !important;
}

.bshare-douban {
    background: url(../img/fxdb.png) no-repeat center !important;
    width: 32px !important;
    height: 32px !important;
}

.bshare-custom a {
    padding-left: 10px !important;
}

.dxalxq_cont h1 {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 28px;
}

.dxalxq_cont p {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    line-height: 35px;
}

.dxalxq_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .dxalxq_img img {
        width: 420px;
        display: flex;
        margin: 30px 15px;
    }


/* 上一篇下一篇 */

.qhp {
    width: 100%;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    margin: 50px auto;
}

    .qhp a {
        float: left;
        width: 33%;
        display: block;
        color: #333333;
        font-size: 16px;
    }

        .qhp a:hover {
            color: #0062dd;
        }

    .qhp .syp {
        text-align: left;
        padding: 20px 0;
    }

    .qhp .fhlb {
        padding: 12px 0;
    }

        .qhp .fhlb img {
            width: 36px;
            display: block;
            margin: 0 auto;
        }

    .qhp .xyp {
        text-align: right;
        padding: 20px 0;
    }


/* 相关案例推荐 */

.xgtj {
    display: flex;
    align-items: flex-end;
    position: relative;
}

    .xgtj img {
        margin-right: 12px;
    }

    .xgtj span {
        color: #333333;
        font-weight: 600;
        font-size: 22px;
    }

        .xgtj span:nth-of-type(2) {
            color: #0062dd;
            font-weight: 600;
            font-size: 22px;
        }

.tjbk {
    margin-right: 0 !important;
    position: absolute;
    right: 0;
    width: 92%;
}

.xgtj_cont {
    padding-top: 48px;
}

    .xgtj_cont ul {
        display: flex;
        justify-content: flex-start;
    }

        .xgtj_cont ul li {
            margin-right: 22px;
        }

            .xgtj_cont ul li:last-of-type {
                margin-right: 0;
            }

            .xgtj_cont ul li a {
                display: flex;
                flex-direction: column;
                position: relative;
            }

.xgtj_tu {
    overflow: hidden;
    width: 332px;
    height: 231px;
}

.xgtj_cont ul li a img {
    height: 100%;
    width: 100%;
    transition: all 0.6s;
}

.xgtj_cont ul li span {
    color: #FFF;
    position: absolute;
    bottom: 0;
    line-height: 50px;
    padding-left: 33px;
    font-weight: 600;
    width: 90%;
    /* box-shadow: 0px -24px 27px -4px #000000 inset; */
    background: linear-gradient(to top, rgba(15, 15, 15, 1) 10%, rgba(53, 52, 52, .4) 80%, rgba(100, 99, 99, 0) 100%);
}

.xgtj_cont ul li a:hover img {
    transform: scale(1.2);
}


/* 关于成为 */

.video-box {
    width: 100%;
    height: 100%;
}

    .video-box h2 {
        position: relative;
        text-align: center;
        top: 55%;
        color: #FFFFFF;
        font-size: 30px;
        line-height: 40px;
        font-weight: 500;
    }

    .video-box .video-img {
        position: absolute;
        top: 30%;
        left: 50%;
        width: 66px;
        height: 66px;
        z-index: 999;
        background: url(../img/bifang.png) no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        z-index: 1;
    }

.video {
    position: fixed;
    top: 13%;
    left: 30%;
    width: 750px;
    height: 500px;
    display: flex;
    justify-content: space-between;
    z-index: 999;
}

    .video img {
        width: 30px;
        height: 30px;
    }

.video_cont {
    width: 700px;
    background-color: #131529;
}

.gycw_five {
    width: 100%;
    height: 575px;
    position: relative;
    margin-top: 50px;
}

.gycw_box {
    display: flex;
    flex-direction: column;
    width: 75%;
    margin: 0 auto;
    padding: 80px 0;
}

.gycw_one {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}

    .gycw_one .gycw_one-left {
        width: 50%;
        padding-right: 60px;
    }

        .gycw_one .gycw_one-left h1 {
            font-size: 40px;
            font-weight: 500;
            margin-bottom: 27px;
        }

        .gycw_one .gycw_one-left span {
            display: block;
            font-size: 22px;
            color: #2e2926;
            padding-left: 7px;
            margin-bottom: 45px;
            border-left: solid 6px #0062dd;
        }

        .gycw_one .gycw_one-left p {
            display: block;
            font-size: 16px;
            color: #666666;
            line-height: 30px;
        }

    .gycw_one .gycw_one-right {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        position: relative;
        padding-left: 60px;
    }

        .gycw_one .gycw_one-right img {
            position: absolute;
            right: 0;
        }

.gycw_one-right-wz {
    z-index: 1;
    position: absolute;
    left: 60px;
    width: 280px;
    height: 180px;
    padding: 29px 25px;
    border-radius: 15px;
    box-shadow: 0px 8px 49px -45px #000000;
}

    .gycw_one-right-wz h1 {
        font-size: 20px;
        font-weight: 600;
        color: #252525;
        margin-bottom: 40px;
    }

.gycw_one-right-xq {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .gycw_one-right-xq div {
        display: flex;
        /*flex-direction: column;*/
    }

        .gycw_one-right-xq div span {
            font-size: 40px;
            font-weight: 600;
            color: #0062dd;
        }

        .gycw_one-right-xq div em {
            font-size: 40px;
            font-weight: 600;
            color: #0062dd;
        }

    .gycw_one-right-xq div {
        font-size: 16px;
        color: #252525;
        line-height: 55px;
    }

.gycw_tree {
    width: 100%;
    background: url(../img/gycwbj.jpg) no-repeat center;
    background-size: 100%;
}

.gycw_tree-box {
    display: flex;
    align-items: center;
    height: 490px;
    width: 75%;
    margin: 0 auto;
    justify-content: space-between;
}

    .gycw_tree-box .gycw_tree-wz {
        color: #FFF;
        font-size: 28px;
        width: 100%;
        text-align: center;
        padding-bottom: 80px;
        border-bottom: #FFFFFF solid 2px;
        box-sizing: border-box;
    }

        .gycw_tree-box .gycw_tree-wz.on {
            color: #FFF;
            font-size: 28px;
            width: 100%;
            text-align: center;
            padding-bottom: 77px;
            border-bottom: #FFFFFF solid 5px;
            box-sizing: border-box;
        }

        .gycw_tree-box .gycw_tree-wz:hover {
            color: #FFF;
            font-size: 28px;
            width: 100%;
            text-align: center;
            padding-bottom: 77px;
            border-bottom: #FFFFFF solid 5px;
            box-sizing: border-box;
        }

        .gycw_tree-box .gycw_tree-wz span {
            color: #FFF;
            font-weight: 600;
            font-size: 56px;
            display: inline-block;
            margin-bottom: 18px;
            margin-right: 10px;
        }

.gycw_four {
    width: 75%;
    margin: 0 auto;
    padding-top: 80px;
    margin-bottom: 75px;
}

    .gycw_four .gycw_four-title {
        display: block;
        font-size: 22px;
        color: #2e2926;
        padding-left: 7px;
        margin-bottom: 45px;
        border-left: solid 6px #0062dd;
    }

.gycw_four-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .gycw_four-box .gycw_four-cont {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .gycw_four-box .gycw_four-cont img {
            margin-bottom: 25px;
        }

        .gycw_four-box .gycw_four-cont span {
            font-size: 18px;
            color: #333333;
        }

.gycw_four-conts {
    margin-top: 72px;
    background-color: #fafbfc;
    padding: 50px 21px;
    line-height: 35px;
    color: #666666;
}


/* 合作伙伴 */

.newtel {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.new-wrap {
    margin: 0 auto;
}

.new_telst {
    display: flex;
    align-items: center;
}

    .new_telst li {
        margin: 0 50px 70px 50px;
        font-size: 14px;
        color: #a2a3a9;
        position: relative;
    }

        .new_telst li.newon::before {
            position: absolute;
            display: block;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: #0062dd;
            border: solid 4px #a2a8ec;
            content: '';
            box-sizing: border-box;
        }

        .new_telst li::before {
            bottom: -40px;
            position: absolute;
            display: block;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: #ecedf3;
            border: solid 4px #ecedf3;
            content: '';
            box-sizing: border-box;
        }

.new_lst {
    margin: 0 auto;
}

.new_lst_cn {
    display: flex;
    justify-content: center;
}


/* 联系我们 */

.lxwm {
    height: 200px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 75%;
    bottom: 50%;
    left: 50%;
    top: 40%;
    transform: translateX(-50%);
}

    .lxwm div {
        display: flex;
        flex-direction: column;
        width: 240px;
    }

        .lxwm div h1 {
            font-weight: 600;
            font-size: 60px;
            color: #FFFFFF;
        }

        .lxwm div .bianuang {
            margin-top: 30px;
            float: left;
            width: 50%;
            height: 5px;
            background-color: #FFFFFF;
        }

        .lxwm div .bianuangs {
            margin-bottom: 30px;
            float: left;
            width: 100%;
            height: 2px;
            background-color: #FFFFFF;
        }

        .lxwm div span {
            line-height: 25px;
            font-weight: 500;
            font-size: 16px;
            color: #FFFFFF;
        }

.lxwmt1 {
    width: 52px !important;
    height: 67px !important;
}

.lxwmt2 {
    width: 66px !important;
    height: 67px !important;
}

.lxwmt3 {
    margin-top: 11px !important;
    width: 76px !important;
    height: 55px !important;
}

.lxwm div img {
    padding-bottom: 20px;
}

.lxwm_box {
    background: url(../img/lxwmbj.jpg) no-repeat 100%;
    background-size: auto;
    height: 560px;
    margin-bottom: -120px;
    display: flex;
    align-items: center;
}

.lxwm_cont {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

    .lxwm_cont h1 {
        font-weight: 600;
        font-size: 30px;
        color: #212121;
        line-height: 50px;
    }

    .lxwm_cont span {
        font-size: 14px;
        color: #6c6f7a;
        line-height: 35px;
    }

    .lxwm_cont div {
        background-color: #0062dd;
        margin-top: 80px;
        border-radius: 5px;
    }

        .lxwm_cont div a {
            display: block;
            color: #FFFFFF;
            font-size: 16px;
            padding: 28px 48px;
        }

            .lxwm_cont div a:hover {
                display: block;
                color: #FFFFFF;
                font-size: 16px;
                padding: 28px 48px;
                opacity: .8;
            }


/* 企业文化 */

.qywh_box {
    width: 100%;
    margin: 0 auto;
}

    .qywh_box img {
        max-width: 100%;
    }

    .qywh_box ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .qywh_box ul li {
            display: flex;
            flex-direction: column;
            padding: 45px 28px;
            position: relative;
            height: 235px;
            width: 225px;
            background: url(../img/qywhbj.png)no-repeat 100%;
            background-size: 100% 100%;
        }

            .qywh_box ul li div {
                display: flex;
                flex-direction: column;
                padding: 45px 28px;
            }

            .qywh_box ul li h1 {
                color: #0062dd;
                font-weight: 600;
                font-size: 26px;
                line-height: 60px;
            }

            .qywh_box ul li span {
                font-size: 17px;
                color: #15172b;
            }

            .qywh_box ul li img {
                width: 100px;
                height: 100px;
                position: absolute;
                bottom: 30px;
                right: 20px;
            }


/* 技术优势 */

.jsys_box {
    width: 100%;
    margin: 0 auto;
    padding-top: 77px;
}

.jsys {
    display: flex;
    justify-content: space-between;
    width: 75%;
    margin: 0 auto;
}

    .jsys div {
        width: 375px;
        text-align: center;
    }

        .jsys div img {
            width: 142px;
            height: 136px;
        }

        .jsys div h1 {
            font-weight: 600;
            font-size: 18px;
            color: #232323;
            line-height: 55px;
            margin-top: 10px;
        }

        .jsys div span {
            font-weight: 500;
            font-size: 14px;
            color: #666666;
            line-height: 30px;
        }

.jsys2 {
    width: 100%;
    display: flex;
    margin: 0 auto;
    padding: 72px 0 0 0;
    background-color: #ffffff;
    flex-direction: column;
}

    .jsys2 img:nth-child(1) {
        width: 75%;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .jsys2 img {
        width: 100%;
    }

.jsys3 {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #f7f8fb;
}

    .jsys3 img {
        width: 100%;
    }

.jsys3_left {
    background-color: #ffffff;
    width: 400px;
    height: 302px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-items: center;
    box-shadow: 0px 0px 30px -22px #000000;
    margin-right: 25px;
}

    .jsys3_left h1 {
        font-weight: 600;
        font-size: 24px;
        color: #333333;
        margin-bottom: 57px;
    }

    .jsys3_left img {
        margin: 0 auto;
    }

.jsys3_right {
    background-color: #ffffff;
    width: 925px;
    display: flex;
    align-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .jsys3_right div {
        padding: 0 124px 0 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 266px;
        height: 188px;
        box-shadow: 0px 0px 30px -22px #000000;
    }


/* 新闻资讯详情 */

.xwzx_cont {
    display: flex;
}

.xwzxxq_time span:nth-of-type(1) {
    font-size: 18px;
    color: #333333;
}

.xwzxxq_time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #dadada;
    padding: 5px 15px 5px 25px;
}

    .xwzxxq_time span {
        padding-top: 10px;
        font-size: 14px;
        color: #999999;
    }

.xwzxxq_cont {
    padding: 30px;
}

    .xwzxxq_cont h2 {
        font-weight: 500;
        font-size: 18px;
        color: #333333;
    }

    .xwzxxq_cont span {
        font-weight: 500;
        font-size: 16px;
        color: #666666;
        line-height: 35px;
    }

.xwzxxq_dbox {
    display: flex;
    align-items: center;
    /* box-shadow: 0px 0px 30px -22px #000000; */
    border: 1px solid #dadada;
    box-sizing: border-box;
    width: 688px !important;
    margin-right: 26px;
}

    .xwzxxq_dbox:hover {
        display: flex;
        box-shadow: 0px 0px 30px -22px #000000 !important;
        border: 0px solid #dadada;
        width: 688px !important;
        margin-right: 26px;
    }

        .xwzxxq_dbox:hover .xwzxxq_cont h2 {
            color: #0062dd;
        }

.xwzxxq_lbs {
    padding-bottom: 85px !important;
}

.xwzxxqlb {
    z-index: 99 !important;
    margin-bottom: -10px !important;
}

    .xwzxxqlb span {
        border: 1px solid #0062dd !important;
        background-color: #FFF !important;
    }


/* 网站地图 */

.wzxd_box {
    width: 75%;
    margin: 0 auto;
    margin-bottom: 75px;
}

    .wzxd_box .wzdt_img {
        padding-top: 87px !important;
        padding-bottom: 75px !important;
        width: 586px;
        height: 65px;
        margin: 0 auto !important;
    }

.wzdt_cont {
    display: flex;
    flex-direction: column;
}

    .wzdt_cont ul {
        display: flex;
        align-items: center;
        position: relative;
    }

        .wzdt_cont ul:not(:first-child)::before {
            position: absolute;
            left: 62px;
            height: 100%;
            border-left: solid 1px #dcdcdc;
            content: '';
            box-sizing: border-box;
        }

        .wzdt_cont ul li {
            display: flex;
            margin-left: 63px;
            margin-top: 57px;
            /* color: #4356d1; */
            color: #666666;
            font-size: 16px;
        }

            .wzdt_cont ul li:hover a {
                color: #0062dd;
            }

            .wzdt_cont ul li:nth-of-type(1) {
                display: flex;
                padding-left: 80px;
                color: #333333;
                font-weight: 600;
                font-size: 18px;
                position: relative;
            }

                .wzdt_cont ul li:nth-of-type(1)::before {
                    position: absolute;
                    left: -7px;
                    display: block;
                    width: 13px;
                    height: 13px;
                    border-radius: 50%;
                    background: #dcdcdc;
                    border: solid 4px #dcdcdc;
                    content: '';
                    box-sizing: border-box;
                }

            .wzdt_cont ul li:hover:nth-of-type(1)::before {
                position: absolute;
                left: -7px;
                display: block;
                width: 13px;
                height: 13px;
                border-radius: 50%;
                background: #0062dd;
                border: solid 4px #0062dd;
                content: '';
                box-sizing: border-box;
            }


/* 新闻资讯 */

.xwzxList_box {
    width: 75%;
    margin: 0 auto;
    margin-bottom: 75px;
}

.xwzxList ul {
    display: flex;
    flex-direction: column;
    margin-top: 97px;
}

    .xwzxList ul li {
        padding: 33px 30px 33px 0;
        display: flex;
        transition: all 0.3s;
        border-bottom: 1px solid #eeeeee;
        box-sizing: border-box;
    }

        .xwzxList ul li a {
            display: flex;
        }

        .xwzxList ul li:hover {
            box-shadow: 0px 0px 30px -22px #000000 !important;
            padding: 33px 30px;
            transition: all 0.3s;
            border-bottom: 0px solid #eeeeee;
        }

            .xwzxList ul li:hover .xwzxList_cont3,
            .xwzxList ul li:hover .xwzxList_cont1 h1 {
                color: #0062dd;
            }

                .xwzxList ul li:hover .xwzxList_cont3 .xwzxt1 {
                    display: none;
                }

                .xwzxList ul li:hover .xwzxList_cont3 .xwzxt2 {
                    display: block;
                }

.xwzxList_left {
    margin-right: 50px;
}

    .xwzxList_left img {
        width: 242px;
        height: 144px;
    }

.xwzxList_right {
    display: flex;
    align-items: center;
}

.xwzxList_cont1 {
    width: 768px;
    margin-right: 55px;
}

    .xwzxList_cont1 h1 {
        font-size: 20px;
        color: #333333;
        margin-bottom: 10px;
    }

    .xwzxList_cont1 span {
        font-size: 16px;
        color: #666666;
        line-height: 30px;
    }

.xwzxList_cont2 {
    display: flex;
    align-items: center;
}

    .xwzxList_cont2 div {
        margin-right: 50px;
        color: #999999;
        font-size: 14px;
        margin-top: 30px;
    }

        .xwzxList_cont2 div img {
            margin-right: 10px;
        }

.xwzxList_cont3 {
    padding-left: 55px;
    border-left: 1px solid #eeeeee;
    line-height: 50px;
    color: #999999;
    position: relative;
}

    .xwzxList_cont3 img {
        right: -30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

.xwzxt1 {
    display: block;
}

.xwzxt2 {
    display: none;
}


/* 主营业务 */

.zyyw_box {
    min-height: 400px;
    display: flex;
    justify-content: center;
    background-color: #f6fafd;
    padding-bottom: 75px;
}

    .zyyw_box img {
        width: 100%;
    }


/* 联系我们招聘 */

.zp_boxs {
    width: 75%;
    margin: 0 auto;
    padding-top: 60px;
}

    .zp_boxs .zp_boxs_s {
        position: relative;
        display: flex;
        align-items: center;
        height: 500px;
    }

.zp_boxs_x {
    position: relative;
    display: flex;
    align-items: center;
    height: 500px;
}

.zp_boxs .zp_boxs_s img {
    position: absolute !important;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: -1;
    height: 100%;
}

.zp_boxs .zp_boxs_x img {
    position: absolute !important;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: -1;
    height: 100%;
}

.zp_boxs .zp_boxs_s div {
    padding: 30px;
    width: 55%;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0px 0px 30px -16px #888888;
}

.zp_boxs .zp_boxs_x div {
    position: absolute;
    right: 0;
    padding: 30px;
    width: 55%;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0px 0px 30px -16px #888888;
}

.zp_boxs_s div h1,
.zp_boxs_x div h1 {
    font-size: 18px;
    color: #1d1d1d;
    padding-bottom: 20px;
    position: relative;
}

    .zp_boxs_s div h1:after,
    .zp_boxs_x div h1:after {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 6%;
        height: 2px;
        border-top: 1px solid #4552d9;
        background-color: #4552d9;
    }

.zp_boxs_s div span,
.zp_boxs_x div span {
    position: relative;
    display: block;
    font-size: 16px;
    color: #1d1d1d;
    line-height: 40px;
    left: 30px;
}

    .zp_boxs_s div span:after,
    .zp_boxs_x div span:after {
        content: " ";
        position: absolute;
        left: -30px;
        bottom: 45%;
        width: 20px;
        height: 2px;
        border-top: 1px solid #4552d9;
        background-color: #4552d9;
    }

.zp_box {
    width: 75%;
    display: flex;
    margin: 0 auto;
    padding-top: 80px;
    margin-bottom: 75px;
}

.zp_left {
    width: 183px;
    padding-left: 100px;
    padding-right: 50px;
}

    .zp_left h1 {
        color: #1d1d1d;
        font-size: 18px;
        line-height: 50px;
    }

        .zp_left h1:nth-of-type(1) {
            color: #1d1d1d;
            font-size: 18px;
            line-height: 50px;
            border-bottom: 1px solid #e4e3ea;
        }

    .zp_left ul li {
        line-height: 40px;
        font-size: 14px;
        color: #1d1d1d;
    }

        .zp_left ul li input {
            margin-right: 10px;
        }

.zp_right {
    width: 70%;
    padding-left: 15px;
    border-left: 1px solid #e4e3ea;
}

.zp_right-title {
    color: #1d1d1d;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 45px;
    padding-left: 50px;
}

.zp_right ul li a h1 {
    color: #1d1d1d;
    font-size: 18px;
    font-weight: 600;
}

.zp_right ul li a span {
    color: #4e5152;
    font-size: 14px;
    line-height: 30px;
}

.zp_right ul li {
    width: 955px;
    padding: 30px 50px;
}

    .zp_right ul li a div:nth-of-type(1) {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .zp_right ul li:hover {
        box-shadow: 0px 0px 60px -55px #000000 !important;
    }

        .zp_right ul li:hover h1 {
            color: #0062dd !important;
        }

.zp_right-r {
    display: flex;
    flex-direction: column;
}

    .zp_right-r span p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* white-space: nowrap; */
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }


/* 分页 */

.fy {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

    .fy div {
        display: flex;
    }

    .fy a {
        float: left;
        width: 40px;
        height: 36px;
        color: #242424;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }

        .fy a:hover {
            width: 40px;
            height: 36px;
            background-color: #0062dd;
            color: #FFFFFF;
        }

        .fy a.on {
            width: 40px;
            height: 36px;
            background-color: #0062dd;
            color: #FFFFFF;
        }

    .fy .fy_syp {
        background: url(../img/syp.png) no-repeat center;
        width: 40px;
        height: 36px;
    }

        .fy .fy_syp:hover {
            background: url(../img/syp.png) no-repeat center;
            width: 40px;
            height: 36px;
            background-color: rgba(255, 255, 255, 0);
        }

    .fy .fy_xyp {
        background: url(../img/xyp.png) no-repeat center;
        width: 40px;
        height: 36px;
        background-color: rgba(255, 255, 255, 0);
    }

        .fy .fy_xyp:hover {
            background: url(../img/xyp.png) no-repeat center;
            width: 40px;
            height: 36px;
            background-color: rgba(255, 255, 255, 0);
        }


/* 招聘详情 */

.zpxq_box {
    width: 75%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 75px;
}

.zpxq_left {
    margin-right: 20px;
    width: 860px;
    background-color: #FFFFFF;
    padding: 48px 43px;
}

    .zpxq_left .zpxq_yq {
        display: flex;
        margin-top: 40px;
    }

        .zpxq_left .zpxq_yq span {
            margin-right: 30px;
        }

.zpxq_left-title {
    color: #232323;
    font-size: 30px !important;
    font-weight: 600;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.zpxq_left h1 {
    color: #232323;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 35px;
    margin-top: 60px;
}

.zpxq_left span,
.zpxq_left p {
    color: #232323;
    font-size: 16px;
    line-height: 30px;
}

.jianli {
    display: flex;
    width: 260px;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 100px;
}

    .jianli a {
        display: block;
        padding: 12px 28px;
        background-color: #0062dd;
        color: #FFFFFF;
        border-radius: 25px;
    }

        .jianli a:hover {
            display: block;
            padding: 12px 28px;
            background-color: #0062dd;
            color: #FFFFFF;
            border-radius: 25px;
            opacity: .8;
        }

.zpxq_right {
    display: flex;
    flex-direction: column;
    width: 400px;
    background-color: #FFFFFF;
    padding: 40px 25px;
    height: 100%;
}

.zpxq_right-title {
    display: flex;
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #dbdde1;
    margin-bottom: 15px;
}

    .zpxq_right-title h1 {
        color: #1c1c1c;
        font-size: 18px;
        margin-left: 10px;
    }

.zpxq_right-cont ul li a {
    display: block;
    padding: 20px 0;
}

    .zpxq_right-cont ul li a span {
        color: #1c1c1c;
        font-size: 18px;
    }

    .zpxq_right-cont ul li a:hover span {
        color: #0062dd;
    }

    .zpxq_right-cont ul li a span {
        margin-left: 10px;
    }


/* 荣誉资质 */

.ryzz_box {
    width: 75%;
    margin: 0 auto;
    padding: 90px 0;
    margin-bottom: 75px;
}

    .ryzz_box .gsry_wz {
        color: #333333;
        font-size: 22px;
        border-left: #0062dd 4px solid;
        padding: 0 7px;
        margin-bottom: 105px;
    }

.ryzz_gsry {
    padding-bottom: 50px;
    margin-right: 0 !important;
}

.ryzz_xx {
    padding-left: 140px !important;
}

.ryzz_gsry::before {
    /* position: absolute;
    bottom: -7px;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #eeeeee;
    border: solid 4px #eeeeee;
    content: '';
    border-bottom: 1px solid #d2d4d9;
    box-sizing: border-box; */
    position: absolute;
    bottom: -7px;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #eeeeee;
    border: solid 1px #eeeeee;
    content: '';
}

.swiper-slide-thumb-active::before {
    position: absolute;
    bottom: -7px;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    content: '';
    box-sizing: border-box;
    padding: 1px;
    background: url(../img/ryzzdd.png) no-repeat center;
    background-size: 7px;
    background-color: #c7cfdf;
}

.sx {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #d2d4d9;
}

.ryzz_gsry_s {
    background: url(../img/ryzzss.jpg) no-repeat center;
    width: 36px !important;
    bottom: -10px !important;
    left: 0 !important;
}

.ryzz_gsry_x {
    background: url(../img/ryzzx.png) no-repeat center;
    width: 36px !important;
    bottom: -10px !important;
    right: 0 !important;
}

.ryzz_gsry_s.swiper-button-disabled,
.ryzz_gsry_s.swiper-button-disabled {
    background: url(../img/ryzzs.jpg) no-repeat center;
    width: 36px !important;
    bottom: -10px !important;
    right: 0 !important;
    opacity: 1 !important;
}

.ryzz_gsry_x.swiper-button-disabled,
.ryzz_gsry_x.swiper-button-disabled {
    background: url(../img/ryzzxs.jpg) no-repeat center;
    width: 36px !important;
    bottom: -10px !important;
    right: 0 !important;
    opacity: 1 !important;
}

.gsry_box {
    padding-top: 50px !important;
}

.ryzz_box .swiper-button-next:after,
.ryzz_box .swiper-rtl .swiper-button-prev:after {
    display: none !important;
}

.ryzz_box .swiper-button-prev:after,
.ryzz_box .swiper-rtl .swiper-button-next:after {
    display: none !important;
}

.ryzz_gsry_cont {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    padding-left: 55px;
}

    .ryzz_gsry_cont h1 {
        color: #0062dd;
        font-size: 42px;
        font-weight: 600;
        margin-right: 120px;
    }

    .ryzz_gsry_cont div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .ryzz_gsry_cont p {
        color: #333333;
        font-size: 16px;
        line-height: 30px;
    }

.ryzs {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .ryzs div {
        display: flex;
        align-content: center;
        justify-content: center;
        padding: 15px;
        border: 1px solid #eeeeee;
        margin-bottom: 35px;
    }

        .ryzs div img {
            max-width: 100%;
            width: auto;
            height: auto;
        }

    .ryzs span {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        padding: 0 15px;
    }



/* 发展历程 */

.fzlc_box {
    width: 75%;
    margin: 0 auto;
    padding: 90px 0;
}

    .fzlc_box .gsry_wz {
        color: #333333;
        font-size: 22px;
        border-left: #0062dd 4px solid;
        padding: 0 7px;
        margin-bottom: 105px;
    }

.fzlc_box2 {
    background: url(../img/fzlcbj.png);
}

.fzlc_List {
    margin-bottom: 50px !important;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 30px;
    margin-right: 0 !important;
}

    .fzlc_List::before {
        position: absolute;
        bottom: -7px;
        display: block;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #FFFFFF;
        border: solid 1px #0062dd;
        content: '';
        box-sizing: border-box;
        padding: 1px;
        background: url(../img/ryzzdd.png) no-repeat center;
        background-size: 7px;
    }

.fzlc {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.fzlc_List_x {
    right: -60px !important;
}

.fzlc_List_s {
    left: -60px !important;
}

.fzcl_cont {
    display: flex;
    flex-direction: column;
    padding: 30px;
    align-items: flex-start;
    border: 1px #d9d9d9 solid;
    min-height: 487px !important;
}

    .fzcl_cont img {
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }

    .fzcl_cont p {
        text-align: left;
        font-size: 16px;
        color: #666666;
        line-height: 30px;
        background: url(../img/jiantou.png) no-repeat 0 7px;
        padding: 0 0 0 25px;
    }

.fzlc_x_cont {
    display: flex;
    justify-content: flex-start !important;
    padding: 0 25px;
}

.fzlc_xx {
    overflow: hidden;
}

.fzlc_lb .fzlc_List.on {
    color: #0062dd;
}

.fzlc_boxs {
    padding-left: 135px !important;
}

.fzlc-List {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.nianfen {
    width: 500%;
    display: flex;
    justify-content: center;
    margin-bottom: 50px !important;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 30px;
    margin-right: 0 !important;
}

    .nianfen::before {
        z-index: 99;
        position: absolute;
        top: 40px;
        display: block;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #FFFFFF;
        border: solid 1px #0062dd;
        content: '';
        box-sizing: border-box;
        padding: 1px;
        background: url(../img/ryzzdd.png) no-repeat center;
        background-size: 7px;
    }


/* 底部样式 */

.bottom_box {
    background-color: #131529;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*margin-top: 120px;*/
}

.bottom_shang {
    width: 75%;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #253445;
    padding-bottom: 80px;
}

.bottom_left ul {
    display: flex;
}

    .bottom_left ul li {
        margin-right: 130px;
    }

        .bottom_left ul li a:hover {
            color: #0062dd;
        }

        .bottom_left ul li div {
            display: flex;
            flex-direction: column;
        }

        .bottom_left ul li > a {
            color: #ffffff;
            font-size: 18px;
            line-height: 40px;
        }

        .bottom_left ul li div a {
            color: #a8aeb5;
            font-size: 14px;
            line-height: 35px;
        }

.bottom_right {
    width: 310px;
}

    .bottom_right .wx {
        display: flex;
        margin-bottom: 30px;
    }

        .bottom_right .wx img {
            width: 100px;
            height: 100px;
            margin-right: 30px;
        }

    .bottom_right div a {
        padding: 17px 75px;
        background-color: #0062dd;
        color: #ffffff;
        font-size: 18px;
    }

        .bottom_right div a:hover {
            padding: 17px 75px;
            background-color: #0062dd;
            color: #ffffff;
            font-size: 18px;
            opacity: .8;
        }

    .bottom_right h1 {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .bottom_right h1 {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 30px;
    }

.bottom_xia {
    width: 75%;
    display: flex;
    flex-direction: column;
}

    .bottom_xia div,
    .bottom_xia a {
        display: flex;
        font-size: 14px;
        color: #8697ac;
        margin-right: 20px;
        line-height: 40px;
        align-items: center;
    }

        .bottom_xia div img {
            height: 100%;
            margin-right: 10px;
        }


/* 友情链接 */

.selet {
    width: 230px;
    height: 42px;
    border-radius: 5px;
    background: #131529;
    color: #202334;
    position: relative;
    box-sizing: border-box;
    padding: 12px 20px;
    margin-top: 15px;
    transition: all 1s;
    z-index: 1;
    border: 1px solid #202334;
    box-sizing: border-box;
    display: none !important;
}

    .selet:after {
        content: '';
        display: block;
        position: absolute;
        top: 7px;
        right: 15px;
        width: 0;
        height: 0;
        border: 7px solid transparent;
    }

    .selet:hover .selLj {
        display: block !important;
        position: absolute;
        background: #131529;
        left: 0;
        top: -90px;
        height: 90px;
        overflow: hidden;
        z-index: -1;
        transition: height .5s;
        display: flex;
        flex-direction: column;
        border-top: 1px solid #202334;
        border-right: 1px solid #202334;
        border-left: 1px solid #202334;
        box-sizing: border-box;
        width: 229px;
    }

.selLj {
    display: none !important;
    position: absolute;
    background: #131529;
    left: 0;
    top: -90px;
    height: 90px;
    overflow: hidden;
    z-index: -1;
    transition: height .5s;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #202334;
    border-right: 1px solid #202334;
    border-left: 1px solid #202334;
    box-sizing: border-box;
    width: 229px;
}

.selet:hover .selLj {
    height: 90px;
}

.selLj a {
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 230px;
    color: #FFFFFF;
    display: block;
}

    .selLj a:hover {
        color: #fff;
    }


/* 媒体查询-------------------------------------------------------------------------------------------------------------- */

@media screen and (Max-width: 1550px) {
    .top,
    .tops {
        width: 90%;
    }

    .Nav_box .Nav .Nav_one {
        padding: .46rem .15rem .36rem .15rem;
    }

    .dxal_box {
        width: 95%;
    }

    .dxalxq_Title {
        width: 95%;
    }

    .lxwm div {
        width: 195px;
    }

        .lxwm div h1 {
            font-size: 48px;
        }

    .xwzxList_cont1 {
        width: 420px;
        margin-right: 30px;
    }

    .xwzxList_cont3 {
        padding-left: 40px;
    }

    .xwzxList_left {
        margin-right: 20px;
    }

    .xwzxList_cont1 h1 {
        line-height: 35px;
    }

    .jzfxw {
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

    .bottom_xia div,
    .bottom_xia a {
        margin-right: 15px;
    }

    .xgtj_cont {
        overflow: hidden;
    }

    .xwzx_box ul li {
        padding: 25px 20px 25px 20px !important;
        width: 580px !important;
    }
}


/*.space {
    width: 100vw;
    background: rgba(255, 255, 255, 0);
    overflow: hidden;
}

    .space .star {
        display: block;
        border-radius: 50%;
        background: #0062dd;
        top: -50px;
        left: 200px;
        position: relative;
        transform-origin: 100% 0;
        animation: star-ani 6s infinite ease-out;
        box-shadow: 0 0 0px 0px rgba(255, 255, 255, .3);
        opacity: 0;
        z-index: 2;
    }

        .space .star:after {
            content: '';
            display: block;
            top: -10px;
            left: 200px;
            border-color: transparent transparent transparent #fff;
            transform: rotate(180deg) translate3d(1px, 3px, 0);
            box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);
            transform-origin: 0% 100%;
            animation: shooting-ani 1s infinite ease-out;
        }

    .space .star1 {
        top: 325px;
        left: 495px;
        width: 10px;
        height: 10px;
        background: #0062dd;
        animation-delay: 0.5s;
        animation: star1 3s infinite ease-out;
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
    }

        .space .star1:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 0.5s;
            -webkit-animation-delay: 0.5s;
            -moz-animation-delay: 0.5s;
        }
@keyframes star1 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);
    }

    25% {
        opacity: 1;
        transform: scale(1) rotate(0) translate3d(-15px, -12px, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(-15px, -12px, 0);
        -moz-transform: scale(1) rotate(0) translate3d(-15px, -12px, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(0) translate3d(-70px, -28px, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(-70px, -28px, 0);
        -moz-transform: scale(1) rotate(0) translate3d(-70px, -28px, 0);
    }
    75% {
        opacity: 1;
        transform: scale(1) rotate(0) translate3d(-110px, -20px, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(-110px, -20px, 0);
        -moz-transform: scale(1) rotate(0) translate3d(-110px, -20px, 0);
    }

    100% {
        opacity: 0;
        transform: scale(1) rotate(0) translate3d(-150px, 0, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(-150px, 0, 0);
        -moz-transform: scale(1) rotate(0) translate3d(-150px, 0, 0);
    }
}
.space .star2 {
    top: 325px;
    left: 495px;
    width: 10px;
    height: 10px;
    background: #0062dd;
    animation-delay: 0.5s;
    animation: star2 2s infinite ease-out;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
}

        .space .star2:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 0;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
        }
@keyframes star2 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);
    }

    50% {
        opacity: 1;
        transform: scale(1) rotate(0) translate3d(-10px, -10px, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(-10px, -10px, 0);
        -moz-transform: scale(1) rotate(0) translate3d(-10px, -10px, 0);
    }
    75% {
        opacity: 1;
        transform: scale(1) rotate(0) translate3d(-150px, -10px, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(-10px, -10px, 0);
        -moz-transform: scale(1) rotate(0) translate3d(-10px, -10px, 0);
    }

    100% {
        opacity: 0;
        transform: scale(1) rotate(0) translate3d(-20px, 0, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(-20px, 0, 0);
        -moz-transform: scale(1) rotate(0) translate3d(-20px, 0, 0);
    }
}
    .space .star3 {
        top: 325px;
        left: 482px;
        background: #0062dd;
        animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
    }

        .space .star3:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 1.5s;
            -webkit-animation-delay: 1.5s;
            -moz-animation-delay: 1.5s;
        }

    .space .star4 {
        top: 325px;
        left: 482px;
        background: #0062dd;
        animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
    }

        .space .star4:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 1.5s;
            -webkit-animation-delay: 1.5s;
            -moz-animation-delay: 1.5s;
        }

    .space .star5 {
        top: 325px;
        left: 482px;
        background: #0062dd;
        animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
    }

        .space .star5:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 1.5s;
            -webkit-animation-delay: 1.5s;
            -moz-animation-delay: 1.5s;
        }

    .space .star6 {
        top: 325px;
        left: 482px;
        background: #0062dd;
        animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
    }

        .space .star6:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 1.5s;
            -webkit-animation-delay: 1.5s;
            -moz-animation-delay: 1.5s;
        }

    .space .star7 {
        top: 325px;
        left: 482px;
        background: #0062dd;
        animation-delay: 3s;
        -webkit-animation-delay: 3s;
        -moz-animation-delay: 3s;
    }

        .space .star7:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 3s;
            -webkit-animation-delay: 3s;
            -moz-animation-delay: 3s;
        }

    .space .star8 {
        top: 325px;
        left: 482px;
        background: #0062dd;
        animation-delay: 3s;
        -webkit-animation-delay: 3s;
        -moz-animation-delay: 3s;
    }

        .space .star8:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 3s;
            -webkit-animation-delay: 3s;
            -moz-animation-delay: 3s;
        }

    .space .star9 {
        top: 325px;
        left: 482px;
        background: #0062dd;
        animation-delay: 4s;
        -webkit-animation-delay: 4s;
        -moz-animation-delay: 4s;
    }

        .space .star9:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 4s;
            -webkit-animation-delay: 4s;
            -moz-animation-delay: 4s;
        }

    .space .star10 {
        top: 325px;
        left: 482px;
        background: #0062dd;
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
        -moz-animation-delay: 5s;
    }

        .space .star10:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 5s;
            -webkit-animation-delay: 5s;
            -moz-animation-delay: 5s;
        }

    .space .star11 {
        top: 325px;
        left: 482px;
        background: #0062dd;
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
        -moz-animation-delay: 5s;
    }

        .space .star11:after {
            border-color: transparent transparent transparent #0062dd;
            animation-delay: 5s;
            -webkit-animation-delay: 5s;
            -moz-animation-delay: 5s;
        }*/


/*@keyframes star-ani {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);
    }

    50% {
        opacity: 1;
        transform: scale(1) rotate(0) translate3d(300px, 0, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(300px, 0, 0);
        -moz-transform: scale(1) rotate(0) translate3d(300px, 0, 0);
    }

    100% {
        opacity: 0;
        transform: scale(1) rotate(0) translate3d(600px, 0, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(600px, 0, 0);
        -moz-transform: scale(1) rotate(0) translate3d(600px, 0, 0);
    }
}*/