@charset "utf-8";

textarea {

    resize: none;

}


button:focus {

    outline: 0;

}


button {

    outline: none;

}


* {

    padding: 0px;

    margin: 0px;

}


body {

    font-size: 15px;

    color: #555;

    font-family: "Microsoft YaHei", "SimHei", "Source Han Sans CN", Arial, Tahoma,
    sans-serif;

}


body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
i,
b,
em,
span,
form,
fieldset,
legend,
input,
textarea,
select,
button,
th,
td {

    margin: 0;

    padding: 0;

    font-style: normal;

}


h1,
h2,
h3,
h4,
h5,
h6 {

    list-style: none;

}


input,
select,
button,
textarea {

    font-size: 15px;

    border: 0;

    background: none;

    outline: none;

    vertical-align: middle;

    font-family: "PingFang SC", "SimHei", "Source Han Sans CN", "Microsoft YaHei",
    Arial, Tahoma, sans-serif;

}


button {

    overflow: visible;

}


img {

    border: none;

}


li {

    list-style: none;

}


a {

    color: #000;

    text-decoration: none;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


a:hover {


    text-decoration: none !important;

}


.clear {

    overflow: hidden;

    clear: both;

    height: 0px;

}


::-webkit-scrollbar {

    width: 6px;

}


::-webkit-scrollbar-track {

    background-color: #000;

}


::-webkit-scrollbar-thumb {

    background-color: #aaa;

}


::-webkit-scrollbar-thumb:hover {

    background-color: #5b5b5b;

}


::-webkit-scrollbar-thumb:active {

    background-color: #0a0d59;

}


@media only screen and (max-width: 1024px) {

    body {

        font-size: 20px;

    }

    input,
    select,
    button,
    textarea {

        font-size: 20px;

    }

    input,
    textarea {

        -webkit-appearance: none;

        border-radius: 0;

    }

    .container {

        padding: 0 25px;

    }

}


@media only screen and (max-width: 1024px) {

    /* html.on {

      width: 100%;

      height: 100%;

      position: fixed;

      top: 0;

      left: 0;

    } */

}


body {

    background-position: center;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}


@media only screen and (max-width: 1024px) {

    /* body.on {

      transform: translateX(-60%);

      -webkit-transform: translateX(-60%);

      -moz-transform: translateX(-60%);

      -ms-transform: translateX(-60%);

      -o-transform: translateX(-60%);

    } */

}


@media only screen and (max-width: 1024px) {

    .sj_bj {

        width: 100%;

        height: 100%;

        background-color: rgba(0, 0, 0, 0.5);

        position: fixed;

        top: 0;

        left: 0;

        content: "";

        z-index: 99999;

        display: none;

    }

}


/* 微信 */


.e_m {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.9);

    z-index: 99999;

    display: none;

}


.e_m .n_r {

    width: 200px;

    padding: 10px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    text-align: center;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}


.e_m .n_r img {

    width: 100%;

    height: auto;

    display: block;

}


.e_m .n_r p {

    font-size: 15px;

    color: #888;

    margin-top: 10px;

}


@media only screen and (max-width: 640px) {

    .e_m .n_r {

        width: 230px;

        padding: 15px;

    }

    .e_m .n_r p {

        font-size: 20px;

    }

}


.header {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    border-bottom: 1px solid rgba(255, 255, 255, 0.15);

    background-color: #fff;

}


.header.s_y {

    background: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}


.header.on,
.header.headernei {

    box-shadow: 0 0 15px #ddd;

    background-color: #fff;

    border-bottom: 0;

}


.header .container .nri_hedar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}


.header .logo {

    position: relative;

}


.header .zuoyou_y {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}


.header .logo img {

    max-width: 100%;

    height: auto;

    display: block;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


.header .logo img.d_w {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}


.header.on .logo img.t_m,
.header.headernei .logo img.t_m {

    opacity: 0;

}


.header.on .logo img.d_w,
.header.headernei .logo img.d_w {

    opacity: 1;

}


.header .an {

    position: absolute;

    top: 50%;

    margin-top: -16px;

    right: 25px;

    height: 33px;

    width: 50px;

    display: none;

}


.header .an span {

    width: 50px;

    height: 3px;

    background: #2494e3;

    display: block;

    position: absolute;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


.header .an span.a1 {

    top: 0;

    left: 0;

}


.header .an span.a2 {

    top: 14px;

    left: 0;

}


.header .an span.a3 {

    top: 28px;

    left: 0;

}


.header .an.n span.a2 {

    display: none;

}


.header .an.n span.a1 {

    top: 13px;

    transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

}


.header .an.n span.a3 {

    top: 13px;

    transform: rotate(135deg);

    -o-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

}


.header .tel {

    height: 100px;

    font-size: 18px;

    font-weight: bold;

    line-height: 100px;

    text-align: center;

    color: #333;

    float: left;

}


.header.s_y .tel {

    color: #fff;

}


.header.on .tel {

    color: #333;

}


.header .tel i {

    font-weight: normal;

    vertical-align: middle;

    font-size: 21px;

    color: #0a0d59;

    margin-right: 5px;

}


.header.s_y .tel i {

    color: #fff;

}


.header.on .tel i {

    color: #0a0d59;

}


.header .nav {

    display: flex;

    justify-content: center;

    align-items: flex-end;

    height: 100%;

}


.header .nav ul {

    float: left;

    height: 100%;

}


.header .nav ul li {

    margin-left: 20px;

    float: left;

    text-align: center;

    position: relative;

    padding: 0 15px;

    height: 100%;

}


.header .nav .y_j {

    position: relative;

    height: 92px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    height: 100%;

}


.header .nav .y_j i {

    width: 60%;

    padding-right: 10px;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 20px;

    text-align: right;

    color: #fff;

    line-height: 70px;

    z-index: 99;

    display: none;

}


.header .nav .y_j a {
    display: block;
    font-size: 16px;
    color: #515151;
    line-height: 81px;
    text-transform: uppercase;
    position: relative;
}


.header .nav .y_j a::after {

    width: 0%;

    height: 1px;

    position: absolute;

    content: "";

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    background: #fff;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


.header .nav li.on .y_j a {

    font-weight: bold;

    color: #2494e3;

}


.header .nav li.on .y_j a::after,
.header .nav li:hover .y_j a::after {

    /* width: 29px; */

}


.header .nav .e_j {

    width: max-content;

    padding: 10px 0;

    /* background-color: rgba(255, 255, 255, 0.9); */

    /* box-shadow: 0 0 5px #888; */

    position: absolute;

    left: 50%;


    opacity: 0;

    visibility: hidden;

    transform: translateY(10px) translateX(-50%);

    -webkit-transform: translateY(10px) translateX(-50%);

    -moz-transform: translateY(10px) translateX(-50%);

    -ms-transform: translateY(10px) translateX(-50%);

    -o-transform: translateY(10px) translateX(-50%);

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    display: flex;

}

.header .nav .e_j .dan_tiao {


    margin: 0 25px;

}

.header .nav ul .nav_background {

    width: 100%;

    position: fixed;

    background-color: #EFEFEF;

    left: 0;

    z-index: -1;

    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


/*.header .nav ul:hover .nav_background,*/

/*.header .nav ul:hover li .e_j {*/

/*  opacity: 1;*/

/*  visibility: inherit;*/

/*  transform: translateY(0);*/

/*  -webkit-transform: translateY(0);*/

/*  -moz-transform: translateY(0);*/

/*  -ms-transform: translateY(0);*/

/*  -o-transform: translateY(0);*/

/*}*/

.header .nav ul:hover .nav_background {

    opacity: 1;

    visibility: inherit;

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

}


.header .nav ul li:hover .e_j {

    opacity: 1;

    visibility: inherit;

    transform: translateY(0) translateX(-50%);

    -webkit-transform: translateY(0) translateX(-50%);

    -moz-transform: translateY(0) translateX(-50%);

    -ms-transform: translateY(0) translateX(-50%);

    -o-transform: translateY(0) translateX(-50%);

}

@media only screen and (max-width: 1024px) {

    .header .nav ul .nav_background {

        display: none;

    }

}


/* .header .nav ul li:hover .e_j {

    opacity: 1;

    visibility: inherit;

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

} */


.header .nav .e_j a {
    font-size: 14px;
    line-height: 40px;
    text-align: left;
    display: block;
}

.header .nav .e_j a:hover {

    color: #2494e3;

}

.header .nav .e_j a.da_dh {
    font-size: 18px;
    color: #2494e3;
}

.header_ls {

    padding-left: 28px;

    margin-left: 15px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}


.header_ls i {

    color: #2494e3;

    font-size: 25px;

    display: flex;

    align-items: center;

}


.header_ls::after {

    /* width: 1px;

      background-color: #4e4545;

      height: 17px;

      top: 50%;

      transform: translateY(-50%);

      left: 0;

      position: absolute;

      content: ""; */

}


.header_ls .yuyan {

    position: relative;

    margin-left: 15px;

    padding-left: 15px;

}


.header_ls .xia_nr {

    position: absolute;

    background-color: rgba(1, 102, 235, 0.5);

    color: #fff;

    width: 140%;

    text-align: center;

    left: 50%;

    transform: translateX(-50%);

    border-radius: 10px;

    top: 100%;

    margin-left: 8px;

    padding: 5px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


.header_ls .yuyan:hover .xia_nr {

    opacity: 1;

    visibility: inherit;

}


.header_ls .xia_nr::after {

    width: 0;

    height: 0;

    overflow: hidden;

    border-right: 8px solid transparent;

    border-left: 8px solid transparent;

    /* top就是倒三角，bottom就是上三角，left,right类似 */

    border-bottom: 10px solid rgba(1, 102, 235, 0.5);

    position: absolute;

    content: "";

    left: 50%;

    transform: translateX(-50%);

    top: -10px;

}


.header_ls .xia_nr a {

    color: #fff;

}


@media only screen and (max-width: 1024px) {

    .header_ls {

        margin-right: 30px;

    }

    .header .oaxt {

        margin-right: 81px;

        font-size: 20px;

        width: auto;

    }

    .header_ls i {

        font-size: 30px;

    }

    .header_ls::after {

        display: none;

    }

    .search label input {

        font-size: 19px;

    }

}


/* 模态框 */


.search {

    position: fixed;

    top: 121px;

    width: 100%;

    background-color: #f5f5f8;

    height: 80px;

    display: none;

    z-index: 9999;

}


.search > .container {

    height: 100%;

    display: flex;

    align-items: center;

    padding-left: 100px;

}


.search label {

    padding-left: 60px;

    position: relative;

    margin: 0;

}


.search label .hr {

    /* content: ''; */

    position: absolute;

    width: 0;

    height: 1px;

    background-color: var(--color);

    bottom: -8px;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


.search label input {

    font-size: 15px;

    color: var(--color);

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


.search label input:focus {

    padding-left: 10px;

}


.search label input:focus ~ .hr {

    width: 100%;

}


/* 模态框 end*/


.header .oaxt {
    font-size: 16px;
    color: #676767;
}


@media only screen and (max-width: 1235px) {

    .header .nav ul li {

        margin-left: 6px;

        padding: 0 8px;

    }

    .header .nav .y_j a {

        font-size: 16px;

        line-height: 127px;

    }

    .header_ls {

        padding-left: 0;

    }

    .header .oaxt {

        margin-left: 16px;

    }

}


@media only screen and (max-width: 1024px) {

    .search label input {

        font-size: 20px;

    }

    .header .nav li.on .y_j a::after,
    .header .nav li:hover .y_j a::after {

        display: none;

    }

    .header_h {

        display: none;

    }

    .header.on .nav li.on .y_j a,
    .header.headernei .nav li.on .y_j a {

        color: #fff;

        font-weight: initial;

    }

    .header.s_y {

        border-bottom: 0;

        background-color: rgba(255, 255, 255, 0.9);

    }

    .header .logo {

        margin: 0;

        padding: 25px 0;

        float: none;

    }

    .header .logo img.d_w {

        opacity: 1;

        top: 25px;

    }

    .header .logo img.t_m {

        opacity: 0;

    }

    .header.on .logo img.t_m {

        opacity: 0;

    }

    .header.on .logo img.d_w {

        opacity: 1;

    }

    .header .an {

        display: block;

    }

    .header .tel {

        height: 90px;

        font-size: 22px;

        line-height: 90px;

        text-align: left;

        color: #fff;

        float: none;

    }

    .header .tel i {

        color: #fff;

    }

    .header .nav {

        width: 60%;

        height: 100vh;

        padding: 10px 5% 0;

        margin: 0;

        background-color: #141414;

        position: fixed;

        top: 0;

        right: -60%;

        z-index: 9999;

        overflow: auto;

        transition: all 0.5s;

        -o-transition: all 0.5s;

        -ms-transition: all 0.5s;

        -moz-transition: all 0.5s;

        -webkit-transition: all 0.5s;

        display: block;

    }

    .header .nav ul {

        width: 100%;

        float: none;

    }

    .header .nav ul li {

        width: 100%;

        text-align: left;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

        float: none;

        padding: 10px 0;

        margin: 0;

        height: auto;

    }

    .header .nav .y_j {

        height: auto;

        justify-content: flex-start;

    }

    .header .nav .y_j i {

        display: block;

    }

    .header .nav .y_j:after {

        display: none;

    }

    .header .nav .y_j a,
    .header.headernei .nav .y_j a {

        font-size: 22px;

        color: #fff;

        line-height: 70px;

    }

    .header .nav ul li:hover .y_j a {

        color: #fff;

    }

    .header .nav ul li.on .y_j a {

        color: #fff;

    }

    .header .nav .e_j {

        width: 100%;

        background: none;

        border-top: 1px solid rgba(255, 255, 255, 0.1);

        box-shadow: none;

        position: relative;

        left: auto;

        top: auto;

        padding: 10px 0;

        margin-left: 0;

        opacity: 0;

        visibility: inherit;

        display: none;

        transform: none;

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transition: none;

        -o-transition: none;

        -ms-transition: none;

        -moz-transition: none;

        -webkit-transition: none;

    }

    .header .nav ul li:hover .e_j {

        transform: none;

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

    }

    .header .nav .e_j a {

        font-size: 20px;

        line-height: 56px;

        text-align: left;

        color: #fff;

        margin: 0 30px 0 0;

    }

    .sousuo .sou_suo_kuang {

        width: 275px;

        height: 43px;

    }

    .sousuo .sou_suo_kuang button {

        display: flex;

        justify-content: center;

        align-items: center;

        flex-wrap: wrap;

    }

    .yuyan {

        margin-right: 100px;

    }

    .header .nav ul li:hover::after,
    .header .nav ul li.on::after {

        display: none;

    }

    .header {

        position: relative;

        background-color: #fff;

    }

    .sousuo .ondq {

        opacity: 1;

    }

    .sousuo .zdq {

        opacity: 0;

    }

    .sousuo {

        color: #1e1e1e;

    }

    .header.headernei .yuyan .xia_nr,
    .header .yuyan .xia_nr {

        background: rgba(12, 60, 96, 0.5);

    }

    .header.headernei .yuyan .xia_nr a,
    .header .yuyan .xia_nr a {

        color: #fff;

    }

    .header.headernei .yuyan .xia_nr::after,
    .header .yuyan .xia_nr::after {

        border-bottom: 12px solid rgba(12, 60, 96, 0.5);

    }

    .header_ls .header_sea i {

        font-size: 26px;

    }

    .header_ls .header_sea i img {

        width: 25px;

    }

    .search button i {

        font-size: 26px;

    }

}


@media only screen and (max-width: 992px) {
    .header {
        z-index: 999999;
    }

    .header .nav {

        display: block;

    }

    .header .nav.on {
        right: 0;

    }

    .sousuo .sou_suo_kuang {

        width: 262px;

        height: 44px;

    }

}


.head_h {

    width: 100%;

    height: 100px;

    background-color: #fff;

    overflow: hidden;

}


.head_h.g_b {

    display: none;

}


@media only screen and (max-width: 1024px) {

    .head_h {

        height: 120px;

    }

    .head_h.g_b {

        display: block;

    }

}


.swiper-button-prev::after,
.swiper-button-next::after {

    content: "";

    display: none;

}


.pc_ban .swiper-button-prev {

    left: 30px;

    width: auto;

}


.pc_ban .swiper-button-next {

    right: 30px;

    width: auto;

}


.pc_ban .swiper-button-prev i,
.pc_ban .swiper-button-next i {

    width: 62px;

    height: 62px;

    border: 1px dashed rgba(255, 255, 255, 0.9);

    font-size: 20px;

    color: rgba(255, 255, 255, 0.9);

    font-weight: lighter;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    border-radius: 100px;

}


.pc_ban .swiper-slide {

    overflow: hidden;

}


.pc_ban .swiper-pagination {

    bottom: 55px;

}


.pc_ban .swiper-pagination .swiper-pagination-bullet {

    width: 75px;

    height: 7px;

    background-color: #fff;

    border-radius: 50px;

}


.pc_ban img {

    width: 100%;

}


.pc_ban .tpneir {

    position: relative;

}


.pc_ban .tpneir .shang_wz {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}


.pc_ban .tpneir .shang_wz h5 {

    font-size: 50px;

    color: #ffffff;

    font-weight: bold;

    text-align: center;

}


.pc_ban .tpneir .shang_wz h6 {

    font-size: 21px;

    color: #ffffff;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    margin-top: 10px;

}


@media only screen and (max-width: 1200px) {

    .pc_ban .container h5 {

        font-size: 34px;

    }

}


@media only screen and (max-width: 1024px) {

    .pc_ban .swiper-button-next,
    .pc_ban .swiper-button-prev {

        display: none;

    }

    .pc_ban .container h5 {

        font-size: 26px;

        line-height: 60px;

    }

    .pc_ban .ggan {

        margin-top: 42px;

    }

    .pc_ban .sybana {

        height: 64px;

        margin-top: 57px;

    }

    .pc_ban .container h6 {

        font-size: 19px;

        text-align: center;

        line-height: 35px;

    }

    .pc_ban .swiper-pagination {

        bottom: 10px;

    }

    .pc_ban .tpneir .shang_wz h5 {

        font-size: 32px;

    }

}


/* 闽捷物流集团 */


.ggbt {

}


.ggbt .btz {
    font-size: 24px;
    color: #444444;
    font-weight: bold;
    padding-bottom: 12px;
    line-height: 1;
}


.ggbt1 .btz {

    padding-bottom: 12px;

}
.xinwen_lb .ggbt.gn{text-align: center;}
.xinwen_lb .ggbt.gn img{display: inline-block;}

@media only screen and (max-width: 1024px) {

    .ggbt .btz {

        font-size: 27px;

    }

    .ggbt1 .btz {

        padding-bottom: 8px;

    }

}


.sy_mk1 {

    padding: 50px 0;

}


.sy_mk1 .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}


.sy_mk1 .zuo {

    flex: 0 0 51.896%;

    max-width: 51.896%;

}


.sy_mk1 .zuo h6 {
    font-size: 16px;
    color: #444444;
    line-height: 42px;
    margin-top: 9px;
    line-height: 43px;
}


.sy_mk1 .you {

    flex: 0 0 44.387%;

    max-width: 44.387%;

}


.sy_mk1 .you img {

    width: 100%;

}


.sy_mk1 .shuzi_zz {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    overflow: hidden;

}


.sy_mk1 .shuzi_zz .dange {

    position: relative;

    margin-top: 97px;

}


.sy_mk1 .shuzi_zz .dange::after {

    position: absolute;

    left: -58px;

    top: 50%;

    transform: translateY(-50%);

    content: "";

    width: 1px;

    height: 70px;

    background-color: #dfdfdf;

}


.sy_mk1 .shuzi_zz .dange h5 {

    font-size: 14px;

    color: #1a95ec;

    text-align: center;

}


.sy_mk1 .shuzi_zz .dange h5 sup {

    position: absolute;

    right: -13px;

    top: 17px;

    font-size: 18px;

}


.sy_mk1 .shuzi_zz .dange h5 i {

    font-size: 44px;

    font-weight: bold;

    position: relative;

    margin-right: 5px;

}


.sy_mk1 .shuzi_zz .dange h6 {

    font-size: 14px;

    color: #2b2a2a;

    text-align: center;

    margin-top: 10px;

}


.xia_guo_gg {

    overflow: hidden;

    position: relative;

}


.xia_guo_gg::after {

    width: 50px;

    height: 200%;

    transform: rotateZ(143deg);

    background-color: rgba(255, 255, 255, 0.3);

    right: -45%;

    top: -58%;

    position: absolute;

    content: "";

    transition: all 0.8s;

    -o-transition: all 0.8s;

    -ms-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -webkit-transition: all 0.8s;

}


.xia_guo_gg:hover::after {

    right: 144%;

}


.xia_guo_gg img {

    width: 100%;

    transition: all 1.5s;

    -o-transition: all 1.5s;

    -ms-transition: all 1.5s;

    -moz-transition: all 1.5s;

    -webkit-transition: all 1.5s;

}


.xia_guo_gg:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

}


@media only screen and (max-width: 1200px) {

    .sy_mk1 .shuzi_zz .dange::after {

        display: none;

    }

}


@media only screen and (max-width: 1024px) {

    .sy_mk1 {

        padding: 50px 0;

    }

    .sy_mk1 .zuo {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .sy_mk1 .you {

        flex: 0 0 100%;

        max-width: 100%;

        margin-top: 40px;

    }

    .sy_mk1 .ggbt .btz {

        padding-bottom: 19px;

    }

    .sy_mk1 .shuzi_zz .dange {

        width: 50%;

        margin-top: 59px;

    }

    .sy_mk1 .shuzi_zz .dange h6 {

        font-size: 18px;

    }

}


.sy_mk2 {

    display: flex;

    flex-wrap: wrap;

}


.sy_mk2 .dange {

    flex: 0 0 25%;

    max-width: 25%;

    position: relative;

}


.sy_mk2 .dange img {

    width: 100%;

}


.sy_mk2 .dange .shang1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    opacity: 1;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


.sy_mk2 .dange:hover .shang1 {

    opacity: 0;

}


.sy_mk2 .dange .shang2 {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(36, 148, 227, 0.64);

    padding: 0 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    /* 换主轴方向 */

    flex-direction: column;

    opacity: 0;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


.sy_mk2 .dange:hover .shang2 {

    opacity: 1;

}


.sy_mk2 .dange .shang2 h5 {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 25px;
}


.sy_mk2 .dange .shang2 h6 {
    font-size: 16px;
    color: #ffffff;
    margin-top: 30px;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}


.sy_mk2 .dange .shang2 .chankan {

    font-size: 14px;

    color: #ffffff;

    width: 116px;

    height: 36px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    border: 1px solid #ffffff;

    border-radius: 50px;

    margin-top: 35px;

}


@media only screen and (max-width: 1300px) {

    .sy_mk2 .dange .shang2 h5 {

        font-size: 23px;

        padding-bottom: 8px;

    }

    .sy_mk2 .dange .shang2 h6 {

        margin-top: 4px;

        line-height: 29px;

    }

    .sy_mk2 .dange .shang2 .chankan {

        margin-top: 10px;

    }

}


@media only screen and (max-width: 1024px) {

    .sy_mk2 .dange {

        flex: 0 0 50%;

        max-width: 50%;

    }

    .sy_mk2 .dange .shang2 {

        opacity: 1;

        background-color: rgba(36, 148, 227, 0.2);

    }

    .sy_mk2 .dange .shang1 {

        display: none;

    }

}


footer {

    padding: 40px 0 15px;

    color: #fff;

}


footer a {

    color: #fff;

}


footer .container {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}


footer .zuo {

    flex: 0 0 27.15%;

    max-width: 27.15%;

}


footer .dtia {
    display: flex;
    font-size: 16px;
    line-height: 47px;
    color: #d7d7d7;
    margin-top: 19px;
}


footer .you {

    flex: 0 0 53.8%;

    max-width: 53.8%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    position: relative;

}


footer .yilie a {

    display: block;

}


footer .yilie .bt {
    margin-bottom: 5px;
    color: #fff;
    font-size: 18px;
}


footer .yilie .xaio_bt {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 14px;
}


footer .zuoy {

    width: 153px;

    text-align: center;

}


footer .zuoy img {

    width: 100%;

}


footer .zuoy h5 {

    font-size: 16px;

    color: rgba(255, 255, 255, 0.6);

    margin-top: 10px;

    line-height: 26px;

}


footer .banquan {

    margin-top: 20px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    font-size: 14px;

    color: rgba(255, 255, 255, 0.6);

    padding-top: 20px;

}


@media only screen and (max-width: 1024px) {

    footer .you .yilie {

        display: none;

    }

    footer .zuo {

        flex: 0 0 100%;

        max-width: 100%;

    }

    footer {

        padding: 50px 0 15px;

    }

    footer .dtia {

        font-size: 19px;

        margin-top: 18px;

    }

    footer .you {

        flex: 0 0 100%;

        max-width: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-wrap: wrap;

        margin-top: 40px;

    }

    footer .zuoy {

        width: 200px;

        position: static;

    }

    footer .zuoy h5 {

        font-size: 19px;

    }

    footer .banquan {

        font-size: 16px;

        padding-top: 15px;

        margin-top: 39px;

    }

    footer .you {

        padding-bottom: 18px;

    }

}


/* 公共啊 a*/


.sybana {

    border: none;

    position: relative;

    overflow: hidden;

}


.gradient {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border-radius: 0.6em;

    margin-top: -0.25em;

    /* background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); */

}


.label {

    position: relative;

    top: -1px;

}


.transition {

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

    transition-duration: 500ms;

    background-color: #0554ac;

    border-radius: 9999px;

    width: 0;

    height: 0;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}


.sybana:hover .transition {

    width: 14em;

    height: 14em;

}


.sybana:active {

    transform: scale(0.97);

}


.nei_ban {

    position: relative;

    border-bottom: 6px solid #c4c4c4;

}


.nei_ban img {

    width: 100%;

}


.nei_ban .container {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}


.nei_ban h5 {

    font-size: 48px;

    color: #ffffff;

    font-weight: bold;

    text-align: center;

}


.nei_ban h6 {

    font-size: 21px;

    color: #ffffff;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    margin-top: 10px;

}


@media only screen and (max-width: 1024px) {

    .nei_ban h5 {

        font-size: 30px;

    }

}


/* 关于闽捷 */


.gy_mk1 {

    padding: 50px 0;

}


.gy_ggbt {

    text-align: center;

    position: relative;

    padding-top: 20px;

    z-index: 2;

    width: 100%;

}


.gy_ggbt h5 {

    font-size: 36px;

    color: #444444;

    font-weight: bold;

    line-height: 1;

}


.gy_ggbt h6 {

    font-size: 36px;

    color: #e2e2e2;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 1;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 0;

    width: 100%;

    z-index: -1;

}


.gy_mk1 .zuo,
.gy_mk1 .you {

    margin-top: 50px;

}


@media only screen and (max-width: 1024px) {

    .gy_ggbt h5,
    .gy_ggbt h6 {

        font-size: 30px;

    }

    .gy_mk1 {

        padding: 50px 0;

    }

    .gy_mk1 .zuo,
    .gy_mk1 .you {

        margin-top: 50px;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .sy_mk1 .zuo h6 {

        font-size: 19px;

        line-height: 35px;

        margin-top: 17px;

    }

}


/* 组织结构 */


.gy_mk2 {

    padding: 50px 0;

    background-color: #f7f7f7;

}


.gy_mk2 .ggbt {

    text-align: center;

}


.gy_mk2 .fenz {

    margin-top: 60px;

}


.gy_mk2 .fenz img {

    width: 100%;

}


@media only screen and (max-width: 1024px) {

    .gy_mk2 {

        padding: 50px 0;

    }

    .gy_mk2 .fenz {

        margin-top: 44px;

    }

}


/* 网点布局 */


.gy_mk3 {

    padding: 50px 0;

}


.gy_mk3 .ggbt {

    text-align: center;

}


.gy_mk3 .wdbj_lunb {

    position: relative;

}


.gy_mk3 .wdbj_lunb .wdbj_ban {

    overflow: hidden;

    padding-top: 70px;

}


.gy_mk3 .wdbj_lunb .nerir {

    display: block;

}


.gy_mk3 .wdbj_lunb .shang {

    overflow: hidden;

}


.gy_mk3 .wdbj_lunb .shang img {

    width: 100%;

    transition: all 1s;

    -o-transition: all 1s;

    -ms-transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

}


.gy_mk3 .wdbj_lunb .nerir:hover .shang img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

}


.gy_mk3 .wdbj_lunb h5 {

    text-align: center;

    font-size: 16px;

    color: #585858;

    margin-top: 28px;

}


.wdbj_lunb .swiper-button-next {

    right: -40px;

    top: 53%;

}


.wdbj_lunb .swiper-button-prev {

    left: -40px;

    top: 53%;

}


.wdbj_lunb .swiper-button-next i,
.wdbj_lunb .swiper-button-prev i {

    font-size: 30px;

    color: #008ee0;

}


@media only screen and (max-width: 1450px) {

    .wdbj_lunb .swiper-button-next {

        display: none;

    }

    .wdbj_lunb .swiper-button-prev {

        display: none;

    }

}


/* 网点布局 */


.wdbj_lb {

    padding: 50px 0;

}


.wdbj_lb .zuoyou {

    display: flex;

    margin: 0 -15px;

    flex-wrap: wrap;

    padding-top: 25px;

}


.wdbj_lb .dange {

    flex: 0 0 33.3333%;

    max-width: 33.3333%;

    padding: 0 15px;

    margin-top: 30px;

}


.wdbj_lb .dange .shang {

    overflow: hidden;

}


.wdbj_lb .dange .shang img {

    width: 100%;

    transition: all 1s;

    -o-transition: all 1s;

    -ms-transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

}


.wdbj_lb .dange .nr:hover .shang img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

}


.wdbj_lb .dange .nr h5 {

    font-size: 16px;

    color: #4b4b4b;

    text-align: center;

    font-weight: bold;

    margin-top: 20px;

}


@media only screen and (max-width: 1024px) {

    .gy_mk3 {

        padding: 50px 0;

    }

    .gy_mk3 .wdbj_lunb .wdbj_ban {

        padding-top: 28px;

    }

    .wdbj_lb {

        padding: 50px 0;

    }

    .wdbj_lb .dange {

        flex: 0 0 50%;

        max-width: 50%;

        margin-top: 38px;

    }

    .wdbj_lb .dange .nr h5 {

        font-size: 20px;

        margin-top: 21px;

    }

}


/* 主要航线 */


.zyhx_lb {

    padding: 50px 0;

}


.zyhx_lb .ggbt1 {

    margin-top: 58px;

}


.ggbt3 {

    text-align: center;

}


.ggbt3 .btz {

    position: relative;

}


.ggbt3 .btz::after {

    position: absolute;

    content: "";

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    width: 68px;

    height: 6px;

    background-color: #008ee0;

    border-radius: 50px;

}


.zyhx_lb .ggbt .btz {

    font-size: 24px;

}


.zyhx_lb .luxian_zy {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

    margin-top: 35px;

}


.zyhx_lb .luxian_zy .dange {

    flex: 0 0 25%;

    max-width: 25%;

    padding: 0 15px;

}


.zyhx_lb .luxian_zy .dange .nr {

    font-size: 16px;

    color: #414141;

    margin-top: 15px;

    width: 100%;

    display: block;

}


.zyhx_lb .luxian_zy .dange .nr i {

    margin-right: 10px;

}


@media only screen and (max-width: 1400px) {

    .zyhx_lb .luxian_zy .dange .nr {

        font-size: 16px;

    }

}


@media only screen and (max-width: 1200px) {

    .zyhx_lb .luxian_zy .dange {

        flex: 0 0 33.3333%;

        max-width: 33.3333%;

    }

}


@media only screen and (max-width: 1024px) {

    .zyhx_lb .ggbt .btz {

        font-size: 27px;

        padding-bottom: 22px;

    }

    .ggbt3 .btz {

        padding-bottom: 22px;

    }

    .zyhx_lb .luxian_zy .dange {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .zyhx_lb .luxian_zy .dange .nr {

        font-size: 19px;

    }

    .zyhx_lb {

        padding: 50px 0;

    }

    .zyhx_lb .ggbt1 {

        margin-top: 39px;

    }

}


/* 运力展示 */


.zyhx_ylzs {

    background-color: #f7f7f7;

    padding: 50px 0;

}


.zyhx_ylzs .zuoyou .dange {

    flex: 0 0 25%;

    max-width: 25%;

}


.zyhx_ylzs .zuoyou {

    padding-top: 0;

}


.ylzs {

    padding: 50px 0;

}


@media only screen and (max-width: 1024px) {

    .zyhx_ylzs {

        padding: 50px 0;

    }

    .zyhx_ylzs .zuoyou .dange {

        flex: 0 0 50%;

        max-width: 50%;

    }

}


.erji {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}


.erji a {

    margin-top: 45px;

    width: 234px;

    height: 60px;

    border: 1px solid #5d5d5d;

    border-radius: 100px;

    font-weight: bold;

    font-size: 22px;

    color: #444444;

    display: flex;

    justify-content: center;

    align-items: center;

}


.erji a.on {

    color: #fff;

    background-color: #008ee0;

    border: 1px solid #008ee0;

}


.ylzs .ylzs_lb {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -10px;

    padding-top: 20px;

}


.ylzs .ylzs_lb .dange {

    flex: 0 0 25%;

    max-width: 25%;

    padding: 0 15px;

}


.ylzs .ylzs_lb .dange .neir {

    display: block;

    margin-top: 30px;

}


.ylzs .ylzs_lb .dange .shang {

    overflow: hidden;

}


.ylzs .ylzs_lb .dange .shang img {

    width: 100%;

}


.ylzs .ylzs_lb .dange h5 {

    font-size: 22px;

    color: #333333;

    font-weight: bold;

    margin-top: 15px;

}


.ylzs .ylzs_lb .dange h6 {

    font-size: 15px;

    color: #333333;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}


.ylzs .ylzs_lb .dange h6 span {

    margin-top: 10px;

}


@media only screen and (max-width: 1024px) {

    .ylzs {

        padding: 50px 0;

    }

    .erji a {

        width: 271px;

        margin-top: 30px;

    }

    .erji {

        display: none;

    }

    .ylzs .ylzs_lb .dange {

        flex: 0 0 50%;

        max-width: 50%;

    }

    .ylzs .ylzs_lb .dange h6 {

        font-size: 19px;

    }

    .ylzs .ylzs_lb .dange .neir {

        margin-top: 31px;

    }

}


/* 合作 */


.sy_alxc {

    padding: 50px 0;

}


.sy_alxc .ggbt {

    margin-top: 30px;

    text-align: center;

}


.sy_alxc .swiper_gzhj {

    overflow: hidden;

    margin-top: 30px;

}


.sy_alxc .swiper_gzhj .swiper-slide img {

    width: 100%;

    max-width: 100%;

}


.sy_alxc .swiper_gzhj .swiper-slide span {

    text-align: center;

    font-size: 24px;

    color: #444444;

    font-weight: bold;

    display: block;

    margin-top: 40px;

    opacity: 0;

}


.sy_alxc .swiper_gzhj .swiper-slide.swiper-slide-active span {

    opacity: 1;

}


.sy_alxc .swiper_gzhj .swiper-pagination {

    bottom: 51px;

}


.sy_alxc .swiper_gzhj .swiper-pagination-bullet {

    width: 31px;

    height: 4px;

    background-color: #c8c8c8;

    opacity: 1;

    border-radius: 50px;

}


.sy_alxc
.swiper_gzhj
.swiper-pagination-bullet.swiper-pagination-bullet-active {

    background-color: #00a9c2;

}


@media only screen and (max-width: 992px) {

    .sy_alxc {

        padding: 50px 0;

    }

    .sy_alxc .swiper_gzhj {

        margin-top: 30px;

    }

}


/* 业务合作 */


.hezuo_nr {

    padding: 50px 0;

    background-color: #f7f7f7;

}


.hezuo_nr .zuoyou {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -10px;

    padding-top: 10px;

}


.hezuo_nr .zuoyou .dange {

    margin-top: 23px;

    padding: 0 12.5px;

    max-width: 20%;

    flex: 0 0 20%;

}


.hezuo_nr .zuoyou .dange .nr {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    height: 110px;

    box-shadow: 0 0 10px #ebebeb;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    background-color: #fff;

}


.hezuo_nr .zuoyou .dange:hover .nr {

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    transform: translateY(-10px);

    box-shadow: 0 0 10px #b1b0b0;

}


.hezuo_nr .zuoyou .dange .nr img {

    max-width: 100%;

    max-height: 100%;

}


.hezuo_nr .zhenggx {

    margin-top: 100px;

}


@media only screen and (max-width: 1024px) {

    .hezuo_nr {

        padding: 50px 0;

    }

    .hezuo_nr .zuoyou .dange {

        max-width: 50%;

        flex: 0 0 50%;

    }

}


/* 业务领域 */


.xinywly {

    padding: 50px 0;

}


.xinywly .zuoyou {

    margin: 0 -20px;

    justify-content: center;

}

.xinywly .zuoyou.gn {
    justify-content: space-between;
}


.xinywly .zuoyou .dange {

    padding: 0 20px;

}


.xinywly .ggbt {

    margin-top: 50px;

}


.xinywly .gy_ggbt {

    padding-bottom: 20px;

}


@media only screen and (max-width: 1024px) {

    .xinywly {

        padding: 50px 0;

    }

    .xinywly .ggbt {

        margin-top: 37px;

    }

}


/* /内贸海运  */


.nmhy {

    padding: 50px 0 30px;

}


.hyggms {

    font-size: 20px;

    color: #444444;

    line-height: 40px;

    margin-top: 30px;

}


.hyggbt {

    width: 100%;

    font-size: 28px;

    color: #ffffff;

    font-weight: bold;

    height: auto;

    background-color: #2494e3;

    display: flex;

    align-items: center;

    padding-left: 28px;

    border-radius: 20px 20px 0 0;

    margin-top: 30px;

}


@media only screen and (max-width: 1024px) {

    .nmhy {

        padding: 50px 0;

    }

    .hyggbt {

        margin-top: 49px;

    }

    .nmhy .liangx_lunbo {

        margin-top: 11px;

    }

}


/* 内贸海运 */


.nmhy .liangx_lunbo {

    position: relative;

    margin-top: 30px;

}


.nmhy .liangx_lunbo1 {

    margin-top: 40px;

}


.nmhy .liangx_lunbo .liangc_ban1,
.nmhy .liangx_lunbo .liangc_ban2 {

    overflow: hidden;

    height: 549px;

}


.nmhy .liangx_lunbo .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    height: calc((100% - 50px) / 2);

    /* 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;

}


.nmhy .liangx_lunbo .swiper-pagination-bullet {

    width: 12px;

    height: 12px;

    background-color: #2494e3;

}


.nmhy .liangx_lunbo .ggdgnr {

    display: block;

}


.nmhy .liangx_lunbo .ggdgnr .shang {

    overflow: hidden;

}


.nmhy .liangx_lunbo .ggdgnr .shang img {

    width: 100%;

}


.nmhy .liangx_lunbo .ggdgnr h5 {

    font-size: 24px;

    color: #444444;

    font-weight: bold;

    text-align: center;

    margin-top: 20px;

}


.hyggms1 {

    margin-top: 1px;

}


.nmhy .liaxinfs {

    margin-top: 0;

    display: flex;

    flex-wrap: wrap;

}


.nmhy .liaxinfs .dange {

    padding: 20px 0;

    flex: 0 0 25%;

    max-width: 25%;

    border-top: 1px solid #dadada;

    font-size: 18px;

    color: #434343;

    font-weight: bold;

    line-height: 32px;

}


.nmhy .liaxinfs .dange:nth-child(1),
.nmhy .liaxinfs .dange:nth-child(2),
.nmhy .liaxinfs .dange:nth-child(3),
.nmhy .liaxinfs .dange:nth-child(4) {

    border-top: none;

}


@media only screen and (max-width: 1024px) {

    .nmhy .liaxinfs .dange {

        flex: 0 0 50%;

        max-width: 50%;

        padding: 25px 0;

    }

    .nmhy .liaxinfs .dange:nth-child(3),
    .nmhy .liaxinfs .dange:nth-child(4) {

        border-top: 1px solid #dadada;

    }

}


/* 新闻中心 */


.xinwen_lb {

    padding: 50px 0;

}


.xinwen_lb .shang_zy {

    /*display: flex;*/

    /*flex-wrap: wrap;*/

    /*margin: 0 -12px;*/

    margin-top: 30px;

}


.xinwen_lb .shang_zy .dange {

    /*flex: 0 0 33.3333%;*/

    /*max-width: 33.3333%;*/

    /*padding: 0 12px;*/

    /*margin-top: 37px;*/

}

.liangc_ban3 {

    overflow: hidden;

    height: 816px;

}


.liangc_ban3 .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    height: calc((100% - 24px) / 2);

    /* 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;

}

.xinwen_lb .shang_zy .dange .neir {

    display: block;

}


.xinwen_lb .shang_zy .shang {

    overflow: hidden;

}


.xinwen_lb .shang_zy .shang img {

    width: 100%;

    transition: all 1s;

    -o-transition: all 1s;

    -ms-transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

}


.xinwen_lb .shang_zy .neir:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

}


.xinwen_lb .shang_zy .neir .xia {

    padding-top: 23px;

}


.xinwen_lb .shang_zy .neir .biat {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}


.xinwen_lb .shang_zy .neir .biat strong {

    font-size: 18px;

    color: #303030;

    font-weight: bold;

    display: block;

    width: 100%;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

}


.xinwen_lb .shang_zy .neir .biat span {

    font-size: 14px;

    color: #303030;

}


.xinwen_lb .shang_zy .neir h6 {

    font-size: 15px;

    color: #303030;

    line-height: 29px;

    margin-top: 15px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    text-align: left;

}


.xinwen_lb .ggbt {

    text-align: left;

    margin-top: 30px;

}


.xinwen_lb .ggbt .btz::after {

    left: 0;

    transform: translateX(0);

}


.yous {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    font-size: 18px;

    color: #ffffff;

    width: 164px;

    height: 47px;

    background-color: #008ee0;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;


}

.yous:hover {

    color: #fff;

}

.xinwen_lb .xia_zy .zuoyou {

    display: flex;

    flex-wrap: wrap;

    box-shadow: 0 0 10px #e7e7e7;

    margin-top: 53px;

}


.xinwen_lb .xia_zy .zuoyou .zuo {

    width: 838px;

}


.xinwen_lb .xia_zy .zuoyou .zuo img {

    width: 100%;

}


.xinwen_lb .xia_zy .zuoyou .you {

    flex: 1;

    padding: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    /* 换主轴方向 */

    flex-direction: column;

}


.xinwen_lb .xia_zy .zuoyou .you .bt {

    position: relative;

    font-size: 24px;

    color: #3a3a3a;

    font-weight: bold;

    padding-bottom: 25px;

}


.xinwen_lb .xia_zy .zuoyou .you .bt::after {

    position: absolute;

    content: "";

    width: 54px;

    height: 7px;

    background-color: #008ee0;

    border-radius: 50px;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

}


.xinwen_lb .xia_zy .zuoyou .you .ms {

    font-size: 16px;

    color: #3a3a3a;

    line-height: 33px;

    margin-top: 18px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 6;

    text-overflow: ellipsis;

}


.xinwen_lb .xia_zy .zuoyou .sybana {

    font-size: 18px;

    color: #ffffff;

    width: 164px;

    height: 47px;

    background-color: #008ee0;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 50px;

}


@media only screen and (max-width: 1200px) {

    .xinwen_lb .xia_zy .zuoyou .zuo {

        width: 500px;

    }

    .xinwen_lb .xia_zy .zuoyou .you {

        padding: 25px;

    }

    .xinwen_lb .xia_zy .zuoyou .you .ms {

        -webkit-line-clamp: 2;

    }

}


@media only screen and (max-width: 1024px) {

    .xinwen_lb {

        padding: 50px 0;

    }


    .xinwen_lb .ggbt {

        margin-top: 50px;

    }

    .xinwen_lb .shang_zy .neir .biat strong {

        font-size: 22px;

    }

    .xinwen_lb .shang_zy .neir .biat span {

        font-size: 18px;

    }

    .xinwen_lb .shang_zy .neir h6 {

        font-size: 19px;

        line-height: 35px;

    }

    .xinwen_lb .xia_zy {

        padding-top: 0;

    }

    .xinwen_lb .xia_zy .zuoyou .zuo {

        width: 100%;

    }

    .xinwen_lb .xia_zy .zuoyou .you .ms {

        -webkit-line-clamp: 6;

        font-size: 19px;

        line-height: 35px;

    }

}


/* 企业文化 */


.qywh {

    padding: 40px 0 40px;

}


.qywh .mk1_zuoy {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 40px;

}


.qywh .mk1_zuoy .zuo {

    width: 657px;

}


.qywh .mk1_zuoy .zuo img {

    width: 100%;

}


.qywh .mk1_zuoy .you {

    flex: 1;

    padding-left: 50px;

}


.qywh .mk1_zuoy .you .ggbt {

    text-align: right;

}


.qywh .mk1_zuoy .you .neir {

    font-size: 18px;

    color: #434343;


    line-height: 35px;

}


@media only screen and (max-width: 1200px) {

    .qywh .mk1_zuoy .zuo {

        width: 385px;

    }

    .qywh .mk1_zuoy .you .neir {

        max-height: 241px;

        overflow-y: auto;

    }

}


.qywh .mk2 {

    margin-top: 40px;

}


.qywh .mk2 .ggbt {

    /*text-align: center;*/

}


.qywh .mk2 .guanl_zuy {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}


.qywh .mk2 .guanl_zuy .dange {

    flex: 0 0 23.5%;

    max-width: 23.5%;

    margin-top: 40px;

    min-height: 240px;

    padding: 60px 45px 15px;

    box-shadow: 0 0 10px #dfdfdf;

}


.qywh .mk2 .guanl_zuy .dange h5 {

    position: relative;

    font-size: 22px;

    color: #616161;

    font-weight: bold;

    text-align: center;

    padding-bottom: 18px;

}


.qywh .mk2 .guanl_zuy .dange h5::after {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    content: "";

    bottom: 0;

    width: 42px;

    height: 3px;

    background-color: #2494e3;

    border-radius: 30px;

}


.qywh .mk2 .guanl_zuy .dange h6 {

    text-align: center;

    font-size: 16px;

    color: #434343;

    line-height: 33px;

    margin-top: 19px;

}


@media only screen and (max-width: 1350px) {

    .qywh .mk2 .guanl_zuy .dange h6 {

        font-size: 15px;

        line-height: 29px;

    }

}


@media only screen and (max-width: 1200px) {

    .qywh .mk2 .guanl_zuy .dange {

        flex: 0 0 48%;

        max-width: 48%;

    }

}


@media only screen and (max-width: 1024px) {

    .qywh .mk2 {

        margin-top: 51px;

    }

    .qywh .mk2 .guanl_zuy .dange h6 {

        font-size: 18px;

        line-height: 33px;

    }

    .qywh {

        padding: 50px 0;

    }

    .qywh .mk1_zuoy {

        margin-top: 40px;

    }

    .qywh .mk1_zuoy .zuo {

        width: 100%;

    }

    .qywh .mk1_zuoy .you {

        width: 100%;

        margin-top: 40px;

        padding: 0;

    }

    .qywh .mk1_zuoy {

        flex-wrap: wrap;

    }

    .qywh .mk1_zuoy .you .neir {

        margin-top: 36px;

        font-size: 19px;

        max-height: 100%;

    }

    .qywh .mk2 .guanl_zuy .dange {

        padding: 30px;

    }

}


/* 办公环境 */


.bghj {

    display: flex;

    flex-wrap: wrap;

}


.bghj img {

    width: 100%;

}


.bghj .zuo {

    flex: 0 0 25%;

    max-width: 25%;

}


.bghj .zhong {

    flex: 0 0 50.05%;

    max-width: 50.05%;

}


.bghj .zhong .shang {

    display: flex;

    flex-wrap: wrap;

}


.bghj .zhong .shang .dangxiao {

    flex: 1;

}


.bghj .zhong .shang .dangxiao1 {

    background-color: #2494e3;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}


.bghj .you {

    flex: 1;

}


.bghj h5 {

    font-size: 31px;

    color: #ffffff;

    font-weight: bold;

    text-align: center;

    padding-bottom: 22px;

    position: relative;

}


.bghj h5::after {

    position: absolute;

    content: "";

    width: 66px;

    height: 5px;

    background-color: #fff;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

}


.bghj h6 {

    text-transform: uppercase;

    color: #fff;

    font-size: 20px;

    font-family: "Arial";

    margin-top: 16px;

}


@media only screen and (max-width: 1200px) {

    .bghj h5 {

        font-size: 22px;

    }

    .bghj h6 {

        font-size: 17px;

    }

}


@media only screen and (max-width: 1024px) {

    .bghj .zuo,
    .bghj .zhong,
    .bghj .you {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .bghj h5 {

        font-size: 30px;

    }

    .bghj h6 {

        font-size: 19px;

    }

}


/* 企业文化2 */


.wh_mk1 .zuo {

    flex: 0 0 49.2%;

    max-width: 49.2%;

}


.wh_mk1 .you {

    flex: 0 0 46.37%;

    max-width: 46.37%;

}

.tuanjhian {

    overflow: hidden;

}

.wh_mk2 {

    padding: 0;

}


.wh_mk2 .zuoyou {

    /*display: flex;*/

    /*flex-wrap: wrap;*/

    /*margin: 0 -25px;*/

}


.wh_mk2 .zuoyou .dange {

    /*flex: 0 0 33.3333%;*/

    /*max-width: 33.3333%;*/

    margin-top: 40px;

    /*padding: 0 25px;*/

}

.wh_mk2 .zuoyou .dange .nr {

    display: block;

}

.wh_mk2 .zuoyou .dange img {

    width: 100%;

}


.wh_mk3 {

    padding: 70px 0 75px;

}


@media only screen and (max-width: 1024px) {

    .wh_mk1 .zuo,
    .wh_mk1 .you {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .wh_mk2 .zuoyou .dange {

        flex: 0 0 100%;

        max-width: 100%;

        padding: 0;

    }

    .wh_mk2 .zuoyou {

        margin: 0;

    }

}


/* 招贤纳士 */


.lianxi_zhaop {

    padding: 70px 0 60px;

}


.lianxi_zhaop .container .shang_bt {

    padding: 0 90px 35px 60px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}


.lianxi_zhaop .container .shang_bt p {

    flex: 1;

    text-align: left;

    font-size: 20px;

    color: #272727;

    font-weight: bold;

}


/* 招聘 */


.rc_zp .jr_lm {

    overflow: hidden;

    margin-bottom: 20px;

    border-radius: 5px;

    box-shadow: 0 0 10px #d8d5d5;

}


.rc_zp .jr_lm.jt .jr_bt {

    background-color: #004986;

    color: #ffffff;

    padding: 0 20px;

    line-height: 70px;

}


.rc_zp .jr_bt {

    padding: 30px 90px 30px 49px;

    font-size: 20px;

    cursor: pointer;

    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    background-color: rgba(255, 255, 255, 0.3);

}


.rc_zp .jr_bt.on::after {

    width: 100%;

    height: 1px;

    background-color: #9eadf0;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    content: "";

    position: absolute;

}


/*

.rc_zp .jr_bt.on {

  background: linear-gradient( to right, #00b1b2, #72c7c7) no-repeat;

  background: -webkit-linear-gradient( left, #00b1b2, #72c7c7) no-repeat;

  color: #ffffff;

} */


.rc_zp .jr_bt span {

    float: left;

    flex: 1;

    font-size: 18px;

    color: #272727;

}


.rc_zp .jr_bt i {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 52px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}


.rc_zp .jr_bt i img {

    position: absolute;

    left: -14px;

    top: 50%;

    transform: translateY(-50%);

}


.rc_zp .jr_bt i img.jia {

    opacity: 1;

}


.rc_zp .jr_bt i img.jian {

    opacity: 0;

}


.rc_zp .jr_bt.on i img.jia {

    opacity: 0;

}


.rc_zp .jr_bt.on i img.jian {

    opacity: 1;

}


.rc_zp .jr_nr {

    background-color: #f7f7f7;

    padding: 25px 65px 36px;

    font-size: 16px;

    line-height: 40px;

    display: none;

    position: relative;

    color: #272727;

}


.rc_zp .jr_nr strong {

    color: #272727;

    font-size: 20px;

}


.rc_zp .jr_nr .tousdijh {

    padding: 15px 26px;

    line-height: 1;

    border-radius: 50px;

    background: #2494e3;

    font-size: 16px;

    color: #fff;

    margin-top: 40px;

    display: inline-block;

}


.ppk_more {

    width: 200px;

    height: 52px;

    background: #2494e3;

    border-radius: 50px;

    font-size: 16px;

    color: #ffffff;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    margin: 0 auto;

    margin-top: 30px;

}


@media only screen and (max-width: 1024px) {

    .rc_zp .jr_bt {

        font-size: 18px;

    }

    .rc_zp .jr_nr {

        font-size: 18px;

    }

    .lianxi_zhaop .container .shang_bt p {

        font-size: 22px;

    }

    .rc_zp .jr_nr .tousdijh {

        font-size: 18px;

    }

    .ppk_more {

        font-size: 19px;

    }

}


@media only screen and (max-width: 992px) {

    .lianxi_zhaop {

        padding: 50px 0;

    }

    .lianxi_zhaop .container .shang_bt {

        padding: 0 20px 35px 20px;

    }

    .rc_zp .jr_bt {

        padding: 30px 20px 30px 20px;

    }

    .rc_zp .jr_bt i {

        display: none;

    }

    .rc_zp .jr_nr {

        padding: 30px;

    }

}


.xinjia_rlzy .shang_kuang {

    background-color: #f7f7f7;

    padding: 55px 28px 64px;

    margin-top: 60px;

}


.xinjia_rlzy .shang_bt {

    margin-top: 30px;

}


.rc_zp .jr_bt.on {

    background-color: #f7f7f7;

}


/* 联系 */


.ditu {

    padding: 50px 0;

}


.ditu .ggbt1 {

    margin-top: 30px;

    text-align: center;

}

.ditu .dt_dd {

    margin-top: 55px;

}

.ditu .dt_dd img {
    max-width: 100%;
    height: auto;
    display: block;
}

.ditu .container {

    position: relative;

}

.ditu .container .youshang {

    position: absolute;

    right: 15px;

    top: 0;

}


.ditu .container .youshang img {

    max-width: 230px;

}


.ditu .dizhi {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    padding: 20px 0;

    border: 1px solid #eeeeee;

    border-left: none;

    border-right: none;

    margin-top: 30px;

}


.ditu .dizhi .zuo h5 {

    font-size: 18px;

    color: #323232;

}


.ditu .dizhi .zuo h6 {

    font-size: 19px;

    color: #6d6d6d;

    font-weight: bold;

    margin-top: 20px;

}


.ditu .dianhua {

    display: flex;

    flex-wrap: wrap;

}


.ditu .dianhua .xiao_zz {

    padding: 20px 10px 20px;

    flex: 0 0 33.3333%;

    max-width: 33.3333%;

    border-bottom: 1px solid #eeeeee;

}


.ditu .dianhua .xiao_zz h5 {

    font-size: 18px;

    color: #323232;

}


.ditu .dianhua .xiao_zz h6 {

    font-size: 16px;

    color: #6d6d6d;

    font-weight: bold;

    margin-top: 20px;

}


.ditu .wailian {

    margin-top: 25px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}


.ditu .wailian a {

    width: 40px;

    height: 40px;

    border-radius: 100px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    position: relative;

    display: block;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    margin-left: 20px;

}


.ditu .wailian a img {

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

}


.ditu .wailian a img.zhengc {

    opacity: 1;

}


.ditu .wailian a:hover img.zhengc {

    opacity: 0;

}


.ditu .wailian a img.on {

    opacity: 0;

}


.ditu .wailian a:hover img.on {

    opacity: 1;

}


@media only screen and (max-width: 992px) {

    .ditu .dianhua .xiao_zz h6 {

        font-size: 20px;

    }

    .ditu .dianhua .xiao_zz {

        flex: 0 0 100%;

        max-width: 100%;

        padding: 30px 0;

        border-bottom: 1px solid #eeeeee;

    }

    .ditu .dianhua {

        padding-top: 0;

        border-bottom: none;

        padding: 35px 0;

    }

    .ditu .wailian {

        margin-top: 0;

    }

    .ditu .dizhi .zuo h5,
    .ditu .dianhua .xiao_zz h5 {

        font-size: 22px;

    }

    .ditu {

        padding: 50px 0;

        margin-top: 0;

    }

    .shang75 .ggbt {

        margin-top: 30px;

    }

}


.gsxx_nr {

    padding-bottom: 20px;

}


.gsxx_nr .ggbt1 {

    text-align: center;

}


.gsxx_nr .dange {

    margin-top: 30px;

}


.gsxx_nr .dange .xx_bt {
    width: 100%;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    height: auto;
    background-color: #2494e3;
    display: flex;
    align-items: center;
    padding-left: 28px;
    border-radius: 20px 20px 0 0;
}


.gsxx_nr .dange .zuoy {

    display: flex;

    flex-wrap: wrap;

}


.gsxx_nr .dange .zuoy .dgxx {
    padding: 15px;
    border-top: 1px solid #dadada;
    flex: 0 0 25%;
    max-width: 25%;
    font-size: 16px;
    color: #434343;
    font-weight: bold;
}


.gsxx_nr .dange .zuoy .dgxx:nth-child(1),
.gsxx_nr .dange .zuoy .dgxx:nth-child(2),
.gsxx_nr .dange .zuoy .dgxx:nth-child(3),
.gsxx_nr .dange .zuoy .dgxx:nth-child(4) {

    border-top: none;

}


@media only screen and (max-width: 1024px) {

    .gsxx_nr .dange .zuoy .dgxx {

        flex: 0 0 50%;

        max-width: 50%;

        padding: 28px 0;

    }

    .gsxx_nr .dange .zuoy .dgxx:nth-child(3),
    .gsxx_nr .dange .zuoy .dgxx:nth-child(4) {

        border-top: 1px solid #dadada;

    }

    .gsxx_nr {

        padding-bottom: 50px;

    }

    .ditu .ggbt1 {

        margin-top: 35px;

    }

    .gsxx_nr .dange {

        margin-top: 39px;

    }

}


/* 登录 */


.denglu {

    height: 826px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}


.denglu .kuang {

    width: 619px;

    padding: 70px 100px;

    box-shadow: 0 -5px 5px #999 inset;

    background-color: #fff;

    border-radius: 20px;

}


.denglu .kuang .dlqht {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}


.denglu .kuang .dlqht .bt {

    font-size: 18px;

    color: #626262;

    width: 192px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    height: 44px;

    border: 1px solid #adadad;

    border-radius: 5px;

}


.denglu .kuang .dlqht .bt.on {

    background-color: #2494e3;

    border: 1px solid #2494e3;

    color: #fff;

}


.denglu .kuang .nr {

    display: none;

}


.denglu .kuang .nr .biaodn {

    display: flex;

    justify-content: center;

    align-items: center;

    /* 换主轴方向 */

    flex-direction: column;

}


.denglu .kuang .nr input {

    width: 100%;

    height: 55px;

    border: 1px solid #b1b1b1;

    border-radius: 5px;

    margin-top: 33px;

    font-size: 18px;

    color: #c2c2c2;

    padding-left: 29px;

}


.denglu .kuang .nr .yzm {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 33px;

    width: 100%;

    padding-right: 50px;

}


.denglu .kuang .nr .yzm input {

    width: 189px;

    margin-top: 0;

    font-size: 18px;

    color: #c2c2c2;

}


.denglu .kuang .nr .yzm .dinayzm {

    font-size: 18px;

    color: #2494e3;

    border-bottom: 1px solid #2494e3;

}


.denglu .kuang .dlan {

    font-size: 18px;

    color: #ffffff;

    font-weight: bold;

    background-color: #2494e3;

    width: 204px;

    height: 53px;

    border-radius: 5px;

    margin-top: 50px;

}


@media only screen and (max-width: 1024px) {

    .denglu .kuang {

        width: 95%;

        padding: 30px;

    }

    .denglu .kuang .dlqht .bt {

        width: 261px;

        height: 64px;

    }

    .denglu .kuang .nr input {

        height: 60px;

    }

    .denglu .kuang .nr .yzm input {

        width: 261px;

    }

    .denglu .kuang .dlan {

        font-size: 21px;

    }

}


/* 新闻详情 */


.xwxq {

    padding: 50px 0;

}


.xwxq .xia_kuang {


    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;


}

.xwxq .xia_kuang .xq_fy {

    margin-top: 30px;

}

.xwxq .xia_kuang .xq_fy a {

    display: block;

    font-size: 16px;

    color: #999;

}

.xwxq .xia_kuang .zuo {

    flex: 0 0 100%;

    max-width: 100%;

}


.xwxq .xia_kuang .zuo .bt {

    font-size: 30px;

    color: #000;


    text-align: center;

}


.xwxq .xia_kuang .zuo .sj {

    text-align: center;

    font-size: 14px;

    color: #999;

    margin-top: 9px;

    padding-bottom: 25px;

    border-bottom: 1px solid #999;

}


.xwxq .xia_kuang .zuo .nr {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    margin-top: 33px;

}


.xwxq .xia_kuang .yopu {

    flex: 0 0 29.2%;

    max-width: 29.2%;

}


.xwxq .xia_kuang .yopu .brt {

    font-size: 24px;

    color: #006ebc;

    padding-bottom: 16px;

    border-bottom: 1px solid #006ebc;

    margin-top: 48px;

}


.xwxq .xia_kuang .yopu .zuoy {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 30px;

}


.xwxq .xia_kuang .yopu .zuoy .z {

    width: 120px;

    overflow: hidden;

}


.xwxq .xia_kuang .yopu .zuoy .z img {

    width: 100%;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}

.xwxq .xia_kuang .yopu .zuoy:hover .z img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

}


.xwxq .xia_kuang .yopu .zuoy .y {

    padding-left: 16px;

    flex: 1;

}


.xwxq .xia_kuang .yopu .zuoy .y h5 {

    font-size: 16px;

    color: #666666;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

}


.xwxq .xia_kuang .yopu .zuoy .y h6 {

    font-size: 14px;

    color: #abbcc8;

    margin-top: 20px;

}


.xwxq .xia_kuang .zuo .nr img {

    max-width: 100%;

}


@media only screen and (max-width: 1024px) {

    .xwxq .xia_kuang .zuo {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .xwxq .xia_kuang {

        /* padding: 30px; */

    }

    .xwxq .xia_kuang .zuo .bt {

        font-size: 24px;

    }

    .xwxq .xia_kuang .zuo .sj {

        font-size: 17px;

    }

    .xwxq .xia_kuang .zuo .nr {

        font-size: 19px;

        line-height: 35px;

    }

    .xwxq .xia_kuang .yopu {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .xwxq .xia_kuang .yopu .zuoy .z {

        width: 234px;

    }

    .xwxq .xia_kuang .yopu .zuoy .y h5 {

        font-size: 20px;

    }

    .xwxq .xia_kuang .yopu .zuoy .y h6 {

        font-size: 20px;

    }

    .xwxq {

        padding: 50px 0;

    }


}

.fenye {

    margin: 30px 0 0;

    position: relative;

    text-align: center;


    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

}


.fenye a,
.fenye span {

    font-size: 17px;

    margin: 0 10px;

    color: #2494e3;

    width: 60px;

    height: 60px;

    /* border: 1px solid #eeeeee; */

    background-color: #F8F8F8;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}


.fenye li.active a {

    color: #fff;

    background: #33a5e6;

    /* border: 1px solid #33a5e6; */

}

.fenye li:nth-child(1) a {
    width: 120px;
}

.fenye .prev-page a {

    position: absolute;

    right: 150px;

    top: 50%;

    transform: translateY(-50%);

    width: 120px;

    background: #33a5e6;
    color: #fff;

}


.fenye .prev-page i {

    margin-right: 35px;

}


.fenye .next-page a {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 120px;
    background-color: #4373CA;
    color: #fff;

}


.fenye .next-page i {

    margin-left: 35px;

}


.anniu1 {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 3;

}


.wdbj_lb video {

    width: 100%;

}


/* 弹出 */


/* 点击视频播放的图层 */


.sp_tuc {

    position: fixed;

    z-index: 9999999;

    display: none;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}


.sp_tuc .po_wian {

    position: relative;

    width: 50%;

    top: 50%;

    background-color: #fff;

    left: 50%;

    transform: translate(-50%, -50%);

    padding: 10px;

    box-shadow: 0 0 20px #999;

    border-radius: 10px;

}


.sp_tuc .tuc_t_sp {

    width: 100%;

}


.sp_tuc .tuc_t_sp .yc {

    font-size: 16px;

    color: #0097fe;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-weight: bold;

}


.sp_tuc video {

    width: 100%;

}


.sp_tuc i {

    font-size: 16px;

    position: absolute;

    top: -13px;

    right: -12px;

    width: 30px;

    height: 30px;

    background: #0055A2;

    color: #fff;

    border: 2px solid #fff;

    cursor: pointer;

    border-radius: 100px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}

.sp_tuc i:hover {

    transform: rotateZ(180deg);

    -webkit-transform: rotateZ(180deg);

    -moz-transform: rotateZ(180deg);

    -ms-transform: rotateZ(180deg);

    -o-transform: rotateZ(180deg);

}


@media only screen and (max-width: 1400px) {

    .sp_tuc .po_wian {

        width: 76%;

    }

}


@media only screen and (max-width: 1024px) {

    .sp_tuc .po_wian {

        width: 90%;

    }

    .sp_tuc .tuc_t_sp .yc {

        font-size: 20px;

    }

}

.anniu1 i {

    color: #fff;

    font-size: 60px;

}

.yous1 {

    font-size: 18px;

    color: #ffffff;

    width: 164px;

    height: 47px;

    background-color: #008ee0;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 15px;

}

.yous1:hover {

    color: #ffffe0;

}

.gzpt {
    padding: 0 0 50px;
}

.gzpt .zuoyou {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gzpt .zuoyou .dange {
    flex: 0 0 20%;
    max-width: 20%;
}

.gzpt .zuoyou .dange img {
    width: 100%;
}

@media only screen and (max-width: 1024px) {

    .gzpt .zuoyou .dange {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.xin_zhaoip {
    padding: 50px 0;
}

.xin_zhaoip .baioge {
    margin-top: 30px;
}

.xin_zhaoip .heng {
    display: flex;
}

.xin_zhaoip .heng span {
    display: flex;
    align-items: center;
    flex: 0 0 25%;
    max-width: 25%;
    height: 70px;
    background-color: #F2F2F2;
    border: 1px solid #fff;
    color: #666;
    font-size: 20px;
    justify-content: center;
    font-weight: lighter;
}

.xin_zhaoip .heng span:nth-child(1) {
    flex: 0 0 50%;
    max-width: 50%;
    font-weight: bold;
    justify-content: flex-start;
    padding-left: 20px;
}

.xin_zhaoip .heng span:nth-child(2) {
    color: #23527C;
}

.xin_zhaoip #heng:nth-child(1) span {
    background-color: #2494e3;
    color: #fff;
    justify-content: center;
    font-weight: normal;
}

.xin_zhaoip #heng:nth-child(1) span:nth-child(1) {

    font-weight: normal;
}

.xinwen_lb .xw_zy {
    margin-top: 20px;
}

.xinwen_lb .xw_dg {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #EFEFEF;
    margin-top: 10px;
}

.xinwen_lb .xw_dg .zz {
    width: 100px;
    height: 100px;
    background-color: #2494e3;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
}

.xinwen_lb .xw_dg .zz h5 {
    font-size: 20px;
    font-weight: bold;
}

.xinwen_lb .xw_dg .zz h6 {
    font-size: 16px;
}

.xinwen_lb .xw_dg .yy {
    flex: 1;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    /* 换主轴方向 */
    flex-direction: column;
    padding-left: 20px;
}

.xinwen_lb .xw_dg .yy .biat {
    font-size: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #666;
    padding-bottom: 5px;
}

.xinwen_lb .xw_dg .yy h6 {
    font-size: 16px;
    line-height: 25px;
    margin-top: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.shouji_xian {
    display: none;
}

.xw_mr{width: 130px;border: solid 1px #2494e3;margin: 50px auto 0px ;}
.xw_mr a{display: block;color: #2494e3;line-height: 56px;text-align: center;}
.xw_mr:hover a{background: #2494e3;color: #FFFFFF;}

.xw_db .xw_mt{width: 100%;overflow: hidden;margin-top: 39px;}
.xw_db .xw_mt .n_r{
    margin-bottom: 29px;
    background: #FFFFFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
}
.xw_db .xw_mt .n_r .t_p {
    position: relative;
    overflow: hidden;
}
.xw_db .xw_mt .n_r .t_p img {
    width: 100%;
    height: auto;
    display: block;
}
.xw_db .xw_mt .n_r .t_p::after {
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/bofang.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.xw_db .xw_mt .n_r .w_z {
    padding: 19px;
}
.xw_db .xw_mt .n_r .w_z a {
    font-size: 20px;
    color: #0C0C0C;
    line-height: 46px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}
@media only screen and (max-width: 1024px) {

    .xinwen_lb .xw_dg .yy h6 {
        font-size: 19px;
        line-height: 30px;
    }

    .xinwen_lb .xw_dg .zz h5 {
        font-size: 22px;
    }

    .xinwen_lb .xw_dg .zz h6 {
        font-size: 20px;
    }

    .fenye .prev-page, .fenye .next-page {
        display: none;
    }

    .xin_zhaoip .heng {
        display: none;
    }

    .shouji_xian {
        display: block;
        margin-top: 20px;
        font-size: 22px;
        line-height: 2;
        background-color: #2494e3;
        padding: 15px;
    }

    .shouji_xian div {

        color: #fff;
        padding-left: 20px;
    }
    .xw_db .xw_mt{margin-top: 29px;}
    .xw_db .xw_mt .n_r{
        margin-bottom: 19px;
    }
    .xw_db .xw_mt .n_r .w_z a {
        font-size: 16px;
        line-height: 36px;
    }
}

.xinwen_lb .shang_zy .dange.gn {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 12px;
    margin-top: 37px;
}

.xinwen_lb .shang_zy .dange.gn .xia {
    text-align: center;
}

@media only screen and (max-width: 640px) {
    .xinwen_lb .shang_zy .dange.gn {
        flex: 0 0 50%;
        max-width: 50%;
    }
}