/* css初始化 */

body {
    font-size: 14px;
    font-family: "Microsoft YaHei", Arial, Tahoma, sans-serif, "SimHei", "PingFang SC", "Source Han Sans CN";
    color: #131313;
    padding: 0!important;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    overflow-x: hidden;
}

@media only screen and (max-width:992px) {
    body {
        font-size: 18px;
    }
}

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,
h1,
h2,
h3,
p {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    list-style: none;
}

input,
select,
button,
textarea {
    font-size: 14px;
    border: 0;
    background: none;
    outline: none;
    vertical-align: middle;
    font-family: "Microsoft YaHei", "Alibaba-PuHuiTi-Regular", Arial, Tahoma, sans-serif, "SimHei", "PingFang SC", "Source Han Sans CN";
}

button {
    overflow: visible;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    border: none;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

li {
    list-style: none;
}

a {
    color: #131313;
    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;
    color: var(--main-color);
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
}

button:focus {
    outline: 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: 285px;
    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: 18px;
    }
}

@media only screen and (max-width: 992px) {
    html.on {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
    }
}

@media only screen and (max-width: 992px) {
    body.on {
        transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -o-transform: translateX(-60%);
        overflow: initial;
    }
}

@media only screen and (max-width: 992px) {
    .sj_bj {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        z-index: 999999999999999999999;
        display: none;
    }
}*/

:focus {
    outline: none;
}

:root {
    --main-color: #3b529c;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

/*.header {
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    position: fixed;
    z-index: 9999999999999;
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    padding: 17px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.header.on {
    background-color: #000;
    top: 0;
    box-shadow: 0 2px 8px #ddd;
}

.header_h {
    height: 120px;
}

.header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .logo>a {
    display: flex;
    align-items: center;
}

.header .logo>a .logo_wz {
    margin-left: 12px;
    text-align: center;
}

.header .logo>a h3 {
    font-size: 24px;
    font-weight: bold;
}

.header .logo>a h4 {
    font-size: 14px;
    font-weight: bold;
}

.header .nav ul {
    width: 100%;
    display: flex;
}

.header .nav ul li {
    position: relative;
    height: 100px;
    background-size: 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 24px;
    text-align: center;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.header .nav ul li:hover {
    background-size: 100% 100%;
}

.header .nav ul li.on {
    background-size: 100% 100%;
}

.header .nav ul li:after {
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 24px;
    content: "";
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.header .nav ul li:hover:after {
    width: 100%;
}

.header .nav ul li.on:after {
    width: 100%;
}

.header .nav .y_j {
    position: relative;
    height: 100%;
}

.header .nav .y_j i {
    display: none;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
    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 .y_j a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    font-size: 18px;
    color: #fff;
}

.header .nav .y_j a>span {
    text-transform: uppercase;
    font-size: 13px;
    display: block;
}

.header .nav .e_j {
    width: 150px;
    background-color: #fff;
    box-shadow: 0 0 5px #aaa;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-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 .e_j.on {
    top: 102px;
}

.header .nav ul li:hover .e_j {
    opacity: 1;
    visibility: inherit;
    z-index: 999;
    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;
    text-align: center;
    display: block;
    padding: 5px 0;
}

.header .nav .e_j a:first-child {
    padding-top: 10px;
}

.header .nav .e_j a:last-child {
    padding-bottom: 10px;
}

.header .nav .e_j a:hover {
    background-color: var(--main-color);
    color: #fff;
}
*/

/* header  an */

/*.header .an {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 65px;
    height: 27px;
    width: 40px;
    display: none;
}

.header .an span {
    width: 40px;
    height: 3px;
    background-color: #ffffff;
    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: 12px;
    left: 0;
}

.header .an span.a3 {
    top: 24px;
    left: 0;
}

.header .an.n span.a2 {
    display: none;
}

.header .an.n span.a1 {
    top: 10px;
    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: 10px;
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.header .head_icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px;
}

.header .header_ls {
    display: flex;
    align-items: center;
    margin-left: 60px;
}*/


/* 模态框 */

.search {
    position: fixed;
    top: 100px;
    width: 100%;
    background-color: var(--main-color);
    height: 80px;
    display: none;
    z-index: 9999;
}

.search>.container {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 100px;
}

.search label {
    position: relative;
    margin: 0 0 0 50px;
    flex: 1;
}

.search label .hr {
    /* content: ''; */
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -8px;
    background-color: #131313;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.search button {
    margin: 0px 60px 0 30px;
}

.search i {
    margin-right: 40px;
    font-size: 22px;
    cursor: pointer;
    color: #fff;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.search i:hover {
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.search label input {
    font-size: 17px;
    color: #fff;
    width: 100px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.search label input::placeholder {
    color: #fff;
}

.search label input:focus {
    padding-left: 10px;
}

.search label input:focus~.hr {
    width: 100%;
    background-color: #fff;
}

.header .header_l {
    display: flex;
    align-items: center;
}

.header_l .logo {
    width: 175px;
}

.header .header_l .header_dh {
    margin-left: 50px;
    color: var(--main-color);
    font-size: 16px;
}

.header .header_l .header_dh img {
    margin-right: 5px;
}

.header .header_r {
    display: flex;
    align-items: center;
}

.header .header_r a.header_shop {
    font-size: 18px;
    color: #333;
}

.header .header_r a.header_shop:hover {
    color: var(--main-color);
}

.header .header_r a.header_shop {
    width: 105px;
    height: 36px;
    background-color: #e02b2b;
    color: #fff;
    display: flex;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-left: 35px;
}

.header .header_r .header_sea {
    margin-left: 20px;
    padding-left: 50px;
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.header .header_r .header_sea img {
    margin-right: 15px;
}

.header .header_r .header_sea::after {
    height: 50px;
    width: 1px;
    background-color: #fff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    content: "";
}

@media only screen and (max-width: 1450px) {
    .header .nav ul li {
        margin: 0 10px;
    }
}

@media only screen and (max-width: 1204px) {
    .header .nav ul li {
        margin: 0 7px;
    }
    .header .header_r .header_sea {
        margin-left: 14px;
        padding-left: 23px;
        font-size: 16px;
    }
    .header .nav .y_j a {
        font-size: 16px;
    }
    .header_l .logo {
        width: 129px;
    }
}

@media only screen and (max-width: 992px) {
    .container {
        max-width: 100%;
        padding: 0 30px;
    }
    .header .header_r .header_sea::after {
        display: none;
    }
    .header .header_r .header_sea {
        margin-right: 20px;
    }
/*    .header {
        position: relative;
        background-color: #000;
    }*/
    .header .header_r .header_sea {
        font-size: 27px;
    }
}

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

@media only screen and (max-width: 992px) {
    .header .en {
        margin-right: 40px;
    }
    .header .logo>a {
        position: static;
    }
    .header .logo img {
        max-width: 60px;
    }
    /*.header .nav {
        width: 60%;
        padding: 10px 5% 0;
        margin: 0;
        background-color: #141414;
        height: 100%;
        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;
    }
    .header .nav ul {
        width: 100%;
        display: block;
    }
    .header .nav ul li:nth-child(2) {
        margin-left: 0;
    }
    .header .nav ul li {
        width: 100%;
        height: auto;
        text-align: left;
        background: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        float: none;
        margin: 0;
        padding: 0;
        display: block;
    }
    .header .nav ul li:after {
        display: none;
    }
    .header .nav .y_j i {
        display: block;
        width: 100%;
        padding-right: 10px;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 16px;
        text-align: right;
        color: #ddd;
        line-height: 73px;
        z-index: 99;
    }
    .header .nav ul li:hover .y_j i {
        color: #ddd;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .header .nav ul li.on .y_j i {
        color: #ddd;
    }*/
    .header .nav .y_j a {
        /* padding: 15px 0; */
/*        font-size: 24px;
        line-height: 70px;
        color: #fff;
        display: block;
        font-weight: 400;*/
    }
/*    .header .nav .y_j a>span {
        display: none;
    }
    .header .nav ul li:hover .y_j a {
        color: #fff;
        border-bottom: 3px solid transparent;
    }
    .header .nav ul li.on .y_j a {
        color: #fff;
        border-bottom: 3px solid transparent;
    }
    .header_h {
        height: 65px;
    }
    .header .head_icon {
        top: 0;
        margin-top: 0;
        right: 20%;
    }
    .header .nav .e_j {
        width: 100%;
        background: none;
        box-shadow: none;
        position: relative;
        left: auto;
        top: auto;
        padding: 5px 0;
        margin-left: 0;
        opacity: 1;
        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: 18px;
        line-height: 24px;
        text-align: left;
        color: #fff;
    }
    .header .an {
        display: block;
    }*/
    /* 640 */
/*    .header .header_ls {
        margin-left: 0;
        margin-right: 70px;
    }
    .header .an {
        right: 5% !important;
    }
    .header .header_r {
        margin-right: 9%;
    }*/
}

.pc_ban {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.pc_ban .sw_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all 5s;
    -o-transition: all 5s;
    -ms-transition: all 5s;
    -moz-transition: all 5s;
    -webkit-transition: all 5s;
}

.pc_ban .swiper-slide-active .sw_bg {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.pc_ban .container {
    height: 100%;
    position: relative;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: "";
}

.pc_ban .pc_xiaas {
    position: relative;
}

.pc_ban .banner_other {
    /*left: 50%;*/
    bottom: 0;
    /*background-color: #464da0;*/
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.pc_ban .banner_other .swiper-button-prev,
.pc_ban .banner_other .swiper-button-next {
    position: static;
}

.pc_ban .banner_other .swiper-button {
    width: 100%;
    height: 50px;
    /* background-color: #fff; */
    /* border-radius: 10px 10px 0 0; */
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 60px;
}

@media screen and (max-width:1440px) and (min-width:1000px) {
.pc_ban .banner_other {
    height: 80px;
}
    }


.pc_ban .banner_other .swiper-button .swiper-button-prev,
.pc_ban .banner_other .swiper-button .swiper-button-next {
    height: auto;
    width: auto;
    margin-top: 0;
    font-size: 60px;
    color: #fff;
}

.pc_ban .banner_other .swiper-button .swiper-button-prev {}

.pc_ban .banner_other .swiper-button .swiper-button-next {}

.pc_ban .banner_other .swiper-pagination {
    display: flex;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
}

.pc_ban .banner_other .swiper-num {
    position: absolute;
    left: 30px;
    color: #fff;
    font-size: 30px;
    display: flex;
    align-items: center;
}

.pc_ban .banner_other .swiper-num .active {
    font-weight: bold;
}

.pc_ban .banner_other .swiper-num .total {
    font-size: 22px;
    color: rgba(255, 255, 255, 0.5);
}

.pc_ban .banner_other .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    margin: 0 10px;
}

.pc_ban .banner_other .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background: url(../image/dian_03.png);
}

.pc_ban_link {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* 换主轴方向 */
    flex-direction: column;
    height: 100%;
}

.pc_ban_link h4 {
    color: #fff;
    font-size: 40px;
}

.pc_ban_link h5 {
    font-size: 44px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 40px;
}

.pc_ban_link h6 {
    font-size: 24px;
    color: #ffffff;
    padding: 25px 0 30px;
    position: relative;
}

    @media screen and (max-width:1440px) and (min-width:1280px) {
.pc_ban_link h4 { font-size: 26px;}
.pc_ban_link h5 { font-size: 30px;}
.pc_ban_link h6 {font-size: 14px;}

    }
    @media screen and (max-width:1279px) and (min-width:1000px) {
.pc_ban_link h4 { font-size: 20px;}
.pc_ban_link h5 { font-size: 24px;}
.pc_ban_link h6 {font-size: 10px;}

    }
.pc_ban_link h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background-color: #fff;
}

.pc_ban_link .liaojie_syban {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 160px;
    height: 40px;
    background: linear-gradient( to top, #464da0, #636dde) no-repeat;
    background: -webkit-linear-gradient( bottom #464da0, #636dde) no-repeat;
    font-size: 16px;
    color: #ffffff;
    border-radius: 20px;
    margin-top: 60px;
}

.pc_ban_link .liaojie_syban i {
    margin-left: 15px;
}

@media only screen and (max-width:992px) {
/*    .pc_ban {
        height: 451px;
    }*/
    .pc_ban_link h5 {
        font-size: 34px;
    }
    .pc_ban_link h6 {
        font-size: 20px;
        padding: 19px 0 13px;
    }
    .pc_ban .banner_other .swiper-button .swiper-button-prev,
    .pc_ban .banner_other .swiper-button .swiper-button-next {
        display: none;
    }
    .pc_ban .banner_other {
        height: 78px;
    }
    .pc_ban_link .liaojie_syban {
        width: 185px;
        height: 52px;
        font-size: 21px;
    }
}


/* pc_ban end */


/* 热门搜索 */

.sy_ss {
    width: 100%;
    padding: 25px 0;
    overflow: hidden;
    background-color: #f7f7f7;
}

.an_tm {
    align-items: center;
}

.jt_ct {
    justify-content: space-between;
}

.sy_ss .ss_cz {
    font-size: 16px;
    line-height: 36px;
}

.sy_ss .ss_cz span {
    margin-left: 15px;
    color: #000000;
}

.sy_ss .ss_cz span strong {
    color: #235aad;
    font-weight: 400;
}

.sy_ss .ss_cz img {
    margin-top: -6px;
}

.sy_ss .ss_cz a {
    font-size: 15px;
    color: #969696;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0;
}

.sy_ss .ss_cz a:hover {
    color: #000000;
}

.sy_ss .ss_ss {
    width: 300px;
    border-radius: 5px;
    background-color: #fff;
    margin-left: 30px;
    display: flex;
}

.sy_ss .ss_ss input {
    width: calc(100% - 85px);
    height: 44px;
    margin-left: 15px;
    line-height: 44px;
    color: #969696;
    font-size: 16px;
}

.sy_ss .ss_ss input::placeholder {
    color: #969696;
    font-size: 15px;
}

.sy_ss .ss_ss button {
    width: 60px;
    height: 44px;
    /* font-weight: bold; */
    line-height: 46px;
    color: #fff;
    outline: none;
    background-color: #4169e1;
    border-radius: 0 5px 5px 0;
}

.sy_ss .ss_ss button:hover {
    color: #999999;
}

.sy_ss button i {
    font-size: 23px;
    font-weight: 100;
}

@media only screen and (max-width:1024px) {
    .sy_ss .ss_ss input::placeholder {
        color: #969696;
        font-size: 22px;
    }
    .sy_ss {
        text-align: center;
    }
    .sy_ss .row {
        flex-direction: column-reverse;
    }
    .sy_ss .ss_cz {
        width: 100%;
        margin-top: 10px;
    }
    .sy_ss .ss_cz span {
        display: none;
    }
    .sy_ss .ss_cz img {
        display: none;
    }
    .sy_ss .ss_cz a {
        font-size: 20px;
        margin: 0 10px;
    }
    .sy_ss .ss_ss {
        width: 80%;
        border-radius: 30px;
        margin-left: 60px;
        justify-content: center;
    }
    .sy_ss form{
        width: 100%;
    }
    .sy_ss .ss_ss input {
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 22px;
    }
    .sy_ss .ss_ss button {
        width: 100px;
        height: 60px;
        line-height: 60px;
    }
    .sy_ss .ss_ss button i {
        font-size: 28px;
    }
}


/* 产品展示 */

.sy_cpzs {
    padding: 90px 0 130px;
}

.ggbt {
    text-align: center;
    font-size: 34px;
    color: #222222;
    padding-bottom: 25px;
    position: relative;
}

.ggbt::after {
    width: 70px;
    height: 2px;
    background-color: #4169e1;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    content: " ";
}

.sy_cpzs .tab_qiehuan .tab_head {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.sy_cpzs .tab_qiehuan .tab_head .bt {
    padding: 10px 35px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #969696;
    border-radius: 5px;
    margin: 0 6px;
}

.sy_cpzs .tab_qiehuan .tab_head .bt.on {
    color: #fff;
    border: 1px solid #4169e1;
    background-color: #4169e1;
}

.sy_cpzs .tab_body .xiao_lunbo {
    position: relative;
}

.sy_cpzs .tab_body .xiao_lunbo .shang {
    position: relative;
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 330px;
    border-radius: 5px;
    box-shadow: 0 0 10px #eee;
}

.sy_cpzs .tab_body .xiao_lunbo .shang .shang_fuzhuo {
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(65, 105, 225, 0.9);
    width: 100%;
    height: 100%;
    padding: 15px;
    opacity: 0;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.sy_cpzs .tab_body .xiao_lunbo .shang .shang_fuzhuo .nei_quan {
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 5px;
}

.sy_cpzs .tab_body .xiao_lunbo .shang .shang_fuzhuo .nei_quan h5 {
    font-size: 18px;
    color: #ffffff;
}

.sy_cpzs .tab_body .xiao_lunbo .shang .shang_fuzhuo .nei_quan .uasas {
    margin-top: 32px;
}

.sy_cpzs .tab_body .xiao_lunbo .shang img {
    max-width: 100%;
    max-height: 100%
}

.sy_cpzs .tab_body .cp_sy_ban {
    padding: 30px 10px;
}

.sy_cpzs .tab_body .cp_sy_ban h5 {
    font-size: 18px;
    color: #343434;
    margin-top: 28px;
    text-align: center;
}

.tab_body .xiao_lunbo {
    display: none;
}
.sy_cpzs .tab_body .xiao_lunbo .cp_lunb{
    display: block;
}
.sy_cpzs .tab_body .xiao_lunbo .cp_lunb:hover .shang .shang_fuzhuo {
    opacity: 1;
}

.sy_cpzs .tab_body .xiao_lunbo .swiper-button-next {
    right: -50px;
}

.sy_cpzs .tab_body .xiao_lunbo .swiper-button-prev {
    left: -50px;
}

@media only screen and (max-width:1200px) {
    .sy_cpzs .tab_body .xiao_lunbo .swiper-button-next {
        display: none;
    }
    .sy_cpzs .tab_body .xiao_lunbo .swiper-button-prev {
        display: none;
    }
}

@media only screen and (max-width:992px) {
    .sy_cpzs {
        padding: 30px 0;
    }
    .sy_cpzs .tab_qiehuan .tab_head .bt {
        font-size: 22px;
        padding: 5px 25px;
        margin-bottom: 10px;
    }
    .sy_cpzs .tab_body .cp_sy_ban h5 {
        font-size: 22px;
    }
    .sy_cpzs .tab_body .xiao_lunbo .shang .shang_fuzhuo .nei_quan h5 {
        font-size: 22px;
    }
}


/* About */

.sy_guanyu {
    padding-bottom: 178px;
}

.sy_guanyu .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sy_guanyu .container .zuo {
    flex: 0 0 44%;
    max-width: 44%;
    background-color: #ffffff;
    padding: 57px 23px 90px 40px;
}

.sy_guanyu .container .zuo h5 {
    font-size: 40px;
    color: #343434;
    text-align: right;
}

.sy_guanyu .container .zuo h5 span {
    color: #4169e1;
}

.sy_guanyu .container .zuo h6 {
    font-size: 18px;
    color: #969696;
    text-align: right;
    margin-top: 35px;
}

.sy_guanyu .container .zuo h4 {
    font-size: 30px;
    color: #222222;
    margin-top: 70px;
}

.sy_guanyu .container .zuo .wx_scsc {
    font-size: 16px;
    color: #646464;
    margin-top: 35px;
    line-height: 33px;
}

.sy_guanyu .container .you {
    flex: 0 0 56%;
    max-width: 56%;
    position: relative;
}

.sy_guanyu .container .you a {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 110px;
    height: 110px;
    background-color: #4169e1;
    font-size: 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sy_guanyu .container .di_gundong {
    flex: 0 0 71%;
    max-width: 71%;
    background: linear-gradient( to bottom, #fff 50%, rgba(255, 255, 255, 0) 50%) no-repeat;
    background: -webkit-linear-gradient( top, #fff 50%, rgba(255, 255, 255, 0) 50%) no-repeat;
    padding: 38px 75px;
}

.sy_guanyu .container .di_gundong .gun_ssss {
    background-color: #373737;
    padding: 35px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sy_guanyu .container .di_gundong .gun_ssss .part1_num_list {
    flex: 1;
    text-align: center;
}

.sy_guanyu .container .di_gundong .gun_ssss .part1_num_list h5 {
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
}

.sy_guanyu .container .di_gundong .gun_ssss .part1_num_list span {
    display: block;
    font-size: 16px;
    color: #ffffff;
    margin-top: 10px;
}

.sy_guanyu .container .di_gundong .gun_ssss .part1_num_list:nth-child(2) {
    border-left: 1px solid #a7a9af;
    border-right: 1px solid #a7a9af;
}

@media only screen and (max-width:992px) {
    .sy_guanyu .container .zuo {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sy_guanyu .container .you {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sy_guanyu .container .di_gundong {
        flex: 0 0 100%;
        max-width: 100%;
        background: none;
    }
    .sy_guanyu .container .zuo h6 {
        font-size: 20px;
        margin-top: 20px;
    }
    .sy_guanyu .container .zuo h4 {
        margin-top: 30px;
    }
    .sy_guanyu .container .zuo .wx_scsc {
        font-size: 19px;
    }
    .sy_guanyu .container .you a {
        height: 79px;
    }
    .sy_guanyu .container .di_gundong {
        padding: 30px 0;
    }
    .sy_guanyu .container .di_gundong .gun_ssss {
        padding: 20px;
    }
    .sy_guanyu .container .di_gundong .gun_ssss .part1_num_list span {
        font-size: 18px;
    }
}


/* 优势 */

.sy_ys {
    padding: 198px 0 124px;
    position: relative;
}

.sy_ys .biaoti {
    position: absolute;
    width: 740px;
    height: 210px;
    background-color: #4169e1;
    right: 0;
    top: -105px;
    padding: 51px 0;
    display: flex;
}

.sy_ys .biaoti .z {
    width: 175px;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
}

.sy_ys .biaoti .y {
    margin-left: 57px;
}

.sy_ys .biaoti .y h5 {
    font-size: 40px;
    color: #ffffff;
}

.sy_ys .biaoti .y h6 {
    font-size: 18px;
    color: #ffffff;
    margin-top: 25px;
}

.sy_ys .xiaofang {
    height: 390px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
}

.sy_ys .xiaofang .shang img {
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.sy_ys .xiaofang h5 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 45px;
}

.sy_ys .xiaofang:hover .shang img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.sy_ys .xiaofang:hover h5 {
    animation: rubberBand 1s;
}

@media only screen and (max-width:992px) {
    .sy_ys .biaoti {
        width: 542px;
    }
    .sy_ys .biaoti .y h6 {
        font-size: 21px;
    }
    .sy_ys {
        padding-top: 150px;
    }
    .sy_ys .xiaofang {
        margin-top: 30px;
    }
    .sy_ys .xiaofang h5 {
        font-size: 22px;
    }
}


/* 新闻资讯 */

.sy_xinwen {
    padding: 87px 0 106px;
}

.sy_xinwen .zuo {
    background-color: #f8f8f8;
    padding: 35px 25px;
}

.sy_xinwen .zuo .shijian {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.sy_xinwen .zuo .shijian .z {
    font-size: 30px;
    color: #828282;
}

.sy_xinwen .zuo .shijian .y {
    font-size: 30px;
    color: #fefefe;
    width: 137px;
    height: 58px;
    background-color: #4169e1;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sy_xinwen .zuo h5 {
    font-size: 22px;
    color: #161616;
    margin-top: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.sy_xinwen .zuo h6 {
    font-size: 16px;
    color: #828282;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.sy_xinwen .zuo .tp_xw {
    height: 300px;
    margin-top: 50px;
}

.sy_xinwen .you .sy_xin_w {
    height: 190px;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* 换主轴方向 */
    flex-direction: column;
    border-bottom: 1px solid #e5e5e5;
}

.sy_xinwen .you .sy_xin_w:nth-child(1) {
    border-top: 1px solid #e5e5e5;
}

.sy_xinwen .you .sy_xin_w .shang {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.sy_xinwen .you .sy_xin_w .shang h5 {
    font-size: 20px;
    color: #222222;
    position: relative;
    padding-left: 33px;
    flex: 0 0 75%;
    max-width: 75%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.sy_xinwen .you .sy_xin_w .shang h6 {
    flex: 0 0 17%;
    text-align: right;
    font-size: 30px;
    color: #828282;
}

.sy_xinwen .you .sy_xin_w .shang h5::after {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #4169e1;
    border-radius: 100px;
    content: "";
}

.sy_xinwen .you .sy_xin_w .miao_sjhu {
    font-size: 16px;
    color: #767676;
    line-height: 36px;
    margin-top: 20px;
    padding-left: 33px;
    flex: 0 0 75%;
    max-width: 75%;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
text-overflow: ellipsis;
}

.sy_xinwen .you .sy_xin_w .jiantou {
    padding-top: 20px;
}

.sy_xinwen .row {
    margin-top: 50px;
}

@media only screen and (max-width:1090px) {
    .sy_xinwen .you .sy_xin_w .shang h6 {
        flex: 0 0 19%;
    }
}

@media only screen and (max-width:1090px) {
    .sy_xinwen {
        padding: 50px 0;
    }
    .sy_xinwen .row {
        margin-top: 30px;
    }
    .sy_xinwen .zuo h6 {
        font-size: 19px;
    }
    .sy_xinwen .you .sy_xin_w .shang h5 {
        font-size: 22px;
    }
    .sy_xinwen .you .sy_xin_w .miao_sjhu {
        font-size: 19px;
    }
}


/* 合作伙伴 */

.sy_hzhb {
    padding: 65px 0 58px;
    background-color: #f8f8f8;
}

.sy_hzhb .hezuo_ban {
    margin-top: 36px;
    padding-bottom: 70px;
}

.sy_hzhb .hz_hb {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 30px;
    background-color: #fff;
    height: 121px;
}

.sy_hzhb .hz_hb img {
    max-width: 100%;
    max-height: 100%;
}

.sy_hzhb .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sy_hzhb .hezuo_ban .swiper-pagination-bullet {
    background: #dcdcdc;
    opacity: 1;
}

.hezuo_ban .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: url(../image/di_03.png);
    width: 20px;
    height: 20px;
}

@media only screen and (max-width:992px) {
    .sy_hzhb {
        padding: 50px 0;
    }
}


/* 底 */

footer {
    padding: 65px 0 40px;
}

footer .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer .container .zuo {
    flex: 0 0 68%;
    display: flex;
    flex-wrap: wrap;
}

footer .container .zuo .di_dh {
    flex: 1;
}

footer .container .zuo .di_dh a {
    display: block;
}

footer .container .zuo .di_dh .da_bt {
    font-size: 16px;
    color: #a0a0a0;
    padding-bottom: 20px;
    border-bottom: 1px solid #373737;
}

footer .container .zuo .di_dh .xiao_bt {
    font-size: 14px;
    color: #a0a0a0;
    margin-top: 21px;
}

footer .container .you {
    flex: 0 0 31%;
    border-left: 1px solid #333333;
    padding: 0 100px 30px 30px;
    position: relative;
}

footer .container .you .di_you_wx {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 130px;
}

footer .container .you .di_you_wx img {
    width: 100%;
}

footer .container .you .di_you_wx .x {
    margin-top: 13px;
    font-size: 14px;
    color: #a8a8a8;
    text-align: center;
}

footer .container .you .shangyi {
    margin-bottom: 10px;
}

footer .container .you .zhonger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

footer .container .you .zhonger .z {
    flex: 0 0 9%;
}

footer .container .you .zhonger .y {
    flex: 0 0 89%;
    font-size: 14px;
    color: #a0a0a0;
    line-height: 37px;
}

footer .container .you .xiasan {
    margin-top: 40px;
}

footer .container .you .xiasan h5 {
    font-size: 14px;
    color: #a8a8a8;
}

footer .ewm_wai {
    position: relative;
    display: inline-block;
    margin-top: 20px;
}

footer .ewm_wai:nth-child(2) {
    margin-left: 20px;
}

footer .ewm {
    width: 120px;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    bottom: 52px;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

footer .ewm:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #fff;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
}

footer .ewm_wai:hover .ewm {
    opacity: 1;
    visibility: inherit;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.banquan {
    height: 60px;
    background-color: #0c0c0c;
}

.banquan .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    font-size: 14px;
    color: #a8a8a8;
}

.banquan .container a {
    font-size: 14px;
    color: #a8a8a8;
}

@media only screen and (max-width:1400px) {
    footer .container .you {
        flex: 0 0 39%;
    }
    footer .container .zuo {
        flex: 0 0 59%;
    }
}

@media only screen and (max-width:1200px) {
    footer .container .zuo {
        display: none;
    }
    footer .container .you {
        flex: 0 0 100%;
        border-left: none;
    }
    footer .container .you .zhonger .z {
        flex: 0 0 3%;
    }
    footer .container .you .zhonger .y {
        flex: 0 0 95%;
    }
}

@media only screen and (max-width:992px) {
    footer .ewm {
        display: none;
    }
    footer .container .you .zhonger .y {
        font-size: 18px;
    }
    footer .container .you .xiasan h5 {
        font-size: 18px;
    }
    footer .container .you .di_you_wx .x {
        font-size: 18px;
    }
    footer .ewm_wai:nth-child(2) {
        margin-left: 40px;
    }
}


/*  */


/* 新家 关于我们 */

.cs1 .gy_dbt {
    font-size: 80px;
    color: #343434;
    font-weight: bold;
}

.cs1tlico {
    background-color: #343434;
}

.nei_gyan {
    padding-bottom: 120px;
}

.nei_gyan .dx {
    font-size: 36px;
    color: #323232;
    flex: 0 0 100%;
}

.nei_gyan .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nei_gyan .container .zuo {
    flex: 0 0 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.nei_gyan .container .zuo .tu_hz {
    flex: 1;
    height: 670px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
}

.nei_gyan .container .zuo .tu_hz p {
    font-size: 40px;
    font-weight: bold;
    color: #2f2f2f;
    position: relative;
    padding-bottom: 5px;
}

.nei_gyan .container .zuo .tu_hz p::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #2f2f2f;
    content: "";
}

.nei_gyan .container .zuo .tu_hz p:nth-child(2) {
    margin-left: 80px;
}

.nei_gyan .container .you {
    flex: 0 0 50%;
    margin-top: 50px;
    position: relative;
    padding-right: 65px;
}

.nei_gyan .container .you::after {
    position: absolute;
    content: "";
    width: 877px;
    height: 662px;
    background-color: #f8f9fb;
    right: 0;
    top: 0;
    z-index: -1;
}

.nei_gyan .container .you h5 {
    font-size: 20px;
    color: #1d1c1c;
}

.nei_gyan .container .you h6 {
    font-size: 16px;
    color: #565656;
    line-height: 30px;
    margin-top: 20px;
}

.nei_gyan .container .you .wmd_ys {
    margin-top: 50px;
}

.nei_gyan .you .youshi_shuzi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.nei_gyan .you .youshi_shuzi .wm_dyou {
    flex: 0 0 22%;
    position: relative;
    font-size: 18px;
    color: #1d1c1c;
    line-height: 35px;
    margin-top: 50px;
}

.nei_gyan .you .youshi_shuzi .wm_dyou span {
    position: relative;
    z-index: 2;
}

.nei_gyan .you .youshi_shuzi .wm_dyou span img {
    margin-right: 10px;
}

.nei_gyan .you .youshi_shuzi .wm_dyou i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 53px;
    color: #f0f1f3;
    font-weight: bold;
}

@media only screen and (max-width:1300px) {
    .nei_gyan .container .zuo .tu_hz p {
        font-size: 32px;
    }
    .nei_gyan .you .youshi_shuzi .wm_dyou {
        font-size: 16px;
    }
}

@media only screen and (max-width:1200px) {
    .nei_gyan .container .you {
        padding-right: 23px;
    }
    .nei_gyan .you .youshi_shuzi .wm_dyou {
        flex: 0 0 24%;
    }
    .nei_gyan .container .zuo .tu_hz p {
        font-size: 25px;
    }
    .nei_gyan .container .zuo .tu_hz p:nth-child(2) {
        margin-left: 53px;
    }
}

@media only screen and (max-width:992px) {
    .nei_gyan .container .zuo {
        flex: 0 0 100%;
    }
    .nei_gyan .container .you {
        flex: 0 0 100%;
        max-width: 100%;
        background-color: #f8f9fb;
        padding: 23px;
    }
    .nei_gyan .container .zuo .tu_hz {
        height: 570px;
    }
    .nei_gyan .container .you::after {
        display: none;
    }
    .nei_gyan .container .you h5 {
        font-size: 22px;
    }
    .nei_gyan .container .you h6 {
        font-size: 18px;
        line-height: 36px;
    }
    .nei_gyan .container .you .wmd_ys {
        margin-top: 30px;
    }
    .nei_gyan .you .youshi_shuzi .wm_dyou {
        flex: 0 0 50%;
    }
    .nei_gyan .you .youshi_shuzi .wm_dyou {
        font-size: 20px;
    }
    .nei_gyan .you .youshi_shuzi .wm_dyou i {
        right: 35px;
    }
}


/* 公司文化 */

.nei_gyan .zuo_wh {
    flex: 0 0 36%;
    max-width: 36%;
    margin-top: 150px;
    position: relative;
}

.nei_gyan .zuo_wh .wh_bt {
    font-size: 44px;
    color: #d9d9d9;
    font-weight: bold;
    text-align: right;
}

.nei_gyan .zuo_wh .sj_bt {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.nei_gyan .zuo_wh .sj_bt span {
    text-align: right;
    font-weight: bold;
    font-size: 80px;
    color: #4169e1;
}

.nei_gyan .zuo_wh .sj_bt i {
    font-size: 16px;
    color: #353232;
    position: relative;
    padding-bottom: 30px;
    margin-left: 70px;
}

.nei_gyan .zuo_wh .sj_bt i:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 15px;
    height: 15px;
    background-color: #4169e1;
    border-radius: 100px;
}

.nei_gyan .zuo_wh .wenhua_bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: -1;
}

.nei_gyan .zuo_wh p {
    font-size: 16px;
    color: #5f5f5f;
    margin-top: 20px;
    position: relative;
    padding-left: 34px;
}

.nei_gyan .zuo_wh p:after {
    position: absolute;
    content: "";
    left: 6px;
    width: 12px;
    height: 12px;
    border: 2px solid #4a70e2;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
}

.nei_gyan .zuo_wh p span {
    font-size: 18px;
    color: #010101;
}

.nei_gyan .you_wh {
    flex: 0 0 54%;
    height: 420px;
    margin-top: 200px
}

@media only screen and (max-width:992px) {
    .nei_gyan .zuo_wh {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 50px;
    }
    .nei_gyan .you_wh {
        flex: 0 0 100%;
    }
    .nei_gyan .you_wh {
        margin-top: 50px;
    }
    .nei_gyan {
        padding-bottom: 50px;
    }
    .nei_gyan .zuo_wh p {
        font-size: 20px;
    }
    .nei_gyan .zuo_wh p span {
        font-size: 21px;
    }
    .nei_gyan .zuo_wh .sj_bt i {
        font-size: 20px;
    }
}


/* 时间轴 */

.nei_shijianz {
    padding: 180px 0 104px;
}

.fz_banda .fz_ner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.fz_banda .fz_ner .zuo {
    flex: 0 0 50%;
    padding: 0 118px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
}

.fz_banda .fz_ner .zuo .sj {
    width: 215px;
    height: 74px;
    border: 4px solid #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
}

.fz_banda .fz_ner .zuo i {
    width: 5px;
    height: 50px;
    background-color: #fff;
    margin: 20px 0;
}

.fz_banda .fz_ner .zuo h5 {
    line-height: 33px;
    margin-top: 15px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}

.fz_banda .fz_ner .you {
    flex: 0 0 50%;
    padding: 0 60px;
}

.fz_banda .fz_ner .you .nr_yy {
    background-color: #fff;
    padding: 5px;
}

.fz_banda .fz_ner .you .nr_yy img {
    width: 100%;
}

.fazhaun_lunbo {
    position: relative;
}

.fzban_xiao {
    margin-top: 100px;
    padding-top: 14px;
    position: relative;
}

.fzban_xiao:after {
    background: url(../image/xian.png);
    width: 100%;
    height: 1px;
    left: 0;
    top: 14px;
    content: "";
    position: absolute;
}

.fzban_xiao .shuzi {
    font-size: 18px;
    color: #ffffff;
    position: relative;
    padding-top: 33px;
    text-align: center
}

.fzban_xiao .shuzi::after {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    border-radius: 100px;
}

.fzban_xiao .swiper-slide-thumb-active .shuzi::after {
    background: url(../image/acti.png);
    width: 28px;
    height: 28px;
    top: -14px;
}

.fazhaun_lunbo .swiper-button-next,
.fazhaun_lunbo .swiper-button-prev {
    top: auto;
    bottom: 37px;
}

.fazhaun_lunbo .swiper-button-next {
    right: -19px;
}

.fazhaun_lunbo .swiper-button-prev {
    left: -19px;
}

@media only screen and (max-width:992px) {
    .fz_banda .fz_ner .zuo {
        flex: 0 0 100%;
        padding: 0;
    }
    .fz_banda .fz_ner .you {
        flex: 0 0 100%;
        padding: 0;
        margin-top: 30px;
    }
    .fz_banda .fz_ner .zuo i {
        display: none;
    }
    .fz_banda .fz_ner .zuo h5 {
        font-size: 18px;
    }
    .nei_shijianz {
        padding: 50px 0;
    }
    .fzban_xiao {
        margin-top: 40px;
    }
    .fzban_xiao .shuzi {
        font-size: 24px;
    }
    .fazhaun_lunbo .swiper-button-next,
    .fazhaun_lunbo .swiper-button-prev {
        bottom: 46px;
    }
}

.nei_ban {
    height: 750px;
    padding-top: 130px;
    position: relative;
}

.nei_ban::after {
    position: absolute;
    right: 0;
    bottom: 205px;
    width: 900px;
    height: 200px;
    background-color: #4169e1;
    content: "";
}

.nei_ban .container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /* 换主轴方向 */
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.nei_ban .container h5 {
    color: #ffffff;
    font-size: 36px;
    font-weight: bold;
}

.nei_ban .container h6 {
    color: #ffffff;
    font-size: 26px;
    margin-top: 30px;
}

.nei_ban .container .xiangxia {
    position: absolute;
    left: 0;
    bottom: 0;
    animation: xq 1s linear infinite;
}

@keyframes xq {
    50% {
        bottom: 20PX;
    }
    100% {
        bottom: 0;
    }
}

@media only screen and (max-width:992px) {
    .nei_ban {
        height: 461px;
        padding-top: 0;
    }
    .nei_ban::after {
        bottom: auto;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
        height: 133px;
    }
    .nei_ban .container {
        align-items: center;
    }
    .nei_ban .container .xiangxia {
        transform: translateX(-50%);
        left: 6%;
    }
}


/* 荣誉资质 */

.nei_nyzz {
    padding: 136px 0 114px;
}


/* 资质荣誉 */


/* .ry_gy_zz {
     padding-top: 120px;
     padding-bottom: 95px;
 }
  */

.ab_bkc .gy_ggbt h5::before {
    display: none;
}

.ab_bkc .gy_ggbt h5::after {
    display: none;
}

.ab_bkc {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.ab_bkc_t {
    padding-bottom: 28px;
    background: url(http://www.norkern.com/template/pc/images/xh_a.png) right 40% bottom no-repeat;
}

.ab_bkc_sl {
    width: 100%;
    margin-top: 25px;
}

.ab_bkc_div {
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
}

.ab_bkc_yfsl {
    width: 78%;
    float: right;
    margin-right: 4%;
    margin-top: 92px;
}

.ab_bkc_span_a {
    width: 100%;
    font-size: 36px;
    color: #323232;
    line-height: 30px;
}

.ab_bkc_span_b {
    width: 100%;
    border-bottom: solid 1px #CDCDCD;
    margin-top: 30px;
    color: #969696;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 28px;
}

.ab_bkc_div_img {
    width: 100%;
    height: 522px;
}

.ab_bkc_div:nth-child(2) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ab_bkc_div_bk {
    width: 69%;
    height: 72.2%;
    background: rgba(34, 79, 214, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid 15px rgba(34, 79, 214, 1);
    padding-left: 45px;
    padding-top: 35px;
}

.ab_bkc_div_bk span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 26px;
    margin-bottom: 35px;
}

.ab_bkc_div_bk p {
    color: #fff;
    font-size: 16px;
    line-height: 34px;
}

.ab_bkc_num {
    width: 100%;
    margin-top: 35px;
}

.ab_bkc_num_div {
    width: 100%;
}

.ab_bkc_num_div span {
    display: block;
    font-size: 40px;
    color: #4169e1;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 16px;
}

.ab_bkc_num_div p {
    font-size: 14px;
    color: #969696;
    line-height: 24px;
}

.ab_bkc_zhengs {
    width: 100%;
    margin-top: 48px;
    float: left;
    position: relative;
}

.ab_bkc_zhengs_butta {
    position: absolute;
    left: 0;
    top: -150px;
}

.ab_bkc_zhengs_butta dd {
    width: 180px;
    height: 50px;
    float: left;
    margin-right: 25px;
    border-radius: 8px;
    border: solid 1px #265299;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #4169e1;
    cursor: pointer;
}

.ab_bkc_zhengs_butta dd.on {
    background: #4169e1;
    color: #fff;
}

.ab_bkc_zhengs_butta dd:hover {
    background: #4169e1;
    color: #fff;
}

.ab_bkc_zhengs_list {
    width: 100%;
    position: relative;
    display: none;
}

.ab_bkc_zhengs_kp .ab_bkc_zhengs_list:nth-child(1) {
    display: block;
}

.ab_bkc_swiper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 15px;
}

.ab_bkc_swiper .swiper-slide {
    border-radius: 8px;
    box-shadow: 0 0 10px #e9e9e9;
    padding-top: 30px;
}

.ab_bkc_img {
    width: 100%;
    text-align: center;
    height: 200px;
}

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

.ab_bkc_tit {
    width: 86%;
    margin: auto;
    text-align: center;
    border-top: solid 1px #A9BAD6;
    margin-top: 26px;
    padding: 30px 0;
}

.ab_bkc_tit a {
    font-size: 16px;
    color: #356ec4;
    line-height: 24px;
}

.ab_bkc_zhengs_list .swiper-button-prev::after,
.ab_bkc_zhengs_list .swiper-button-next::after {
    display: none;
}

.ab_bkc_zhengs_list .swiper-button-prev,
.ab_bkc_zhengs_list .swiper-button-next {
    width: 60px;
    height: 90px;
    background: rgba(53, 110, 196, 0.8);
    border-radius: 8px;
    margin-top: 0;
    top: 40%;
    outline: 0;
}

.ab_bkc_zhengs_list .swiper-button-prev i,
.ab_bkc_zhengs_list .swiper-button-next i {
    color: #fff;
    font-size: 26px;
    line-height: 90px;
}

.ab_bkc_zhengs_list .swiper-button-prev {
    left: -60px;
}

.ab_bkc_zhengs_list .swiper-button-next {
    right: -60px;
}

@media screen and (max-width: 1024px) {
    .ab_bkc_div {
        width: 100%;
    }
    .ab_bkc_div img {
        height: auto;
        width: 100%;
    }
    .ab_bkc_yfsl {
        width: 90%;
        margin-right: auto;
        float: none;
        margin: auto;
        text-align: center;
    }
    .ab_bkc_div:nth-child(2) {
        border-radius: 0;
        margin-top: 30px;
        background: url(http://www.norkern.com/template/pc/images/aa_1.jpg) top center no-repeat;
        background-size: cover !important;
        padding: 30px 0;
    }
    .ab_bkc_div_bk {
        width: 60%;
        left: auto;
        bottom: auto;
        top: auto;
        position: relative;
        margin: auto;
        padding-bottom: 30px;
    }
    .ab_bkc_zhengs_butta {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        text-align: center;
    }
    .ab_bkc_zhengs_butta dd {
        display: inline-block;
        float: none;
        margin-right: auto;
        margin: 0 15px;
    }
}

@media screen and (max-width: 768px) {
    .ab_bkc_sl {
        margin-top: 0;
    }
    .ab_bkc_num_div {
        padding: 30px 0;
    }
    .ab_bkc_div_bk {
        width: 80%;
        text-align: center;
        padding-left: 0;
        padding-bottom: 50px;
    }
    .ab_bkc_zhengs_list .swiper-button-prev {
        left: 0;
    }
    .ab_bkc_zhengs_list .swiper-button-next {
        right: 0;
    }
    .ab_bkc {
        padding: 50px 0;
    }
    .ab_bkc_t {
        padding-bottom: 28px;
        background: url(http://www.norkern.com/template/pc/images/xh_a.png) center center no-repeat;
    }
    .ab_bkc_span_a {
        font-size: 24px;
        line-height: 24px;
    }
    .ab_bkc_span_b {
        font-size: 20px;
        line-height: 31px;
    }
    .ab_bkc_num {
        margin-top: 30px;
    }
    .ab_bkc_num ul li {
        margin-bottom: 30px;
    }
    .ab_bkc_num_div {
        box-shadow: 0 0 10px #e9e9e9;
    }
    .ab_bkc_div_bk {
        width: 100%;
    }
    .ab_bkc_div_bk p {
        font-size: 19px;
        line-height: 30px;
    }
    .ab_bkc_zhengs_butta dd {
        width: auto;
        padding: 0 33px;
        height: 45px;
        line-height: 45px;
        font-size: 23px;
    }
    .ab_bkc_zhengs_list .swiper-button-prev,
    .ab_bkc_zhengs_list .swiper-button-next {
        width: 30px;
        height: 60px;
        border-radius: 3px;
    }
    .ab_bkc_num_div p {
        font-size: 18px;
    }
    .ab_bkc_div:nth-child(2) {
        margin-top: 0;
    }
    .ab_bkc_zhengs {
        margin-top: 10px;
    }
    .ab_bkc_swiper .swiper-slide {
        margin-top: 30px;
    }
    .ab_bkc_tit {
        padding: 14px 0;
    }
    .ab_bkc_tit a {
        font-size: 22px;
    }
}


/* 案例 */

.anli_nei .s_sj {
    font-size: 16px;
    color: #7e7e7e;
    margin-bottom: 30px;
}

.anli_nei .cs1r {
    position: relative;
    width: 10%;
    right: 0;
    top: 0;
}

.anli_nei .cs1r .swiper-button-next,
.anli_nei .cs1r .swiper-button-prev {
    width: 44px;
    height: 44px;
    top: 0;
}

.cs1r i {
    margin-left: 0;
}

.cs1r i:hover {
    border: 1px solid #4169e1;
    color: #4169e1;
}

.anli_xiap h5 {
    font-size: 16px;
    color: #818181;
    margin-bottom: 25px;
}

.cs2a::after {
    background: #4169e1;
}

.cs2a:hover span,
.cs2a:hover {
    color: #4169e1;
}
.page{
    margin-top: 30px;
}

.page a:hover,
.page a.active {
    background: #4169e1;
}

.page a,.page span {
    border: 1px solid #4169e1;
    color: #4169e1;
}

@media only screen and (max-width:1200px) {
    .anli_nei .cs1r {
        width: 14%;
    }
}

@media only screen and (max-width:992px) {
    .anli_nei .cs1r .swiper-button-next,
    .anli_nei .cs1r .swiper-button-prev {
        display: none;
    }
    .anli_nei .s_sj {
        font-size: 18px;
    }
    .anli_xiap h5 {
        font-size: 18px;
    }
    .text16,
    .text18,
    .text20 {
        font-size: 22px;
    }
}


/* 产品详情页 */

.cp_xq {
    width: 100%;
    background-color: #f9fafb;
    overflow: hidden;
    padding: 76px 0 57px;
}

.cp_xq .bt h5 {
    font-size: 30px;
    text-align: center;
    color: #323232;
}

.cp_xq .bt h6 {
    font-size: 18px;
    color: #646464;
    margin-top: 20px;
    text-align: center;
}

.cp_xq .cp_zs .shang_nn {}

.cp_xq .cp_zs .shang_nn .img {
    height: 411px;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
}

.cp_xq .cp_zs .shang_nn .img img {
    max-width: 100%;
    max-height: 100%;
}

.cp_xt .img {
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
}

.cp_xt .img img {
    max-width: 100%;
    max-height: 100%;
}

.cp_xq .cp_zs {
    margin-top: 51px;
}

.cp_xq .cp_zs .row {
    margin: 0 -20px;
}

.cp_xq .cp_zs .col-12 {
    padding: 0 20px;
}

.cp_xq .cp_zs .cp_dt {
    height: 100%;
}

.cp_xq .cp_zs .cp_xt .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cp_xq .cp_xt {
    position: relative;
}

.cp_xq .cp_xt .swiper-button-prev {
    width: 13px;
    height: 24px;
    background: url(http://www.norkern.com/template/pc/image/hz_l.png) no-repeat center;
    top: 50%;
    left: 0;
    margin-top: -12px;
    background-size: 13px 24px;
    -webkit-background-size: 13px 24px;
    -moz-background-size: 13px 24px;
    -ms-background-size: 13px 24px;
    -o-background-size: 13px 24px;
}

.cp_xq .cp_xt .swiper-button-next {
    width: 13px;
    height: 24px;
    background: url(http://www.norkern.com/template/pc/image/hz_r.png) no-repeat center;
    top: 50%;
    right: 0;
    margin-top: -12px;
    background-size: 13px 24px;
    -webkit-background-size: 13px 24px;
    -moz-background-size: 13px 24px;
    -ms-background-size: 13px 24px;
    -o-background-size: 13px 24px;
}

.cp_xq .cp_js {
    height: 100%;
    background-color: #fff;
    padding: 30px 25px;
}

.cp_xq .cp_js .history {
    text-align: right;
    display: block;
    font-size: 20px;
    color: #646464;
}

.cp_xq .cp_js .history img {
    vertical-align: baseline;
    margin-left: 10px;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.cp_xq .cp_js .history:hover img {
    margin-left: 5px;
}

.cp_xq .cp_js .j_s {
    font-size: 16px;
    color: #646464;
    padding: 20px 0;
    line-height: 35px;
    position: relative;
}

.cp_xq .cp_js .j_s::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    content: "";
}

.cp_js .zixun_xx {
    width: 145px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4169e1;
    color: #fff;
    font-size: 16px;
    margin-top: 24px;
}

.cp_xq .cp_js .c_s {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.cp_xq .cp_js .c_s ul {
    margin: 0 -10px;
    padding: 10px 0;
}

.cp_xq .cp_js .c_s ul li {
    padding: 0 10px;
    margin: 7px 0;
    font-size: 16px;
}

.cp_xq .cs_zs {
    padding: 25px;
    height: 100%;
    background-color: #fff;
}

.cp_xq .cs_zs .b_t {
    font-size: 18px;
    color: #fff;
    margin-bottom: 35px;
    line-height: initial;
    border-bottom: 1px solid #ddd;
}

.cp_xq .cs_zs .b_t>span {
    background-color: #349739;
    padding: 12px 70px;
    display: inline-block;
    border-radius: 5px 5px 0 0;
}

.cp_xq .cs_zs .z_s {
    color: #646464;
}

.cp_xq .cs_zs .z_s h5 {
    font-size: 19px;
}

.cp_xq .cs_zs .z_s img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.cp_xq .cs_zs .z_s ul {
    display: flex;
    flex-wrap: wrap;
}

.cp_xq .cs_zs .z_s ul.read li {
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 16px;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.cp_xq .cs_zs .z_s ul.read li::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #349739;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

.cp_xq .cp_tj {
    padding: 25px;
    background-color: #fff;
}

.cp_xq .cp_tj ul li {
    margin-bottom: 20px;
}

.cp_xq .cp_tj .b_t {
    font-size: 24px;
    color: #292222;
    padding-bottom: 7px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.cp_xq .cp_tj .b_t i {
    color: #349739;
}

.cp_xq .cp_tj .t_p {
    overflow: hidden;
    height: 275px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    padding: 0 50px;
    border-bottom: none;
}

.cp_xq .cp_tj .t_p .img {
    height: 175px;
}

.cp_xq .cp_tj .t_p img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: top center;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.cp_xq .cp_tj ul li:hover .t_p img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.cp_xq .cp_tj .w_z {
    min-height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
    background-color: #6275b0;
}

.gallery-cpzs {
    margin-top: 20px;
}

.gallery-cpzs .swiper-slide {
    border: 1px solid #e7e7e7;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.gallery-cpzs .swiper-slide img {
    height: auto;
    display: block;
}

.cp_tzlj {
    margin-top: 25px;
}

.cp_tzlj .dan_tiao {
    position: relative;
    padding-left: 30px;
    line-height: 30px;
    margin-top: 35px;
}

.cp_tzlj .dan_tiao::after {
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #4169e1;
    content: "";
}

.cp_tzlj .dan_tiao {
    font-size: 16px;
    color: #646464;
}

.cp_tzlj .dan_tiao strong {
    color: #4169e1;
}

.cp_js .jies_bt {
    font-size: 18px;
    color: #323232;
    padding-bottom: 24px;
    position: relative;
}

.cp_js .jies_bt::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    content: "";
}


/* 产品参数 */

.cp_zs .cpnei_cs {
    margin-top: 45px;
    background-color: #ffffff;
    padding: 41px 30px 65px;
}

.cp_zs .cpnei_cs h5 {
    border-bottom: 1px solid #d7d7d7;
}

.cp_zs .cpnei_cs h5 span {
    width: 180px;
    height: 44px;
    background-color: #4169e1;
    border-radius: 5px 5px 0 0;
    font-size: 20px;
    color: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.cp_zs .cpnei_cs h6 {
    font-size: 16px;
    color: #646464;
    padding-left: 60px;
    position: relative;
    margin-top: 27px;
}

.cp_zs .cpnei_cs h6::after {
    width: 13px;
    height: 12px;
    background: url(../image/xingxing_15.png);
    content: "";
    position: absolute;
    left: 45px;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width:1250px) {
    .cp_xq .cp_js {
        display: flex;
        flex-direction: column;
    }
    .cp_xq .cp_xt {
        order: -2;
    }
}

@media only screen and (max-width:1024px) {
    .cp_xq {
        padding: 40px 0 0;
    }
    .cp_xq .cp_zs {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .cp_xq .bt h6 {
        font-size: 20px;
    }
    .cp_xq .cp_js {
        margin-top: 30px;
    }
    .cp_xq .cp_js a {
        font-size: 20px;
    }
    .cp_xq .cp_js .j_s {
        font-size: 18px;
    }
    .cp_xq .cp_js .c_s ul li {
        margin: 3px 0;
        font-size: 18px;
    }
    .cp_xq .cs_zs .z_s ul.read li {
        flex: 0 0 100%;
        max-width: 100%;
        font-size: 18px;
        margin-top: 15px;
    }
    .cp_xq .cp_js .history {
        margin-top: 25px;
    }
    .cp_xq .cp_js .c_s {
        padding: 15px 0;
        margin: 20px 0;
    }
    .cp_xq .cp_tj {
        display: none;
    }
    .cp_xq .cp_tj {
        padding: 20px;
    }
    .cp_tzlj .dan_tiao {
        font-size: 18px;
        line-height: 1.7;
    }
}

@media only screen and (max-width:992px) {
    .cp_xq .bt h5 {
        font-size: 24px;
    }
    .cp_js .jies_bt {
        font-size: 22px;
    }
    .cp_tzlj .dan_tiao {
        margin-top: 15px;
    }
    .cp_zs .cpnei_cs h6 {
        padding-left: 20px;
        font-size: 18px;
    }
    .cp_zs .cpnei_cs h6::after {
        left: 0;
    }
}


/* 绿条 */

.cp_nri_lvt {
    height: 140px;
}

.zuoyou_fen {
    align-items: center;
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.zuoyou_fen .zuo {
    display: flex;
    align-items: center;
}

.zuoyou_fen .zuo .zz {
    font-size: 28px;
    color: #ffffff;
    padding-right: 30px;
    position: relative;
}

.zuoyou_fen .zuo .zz::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60px;
    background-color: #fff;
}

.zuoyou_fen .zuo .yy {
    font-size: 18px;
    color: #ffffff;
    padding-left: 34px;
}

.zuoyou_fen .you {
    display: flex;
    align-items: center;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
}

.zuoyou_fen .you img {
    margin-right: 15px;
}

@media only screen and (max-width:992px) {
    .cp_nri_lvt {
        height: auto;
        padding: 30px 0;
    }
    .zuoyou_fen .zuo {
        flex-wrap: wrap;
    }
    .zuoyou_fen .zuo .zz,
    .zuoyou_fen .zuo .yy {
        flex: 0 0 100%;
        text-align: center;
    }
    .zuoyou_fen .zuo .zz {
        padding-right: 0;
    }
    .zuoyou_fen .zuo .zz::after {
        display: none;
    }
    .zuoyou_fen .zuo .yy {
        padding-left: 0;
        font-size: 20px;
        margin: 20px 0;
    }
}


/* 选择新佳环保漆六大理由 */

.nei_ldly {
    padding-top: 86px;
    padding-bottom: 100px;
}

.fw_js {
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
}

.fw_js .container {
    max-width: 1330px;
}

.fw_js .js_nr {
    width: 100%;
    padding: 50px;
    box-shadow: 0 0 10px #d0d0d3;
    margin-top: 60px;
}

.fw_js .js_nr .row {
    justify-content: space-between;
    margin: 0;
}

.fw_js .js_nr .hd {
    width: 230px;
    flex: 0 0 230px;
}

.fw_js .js_nr .hd ul li {
    height: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 5px solid rgba(255, 255, 255, 0);
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #555;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 10px 0 0 10px;
}

.fw_js .js_nr .hd ul li.on {
    background: #4169e1;
    color: #fff;
    border-right: 5px solid #0d34a8;
}

.fw_js .js_nr .hd ul li:hover {
    background: #4169e1;
    color: #fff;
    border-right: 8px solid #0d34a8;
}

.fw_js .js_nr .bd {
    width: calc(100% - 230px);
    flex: 0 0 calc(100% - 230px);
    border-left: 1px solid #ddd;
    padding-left: 70px;
}

.fw_js .js_nr .n_r h3 {
    font-size: 24px;
    line-height: 36px;
    color: #1e1e1e;
    position: relative;
    padding-left: 20px;
}

.fw_js .js_nr .n_r h3::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #0a0d59;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.fw_js .js_nr .n_r .wen_xia {
    font-size: 18px;
    color: #646464;
    line-height: 30px;
    margin-top: 15px;
}

.fw_js .js_nr .t_p {
    margin-top: 50px;
}

.fw_js .js_nr .t_p img {
    width: 100%;
    height: auto;
    display: block;
}

@media only screen and (max-width:1024px) {
    .fw_js {
        padding: 60px 0;
    }
    .fw_js .js_nr {
        padding: 25px 20px;
    }
    .fw_js .js_nr .hd {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
    }
    .fw_js .js_nr .hd ul li {
        width: 50%;
        float: left;
        height: 80px;
        padding: 10px 20px;
        margin-bottom: 0;
        border-right: 3px solid rgba(255, 255, 255, 0);
        font-size: 22px;
        line-height: 30px;
    }
    .fw_js .js_nr .hd ul li.on {
        border-right: 3px solid #0a0d59;
    }
    .fw_js .js_nr .hd ul li:hover {
        border-right: 3px solid #0a0d59;
    }
    .fw_js .js_nr .bd {
        width: 100%;
        flex: 0 0 100%;
        border-left: 0;
        padding-left: 0;
    }
    .fw_js .js_nr .n_r ul li {
        padding: 6px 0 6px 15px;
        font-size: 20px;
        line-height: 32px;
    }
    .fw_js .js_nr .n_r ul li:after {
        width: 8px;
        height: 8px;
        top: 18px;
    }
    .zuoyou_fen {
        flex-wrap: wrap;
        padding: 15px 30px;
        justify-content: center;
    }
    .zuoyou_fen .you {
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: center;
    }
}

@media only screen and (max-width:992px) {
    .fw_js {
        padding: 50px 0;
    }
    .fw_js .js_nr {
        padding: 20px;
        margin-top: 30px;
    }
    .fw_js .js_nr .n_r h3 {
        font-size: 20px;
    }
}

.gy_bt {
    text-align: center;
    font-size: 30px;
    color: #323232;
    position: relative;
    padding-bottom: 35px;
}

.gy_bt::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 2px;
    background-color: #4169e1;
    content: "";
    animation: xq1 1s linear infinite;
}

@keyframes xq1 {
    50% {
        width: 0;
    }
    100% {
        width: 80px;
    }
}


/* 
.gy_bt::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 90px;
    height: 1px;
    background-color: #27445e;
    content: "";
    z-index: 2;
} */

@media only screen and (max-width:992px) {
    .gy_bt {
        padding-bottom: 20px;
    }
}


/* 精品案例 */

.jpal_al {
    padding-top: 20px;
    padding-bottom: 30px;
}

.jpal_al .anli_ban {
    margin-top: 20px;
}

.jpal_al .anli_ban .swiper-wrapper {
    padding-top: 20px;
}
.lun_bo_al{
    display: block;
}

.lun_bo_al .img {
    height: 275px;
}

.lun_bo_al .xia_wz {
    height: 100px;
    padding:0 18px;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* 换主轴方向 */
    flex-direction: column;
    background-color: #eaeaea;
    color: #1e1e1e;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.jpal_al .anli_ban .swiper-slide .lun_bo_al:hover .xia_wz {
    background-color: #4169e1;
    color: #fff;
}

.jpal_al .anli_ban .swiper-slide .lun_bo_al {
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.jpal_al .anli_ban .swiper-slide .lun_bo_al:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.lun_bo_al .xia_wz h5 {
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.lun_bo_al .xia_wz h6 {
    font-size: 16px;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;

}

@media only screen and (max-width:992px) {
    .jpal_al {
        padding-top: 0;
        padding-bottom: 50px;
    }
    .lun_bo_al .xia_wz h5 {
        font-size: 22px;
    }
    .lun_bo_al .xia_wz h6 {
        font-size: 18px;
    }
    .lun_bo_al .xia_wz {
        height: 120px;
    }
    .jpal_al .anli_ban .swiper-slide .lun_bo_al {
        padding: 0 30px;
    }
    .lun_bo_al .img {
        height: 412px;
    }
}


/* 相关产品 */

.xianng_guan {
    padding-top: 30px;
    padding-bottom: 100px;
    background-color: #f7f7f7;
}

.xianng_guan .cp_ban {
    margin-top: 50px;
}

.xianng_guan .xg_banner {
    padding: 0 10px 100px;
}

.xianng_guan .xg_banner .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background-color: #bebebe;
    opacity: 1;
}

.xianng_guan .xg_banner .swiper-pagination-bullet-active {
    background-color: #1c497b;
}

.chanpin_yangshi {
    background-color: #ffffff;
    width: 100%;
    box-shadow: 0 0 10px #f2d7dc;
    padding-bottom: 30px;
    margin-top: 38px;
    position: relative;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.chanpin_yangshi:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 10px #f68d8d;
}

.chanpin_yangshi .sgang_shang {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 100, 188, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    opacity: 0;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.chanpin_yangshi .sgang_shang a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 138px;
    height: 47px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #ffffff;
}

.chanpin_yangshi .sgang_shang img {
    position: absolute;
    right: 15px;
    bottom: 20px;
}

.chanpin_yangshi:hover .sgang_shang {
    opacity: 1;
}

.chanpin_yangshi .tu_pian {
    height: 276px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chanpin_yangshi .tu_pian img {
    max-width: 100%;
    max-height: 100%;
}

.chanpin_yangshi h5 {
    font-size: 18px;
    color: #1e1e1e;
    margin-top: 20px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.chanpin_yangshi h6 {
    font-size: 16px;
    color: #646464;
    margin-top: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.xi9ang_qinga {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 39px;
}

.xi9ang_qinga .zuo {
    flex: 0 0 45%;
    padding-left: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border: 2px solid #869eb9;
    height: 34px;
    font-size: 16px;
    color: #1c497b;
}

.xi9ang_qinga .you {
    flex: 0 0 45%;
    padding-left: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border: 2px solid #349739;
    height: 34px;
    font-size: 16px;
    color: #349739;
}

@media only screen and (max-width:1200px) {
    .chanpin_yangshi {
        padding: 30px 12px;
    }
}

@media only screen and (max-width:992px) {
    .xianng_guan {
        padding-top: 0;
        padding-bottom: 50px;
    }
    .chanpin_yangshi h5 {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .chanpin_yangshi h6 {
        margin-top: 8px;
    }
    .xianng_guan .cp_ban {
        margin-top: 0;
    }
    .xianng_guan .xg_banner {
        padding: 0 10px 50px;
    }
    .chanpin_yangshi .sgang_shang a {
        font-size: 22px;
    }
}


/* 产品详情页 end */


/* 解决方案 */

.nei_jjfa .meige_fang_an {
    position: relative;
    height: 600px;
    display: block;
}

.nei_jjfa .meige_fang_an .you {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 100%;
}

.nei_jjfa .meige_fang_an:nth-child(2n) .you {
    right: auto;
    left: 0;
}

.nei_jjfa .meige_fang_an .you .tupian {
    width: 100%;
    height: 100%;
    transition: all 1.7s;
    -o-transition: all 1.7s;
    -ms-transition: all 1.7s;
    -moz-transition: all 1.7s;
    -webkit-transition: all 1.7s;
}

.nei_jjfa .meige_fang_an:hover .you .tupian {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.nei_jjfa .meige_fang_an .container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.nei_jjfa .meige_fang_an:nth-child(2n) .container {
    justify-content: flex-end;
}

.nei_jjfa .meige_fang_an .zuo {
    flex: 0 0 47%;
    max-width: 47%;
    background-color: #fafafa;
    padding: 60px 90px;
}

.nei_jjfa .meige_fang_an .zuo h5 {
    font-size: 70px;
    color: #e6e7e9;
    font-weight: bold;
}

.nei_jjfa .meige_fang_an .zuo h4 {
    font-size: 30px;
    color: #2d2d2d;
    font-weight: bold;
    margin-top: 20px;
}

.nei_jjfa .meige_fang_an .zuo h6 {
    font-size: 16px;
    color: #5f5f5f;
    line-height: 28px;
    margin-top: 30px;
}

@media only screen and (max-width:1200px) {
    .nei_jjfa .meige_fang_an .zuo {
        padding: 30px;
    }
    .nei_jjfa .meige_fang_an {
        height: 507px;
    }
}

@media only screen and (max-width:992px) {
    .nei_jjfa .meige_fang_an .you {
        width: 100%;
        position: relative;
        height: 300px;
        padding: 0 30px;
    }
    .nei_jjfa .meige_fang_an {
        height: auto;
        padding: 30px 0;
    }
    .nei_jjfa .meige_fang_an .zuo {
        flex: 0 0 100%;
        max-width: 100%;
 /*       margin-top: 30px;*/
    }
    .nei_jjfa .meige_fang_an .zuo h4 {
        font-size: 22px;
    }
    .nei_jjfa .meige_fang_an .zuo h6 {
        font-size: 18px;
        line-height: 32px;
        margin-top: 17px;
    }
    .nei_jjfa .meige_fang_an .zuo h5 {
        font-size: 49px;
    }
}


/* 联系我们 */

.lx_zw {
    font-size: 36px;
    color: #323232;
}

.ditu {
    padding-bottom: 120px;
}

.ditu .container {
    position: relative;
}

.ditu .container .youshang {
    position: absolute;
    right: 15px;
    top: -58px;
    width: 250px;
    height: 132px;
    background-color: #4169e1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    z-index: 10;
}

.ditu .dizhi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px 0;
    border: 1px solid #eeeeee;
    border-left: none;
    border-right: none;
}

.ditu .dizhi .zuo h5 {
    font-size: 18px;
    color: #323232;
}

.ditu .dizhi .zuo h6 {
    font-size: 20px;
    color: #6d6d6d;
    font-weight: bold;
    margin-top: 20px;
}

.ditu .dianhua {
    padding-top: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.ditu .dianhua .xiao_zz {}

.ditu .dianhua .xiao_zz h5 {
    font-size: 18px;
    color: #323232;
}

.ditu .dianhua .xiao_zz h6 {
    font-size: 20px;
    color: #6d6d6d;
    font-weight: bold;
    margin-top: 20px;
}

@media only screen and (max-width:992px) {
    .ditu .dianhua .xiao_zz {
        flex: 0 0 100%;
        padding: 30px 0;
        border-bottom: 1px solid #eeeeee;
    }
    .ditu .dianhua {
        padding-top: 0;
    }
    .ditu .dizhi .zuo h5,
    .ditu .dianhua .xiao_zz h5 {
        font-size: 22px;
    }
    .ditu {
        padding: 50px 0;
    }
}


/* 留言 */

.liuyan {
    padding: 78px 0 140px;
}

.liuyan .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.liuyan .container .biaodan_ly {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex: 0 0 63%;
    max-width: 63%;
}

.liuyan .container .biaodan_ly .dan_yg_bd {
    margin-top: 30px;
    flex: 0 0 30%;
    max-width: 30%;
}

.liuyan .container .biaodan_ly .dan_yg_bd1 {
    flex: 0 0 100%;
    max-width: 100%;
}

.liuyan .container .biaodan_ly .dan_yg_bd h5 {
    font-size: 16px;
    color: #323232;
}

.liuyan .container .biaodan_ly .dan_yg_bd input {
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    margin-top: 15px;
    padding-left: 20px;
}

.liuyan .container .biaodan_ly .dan_yg_bd h5 i {
    color: #4169e1;
}

.liuyan .container .biaodan_ly .dan_yg_bd textarea {
    width: 100%;
    height: 180px;
    background-color: #ffffff;
    margin-top: 15px;
    padding-top: 20px;
    padding-left: 20px;
}

.liuyan .container .biaodan_ly .dan_yg_bd1 button {
    width: 100%;
    margin-top: 17px;
    background-color: #4169e1;
    color: #fff;
    font-size: 16px;
    height: 50px;
}

.ny_nr {
    width: 100%;
    padding: 60px 0;
    overflow: hidden;
}

@media only screen and (max-width:1024px) {
    .ny_nr {
        padding: 50px 0;
    }
}

@media only screen and (max-width:992px) {
    .liuyan {
        padding: 50px 0;
    }
    .liuyan .container .biaodan_ly {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .liuyan .container .biaodan_ly .dan_yg_bd {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .liuyan .container .biaodan_ly .dan_yg_bd h5 {
        font-size: 22px;
    }
    .liuyan .container .biaodan_ly .dan_yg_bd input {
        font-size: 20px;
        height: 64px;
    }
    .liuyan .container .biaodan_ly .dan_yg_bd textarea {
        font-size: 20px;
    }
    .liuyan .container .biaodan_ly .dan_yg_bd1 button {
        font-size: 21px;
    }
}


/*新闻资讯*/

.ny_nr .xw_nr .top {
    margin-bottom: 50px;
}

.ny_nr .xw_nr .top .n_r {
    border: solid 1px #DDDDDD;
    box-shadow: 0 0 10px #eee;
}

.ny_nr .xw_nr .top .img {
    width: 100%;
    overflow: hidden;
}

.ny_nr .xw_nr .top .img img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
}

.ny_nr .xw_nr .top .w_z {
    width: 100%;
    padding: 30px 20px;
}

.ny_nr .xw_nr .top .w_z a p {
    color: #323232;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.ny_nr .xw_nr .top .w_z a span {
    display: block;
    color: #636363;
    font-size: 14px;
    background: url(http://www.norkern.com/template/pc/images/g4.png) no-repeat right;
}

.ny_nr .xw_nr .top .n_r:hover .img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.ny_nr .xw_nr .con li {
    margin-bottom: 15px;
    background-color: #FFF;
    padding: 15px 30px;
    border-bottom: solid 3px #FFFFFF;
    box-shadow: 0 0 10px #F3F3F3;
}

.ny_nr .xw_nr .con li .c_n {
    width: 100%;
    overflow: hidden;
}

.ny_nr .xw_nr .con li .c_n .col-lg-2.on {
    border-right: solid 1px #DBDBDB;
}

.ny_nr .xw_nr .con li .c_n .col-lg-8 {
    padding-left: 50px;
}

.ny_nr .xw_nr .con li .c_n .r_q {
    padding: 15px 20px;
}

.ny_nr .xw_nr .con li .c_n .r_q p {
    text-align: center;
    color: #323232;
    font-size: 40px;
}

.ny_nr .xw_nr .con li .c_n .r_q span {
    display: block;
    text-align: center;
    color: #636363;
    font-size: 16px;
}

.ny_nr .xw_nr .con li .c_n .w_z {
   
    display: flex;
    align-items: center;
    height: 100%;
}

.ny_nr .xw_nr .con li .c_n .w_z p {
    display: none;
}

.ny_nr .xw_nr .con li .c_n .w_z a {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
}

.ny_nr .xw_nr .con li .c_n .m_r {
    margin-top: 35px;
}

.ny_nr .xw_nr .con li .c_n .m_r a {
    display: block;
    width: 145px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: solid 1px #DBDBDB;
    color: #323232;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ny_nr .xw_nr .con li:hover {
    border-bottom: solid 3px #356EC3;
}

.ny_nr .xw_nr .con li:hover .r_q {
    background-color: #356EC3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ny_nr .xw_nr .con li:hover .r_q p {
    color: #FFF
}

.ny_nr .xw_nr .con li:hover .r_q span {
    color: #FFF
}

.ny_nr .xw_nr .con li:hover .w_z a {
    color: #356EC3;
}

.ny_nr .xw_nr .con li:hover .m_r a {
    background-color: #356EC3;
    color: #FFF;
}

@media only screen and (max-width:1024px) {
    .ny_nr .xw_nr .top {
        margin-bottom: 20px;
    }
    .ny_nr .xw_nr .top .w_z {
        padding: 10px 15px;
    }
    .ny_nr .xw_nr .top .w_z a p {
        font-size: 14px;
    }
    .ny_nr .xw_nr .top .n_r {
        margin-bottom: 15px;
    }
    .ny_nr .xw_nr .con li {
        padding: 10px 15px;
    }
    .ny_nr .xw_nr .con li .c_n .col-lg-8 {
        padding-left: 30px;
    }
    .ny_nr .xw_nr .con li .c_n .r_q {
        padding: 10px 15px;
    }
    .ny_nr .xw_nr .con li .c_n .r_q p {
        font-size: 30px;
    }
    .ny_nr .xw_nr .con li .c_n .r_q span {
        font-size: 13px;
    }
    .ny_nr .xw_nr .con li .c_n .w_z {
        margin-top: 15px;
    }
    .ny_nr .xw_nr .con li .c_n .w_z p {
        display: block;
        line-height: 30px;
    }
    .ny_nr .xw_nr .con li .c_n .w_z a {
        font-size: 14px;
    }
    .ny_nr .xw_nr .con li .c_n .m_r {
        margin-top: 15px;
    }
    .ny_nr .xw_nr .con li .c_n .m_r a {
        width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
}

@media only screen and (max-width:768px) {
    .ny_nr .xw_nr .top {
        margin-bottom: 20px;
    }
    .ny_nr .xw_nr .top .w_z {
        padding: 10px 15px;
    }
    .ny_nr .xw_nr .top .w_z a p {
        font-size: 22px;
    }
    .ny_nr .xw_nr .top .w_z a span {
        font-size: 18px;
    }
    .ny_nr .xw_nr .top .n_r {
        margin-bottom: 15px;
    }
    .ny_nr .xw_nr .con li {
        padding: 10px 15px;
    }
    .ny_nr .xw_nr .con li .c_n .col-lg-8 {
        padding-left: 15px;
    }
    .ny_nr .xw_nr .con li .c_n .r_q {
        display: none;
    }
    .ny_nr .xw_nr .con li .c_n .w_z {
        margin-top: 15px;
    }
    .ny_nr .xw_nr .con li .c_n .w_z p {
        display: block;
        line-height: 30px;
    }
    .ny_nr .xw_nr .con li .c_n .w_z a {
        font-size: 22px;
    }
    .ny_nr .xw_nr .con li .c_n .m_r {
        margin-top: 18px;
    }
    .ny_nr .xw_nr .con li .c_n .w_z p {
        font-size: 18px;
    }
    .ny_nr .xw_nr .con li .c_n .m_r a {
        width: 155px;
        height: 56px;
        line-height: 56px;
        font-size: 19px;
    }
}


/* 系统下载 */

.nei_xtxz {
    padding-bottom: 80px;
}

.bt_xz h5 {
    font-size: 30px;
    color: #4169e1;
    font-weight: bold;
}

.bt_xz h6 {
    font-size: 16px;
    color: #262626;
    margin-top: 10px;
}

.nei_xtxz .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    position: relative;
}

.nei_xtxz .container .zuo {
    flex: 0 0 60%;
    max-width: 60%;
}

.nei_xtxz .container .zuo .xtxz_gd .hd {
    position: absolute;
    right: 0;
    top: 0;
}

.nei_xtxz .container .zuo .xtxz_gd .hd .next img {
    transform: rotate( 89deg);
}

.nei_xtxz .container .zuo .xtxz_gd .hd .prev img {
    transform: rotate( 89deg);
}

.nei_xtxz .container .you {
    flex: 0 0 36%;
    max-width: 36%;
}

.nei_xtxz .container .you img {
    width: 100%;
}

.nei_xtxz .gundong {
    margin-top: 50px;
}

.nei_xtxz .gundong .xtxz_gd .bd a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 90px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.nei_xtxz .gundong .xtxz_gd .bd a h5 {
    font-size: 18px;
    color: #121212;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.nei_xtxz .gundong .xtxz_gd .bd a h6 {
    font-size: 15px;
    color: #939393;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.nei_xtxz .gundong .xtxz_gd .bd a .zasa_zuo {
    flex: 0 0 80%;
    max-width: 80%;
}

@media only screen and (max-width:992px) {
    .nei_xtxz .container .zuo {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nei_xtxz .container .you {
        flex: 0 0 100%;
        margin-top: 30px;
        max-width: 100%;
    }
    .nei_xtxz .container .zuo .xtxz_gd .hd {
        display: none;
    }
    .bt_xz h6 {
        font-size: 18px;
    }
    .nei_xtxz .gundong .xtxz_gd .bd a h5 {
        font-size: 22px;
    }
    .nei_xtxz .gundong .xtxz_gd .bd a h6 {
        font-size: 18px;
    }
    .nei_xtxz .gundong .xtxz_gd .bd a {
        height: 100px;
    }
    .nei_xtxz {
        padding: 50px 0;
    }
}


/* 资料下载 */

.nei_zlxz {
    padding: 75px 0 96px;
}

.nei_zlxz .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.nei_zlxz .container .zuo {
    flex: 0 0 33%;
}

.nei_zlxz .container .zuo img {
    width: 100%;
}

.nei_zlxz .container .you {
    flex: 0 0 62%;
    max-width: 62%;
    position: relative;
}

.nei_zlxz .container .you .zlxz_gd {
    margin-top: 10px;
}

.nei_zlxz .container .you .zlxz_gd .hd {
    position: absolute;
    right: 0;
    top: 0;
}

.nei_zlxz .container .you .zlxz_gd .hd .next img {
    transform: rotate( 89deg);
}

.nei_zlxz .container .you .zlxz_gd .hd .prev img {
    transform: rotate( 89deg);
}

.nei_zlxz .container .you .zlxz_gd .bd a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 70px;
}

.nei_zlxz .container .you .zlxz_gd .bd a .zasa_zuo {
    font-size: 16px;
    color: #7f7f7f;
    flex: 0 0 80%;
    max-width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.nei_zlxz .container .you .zlxz_gd .bd a .upu_you {
    font-size: 16px;
    color: #7f7f7f;
}

.nei_zlxz .container .you .zlxz_gd .bd a .upu_you img {
    margin-right: 10px;
}

.nei_zlxz .zl_xiazai_bai {
    margin-top: 50px;
    background-color: #ffffff;
    padding: 30px;
}

.nei_zlxz .zl_xiazai_bai .shang_h5 {
    padding-bottom: 28px;
    font-size: 20px;
    color: #323232;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
}

@media only screen and (max-width:992px) {
    .nei_zlxz {
        padding: 50px 0;
    }
    .nei_zlxz .container .zuo {
        flex: 0 0 100%;
    }
    .nei_zlxz .container .you {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px;
    }
    .nei_zlxz .container .you .zlxz_gd .hd {
        display: none;
    }
    .nei_zlxz .zl_xiazai_bai .shang_h5 {
        font-size: 22px;
        padding-bottom: 18px;
    }
    .nei_zlxz .container .you .zlxz_gd .bd a .zasa_zuo {
        font-size: 20px;
    }
    .nei_zlxz .container .you .zlxz_gd .bd a {
        height: 100px;
    }
    .nei_zlxz .container .you .zlxz_gd .bd a .upu_you {
        font-size: 18px;
    }
}


 /* 新闻内页 */
    
 .ny_nr .xw_xq {
    padding: 30px 0px;
}

.ny_nr .xw_xq .xq_lf .xq_tl {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}

.ny_nr .xw_xq .xq_lf .xq_fc {
    width: 100%;
    border-bottom: solid 1px #cacaca;
    padding: 20px 0px;
}

.ny_nr .xw_xq .xq_lf .xq_fc .right {
    text-align: right;
}

.ny_nr .xw_xq .xq_nr {
    width: 100%;
    overflow: hidden;
    padding: 20px 0px;
    line-height: 30px;
    font-size: 14px;
}

.ny_nr .xw_xq .xq_nr img {
    max-width: 100%;
    
}

.ny_nr .xw_xq .xq_fy {
    text-align: center;
    padding: 15px 0px;
}

.ny_nr .xw_xq .xq_fy a {
    display: inline-block;
    margin: 0px 15px;
    padding: 10px 20px;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 14px;
}

.ny_nr .xw_xq .xq_rt {
    width: 100%;
    overflow: hidden;
    margin-top: 56px;
}

.ny_nr .xw_xq .xq_rt .rt_bt {
    font-size: 24px;
    font-weight: bold;
    background-color: #000000;
    color: #FFFFFF;
    padding: 15px 0px;
    text-align: center;
}

.ny_nr .xw_xq .xq_rt .rt_lb li a {
    display: block;
    border-bottom: dashed 1px #cccccc;
    line-height: 56px;
    font-size: 14px;
    color: #666;
}

@media only screen and (max-width:640px) {
    .ny_nr .xw_xq {
        padding: 20px 0px;
    }
    .ny_nr .xw_xq .xq_lf .xq_tl {
        font-size: 22px;
    }
    .ny_nr .xw_xq .xq_lf .xq_fc {
        padding: 15px 0px;
    }
    .ny_nr .xw_xq .xq_lf .xq_fc .right {
        text-align: center;
    }
    .ny_nr .xw_xq .xq_fy {
        padding: 10px 0px;
    }
    .ny_nr .xw_xq .xq_fy a {
        margin: 0px 10px;
        padding: 10px 15px;
    }
    .ny_nr .xw_xq .xq_rt {
        margin-top: 15px;
    }
    .ny_nr .xw_xq .xq_rt .rt_bt {
        font-size: 20px;
        padding: 10px 0px;
    }
    .ny_nr .xw_xq .xq_rt .rt_lb li a {
        line-height: 40px;
    }
}


.nei_cp{
padding-bottom: 97px;
}
.ej_tiao_heng {
    height: 80px;
    background-color: #fff;
    display: flex;
  
    align-items: center;
    flex-wrap: wrap;
}
.ej_tiao_heng .container a,.ej_tiao_heng .container {
font-size: 16px;
color: #646464;
}.ej_tiao_heng .container span{
    color: #323232;
}.ej_tiao_heng .container img{
    margin-right: 15px;
}